/* =========================================================================
   Support Scan — marketing design system.
   Discipline over decoration: near-white ground, deep charcoal ink, one
   accent (harbor teal), navy statement sections. Typography carries the
   page. See docs/BRAND-GUIDE.md before changing tokens.
   ========================================================================= */
:root{
  --bg:#fafbfc; --surface:#f1f4f7; --card:#ffffff;
  --ink:#16181d; --ink-2:#4b5563; --ink-3:#8a94a1;
  --accent:#0d7a8f; --accent-ink:#0a5f70; --accent-soft:#e5f2f5;
  --navy:#0e1420; --navy-ink:#e8eef5; --navy-mut:#93a3b6; --cyan:#57c6da;
  --line:#e3e8ee; --good:#177a4b; --bad:#b3342b;
  --radius:14px; --shell:1120px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6;
     font-size:17px;-webkit-font-smoothing:antialiased}
.shell{max-width:var(--shell);margin:0 auto;padding:0 24px}
h1,h2,h3{line-height:1.08;letter-spacing:-0.022em;text-wrap:balance;font-weight:700}
p{text-wrap:pretty}
a{color:var(--accent-ink)}
img,video{max-width:100%;display:block}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:99;border-radius:0 0 8px 0}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(250,251,252,.86);
     -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .shell{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand span{color:var(--accent)}
.nav ul{display:flex;gap:26px;list-style:none;align-items:center}
.nav a{color:var(--ink-2);text-decoration:none;font-size:14.5px;font-weight:600}
.nav a:hover{color:var(--ink)}
.nav a[aria-current]{color:var(--ink)}
.nav .cta{background:var(--ink);color:#fff;padding:8px 18px;border-radius:99px}
.nav .cta[aria-current]{color:#fff}
.nav .cta:hover{background:#000;color:#fff}
.navtoggle{display:none;font:inherit;font-weight:600;background:none;border:1px solid var(--line);
           border-radius:8px;padding:6px 14px;cursor:pointer}
@media(max-width:880px){
  .navtoggle{display:block}
  .nav ul{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg);
          flex-direction:column;align-items:stretch;padding:12px 24px 20px;gap:4px;
          border-bottom:1px solid var(--line)}
  .nav ul.open{display:flex}
  .nav ul a{display:block;padding:10px 4px;font-size:16px}
}

/* ---------- shared blocks ---------- */
section{padding:96px 0}
@media(max-width:700px){section{padding:64px 0}}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
h1{font-size:clamp(2.4rem,6vw,4rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.35em 0 .45em}
.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--ink-2);max-width:42rem}
.center{text-align:center}
.center .lead{margin-inline:auto}
.btnrow{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.center .btnrow{justify-content:center}
.btn{display:inline-block;font-weight:700;font-size:16px;text-decoration:none;border-radius:12px;
     padding:14px 28px;transition:transform .12s ease}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--ink);color:#fff}
.btn.primary:hover{background:#000}
.btn.accent{background:var(--accent);color:#fff}
.btn.quiet{color:var(--ink);border:1.5px solid var(--line);background:var(--card)}
.fine{font-size:13px;color:var(--ink-3)}

.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px}
.card h3{font-size:1.12rem;margin-bottom:8px}
.card p{font-size:.95rem;color:var(--ink-2)}
.card .who{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
           color:var(--accent);margin-top:14px;display:block}
.icon{width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);
      display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}

.navy{background:var(--navy);color:var(--navy-ink)}
.navy h2{color:#fff}
.navy .lead,.navy p{color:var(--navy-mut)}
.navy .eyebrow{color:var(--cyan)}
.navy .card{background:#161f30;border-color:#243349}
.navy .card h3{color:#fff}
.navy .card p{color:var(--navy-mut)}
.navy .icon{background:#0d3540;color:var(--cyan)}

.surface{background:var(--surface)}

/* screenshots */
.frame{border-radius:26px;border:5px solid #0b111c;box-shadow:0 22px 54px rgba(14,20,32,.18);
       overflow:hidden;background:#dfe6ee}
.frame.desk{border-radius:12px;border-width:4px}
figure figcaption{font-size:.88rem;color:var(--ink-3);margin-top:14px;text-align:center}
.shotrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:30px;align-items:start}
.shotrow figure{max-width:290px;margin:0 auto}

/* reveal on scroll (motion-safe only) */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}
}

/* sequence (homepage scroll story) */
.seq{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:start}
@media(max-width:860px){.seq{grid-template-columns:1fr}}
.seq .sticky{position:sticky;top:90px}
@media(max-width:860px){.seq .sticky{position:static}}
.beat{padding:38px 0;border-left:2px solid var(--line);padding-left:28px;margin-left:6px}
.beat h3{font-size:1.25rem}
.beat p{color:var(--ink-2);margin-top:8px;max-width:30rem}
.beat.on{border-left-color:var(--accent)}
.beat .k{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}

/* video */
.videobox{border-radius:18px;overflow:hidden;box-shadow:0 26px 60px rgba(14,20,32,.28);background:#000}
.videobox video{width:100%}

/* pricing */
.price{font-size:3.4rem;font-weight:800;letter-spacing:-.03em}
.price small{font-size:1.05rem;font-weight:600;color:var(--ink-2)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:44px}
.tier{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px}
.tier.hot{border:2px solid var(--accent)}
.tier .badge{display:inline-block;background:var(--accent-soft);color:var(--accent-ink);font-size:12px;
             font-weight:700;border-radius:99px;padding:4px 12px;margin-bottom:12px}
.tier ul{list-style:none;margin:18px 0 26px}
.tier li{padding:7px 0;font-size:.95rem;color:var(--ink-2);border-bottom:1px solid var(--surface)}
.tier li::before{content:"✓  ";color:var(--good);font-weight:700}

/* tables */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:.93rem;min-width:560px}
th,td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line)}
th{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
td:first-child{font-weight:600}

/* forms */
form.leadform{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
              padding:36px 32px;max-width:44rem}
.field{margin-bottom:18px}
.field label{display:block;font-size:13px;font-weight:700;letter-spacing:.03em;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;
  border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.field textarea{min-height:100px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}
.field .err{color:var(--bad);font-size:.85rem;margin-top:5px;min-height:1em}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
@media(max-width:620px){.formgrid{grid-template-columns:1fr}}
.hp{position:absolute;left:-9999px;opacity:0}   /* honeypot */
.done{display:none;background:#e6f3ec;color:#0c5c37;border-radius:12px;padding:18px;font-weight:600;margin-top:18px}

/* FAQ */
details{border-bottom:1px solid var(--line);padding:18px 4px}
summary{font-weight:700;cursor:pointer;font-size:1.02rem}
details p{margin-top:10px;color:var(--ink-2);max-width:44rem}

/* prose (legal/resources) */
.prose{max-width:46rem}
.prose h2{font-size:1.4rem;margin-top:2em}
.prose h3{font-size:1.1rem;margin:1.4em 0 .4em}
.prose p,.prose li{color:var(--ink-2);font-size:.98rem}
.prose ul{padding-left:1.2em;margin:.6em 0}
.notice{background:#fdf3dc;border:1px solid #e5c877;color:#6b4a0e;border-radius:12px;
        padding:16px 18px;font-size:.92rem;font-weight:600;margin:26px 0}

/* footer */
footer{background:var(--navy);color:var(--navy-mut);padding:64px 0 40px;margin-top:40px}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
@media(max-width:760px){.footgrid{grid-template-columns:1fr 1fr}}
footer .brand{color:#fff;font-size:17px}
footer h3{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
footer nav a{display:block;color:var(--navy-mut);text-decoration:none;font-size:14px;padding:4px 0}
footer nav a:hover{color:#fff}
.footnote{margin-top:44px;border-top:1px solid #223047;padding-top:22px}
.footnote p{margin:6px 0}

/* =========================================================================
   Cinematic launch experience — homepage + product.
   The photographic frames are original campaign assets; every product
   screen is captured from the synthetic Harbor Ridge demo environment.
   ========================================================================= */
:root{
  --launch-black:#07090d;--launch-charcoal:#11151c;--launch-mist:#e8ecef;
  --launch-warm:#d7c4aa;--launch-teal:#75cad4;--ease-cinema:cubic-bezier(.2,.72,.25,1);
}
body[data-path="/"],body[data-path="/product/"]{background:#f5f6f6;overflow-x:hidden}
body[data-path="/"] main,body[data-path="/product/"] main{overflow:clip}
body[data-path="/"] .nav,body[data-path="/product/"] .nav{background:rgba(8,10,14,.78);border-color:rgba(255,255,255,.1);color:#fff}
body[data-path="/"] .nav .brand,body[data-path="/product/"] .nav .brand{color:#fff}
body[data-path="/"] .nav ul a,body[data-path="/product/"] .nav ul a{color:#c5cbd3}
body[data-path="/"] .nav ul a:hover,body[data-path="/product/"] .nav ul a:hover{color:#fff}
body[data-path="/"] .nav .cta,body[data-path="/product/"] .nav .cta{background:#fff;color:#0a0c10}
body[data-path="/"] .navtoggle,body[data-path="/product/"] .navtoggle{color:#fff;border-color:#3d444e}
.chapter-label,.chapter-index{font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#5e8990}
.chapter-index{color:#6e8d92}
.chapter-deck{max-width:650px;font-size:clamp(1.04rem,1.45vw,1.25rem);line-height:1.55;color:#5a636d}
.dark-stage{background:var(--launch-black);color:#fff}
.dark-stage h1,.dark-stage h2{color:#fff}
.dark-stage .chapter-deck,.dark-stage .chapter-copy>p:not(.chapter-index),.dark-stage .product-copy>p:not(.chapter-index){color:#a9b1bc}
.light-copy h2,.light-copy p{color:#fff!important}
@media(prefers-reduced-motion:no-preference){
  .motion-copy{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease-cinema),transform .9s var(--ease-cinema)}
  .motion-copy.motion-in{opacity:1;transform:none}
  [data-tilt]{transition:transform .55s var(--ease-cinema)}
}

/* Launch hero */
.launch-hero{position:relative;min-height:calc(100svh - 60px);padding:0;display:flex;align-items:flex-end;background:#080a0e url('/assets/campaign/web/hero-hallway.webp') center/cover no-repeat;color:#fff;isolation:isolate}
.launch-hero-film,.launch-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.launch-hero-film{object-fit:cover;object-position:center;z-index:-3}
.launch-hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.74) 38%,rgba(3,5,8,.14) 72%,rgba(3,5,8,.3) 100%),linear-gradient(0deg,rgba(3,5,8,.72),transparent 45%)}
.launch-hero-inner{width:100%;padding-top:120px;padding-bottom:12vh}
.launch-hero .chapter-label{color:#b5dce1;margin-bottom:22px}
.launch-hero h1{font-size:clamp(3.15rem,7.4vw,7.5rem);line-height:.93;letter-spacing:-.052em;max-width:980px;font-weight:680;color:#fff}
.launch-hero h1 span{color:#c9d1d7;font-weight:420}
.hero-deck{font-size:clamp(1.05rem,1.55vw,1.34rem);line-height:1.55;max-width:620px;color:#c2c9d0;margin-top:28px}
.launch-hero .btnrow{margin-top:36px}
.btn.film-btn,.btn.primary-invert{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(10,13,18,.38);backdrop-filter:blur(10px);padding:14px 25px}
.btn.primary-invert{background:#fff;color:#080a0e;border-color:#fff}
.play-mark{font-size:11px;margin-right:8px}
.hero-proof{font-size:12px;letter-spacing:.06em;color:#9aa3ad;margin-top:30px}
.hero-scroll{position:absolute;right:34px;bottom:28px;width:40px;height:60px;border:1px solid rgba(255,255,255,.28);border-radius:30px;display:grid;place-items:center}
.hero-scroll span{width:3px;height:9px;background:#fff;border-radius:3px;animation:scrollCue 2s ease-in-out infinite}
@keyframes scrollCue{0%,100%{transform:translateY(-7px);opacity:.35}50%{transform:translateY(8px);opacity:1}}

/* devices */
.phone-device{position:relative;background:#05070a;border:7px solid #05070a;border-radius:42px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.38)}
.phone-device::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.17);border-radius:35px;pointer-events:none}
.phone-device img{width:100%;height:100%;object-fit:cover;display:block}
.phone-speaker{position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);width:29%;height:17px;background:#05070a;border-radius:0 0 13px 13px}
.product-reveal{padding:150px 0 120px;min-height:900px;display:flex;align-items:center}
.reveal-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center}
.reveal-copy h2{font-size:clamp(2.7rem,5.4vw,5.8rem);letter-spacing:-.05em;margin:.35em 0 .28em}
.reveal-copy p{max-width:520px}
.micro-proof{margin-top:30px;font-size:12px;color:#8e99a6;display:flex;align-items:center;gap:9px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79cfa8;box-shadow:0 0 0 5px rgba(121,207,168,.12)}
.device-stage{position:relative;height:690px;display:grid;place-items:center;perspective:1200px}
.device-glow{position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(82,176,189,.25),transparent 67%);filter:blur(10px)}
.hero-device{width:285px;height:617px;transform:rotateY(-8deg) rotateX(2deg) rotateZ(2deg);animation:deviceFloat 7s var(--ease-cinema) infinite;will-change:transform}
@keyframes deviceFloat{0%,100%{transform:translateY(6px) rotateY(-8deg) rotateX(2deg) rotateZ(2deg)}50%{transform:translateY(-12px) rotateY(-3deg) rotateX(1deg) rotateZ(1deg)}}
.floating-note{position:absolute;background:rgba(22,27,35,.84);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(0,0,0,.35);backdrop-filter:blur(14px);border-radius:14px;padding:14px 18px;color:#fff;display:flex;gap:18px;align-items:center}
.floating-note span{font-size:11px;color:#aeb7c3}.floating-note strong{font-size:14px}.note-due{right:2%;top:27%}.note-live{left:1%;bottom:23%;gap:10px}

/* human interlude */
.human-story{position:relative;min-height:760px;padding:0;display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.human-photo,.human-shade{position:absolute;inset:0;z-index:-2}
.human-photo{background:url('/assets/campaign/web/shift-handoff.webp') center/cover no-repeat;transform:scale(calc(1.02 + var(--scroll-progress,0)*.025))}
.human-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,8,11,.8),rgba(6,8,11,.18) 58%),linear-gradient(0deg,rgba(6,8,11,.82),transparent 55%)}
.human-copy{padding-bottom:90px;margin:0 auto;width:100%}
.human-copy h2{color:#fff;font-size:clamp(2.6rem,5.3vw,5.2rem);max-width:720px;margin:.3em 0}.human-copy>p:last-child{font-size:1.2rem;max-width:540px;color:#cbd1d6}
.handoff-panel{position:absolute;right:6vw;bottom:7vw;width:min(360px,34vw);background:rgba(9,12,16,.72);border:1px solid rgba(255,255,255,.18);border-radius:17px;padding:8px 20px;backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.handoff-panel div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.11);font-size:13px}.handoff-panel div:last-child{border:0}.handoff-panel span{color:#9ca7b2}.handoff-panel strong{font-weight:650;color:#fff}

/* feature chapters */
.chapter{padding:150px 0;min-height:880px;display:flex;align-items:center}
.chapter-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.chapter-grid.reverse{grid-template-columns:1.15fr .85fr}.chapter-grid.reverse>:first-child{order:1}.chapter-grid.reverse>:last-child{order:2}
.chapter-copy h2,.product-copy h2{font-size:clamp(2.6rem,4.7vw,4.8rem);letter-spacing:-.045em;margin:.28em 0 .3em}.chapter-copy>p:not(.chapter-index),.product-copy>p:not(.chapter-index){font-size:1.08rem;color:#59626c;max-width:540px}
.feature-line{display:flex;flex-wrap:wrap;list-style:none;gap:9px;margin-top:28px}.feature-line li{font-size:12px;font-weight:650;letter-spacing:.02em;padding:8px 12px;border:1px solid #ccd2d7;border-radius:99px;color:#4c5961}
.dark-stage .feature-line li{border-color:#303842;color:#aeb7c2}
.chapter-visual{position:relative;height:650px}.rounds-visual{display:grid;place-items:center}
.chapter-phone{position:absolute;width:235px;height:509px}.left-phone{transform:translate(-36%,5%) rotate(-7deg);z-index:1}.right-phone{transform:translate(38%,-4%) rotate(6deg);z-index:2}
.orbit{position:absolute;border:1px solid rgba(14,90,102,.17);border-radius:50%}.orbit-one{width:570px;height:570px}.orbit-two{width:420px;height:420px}
.confirmation-pill{position:absolute;z-index:3;bottom:62px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #dfe4e7;border-radius:99px;padding:11px 17px;font-size:12px;font-weight:650;white-space:nowrap;box-shadow:0 16px 50px rgba(18,29,34,.15)}.confirmation-pill span{color:#188258;margin-right:6px}
.chapter-accountability{min-height:820px}.account-timeline{position:relative;padding:30px 0}.timeline-rail{position:absolute;left:100px;top:52px;bottom:52px;width:1px;background:#343b45}
.time-event{position:relative;display:grid;grid-template-columns:75px 1fr 38px;align-items:center;gap:25px;padding:21px 24px;margin:10px 0;border:1px solid #262d36;background:#11151b;border-radius:14px;color:#fff}.time-event time{font-size:11px;color:#77828f}.time-event div{display:flex;flex-direction:column}.time-event strong{font-size:14px}.time-event span{font-size:12px;color:#77828f}.time-event i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1f6e51;color:#a5e5c7}.time-event.late{border-color:#754541;background:#1a1415}.time-event.late i{background:#963c33;color:#fff}.time-event.resolved{margin-left:45px;border-color:#315245}
.text-link{display:inline-flex;gap:12px;align-items:center;margin-top:28px;font-size:14px;font-weight:700;text-decoration:none;color:var(--accent-ink)}.dark-stage .text-link{color:#9bdbe2}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}

/* oversight */
.oversight-chapter{position:relative;min-height:900px;padding:0;color:#fff;isolation:isolate}.oversight-photo,.oversight-shade{position:absolute;inset:0;z-index:-2}.oversight-photo{background:url('/assets/campaign/web/admin-oversight.webp') center/cover no-repeat;transform:scale(calc(1.01 + var(--scroll-progress,0)*.02))}.oversight-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,7,10,.72),rgba(5,7,10,.1) 52%,rgba(5,7,10,.66)),linear-gradient(0deg,rgba(5,7,10,.82),transparent 55%)}
.oversight-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.oversight-layout .chapter-copy{padding-top:300px}.oversight-layout h2{font-size:clamp(2.8rem,5vw,5rem)}
.oversight-console{justify-self:end;width:min(460px,42vw);margin-top:40px;background:rgba(10,13,17,.83);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:22px 24px;backdrop-filter:blur(18px);box-shadow:0 40px 100px rgba(0,0,0,.4)}
.oversight-console header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:16px;font-size:13px}.oversight-console em{font-style:normal;color:#8cd7b5}.console-stat{display:flex;align-items:baseline;gap:13px;padding-top:18px}.console-stat strong{font-size:32px}.console-stat span{font-size:12px;color:#9ca6b1}.console-chart{height:96px;display:flex;gap:8px;align-items:end;margin-top:20px}.console-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#68b7c2,#234b54)}.oversight-console>p{font-size:10px;color:#737e89;margin-top:13px}

/* multi, audit, security */
.multi-chapter{display:block;padding-bottom:80px;background:#f1f2f2}.multi-chapter .chapter-deck{margin-inline:auto}.facility-orbit{position:relative;width:min(1000px,90vw);height:620px;margin:50px auto 0;display:grid;place-items:center}.multi-device{width:235px;height:509px;z-index:3;box-shadow:0 40px 100px rgba(13,25,30,.24)}
.facility-card{position:absolute;z-index:4;width:220px;background:#fff;border:1px solid #dfe3e5;border-radius:13px;padding:16px 17px;box-shadow:0 18px 48px rgba(15,27,31,.11);display:grid;grid-template-columns:1fr auto}.facility-card span{grid-column:1/3;font-size:11px;color:#7d878f}.facility-card strong{font-size:12px;margin-top:5px}.facility-card i{font-style:normal;font-size:10px;color:#19805a;margin-top:5px}.fc-one{left:2%;top:16%}.fc-two{right:1%;top:29%}.fc-three{left:8%;bottom:15%}.facility-line{position:absolute;height:1px;background:#9ebbc0;transform-origin:left center;opacity:.7}.line-one{width:35%;left:22%;top:30%;transform:rotate(11deg)}.line-two{width:36%;left:49%;top:43%;transform:rotate(-5deg)}.line-three{width:32%;left:25%;top:69%;transform:rotate(-19deg)}
.audit-chapter{padding:150px 0}.audit-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.audit-stream{border-top:1px solid #303741}.audit-stream>div{display:grid;grid-template-columns:80px 34px 1fr;gap:18px;align-items:center;padding:20px 3px;border-bottom:1px solid #252b33}.audit-stream time{font-size:11px;color:#6f7a87}.audit-icon{width:29px;height:29px;border:1px solid #3b4651;border-radius:50%;display:grid;place-items:center;color:#9bdbe2;font-size:12px}.audit-stream p{display:flex;flex-direction:column}.audit-stream strong{font-size:14px}.audit-stream small{font-size:11px;color:#747f8b;margin-top:3px}
.security-band{padding:120px 0;background:#e1e5e6}.security-inner{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.security-inner h2{font-size:clamp(2.5rem,4vw,4rem);max-width:520px}.security-points{border-top:1px solid #aeb7ba}.security-points p{display:flex;gap:20px;border-bottom:1px solid #aeb7ba;padding:18px 0;font-size:14px}.security-points span{font-size:10px;color:#7d8c91}.security-inner>.text-link{grid-column:2}
.demo-case{padding:130px 0;background:#fafafa}.case-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.case-kicker{display:flex;flex-direction:column;padding-top:35px}.case-kicker span{font-weight:700}.case-kicker small{color:#7b848d}.demo-case h2{font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.045em}
.film-section{padding:140px 0}.film-section h2{font-size:clamp(2.6rem,5vw,5rem)}.film-section .chapter-deck{margin-inline:auto;color:#9fa9b5}.cinema-frame{position:relative;max-width:1050px;margin:54px auto 0;border:1px solid #2a3038;background:#000;box-shadow:0 50px 120px rgba(0,0,0,.45)}.cinema-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.cinema-meta{display:flex;justify-content:space-between;padding:13px 17px;color:#7d8792;font-size:10px;letter-spacing:.07em;text-transform:uppercase;background:#0d1015}.film-links{margin-top:19px;color:#6e7782}.film-links a{color:#9da9b5}.final-cta{padding:150px 0;background:#f7f7f6}.final-cta h2{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.055em}.final-cta .chapter-deck{margin-inline:auto}

/* product */
.product-hero{position:relative;padding:115px 0 0;min-height:980px;overflow:hidden}.product-hero-orb{position:absolute;top:90px;left:50%;width:900px;height:900px;transform:translateX(-50%);background:radial-gradient(circle,rgba(63,139,150,.24),transparent 62%)}.product-hero-copy{position:relative;z-index:2}.product-hero h1{font-size:clamp(3.6rem,7vw,7.2rem);letter-spacing:-.055em}.product-hero h1 span{font-weight:400;color:#aeb7c2}.product-hero .hero-deck{margin:24px auto 0}.product-lineup{position:relative;height:580px;margin-top:64px;display:flex;justify-content:center;align-items:flex-start;perspective:1100px}.lineup-main{width:270px;height:584px;z-index:3;transform:translateZ(70px)}.lineup-side{position:absolute;width:235px;height:509px;top:70px;opacity:.72;filter:saturate(.75)}.lineup-left{left:calc(50% - 410px);transform:rotateY(17deg) rotateZ(-4deg)}.lineup-right{right:calc(50% - 410px);transform:rotateY(-17deg) rotateZ(4deg)}
.product-subnav{position:sticky;top:60px;z-index:30;background:rgba(247,248,248,.9);backdrop-filter:blur(14px);border-bottom:1px solid #dce1e3}.product-subnav .shell{display:flex;justify-content:center;gap:36px;overflow-x:auto}.product-subnav a{font-size:12px;font-weight:650;color:#59636b;text-decoration:none;padding:15px 0;white-space:nowrap}.product-subnav a:hover{color:#0b6978}
.product-chapter{padding:145px 0}.product-chapter-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.product-chapter-grid.reverse{grid-template-columns:1.15fr .85fr}.product-chapter-grid.reverse>:first-child{order:1}.product-chapter-grid.reverse>:last-child{order:2}.spec-list{margin-top:32px;border-top:1px solid #ccd2d5}.spec-list>div{display:grid;grid-template-columns:110px 1fr;gap:20px;border-bottom:1px solid #ccd2d5;padding:14px 0}.spec-list dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#748087}.spec-list dd{font-size:13px;color:#4e5961}
.product-stage{position:relative;height:700px;border-radius:6px;overflow:hidden}.pale-stage{background:radial-gradient(circle at 50% 46%,#fefefe,#dfe5e6 72%)}.product-phone{position:absolute;width:245px;height:530px;top:70px;left:50%}.product-phone.back{transform:translateX(-78%) rotate(-6deg);opacity:.72}.product-phone.front{transform:translateX(-23%) rotate(5deg);z-index:2}.product-callout{position:absolute;z-index:3;background:rgba(255,255,255,.9);border:1px solid #d7dfe1;box-shadow:0 16px 50px rgba(14,31,35,.13);border-radius:99px;padding:10px 14px;font-size:11px;font-weight:650}.product-callout i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36a678;margin-right:7px}.callout-one{left:5%;top:21%}.callout-two{right:4%;bottom:19%}
.pc-account{min-height:850px}.live-board-shell{border:1px solid #2b323b;background:#10141a;border-radius:17px;padding:8px 22px 14px;box-shadow:0 40px 100px rgba(0,0,0,.34)}.live-board-shell header{display:flex;justify-content:space-between;border-bottom:1px solid #292f37;padding:18px 0;color:#fff;font-size:13px}.live-board-shell header em{font-style:normal;color:#90d9b8;font-size:11px}.live-row{display:grid;grid-template-columns:55px 31px 1fr;gap:15px;align-items:center;border-bottom:1px solid #252b33;padding:17px 0}.live-row time{font-size:10px;color:#6c7784}.live-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#793d38;color:#fff;font-size:12px}.live-icon.complete{background:#225942;color:#9de2c1}.live-row p{display:flex;flex-direction:column}.live-row strong{font-size:13px}.live-row small{font-size:11px;color:#74808c}.live-row.attention{background:linear-gradient(90deg,rgba(133,52,47,.15),transparent);margin:0 -12px;padding-inline:12px}.live-row.resolved{opacity:.72}
.pc-oversight{position:relative;min-height:900px;display:flex;align-items:center;color:#fff;isolation:isolate}.product-oversight-photo,.product-oversight-shade{position:absolute;inset:0;z-index:-2}.product-oversight-photo{background:url('/assets/campaign/web/admin-oversight.webp') center/cover no-repeat}.product-oversight-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,7,10,.82),rgba(5,7,10,.12) 55%,rgba(5,7,10,.5)),linear-gradient(0deg,rgba(5,7,10,.7),transparent)}.product-oversight-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}.facility-stack{width:min(420px,40vw);justify-self:end;background:rgba(9,12,16,.78);border:1px solid rgba(255,255,255,.15);border-radius:17px;padding:12px 22px;backdrop-filter:blur(18px)}.facility-stack article{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(255,255,255,.11);padding:17px 0}.facility-stack span{grid-column:1/3;font-size:11px;color:#87929d}.facility-stack strong{font-size:13px;margin-top:4px}.facility-stack i{font-style:normal;font-size:10px;color:#7fd0aa;margin-top:5px}.facility-stack small{display:block;color:#727d88;font-size:9px;padding:12px 0 4px}
.report-stage{position:relative;height:690px;display:grid;place-items:center;background:radial-gradient(circle,#fff,#e5e8e9 70%)}.report-phone{width:250px;height:541px}.report-stat{position:absolute;width:170px;background:#fff;border:1px solid #dce1e3;border-radius:12px;padding:13px;box-shadow:0 15px 40px rgba(14,31,35,.1);display:flex;flex-direction:column}.report-stat strong{font-size:12px}.report-stat span{font-size:10px;color:#77828a}.rs-one{left:2%;top:22%}.rs-two{right:2%;top:43%}.rs-three{left:5%;bottom:17%}
.configure-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.config-console{background:#10141a;border:1px solid #2c333d;border-radius:17px;padding:22px;color:#fff}.config-tabs{display:flex;gap:8px;border-bottom:1px solid #2c333d;padding-bottom:16px}.config-tabs span{font-size:11px;color:#73808c;padding:7px 10px}.config-tabs .active{color:#fff;background:#20262f;border-radius:7px}.config-row{display:grid;grid-template-columns:1fr 90px 65px;gap:15px;padding:18px 4px;border-bottom:1px solid #282e37;font-size:12px}.config-row i{font-style:normal;color:#788490}.config-row b{font-size:10px;color:#84d4af}.config-console>p{font-size:9px;color:#66717c;margin-top:13px}.product-security{padding:130px 0;background:#e6e9e9}.product-security h2{font-size:clamp(2.5rem,4.6vw,4.7rem);max-width:850px}.security-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aeb7ba;margin:55px 0 20px}.security-rule-grid article{padding:26px 23px 30px 0;border-right:1px solid #bfc6c8}.security-rule-grid article+article{padding-left:23px}.security-rule-grid article:last-child{border-right:0}.security-rule-grid span{font-size:10px;color:#7a898e}.security-rule-grid h3{font-size:1rem;margin:30px 0 8px}.security-rule-grid p{font-size:.87rem;color:#667178}.product-final{background:#fbfbfa}

/* self-guided use cases + video library */
.uc-hero{position:relative;min-height:790px;padding:0;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}
.uc-hero-photo,.uc-hero-shade{position:absolute;inset:0;z-index:-2}.uc-hero-photo{background:url('/assets/campaign/web/shift-handoff.webp') center/cover no-repeat;transform:scale(1.025)}.uc-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.4) 58%,rgba(5,7,10,.18)),linear-gradient(0deg,rgba(5,7,10,.78),transparent 55%)}
.uc-hero-copy{padding-bottom:90px;width:100%}.uc-hero h1{font-size:clamp(3.5rem,6.6vw,7rem);letter-spacing:-.055em;max-width:980px}.uc-hero .hero-deck{max-width:650px}.uc-subnav{position:sticky;top:60px;z-index:30;background:rgba(246,247,247,.92);backdrop-filter:blur(14px);border-bottom:1px solid #d9dfe1}.uc-subnav .shell{display:flex;justify-content:center;gap:42px;overflow-x:auto}.uc-subnav a{padding:16px 0;color:#5a646c;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.uc-story{padding:145px 0;min-height:850px;display:flex;align-items:center;background:#f4f5f5}.uc-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center}.uc-grid.reverse{grid-template-columns:1.18fr .82fr}.uc-copy h2{font-size:clamp(2.6rem,4.6vw,4.8rem);letter-spacing:-.045em;margin:.3em 0}.uc-copy>p:not(.chapter-index){font-size:1.05rem;color:#59636b;max-width:540px}.dark-stage .uc-copy>p:not(.chapter-index){color:#aab3bd}
.uc-media{background:#090b0f;border:1px solid #222a32;box-shadow:0 35px 90px rgba(13,24,28,.2);overflow:hidden}.uc-media video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#05070a}.uc-media>span{display:block;padding:12px 15px;color:#77828e;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.uc-result{margin-top:32px;border-top:1px solid #c9d0d3}.dark-stage .uc-result{border-color:#2d353e}.uc-result div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid #c9d0d3}.dark-stage .uc-result div{border-color:#2d353e}.uc-result dt{font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#78848b}.uc-result dd{font-size:13px;color:#465159}.dark-stage .uc-result dd{color:#abb4be}.self-guide-cta{padding:145px 0;background:#fff}.self-guide-cta h2{font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.05em}.self-guide-cta .chapter-deck{margin-inline:auto}
.video-library-hero{padding:130px 0 110px}.video-library-hero h1{font-size:clamp(3.7rem,7vw,7rem);letter-spacing:-.055em}.video-library-hero h1 span{font-weight:400;color:#a8b1bc}.video-library-hero .hero-deck{margin-inline:auto}.video-feature{padding:40px 0 130px}.video-feature-copy{max-width:800px;margin-bottom:42px}.video-feature-copy h2{font-size:clamp(2.8rem,5vw,5rem)}.video-feature-copy>p:last-child{font-size:1.08rem;color:#a7b0ba}.library-cinema{max-width:none;margin:0}.short-cuts{padding:135px 0;background:#f2f4f4}.short-cuts h2{font-size:clamp(2.5rem,4.6vw,4.7rem)}.short-cut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:28px;margin-top:50px}.short-cut-grid article{background:#fff;border:1px solid #dce1e3}.short-cut-grid video{width:100%;aspect-ratio:16/9;background:#07090d}.short-cut-grid article>div{padding:22px 24px 26px}.short-cut-grid span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#66868c}.short-cut-grid h3{font-size:1.2rem;margin:8px 0}.short-cut-grid p{font-size:.9rem;color:#677179}.video-use-case-band{padding:95px 0;background:#dfe4e5}.video-use-case-band .shell{display:flex;justify-content:space-between;align-items:center;gap:40px}.video-use-case-band h2{font-size:clamp(2rem,3.8vw,3.8rem);max-width:700px}.walkthrough-page-hero{padding:130px 0 74px;background:radial-gradient(circle at 50% 32%,#18323a,#07090d 62%)}.walkthrough-page-hero h1{font-size:clamp(3.8rem,7vw,7rem);letter-spacing:-.055em}.walkthrough-page-hero h1 span{font-weight:400;color:#a8b1bc}.walkthrough-page-hero .hero-deck{margin-inline:auto}.walkthrough-feature{padding-top:0}.walkthrough-feature .cinema-frame{margin-top:0}.walkthrough-chapters{padding:125px 0;background:#f2f4f4}.walkthrough-chapters h2{font-size:clamp(2.7rem,5vw,5rem)}.walkthrough-chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.walkthrough-chapter-grid article{padding:28px 24px;background:#fff;border:1px solid #dce1e3}.walkthrough-chapter-grid span{font-size:11px;letter-spacing:.12em;color:#2d8f98}.walkthrough-chapter-grid h3{font-size:1.2rem;margin:18px 0 10px}.walkthrough-chapter-grid p{font-size:.9rem;color:#677179}

/* responsive */
@media(max-width:900px){
  .reveal-grid,.chapter-grid,.chapter-grid.reverse,.audit-grid,.product-chapter-grid,.product-chapter-grid.reverse,.configure-grid{grid-template-columns:1fr;gap:50px}.chapter-grid.reverse>:first-child,.chapter-grid.reverse>:last-child,.product-chapter-grid.reverse>:first-child,.product-chapter-grid.reverse>:last-child{order:initial}
  .product-reveal{padding:100px 0}.device-stage{height:620px}.chapter{padding:100px 0;min-height:auto}.chapter-visual{height:620px}.oversight-layout,.product-oversight-content{grid-template-columns:1fr}.oversight-layout .chapter-copy{padding-top:430px}.oversight-console,.facility-stack{width:min(480px,90vw);justify-self:end}.security-inner{grid-template-columns:1fr}.security-inner>.text-link{grid-column:1}.case-grid{grid-template-columns:1fr}.case-kicker{padding-top:0}.product-hero{min-height:900px}.product-stage,.report-stage{height:650px}.security-rule-grid{grid-template-columns:1fr 1fr}.security-rule-grid article:nth-child(2){border-right:0}.facility-orbit{height:570px}
  .uc-grid,.uc-grid.reverse{grid-template-columns:1fr;gap:55px}.uc-story{padding:100px 0;min-height:auto}.uc-media{order:2}.uc-copy{order:1}.short-cut-grid{grid-template-columns:1fr}.walkthrough-chapter-grid{grid-template-columns:1fr 1fr}.video-use-case-band .shell{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  body[data-path="/"] .nav ul,body[data-path="/product/"] .nav ul{background:#0b0e13;border-color:#2a3038}.shell{padding-inline:20px}.launch-hero{min-height:calc(100svh - 60px);align-items:flex-end;background-image:url('/assets/campaign/web/hero-hallway-mobile.webp')}.launch-hero-film{object-position:center}.launch-hero-shade{background:linear-gradient(0deg,rgba(3,5,8,.94) 5%,rgba(3,5,8,.48) 68%,rgba(3,5,8,.22))}.launch-hero-inner{padding:90px 20px 74px}.launch-hero h1{font-size:clamp(3.05rem,14vw,4.9rem)}.launch-hero h1 br{display:none}.launch-hero .hero-deck{font-size:1rem;max-width:330px}.launch-hero .btnrow{gap:9px}.launch-hero .btn{padding:13px 17px;font-size:14px}.hero-scroll{display:none}.hero-proof{margin-top:20px}
  .product-reveal{min-height:auto;padding:88px 0 72px}.reveal-copy h2{font-size:2.85rem}.device-stage{height:540px}.hero-device{width:220px;height:477px}.device-glow{width:380px;height:380px}.note-due{right:-5%;top:22%}.note-live{left:-4%;bottom:19%}.floating-note{padding:10px 12px;gap:10px}.human-story{min-height:680px}.human-photo{background-image:url('/assets/campaign/web/hero-hallway-mobile.webp');background-position:center}.human-shade{background:linear-gradient(0deg,rgba(5,7,10,.94),rgba(5,7,10,.18) 75%)}.human-copy{padding-bottom:52px}.human-copy h2{font-size:2.9rem}.handoff-panel{display:none}
  .chapter{padding:90px 0}.chapter-copy h2,.product-copy h2{font-size:2.85rem}.chapter-copy>p:not(.chapter-index),.product-copy>p:not(.chapter-index){font-size:1rem}.chapter-visual{height:500px}.chapter-phone{width:180px;height:390px}.left-phone{transform:translate(-29%,8%) rotate(-7deg)}.right-phone{transform:translate(28%,-3%) rotate(6deg)}.orbit-one{width:400px;height:400px}.orbit-two{width:300px;height:300px}.confirmation-pill{bottom:32px}.time-event{grid-template-columns:54px 1fr 30px;gap:12px;padding:17px 13px}.timeline-rail{left:77px}.time-event.resolved{margin-left:18px}.oversight-chapter,.pc-oversight{min-height:760px}.oversight-photo,.product-oversight-photo{background-position:42% center}.oversight-shade,.product-oversight-shade{background:linear-gradient(0deg,rgba(5,7,10,.95),rgba(5,7,10,.1) 80%)}.oversight-layout .chapter-copy{padding-top:330px}.oversight-console,.facility-stack{width:100%;margin:0}.facility-orbit{height:530px;width:100vw}.multi-device{width:190px;height:412px}.facility-card{width:185px;padding:11px}.fc-one{left:-6%;top:12%}.fc-two{right:-8%;top:34%}.fc-three{left:-3%;bottom:8%}.facility-line{display:none}.audit-chapter,.security-band,.film-section,.final-cta,.product-chapter,.product-security{padding:90px 0}.security-points p{font-size:13px}.demo-case{padding:90px 0}.cinema-frame{margin-top:35px}.cinema-meta{display:none}.final-cta h2{font-size:3.15rem}
  .product-hero{padding-top:80px;min-height:790px}.product-hero h1{font-size:3.5rem}.product-lineup{height:440px;margin-top:50px}.lineup-main{width:205px;height:444px}.lineup-side{width:170px;height:368px;top:65px}.lineup-left{left:calc(50% - 270px)}.lineup-right{right:calc(50% - 270px)}.product-subnav{top:60px}.product-subnav .shell{justify-content:flex-start;gap:25px}.product-stage,.report-stage{height:540px}.product-phone{width:185px;height:401px;top:72px}.product-callout{font-size:9px}.callout-one{left:1%}.callout-two{right:1%}.live-board-shell{padding-inline:14px}.product-oversight-content{padding-top:250px}.report-phone{width:190px;height:412px}.report-stat{width:145px}.rs-one{left:-4%}.rs-two{right:-4%}.rs-three{left:0}.config-row{grid-template-columns:1fr 65px}.config-row b{display:none}.security-rule-grid{grid-template-columns:1fr}.security-rule-grid article,.security-rule-grid article+article{border-right:0;border-bottom:1px solid #bfc6c8;padding:24px 0}.security-rule-grid h3{margin-top:15px}.spec-list>div{grid-template-columns:90px 1fr}
  .uc-hero{min-height:720px}.uc-hero-photo{background-position:64% center}.uc-hero-shade{background:linear-gradient(0deg,rgba(5,7,10,.96),rgba(5,7,10,.14) 84%)}.uc-hero-copy{padding-bottom:58px}.uc-hero h1{font-size:3.5rem}.uc-subnav .shell{justify-content:flex-start;gap:26px}.uc-story,.self-guide-cta,.video-feature,.short-cuts{padding:88px 0}.uc-copy h2{font-size:2.8rem}.uc-result div{grid-template-columns:82px 1fr}.video-library-hero,.walkthrough-page-hero{padding:90px 0 70px}.video-library-hero h1,.walkthrough-page-hero h1{font-size:3.7rem}.walkthrough-feature{padding-top:0}.walkthrough-chapters{padding:82px 0}.walkthrough-chapter-grid{grid-template-columns:1fr}.short-cut-grid{margin-top:30px}.video-use-case-band{padding:75px 0}
}
@media(max-width:430px){.launch-hero h1{font-size:3.15rem}.chapter-phone{width:164px;height:355px}.left-phone{transform:translate(-25%,10%) rotate(-6deg)}.right-phone{transform:translate(25%,-1%) rotate(5deg)}.feature-line{gap:6px}.feature-line li{font-size:10px}.facility-card{width:165px}.product-lineup .lineup-side{opacity:.42}.report-stat{width:126px;padding:10px}.report-stat span{font-size:9px}}
@media(orientation:landscape) and (max-height:520px){
  .launch-hero{min-height:calc(100svh - 60px);align-items:center}
  .launch-hero-inner{padding:24px 24px 20px}
  .launch-hero .chapter-label{margin-bottom:10px}
  .launch-hero h1{font-size:2.65rem;line-height:.92;max-width:590px}
  .launch-hero .hero-deck{font-size:.88rem;margin-top:12px;max-width:560px}
  .launch-hero .btnrow{margin-top:15px}
  .launch-hero .btn{padding:10px 18px;font-size:13px}
  .hero-proof,.hero-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-scroll span,.hero-device{animation:none}.launch-hero-film{display:none}.human-photo,.oversight-photo{transform:none!important}.motion-copy{opacity:1!important;transform:none!important}.phone-device{transition:none!important}}