:root {
  --ink:#17213b;
  --muted:#68738d;
  --blue:#2a5be8;
  --deep:#193cbb;
  --cyan:#4cd7ed;
  --violet:#7865ef;
  --line:#e4e9f5;
  --pale:#f5f7ff;
  --surface:#fff;
  --shadow:0 28px 80px rgba(38,67,137,.11)
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px
}
body {
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit
}
a:focus-visible {
  outline:3px solid var(--cyan);
  outline-offset:4px;
  border-radius:5px
}
img {
  display:block;
  max-width:100%
}
button,a {
  -webkit-tap-highlight-color:transparent
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  line-height:1.1;
  letter-spacing:-.045em
}
.shell {
  width:min(1200px,calc(100% - 64px));
  margin-inline:auto
}
.skip-link {
  position:absolute;
  left:12px;
  top:-70px;
  z-index:100;
  padding:10px 14px;
  border-radius:10px;
  background:#fff;
  color:var(--blue)
}
.skip-link:focus {
  top:12px
}
.site-header {
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(226,232,246,.8);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px)
}
.header-inner {
  width:min(1320px,calc(100% - 64px));
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:80px
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:1.26rem;
  font-weight:780;
  letter-spacing:-.055em;
  text-decoration:none;
  white-space:nowrap
}
.brand-icon {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  background:#f3f7ff;
  box-shadow:inset 0 0 0 1px #e5ecff
}
.brand-icon img {
  width:29px;
  height:29px;
  object-fit:contain
}
nav {
  display:flex;
  gap:clamp(16px,2.5vw,36px);
  align-items:center
}
nav a {
  text-decoration:none;
  font-size:.91rem;
  font-weight:600;
  color:#5f6a82;
  transition:color .2s
}
nav a:hover {
  color:var(--blue)
}
.header-cta {
  display:inline-flex;
  align-items:center;
  gap:19px;
  padding:11px 16px;
  border:1px solid #dfe6f7;
  border-radius:12px;
  color:var(--deep);
  text-decoration:none;
  font-size:.88rem;
  font-weight:750;
  white-space:nowrap;
  box-shadow:0 3px 12px rgba(40,74,149,.04)
}
.header-cta:hover {
  background:var(--pale)
}
.hero {
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:clamp(20px,4vw,80px);
  align-items:center;
  min-height:690px;
  padding-block:78px 84px
}
.hero-copy {
  position:relative;
  z-index:2
}
.announcement {
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:fit-content;
  margin-bottom:30px;
  padding:8px 11px;
  border:1px solid #e1e7f7;
  border-radius:999px;
  background:#f8faff;
  color:#4b5d8e;
  font-size:.76rem;
  font-weight:720;
  letter-spacing:.02em
}
.announcement-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#39c6dc;
  box-shadow:0 0 0 4px #d9f9fd
}
.announcement-arrow {
  margin-left:5px;
  color:var(--blue)
}
.hero h1 {
  font-size:clamp(3.75rem,5.9vw,6.5rem);
  letter-spacing:-.075em;
  line-height:.99;
  margin:0 0 26px;
  font-weight:760
}
.hero h1 span {
  background:linear-gradient(92deg,#2165e9 10%,#615fe2 70%,#8d72e9);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent
}
.hero-description {
  max-width:575px;
  color:#647089;
  font-size:clamp(1.06rem,1.5vw,1.22rem);
  line-height:1.67;
  margin-bottom:30px
}
.hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px
}
.button {
  min-height:54px;
  padding:0 21px;
  border-radius:14px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  text-decoration:none;
  font-size:.92rem;
  font-weight:760;
  transition:transform .2s,box-shadow .2s,background .2s
}
.button:hover {
  transform:translateY(-2px)
}
.button-primary {
  color:#fff;
  background:linear-gradient(110deg,#2459e8,#6658e8);
  box-shadow:0 14px 26px rgba(44,78,224,.22)
}
.button-primary:hover {
  box-shadow:0 17px 32px rgba(44,78,224,.27)
}
.button-quiet {
  background:#f6f8ff;
  color:#2a4ea6
}
.button-quiet:hover {
  background:#eef2ff
}
.hero-facts {
  display:flex;
  flex-wrap:wrap;
  gap:11px 23px;
  margin-top:31px;
  color:#717d94;
  font-size:.79rem;
  font-weight:600
}
.hero-facts span {
  display:inline-flex;
  align-items:center;
  gap:7px
}
.fact-check {
  width:17px;
  height:17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#e7f8f4;
  color:#19a584;
  font-size:.72rem;
  font-weight:850
}
.hero-art {
  position:relative;
  min-height:720px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:19px;
  isolation:isolate;
  margin:0
}
.hero-aura {
  position:absolute;
  inset:20px 0 15px;
  border-radius:50%;
  background:radial-gradient(circle at 55% 48%,#d9e4ff 0,#edf2ff 34%,#f5f7ff 54%,transparent 70%);
  z-index:-1
}
.hero-art:after {
  content:"";
  position:absolute;
  left:10%;
  right:7%;
  bottom:22px;
  height:70px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(75,91,161,.16),transparent 70%);
  filter:blur(20px);
  z-index:-1
}
.real-phone {
  width:min(310px,76%);
  border:7px solid #17213b;
  border-radius:44px;
  background:#17213b;
  box-shadow:0 38px 72px rgba(26,47,96,.25),0 10px 20px rgba(18,42,95,.16);
  position:relative;
  z-index:2;
  overflow:hidden
}
.real-phone img {
  display:block;
  width:100%;
  height:auto;
  border-radius:36px;
  filter:brightness(1.27) contrast(1.05) saturate(1.04)
}
.hero-art-caption {
  margin:0;
  color:#65738f;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.01em
}
.hero-art-caption span {
  color:#35bed6;
  margin-right:6px
}
.signal-strip {
  border-top:1px solid #e9eef8;
  border-bottom:1px solid #e9eef8;
  background:#fafbff
}
.signal-inner {
  min-height:78px;
  display:flex;
  justify-content:space-around;
  align-items:center;
  gap:20px;
  color:#5b6d9a;
  font-size:.88rem;
  font-weight:700
}
.signal-inner i {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#acbce4
}
.demo-section {
  display:grid;
  grid-template-columns:1fr .9fr;
  align-items:center;
  gap:clamp(45px,7vw,110px);
  padding-block:105px 112px
}
.demo-copy h2 {
  font-size:clamp(2.6rem,4vw,4.4rem);
  letter-spacing:-.065em;
  margin:0 0 20px
}
.demo-copy>p:not(.eyebrow) {
  color:var(--muted);
  font-size:1.05rem;
  max-width:540px
}
.demo-steps {
  list-style:none;
  padding:0;
  margin:30px 0 20px;
  display:grid;
  gap:18px
}
.demo-steps li {
  display:flex;
  align-items:flex-start;
  gap:16px
}
.demo-steps li>span {
  flex:none;
  display:grid;
  place-items:center;
  width:41px;
  height:41px;
  border-radius:13px;
  background:#eaf1ff;
  color:#3565d7;
  font-size:.77rem;
  font-weight:850
}
.demo-steps strong {display:block;font-size:1rem}
.demo-steps p {margin:2px 0 0;color:var(--muted);font-size:.9rem}
.demo-copy .demo-note {font-size:.78rem!important;color:#8995aa!important;margin:0}
.demo-visual {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
  padding:30px;
  border:1px solid #e7ecf9;
  border-radius:34px;
  background:radial-gradient(circle at 50% 30%,#dde9ff,#f6f8ff 65%);
  box-shadow:0 18px 45px rgba(37,67,130,.08)
}
.demo-video {
  width:min(268px,100%);
  display:block;
  height:auto;
  aspect-ratio:384 / 848;
  object-fit:contain;
  border:7px solid #17213b;
  border-radius:37px;
  background:#17213b;
  box-shadow:0 24px 48px rgba(21,38,84,.22);
  filter:brightness(1.27) contrast(1.05) saturate(1.04)
}
.demo-meta {
  width:min(268px,100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.demo-length {font-size:.75rem;font-weight:750;color:#65738f}
.demo-toggle {
  border:0;
  background:none;
  padding:4px 0;
  color:#2857c8;
  font:inherit;
  font-size:.75rem;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap
}
.demo-toggle:hover {text-decoration:underline}
.demo-toggle:focus-visible {outline:3px solid var(--cyan);outline-offset:3px;border-radius:3px}
.section {
  padding-block:115px
}
.section-intro {
  max-width:680px;
  margin-bottom:37px
}
.eyebrow {
  font-size:.75rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#4269cf;
  font-weight:850;
  margin-bottom:13px
}
.section-intro h2,.plans-heading h2,.feature-copy h2,.faq-section h2,.final-cta h2 {
  font-size:clamp(2.35rem,4vw,4.2rem);
  letter-spacing:-.065em;
  margin:0 0 14px;
  line-height:1.08
}
.section-intro>p:last-child {
  max-width:520px;
  color:var(--muted);
  font-size:1.05rem;
  margin-bottom:0
}
.steps-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.step-card {
  padding:29px;
  border:1px solid #e5eafa;
  border-radius:24px;
  box-shadow:0 10px 32px rgba(34,68,139,.045);
  background:#fff
}
.step-icon {
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:17px;
  font-size:24px;
  margin-bottom:37px
}
.step-icon-blue {
  background:#e9f2ff;
  color:#397ef1
}
.step-icon-violet {
  background:#f0edff;
  color:#7864ee
}
.step-icon-cyan {
  background:#e8fafd;
  color:#2eb3cf
}
.step-number {
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.14em;
  color:#8493b5
}
.step-card h3 {
  font-size:1.24rem;
  letter-spacing:-.035em;
  margin:11px 0 10px
}
.step-card p {
  font-size:.94rem;
  color:var(--muted);
  margin:0
}
.feature-section {
  background:#f5f7ff;
  overflow:hidden
}
.feature-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(48px,8vw,110px);
  align-items:center;
  min-height:680px;
  padding-block:75px
}
.feature-visual {
  min-height:500px;
  display:grid;
  place-items:center;
  position:relative
}
.feature-visual-glow {
  position:absolute;
  inset:0 7%;
  border-radius:50%;
  background:radial-gradient(circle,#dae2ff 0,#e8ecff 43%,transparent 72%)
}
.feature-screen {
  position:relative;
  margin:0;
  width:min(240px,65%);
  border:6px solid #17213b;
  border-radius:40px;
  background:#17213b;
  box-shadow:0 32px 70px rgba(35,58,115,.2)
}
.feature-screen img {
  display:block;
  width:100%;
  height:auto;
  border-radius:32px;
  filter:brightness(1.27) contrast(1.05) saturate(1.04)
}
.feature-screen figcaption {
  position:absolute;
  top:50%;
  right:calc(-100% - 28px);
  transform:translateY(-50%);
  width:150px;
  padding:12px 14px;
  border:1px solid #dfe7f7;
  border-radius:14px;
  background:#fff;
  color:#52617e;
  box-shadow:0 16px 35px rgba(45,68,135,.12);
  font-size:.79rem;
  font-weight:700
}
.feature-copy>p:not(.eyebrow) {
  color:var(--muted);
  font-size:1.07rem;
  max-width:530px
}
.feature-list {
  display:grid;
  gap:22px;
  margin-top:28px
}
.feature-list>div {
  display:flex;
  align-items:start;
  gap:14px
}
.feature-list-icon {
  width:34px;
  height:34px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#e7ebff;
  color:#6470df;
  flex:none;
  font-size:18px
}
.feature-list strong,.feature-list small {
  display:block
}
.feature-list strong {
  font-size:.97rem
}
.feature-list small {
  color:var(--muted);
  font-size:.86rem;
  margin-top:1px
}
.moments-section {
  padding-bottom:105px
}
.moments-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px
}
.moments-grid article {
  padding:24px;
  border:1px solid #e6ebf5;
  border-radius:20px;
  background:#fff;
  min-height:188px
}
.moment-icon {
  width:42px;
  height:42px;
  border-radius:13px;
  background:#eff4ff;
  color:#4b70dc;
  display:grid;
  place-items:center;
  font-size:24px
}
.moments-grid h3 {
  font-size:1.07rem;
  margin:19px 0 5px
}
.moments-grid p {
  font-size:.88rem;
  color:var(--muted);
  margin:0
}
.safety-note {
  color:#8791a4;
  font-size:.8rem;
  margin:22px 0 0
}
.plans-section {
  background:#f5f7fd;
  padding:108px 0 100px
}
.plans-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:41px
}
.plans-heading>div {
  max-width:660px
}
.plans-heading h2 {
  margin:0
}
.plans-heading>p {
  max-width:335px;
  color:var(--muted);
  font-size:.98rem;
  margin:0 0 4px
}
.plans-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px
}
.plan-card {
  min-height:316px;
  padding:28px;
  border:1px solid #e2e8f5;
  border-radius:24px;
  background:#fff;
  position:relative;
  display:flex;
  flex-direction:column;
  box-shadow:0 12px 28px rgba(39,70,132,.045)
}
.plan-featured {
  border:1.5px solid #5879e9;
  box-shadow:0 23px 45px rgba(59,86,187,.13)
}
.popular-badge {
  position:absolute;
  right:19px;
  top:-13px;
  background:linear-gradient(100deg,#345fea,#7564ea);
  color:#fff;
  padding:6px 11px;
  border-radius:8px;
  font-size:.6rem;
  font-weight:850;
  letter-spacing:.11em
}
.plan-top {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.plan-kicker {
  font-size:.72rem;
  color:#7c8aa8;
  font-weight:700
}
.plan-icon {
  font-size:18px;
  color:#7594ef
}
.plan-card h3 {
  font-size:1.75rem;
  margin:24px 0 14px
}
.plan-amount {
  font-size:3.1rem;
  letter-spacing:-.075em;
  font-weight:780;
  line-height:1
}
.plan-amount span {
  font-size:.82rem;
  letter-spacing:0;
  font-weight:600;
  color:#7a859b
}
.plan-card p {
  color:var(--muted);
  font-size:.9rem;
  margin:18px 0 27px
}
.plan-foot {
  margin-top:auto;
  color:#3f63c2;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.04em
}
.topup-card {
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:18px;
  padding:22px 26px;
  border:1px solid #dee7f7;
  border-radius:20px;
  background:#fff
}
.topup-icon {
  width:47px;
  height:47px;
  border-radius:14px;
  background:#eaf7ff;
  color:#399be1;
  display:grid;
  place-items:center;
  font-size:27px;
  flex:none
}
.topup-card strong {
  display:block;
  font-size:1.04rem
}
.topup-card p {
  color:var(--muted);
  font-size:.87rem;
  margin:2px 0 0
}
.topup-tag {
  margin-left:auto;
  white-space:nowrap;
  padding:8px 12px;
  border-radius:999px;
  background:#edf4ff;
  color:#4268c6;
  font-size:.74rem;
  font-weight:800
}
.pricing-note {
  color:#7c879f;
  font-size:.8rem;
  line-height:1.6;
  margin:19px 0 0;
  max-width:750px
}
.faq-section {
  display:grid;
  grid-template-columns:.55fr 1fr;
  gap:70px
}
.faq-section .section-intro {
  margin:0
}
.faq-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:27px 36px
}
.faq-grid>div {
  border-top:1px solid #e2e8f4;
  padding-top:17px
}
.faq-grid h3 {
  font-size:1.03rem;
  letter-spacing:-.025em;
  margin-bottom:8px
}
.faq-grid p {
  color:var(--muted);
  font-size:.88rem;
  margin:0
}
.final-cta {
  position:relative;
  overflow:hidden;
  min-height:338px;
  border-radius:30px;
  padding:59px 68px;
  margin-bottom:85px;
  background:linear-gradient(115deg,#1d45c2 0,#315ddc 48%,#765ce0 100%);
  color:#fff
}
.cta-glow {
  position:absolute;
  right:-8%;
  top:-150px;
  width:600px;
  height:600px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(120,242,255,.42),rgba(255,255,255,.08) 40%,transparent 68%)
}
.cta-content {
  position:relative;
  z-index:2;
  max-width:690px
}
.final-cta .eyebrow {
  color:#b6eafa
}
.final-cta h2 {
  margin-bottom:13px
}
.final-cta p:not(.eyebrow) {
  color:#dce9ff;
  font-size:1.04rem
}
.button-light {
  margin-top:9px;
  background:#fff;
  color:#2b50c6
}
.button-light:hover {
  background:#eff4ff
}
.cta-mark {
  position:absolute;
  right:3%;
  bottom:-38%;
  width:405px;
  opacity:.19;
  filter:brightness(0) invert(1);
  transform:rotate(15deg)
}
.site-footer {
  display:flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap;
  padding-bottom:37px
}
.footer-brand {
  font-size:1.02rem
}
.footer-brand .brand-icon {
  width:28px;
  height:28px
}
.footer-brand .brand-icon img {
  width:23px;
  height:23px
}
.site-footer p {
  margin:0 auto 0 0;
  font-size:.76rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8b99b2;
  font-weight:750
}
.site-footer>div {
  display:flex;
  gap:20px
}
.site-footer>div a {
  text-decoration:none;
  color:#68758e;
  font-size:.83rem;
  font-weight:600
}
.site-footer>div a:hover {
  color:var(--blue)
}
.copyright {
  color:#9ba5b8;
  font-size:.77rem
}
.legal {
  max-width:850px;
  margin:0 auto;
  padding:80px 30px 115px
}
.legal h1 {
  font-size:clamp(2.7rem,5vw,4.7rem);
  margin-bottom:12px
}
.legal h2 {
  font-size:1.43rem;
  letter-spacing:-.035em;
  margin:36px 0 9px
}
.legal p,.legal li {
  color:var(--muted);
  font-size:1rem;
  line-height:1.7
}
.legal a {
  color:var(--blue)
}
.legal .legal-updated {
  font-size:.87rem;
  color:#8994a8;
  margin-bottom:31px
}
@media(max-width:1080px) {
  .hero h1 {
    font-size:clamp(3.2rem,6vw,5rem)
  }
  .faq-section {
    gap:40px
  }
}
@media(max-width:850px) {
  .header-cta {
    display:none
  }
  .hero {
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:70px;
    padding-bottom:35px
  }
  .hero-copy {
    max-width:730px
  }
  .hero-art {min-height:690px}
  .demo-section {grid-template-columns:1fr;gap:36px;padding-block:85px}
  .demo-copy {max-width:680px}
  .demo-visual {max-width:560px;width:100%;margin-inline:auto}
  .feature-grid {
    grid-template-columns:1fr;
    gap:12px;
    padding-block:70px
  }
  .feature-visual {
    order:2;
    min-height:470px
  }
  .feature-copy {
    order:1
  }
  .moments-grid {
    grid-template-columns:1fr 1fr
  }
  .plans-heading {
    display:block
  }
  .plans-heading>p {
    max-width:650px;
    margin-top:15px
  }
  .faq-section {
    grid-template-columns:1fr;
    gap:26px
  }
  .faq-section .section-intro {
    max-width:620px
  }
}
@media(max-width:650px) {
  .shell,.header-inner {
    width:min(100% - 36px,1200px)
  }
  .header-inner {
    min-height:68px
  }
  .brand {
    font-size:1.1rem
  }
  .brand-icon {
    width:31px;
    height:31px
  }
  .brand-icon img {
    width:25px;
    height:25px
  }
  nav {
    gap:13px
  }
  nav a {
    font-size:.78rem
  }
  nav a[href="#features"] {
    display:none
  }
  .hero {
    padding-top:52px
  }
  .announcement {
    font-size:.69rem;
    margin-bottom:24px
  }
  .hero h1 {
    font-size:clamp(3.22rem,11.5vw,5rem)
  }
  .hero-description {
    font-size:1rem
  }
  .hero-actions .button {
    flex:1;
    font-size:.82rem;
    gap:9px;
    padding-inline:12px;
    white-space:nowrap
  }
  .hero-facts {
    gap:9px 13px;
    margin-top:22px;
    font-size:.73rem
  }
  .hero-art {min-height:610px;margin-top:10px}
  .real-phone {width:min(268px,76%)}
  .demo-section {padding-block:70px}
  .demo-visual {padding:22px}
  .signal-inner {
    font-size:.67rem;
    gap:9px;
    min-height:65px;
    text-align:center
  }
  .signal-inner i {
    flex:none
  }
  .section {
    padding-block:80px
  }
  .section-intro h2,.plans-heading h2,.feature-copy h2,.faq-section h2,.final-cta h2 {
    font-size:clamp(2.1rem,8.2vw,3.2rem)
  }
  .steps-grid,.plans-grid,.faq-grid {
    grid-template-columns:1fr
  }
  .step-card {
    padding:25px
  }
  .step-icon {
    margin-bottom:25px
  }
  .feature-visual {
    min-height:390px
  }
  .conversation-card {
    width:min(390px,94%);
    padding:22px
  }
  .feature-copy>p:not(.eyebrow) {
    font-size:.99rem
  }
  .moments-grid {
    gap:11px
  }
  .moments-grid article {
    padding:18px;
    min-height:168px
  }
  .moments-grid h3 {
    font-size:.96rem
  }
  .moments-grid p {
    font-size:.81rem
  }
  .plans-section {
    padding-block:79px
  }
  .plans-heading {
    margin-bottom:30px
  }
  .plan-card {
    min-height:250px
  }
  .plan-card h3 {
    margin-top:14px
  }
  .plan-card p {
    margin-bottom:18px
  }
  .topup-card {
    flex-wrap:wrap;
    padding:19px
  }
  .topup-tag {
    margin-left:0
  }
  .faq-grid {
    gap:24px
  }
  .final-cta {
    padding:43px 27px;
    min-height:330px;
    margin-bottom:60px;
    border-radius:24px
  }
  .cta-mark {
    width:250px;
    bottom:-24%;
    right:-12%
  }
  .site-footer {
    gap:16px
  }
  .site-footer p {
    margin-right:0
  }
  .site-footer>div {
    width:100%;
    order:3
  }
  .copyright {
    order:4
  }
  .legal {
    padding:60px 20px 90px
  }
}
@media(max-width:380px) {
  .hero-actions {
    flex-direction:column
  }
  .hero-actions .button {
    flex:none
  }
  .hero-art {min-height:560px}
  .real-phone {width:min(250px,75%)}
  .signal-inner span {
    font-size:.61rem
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  .button,nav a {
    transition:none
  }
}