:root {
  color-scheme:dark;
  --navy:#091725;
  --navy-2:#102c40;
  --navy-3:#17374e;
  --ink:#112a3a;
  --lime:#d5fa74;
  --blue:#5ba7ff;
  --cream:#f5f8f5;
  --muted:#a8bfcb;
  --line:rgba(197,224,231,.17);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  font-synthesis:none
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:var(--navy);
  color:#f6fbfd;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
button,a,summary {
  touch-action:manipulation
}
a:focus-visible,summary:focus-visible {
  outline:3px solid var(--lime);
  outline-offset:5px
}
::selection {
  background:var(--lime);
  color:var(--navy)
}
.shell {
  width:min(1200px,calc(100% - 64px));
  margin-inline:auto
}
.skip-link {
  position:absolute;
  left:16px;
  top:-80px;
  background:var(--lime);
  color:var(--navy);
  padding:12px 18px;
  z-index:100
}
.skip-link:focus {
  top:16px
}
.site-header {
  position:sticky;
  top:0;
  z-index:20;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(9,23,37,.83);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px)
}
.nav-row {
  height:78px;
  display:flex;
  align-items:center;
  gap:32px
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:1.3rem;
  font-weight:760;
  letter-spacing:-.055em;
  white-space:nowrap
}
.brand-icon {
  width:39px;
  height:39px;
  flex:none
}
.main-nav {
  display:flex;
  align-items:center;
  gap:30px;
  margin-left:auto;
  color:#c4d3dd;
  font-size:.89rem;
  font-weight:550
}
.main-nav a:hover,.footer-links a:hover {
  color:var(--lime)
}
.nav-cta {
  margin-left:10px;
  border:1px solid #7594a9;
  border-radius:100px;
  padding:12px 17px;
  font-size:.83rem;
  font-weight:730;
  white-space:nowrap;
  transition:.2s
}
.nav-cta:hover {
  background:var(--lime);
  border-color:var(--lime);
  color:var(--navy)
}
.nav-cta span {
  margin-left:5px
}
.hero {
  min-height:760px;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  align-items:center;
  gap:34px;
  padding-block:92px 92px
}
.hero-copy {
  position:relative;
  z-index:2
}
.eyebrow,.kicker {
  font-size:.75rem;
  letter-spacing:.19em;
  font-weight:800
}
.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  border:1px solid #2f5265;
  border-radius:100px;
  color:#d5e5ea;
  letter-spacing:.08em;
  font-weight:680
}
.live-dot {
  display:inline-block;
  width:8px;
  height:8px;
  background:var(--lime);
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(213,250,116,.14)
}
h1,h2,h3,p,blockquote {
  margin-top:0
}
h1 {
  font-size:clamp(4.2rem,5.4vw,5.4rem);
  line-height:.99;
  letter-spacing:-.088em;
  font-weight:790;
  margin:31px 0 31px
}
h1 em,.difference-intro h2 em,.insight-copy h2 em,.closing-grid h2 em {
  font-style:normal;
  color:var(--lime)
}
.hero-lede {
  font-size:1.19rem;
  line-height:1.65;
  color:#bed0db;
  max-width:560px;
  margin-bottom:29px
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:30px;
  flex-wrap:wrap
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  border-radius:100px;
  padding:17px 23px;
  font-weight:770;
  font-size:.94rem;
  transition:transform .2s,background .2s,box-shadow .2s;
  min-height:55px
}
.button:hover {
  transform:translateY(-3px)
}
.button-primary {
  background:var(--lime);
  color:var(--navy);
  box-shadow:0 12px 38px rgba(213,250,116,.14)
}
.button-primary:hover {
  background:#e5ff9d;
  box-shadow:0 16px 48px rgba(213,250,116,.2)
}
.text-link,.light-link {
  font-size:.94rem;
  font-weight:720;
  border-bottom:1px solid currentColor;
  padding-bottom:5px
}
.text-link:hover {
  color:var(--lime)
}
.text-link span,.light-link span {
  margin-left:8px
}
.hero-proof {
  margin-top:38px;
  padding-top:18px;
  border-top:1px solid var(--line);
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  color:#9db8c7;
  font-size:.78rem
}
.hero-proof span:not(:last-child):after {
  content:"•";
  margin-left:16px;
  color:var(--lime)
}
.hero-art {
  height:632px;
  position:relative;
  display:grid;
  place-items:center;
  isolation:isolate;
  background:radial-gradient(circle at 53% 52%,rgba(28,100,139,.35),transparent 62%)
}
.hero-art:before {
  content:"";
  position:absolute;
  inset:7% 2%;
  background-image:linear-gradient(rgba(93,157,186,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(93,157,186,.1) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle,black,transparent 74%);
  z-index:-2
}
.orbit {
  position:absolute;
  border:1px solid rgba(91,167,255,.22);
  border-radius:50%;
  z-index:-1
}
.orbit-one {
  width:580px;
  height:580px
}
.orbit-two {
  width:460px;
  height:460px;
  border-style:dashed;
  transform:rotate(28deg)
}
.phone-frame {
  width:286px;
  height:573px;
  border:8px solid #06111c;
  border-radius:42px;
  box-shadow:0 30px 75px rgba(0,0,0,.55),inset 0 0 0 2px #6186a2;
  transform:rotate(6deg) translate(32px,-7px);
  background:#06111c;
  position:relative
}
.phone-frame:before {
  content:"";
  position:absolute;
  top:8px;
  left:88px;
  width:94px;
  height:19px;
  border-radius:0 0 16px 16px;
  background:#06111c;
  z-index:2
}
.phone-screen {
  height:100%;
  border-radius:33px;
  overflow:hidden;
  background:linear-gradient(155deg,#0e2c43,#071b2a 58%,#0a2030);
  padding:25px 18px 15px;
  display:flex;
  flex-direction:column
}
.phone-status {
  display:flex;
  justify-content:space-between;
  font-size:.67rem;
  font-weight:750;
  opacity:.8
}
.phone-head {
  margin-top:41px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.19em;
  color:#cae2ee
}
.phone-logo {
  color:var(--lime);
  font-size:1.15rem
}
.phone-greeting {
  font-size:1.85rem;
  line-height:1.06;
  letter-spacing:-.055em;
  margin:21px 0 24px;
  color:#b7d0dd
}
.phone-greeting strong {
  color:#fff
}
.session-card {
  padding:17px 16px;
  border:1px solid #44728c;
  border-radius:22px;
  background:linear-gradient(145deg,#1b4964,#12364e 65%,#143146);
  box-shadow:0 20px 32px rgba(0,0,0,.18)
}
.session-top,.session-footer {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.session-label {
  color:var(--lime);
  font-size:.62rem;
  letter-spacing:.16em;
  font-weight:850
}
.session-spark {
  color:var(--lime);
  font-size:1.1rem
}
.session-time {
  font-variant-numeric:tabular-nums;
  font-size:2.45rem;
  letter-spacing:-.05em;
  font-weight:720;
  margin:17px 0 3px
}
.session-sub,.session-footer {
  font-size:.65rem;
  color:#c7dce4
}
.session-track {
  height:5px;
  background:#406980;
  border-radius:5px;
  margin:19px 0 13px
}
.session-track span {
  display:block;
  width:65%;
  height:100%;
  background:var(--lime);
  border-radius:5px
}
.session-footer span:last-child {
  font-size:1.1rem;
  color:var(--lime)
}
.phone-note {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  font-size:.66rem;
  color:#bdd2dd
}
.note-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--blue)
}
.phone-tab {
  margin-top:auto;
  border-top:1px solid #38576c;
  display:flex;
  justify-content:space-around;
  padding-top:13px;
  color:#8baabb;
  font-size:1.15rem
}
.phone-tab span:first-child {
  color:var(--lime)
}
.phone-tab small {
  display:block;
  font-size:.5rem;
  letter-spacing:.02em;
  text-align:center;
  margin-top:2px
}
.key-card {
  width:179px;
  height:179px;
  position:absolute;
  left:2%;
  bottom:57px;
  border:1px solid #47738d;
  border-radius:25px;
  background:linear-gradient(135deg,#10324d,#071827);
  box-shadow:0 30px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12);
  transform:rotate(-12deg);
  padding:17px
}
.key-card-top {
  display:flex;
  justify-content:space-between;
  font-size:.62rem;
  letter-spacing:.14em;
  color:#b3d4e7;
  font-weight:750
}
.key-card svg {
  display:block;
  width:110px;
  height:110px;
  margin:3px auto -3px
}
.key-card-label {
  font-size:.54rem;
  letter-spacing:.14em;
  color:#97bbcf;
  font-weight:800
}
.art-caption {
  position:absolute;
  right:10px;
  bottom:19px;
  color:#7f9db0;
  font-size:.69rem
}
.marquee-band {
  border-top:1px solid #25465b;
  border-bottom:1px solid #25465b;
  background:#10283b
}
.marquee-inner {
  min-height:71px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  font-size:.68rem;
  font-weight:780;
  letter-spacing:.15em;
  color:#c9d9e1
}
.marquee-inner b {
  color:var(--lime);
  font-size:1rem
}
.section {
  padding-block:126px
}
.kicker {
  color:#79bee8;
  margin-bottom:22px
}
.section-heading {
  display:grid;
  grid-template-columns:1fr 330px;
  align-items:end;
  column-gap:80px;
  margin-bottom:55px
}
.section-heading .kicker {
  grid-column:1/-1
}
.section-heading h2,.difference-intro h2,.insight-copy h2,.faq-intro h2,.closing-grid h2 {
  font-size:clamp(3.1rem,5vw,5.3rem);
  letter-spacing:-.075em;
  line-height:1.03;
  font-weight:770;
  margin:0
}
.section-heading h2 span,.faq-intro h2 span {
  color:#9bb7c7
}
.section-heading>p:last-child {
  color:#a9c0ce;
  font-size:1.03rem;
  line-height:1.65;
  margin:0 0 5px
}
.steps-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:17px
}
.step-card {
  border:1px solid #2c4b5e;
  border-radius:27px;
  padding:23px;
  background:linear-gradient(150deg,#16364d,#112a3e);
  min-height:465px
}
.step-number {
  display:flex;
  justify-content:space-between;
  font-size:.7rem;
  font-weight:850;
  color:var(--lime);
  letter-spacing:.12em
}
.step-number span {
  font-size:1.3rem
}
.step-visual {
  height:189px;
  margin:25px 0 29px;
  border-radius:19px;
  overflow:hidden;
  background:#0b2233
}
.visual-select {
  padding:27px 19px
}
.mini-row {
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 10px;
  margin-bottom:8px;
  border-radius:9px;
  background:#193a51;
  color:#d6e8ee;
  font-size:.72rem;
  font-weight:650
}
.mini-row:first-child {
  outline:1px solid #6eb1de
}
.mini-row span:nth-child(2) {
  flex:1
}
.mini-square {
  width:22px;
  height:22px;
  border-radius:6px
}
.mini-square.blue {
  background:#347fd8
}
.mini-square.lime {
  background:#aad955
}
.mini-square.muted {
  background:#567188
}
.mini-check {
  color:var(--lime)
}
.visual-card {
  display:grid;
  place-items:center;
  position:relative;
  background:radial-gradient(circle,#234a5e,#0b2233 70%)
}
.tap-card {
  width:142px;
  height:112px;
  border:1px solid #6f9db7;
  border-radius:16px;
  background:linear-gradient(130deg,#173c56,#092236);
  transform:rotate(-12deg);
  box-shadow:0 17px 25px rgba(0,0,0,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  color:var(--lime)
}
.tap-rings {
  font-size:2rem;
  font-weight:760
}
.tap-card span:last-child {
  font-size:.55rem;
  letter-spacing:.2em;
  font-weight:850
}
.tap-wave {
  width:210px;
  height:210px;
  border:1px solid #3d738d;
  border-radius:50%;
  position:absolute;
  z-index:-1
}
.visual-chart {
  padding:25px 22px
}
.chart-head,.panel-top {
  display:flex;
  justify-content:space-between;
  font-size:.57rem;
  letter-spacing:.14em;
  font-weight:800;
  color:#9bbccf
}
.tiny-bars {
  height:96px;
  display:flex;
  align-items:end;
  gap:8px;
  margin-top:14px
}
.tiny-bars i {
  flex:1;
  height:var(--h);
  background:linear-gradient(var(--lime),#8ccca0);
  border-radius:5px 5px 0 0
}
.tiny-bars i:nth-child(even) {
  background:linear-gradient(#83bffe,#3f83c8)
}
.chart-caption {
  font-size:.57rem;
  color:#8daabb;
  margin-top:10px
}
.step-card h3 {
  font-size:1.39rem;
  letter-spacing:-.035em;
  margin:0 0 9px
}
.step-card>p {
  font-size:.9rem;
  line-height:1.65;
  color:#aec4cf;
  margin:0
}
.difference-section {
  background:var(--cream);
  color:var(--ink);
  padding-block:126px
}
.difference-grid {
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:100px
}
.difference-intro .kicker {
  color:#2e719e
}
.difference-intro h2 em {
  color:#3b7e35
}
.difference-intro>p:not(.kicker) {
  font-size:1.1rem;
  color:#496778;
  line-height:1.67;
  max-width:450px;
  margin-top:25px
}
.light-link {
  display:inline-block;
  margin-top:14px;
  color:#1b5578
}
.difference-list {
  border-top:1px solid #bed1d9
}
.difference-list article {
  display:grid;
  grid-template-columns:54px 1fr 25px;
  gap:18px;
  padding:27px 0;
  border-bottom:1px solid #bed1d9
}
.feature-icon {
  width:48px;
  height:48px;
  border-radius:15px;
  background:#dcebf2;
  display:grid;
  place-items:center;
  color:#1a6ba5;
  font-size:1.7rem
}
.difference-list h3 {
  font-size:1.17rem;
  letter-spacing:-.03em;
  margin:0 0 6px
}
.difference-list p {
  margin:0;
  color:#597383;
  line-height:1.55;
  font-size:.92rem
}
.feature-index {
  font-size:.7rem;
  font-weight:800;
  color:#7494a4
}
.insight-section {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  align-items:center;
  gap:100px
}
.insight-copy h2 em {
  color:var(--lime)
}
.insight-copy>p:not(.kicker) {
  font-size:1.1rem;
  line-height:1.65;
  color:#afc5d0;
  margin:28px 0
}
.insight-tags {
  display:flex;
  flex-wrap:wrap;
  gap:9px
}
.insight-tags span {
  padding:9px 12px;
  border:1px solid #3d6276;
  border-radius:100px;
  color:#c7dbe2;
  font-size:.73rem;
  font-weight:620
}
.insight-panel {
  border:1px solid #44677b;
  border-radius:30px;
  padding:35px;
  background:linear-gradient(145deg,#1c435b,#112c40);
  box-shadow:0 25px 65px rgba(0,0,0,.2)
}
.panel-top {
  font-size:.65rem
}
.panel-top span:last-child {
  color:var(--lime)
}
.panel-metric {
  font-size:5.2rem;
  font-weight:750;
  letter-spacing:-.085em;
  margin-top:25px;
  line-height:1
}
.panel-metric span {
  color:var(--lime)
}
.panel-caption {
  font-size:.86rem;
  color:#a9c3d0;
  margin-top:7px
}
.large-bars {
  height:190px;
  display:flex;
  align-items:end;
  gap:19px;
  margin:27px 0 0;
  padding-bottom:25px;
  border-bottom:1px solid #45677a
}
.large-bars div {
  height:100%;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:end;
  align-items:center;
  gap:12px
}
.large-bars i {
  display:block;
  width:100%;
  height:var(--h);
  border-radius:7px 7px 0 0;
  background:linear-gradient(180deg,#d5fa74,#7fbba4)
}
.large-bars div:nth-child(even) i {
  background:linear-gradient(180deg,#83bfff,#3b7bb0)
}
.large-bars small {
  font-size:.67rem;
  color:#bad0d8
}
.panel-bottom {
  display:flex;
  justify-content:space-between;
  color:#b3c9d3;
  font-size:.73rem;
  margin-top:17px
}
.panel-bottom span:last-child {
  color:var(--lime);
  font-size:1rem
}
.quote-section {
  padding-block:115px;
  text-align:center;
  background:#102a3d;
  border-block:1px solid #28485c
}
.quote-section blockquote {
  font-size:clamp(2.2rem,4vw,4.5rem);
  line-height:1.17;
  letter-spacing:-.06em;
  font-weight:660;
  max-width:950px;
  margin:0 auto 20px
}
.quote-section .kicker {
  color:var(--lime)
}
.quote-note {
  color:#a9c3ce
}
.faq-section {
  display:grid;
  grid-template-columns:.83fr 1.17fr;
  gap:95px
}
.faq-list {
  border-top:1px solid #365264
}
.faq-list details {
  border-bottom:1px solid #365264;
  padding:21px 0
}
.faq-list summary {
  cursor:pointer;
  list-style:none;
  font-weight:670;
  letter-spacing:-.01em;
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:1.02rem
}
.faq-list summary::-webkit-details-marker {
  display:none
}
.faq-list summary span {
  color:var(--lime);
  font-size:1.4rem;
  font-weight:400;
  line-height:.8;
  transition:transform .2s
}
.faq-list details[open] summary span {
  transform:rotate(45deg)
}
.faq-list p {
  margin:17px 45px 0 0;
  color:#acc4d0;
  line-height:1.65;
  font-size:.93rem
}
.closing-section {
  background:var(--lime);
  color:var(--ink);
  overflow:hidden
}
.closing-grid {
  min-height:500px;
  display:grid;
  grid-template-columns:1fr .7fr;
  align-items:center;
  gap:40px
}
.closing-grid .kicker {
  color:#356d35
}
.closing-grid h2 em {
  color:#3b7944
}
.closing-grid p:not(.kicker) {
  font-size:1.08rem;
  line-height:1.6;
  max-width:420px;
  margin:22px 0
}
.button-dark {
  background:var(--ink);
  color:white;
  margin-top:8px
}
.button-dark:hover {
  background:#28495a
}
.availability {
  display:block;
  margin-top:18px;
  font-size:.74rem;
  color:#416648;
  font-weight:700
}
.closing-mark {
  width:490px;
  height:490px;
  border:1px solid rgba(16,51,49,.24);
  border-radius:50%;
  display:grid;
  place-items:center;
  transform:translate(25%,10%);
  box-shadow:0 0 0 62px rgba(9,45,43,.06),0 0 0 124px rgba(9,45,43,.045)
}
.closing-mark svg {
  width:290px;
  max-width:80%
}
.site-footer {
  background:#081521;
  padding:73px 0 26px
}
.footer-grid {
  display:flex;
  justify-content:space-between;
  gap:50px;
  padding-bottom:65px
}
.footer-grid>div:first-child p {
  color:#9eb8c6;
  font-size:.91rem;
  line-height:1.6;
  margin:17px 0 0
}
.footer-links {
  display:flex;
  gap:100px
}
.footer-links>div {
  display:flex;
  flex-direction:column;
  gap:11px
}
.footer-links strong {
  font-size:.71rem;
  letter-spacing:.14em;
  color:#e1edf0;
  margin-bottom:10px;
  text-transform:uppercase
}
.footer-links a {
  font-size:.89rem;
  color:#a9c0ca
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  border-top:1px solid #254355;
  padding-top:23px;
  color:#829eac;
  font-size:.74rem
}
.legal-body {
  background:var(--navy)
}
.legal-wrap {
  width:min(740px,calc(100% - 48px));
  margin:0 auto;
  padding:90px 0 130px
}
.legal-wrap .kicker {
  color:var(--lime)
}
.legal-wrap h1 {
  font-size:clamp(3rem,7vw,5.5rem);
  margin:0 0 25px
}
.legal-wrap .legal-intro {
  font-size:1.12rem;
  color:#b4cbd5;
  line-height:1.65;
  margin-bottom:55px
}
.legal-wrap h2 {
  font-size:1.5rem;
  letter-spacing:-.03em;
  margin:42px 0 10px
}
.legal-wrap p,.legal-wrap li {
  color:#b2c8d2;
  line-height:1.7;
  font-size:1rem
}
.legal-wrap ul {
  padding-left:20px
}
.legal-wrap a {
  color:var(--lime);
  text-decoration:underline;
  text-underline-offset:3px
}
.legal-wrap .back-link {
  display:inline-block;
  color:#bde0ef;
  text-decoration:none;
  margin-bottom:30px
}
.legal-wrap .back-link:hover {
  color:var(--lime)
}
.legal-note {
  border:1px solid #36576b;
  border-radius:17px;
  padding:19px;
  background:#122d40;
  margin-top:30px
}
@media(max-width:1000px) {
  .main-nav {
    gap:16px
  }
  .hero {
    grid-template-columns:1fr .9fr
  }
  .hero h1 {
    font-size:clamp(3.8rem,5.6vw,5rem)
  }
  .key-card {
    left:-5%
  }
  .difference-grid,.insight-section {
    gap:55px
  }
  .faq-section {
    gap:48px
  }
}
@media(max-width:780px) {
  .shell {
    width:min(100% - 40px,620px)
  }
  .nav-row {
    height:68px
  }
  .main-nav {
    display:none
  }
  .nav-cta {
    margin-left:auto;
    font-size:.77rem;
    padding:10px 12px
  }
  .hero {
    grid-template-columns:1fr;
    padding-block:67px 60px;
    gap:10px
  }
  .hero-copy {
    text-align:left
  }
  .hero h1 {
    font-size:clamp(3.9rem,12vw,6rem)
  }
  .hero-art {
    height:550px
  }
  .phone-frame {
    transform:rotate(6deg) translate(20px,-5px) scale(.88)
  }
  .key-card {
    left:5%;
    bottom:55px;
    transform:rotate(-12deg) scale(.88)
  }
  .orbit-one {
    width:510px;
    height:510px
  }
  .orbit-two {
    width:380px;
    height:380px
  }
  .marquee-inner {
    flex-wrap:wrap;
    justify-content:center;
    padding-block:20px;
    min-height:auto
  }
  .marquee-inner span {
    font-size:.58rem
  }
  .section,.difference-section {
    padding-block:88px
  }
  .section-heading,.difference-grid,.insight-section,.faq-section {
    grid-template-columns:1fr;
    gap:30px
  }
  .section-heading {
    margin-bottom:38px
  }
  .section-heading .kicker {
    grid-column:auto
  }
  .section-heading>p:last-child {
    max-width:550px
  }
  .steps-grid {
    grid-template-columns:1fr
  }
  .step-card {
    min-height:0
  }
  .step-visual {
    height:200px
  }
  .difference-intro {
    margin-bottom:8px
  }
  .insight-panel {
    max-width:610px
  }
  .faq-intro {
    margin-bottom:15px
  }
  .closing-grid {
    grid-template-columns:1fr;
    min-height:480px;
    padding-block:75px;
    position:relative
  }
  .closing-grid>div:first-child {
    position:relative;
    z-index:1
  }
  .closing-mark {
    position:absolute;
    right:-140px;
    bottom:-170px;
    opacity:.22
  }
  .footer-links {
    gap:50px
  }
}
@media(max-width:510px) {
  .shell {
    width:calc(100% - 36px)
  }
  .brand {
    font-size:1.12rem
  }
  .brand-icon {
    width:35px;
    height:35px
  }
  .nav-cta {
    font-size:0;
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    padding:0
  }
  .nav-cta span {
    font-size:1.1rem;
    margin:0
  }
  .hero {
    padding-top:51px
  }
  .eyebrow {
    font-size:.61rem
  }
  .hero h1 {
    font-size:clamp(3.3rem,13vw,4.5rem);
    margin:25px 0
  }
  .hero-lede {
    font-size:1.02rem
  }
  .hero-actions {
    gap:21px
  }
  .hero-proof {
    gap:9px;
    font-size:.68rem
  }
  .hero-proof span:not(:last-child):after {
    margin-left:9px
  }
  .hero-art {
    height:485px
  }
  .phone-frame {
    transform:rotate(6deg) translate(32px,-12px) scale(.74)
  }
  .key-card {
    left:-15px;
    bottom:48px;
    transform:rotate(-12deg) scale(.76)
  }
  .orbit-one {
    width:420px;
    height:420px
  }
  .orbit-two {
    width:330px;
    height:330px
  }
  .marquee-inner b:nth-of-type(2),.marquee-inner span:nth-of-type(3),.marquee-inner b:nth-of-type(3),.marquee-inner span:nth-of-type(4) {
    display:none
  }
  .section-heading h2,.difference-intro h2,.insight-copy h2,.faq-intro h2,.closing-grid h2 {
    font-size:clamp(2.8rem,12vw,4.2rem)
  }
  .difference-list article {
    grid-template-columns:43px 1fr;
    gap:12px
  }
  .feature-icon {
    width:39px;
    height:39px;
    font-size:1.3rem
  }
  .feature-index {
    display:none
  }
  .insight-panel {
    padding:23px
  }
  .panel-metric {
    font-size:4rem
  }
  .large-bars {
    gap:10px
  }
  .quote-section {
    padding-block:83px
  }
  .faq-list p {
    margin-right:5px
  }
  .footer-grid {
    flex-direction:column;
    gap:37px;
    padding-bottom:45px
  }
  .footer-links {
    justify-content:space-between;
    gap:20px
  }
  .footer-bottom {
    flex-direction:column;
    gap:8px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  .button,.nav-cta,.faq-list summary span {
    transition:none
  }
}