@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');

:root {
  --ink: #05070c;
  --ink-soft: #0b1020;
  --paper: #f5f5f2;
  --paper-deep: #e8e8e2;
  --line: rgba(255,255,255,.14);
  --dark-line: rgba(9,14,25,.15);
  --blue: #3c7cff;
  --cyan: #57d7ff;
  --violet: #7a65ff;
  --display: 'Inter','Noto Sans SC',sans-serif;
  --text: 'Noto Sans SC','Inter',sans-serif;
  --mono: 'DM Mono','Noto Sans SC',monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--ink); font-family: var(--text); background: var(--ink); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img, video { display: block; max-width: 100%; }

.noise { position: fixed; inset: 0; opacity: .035; pointer-events: none; z-index: 40; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; z-index: 30; width: 32rem; height: 32rem; border-radius: 50%; pointer-events: none; opacity: .16; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(74,121,255,.48) 0%, rgba(81,63,255,.16) 27%, transparent 66%); mix-blend-mode: screen; transition: opacity .3s ease; }

.site-header { width: min(1400px, calc(100% - 48px)); height: 66px; position: fixed; top: 18px; left: 50%; transform: translateX(-50%); z-index: 20; display: flex; align-items: center; gap: 36px; padding: 0 13px 0 18px; color: #fff; border: 1px solid transparent; border-radius: 18px; transition: background .45s ease, border-color .45s ease, backdrop-filter .45s ease, box-shadow .45s ease; }
.site-header.scrolled { background: rgba(6,9,17,.72); border-color: rgba(255,255,255,.11); backdrop-filter: blur(20px) saturate(140%); box-shadow: 0 15px 40px rgba(0,0,0,.15); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; letter-spacing: -.04em; white-space: nowrap; }
.brand-mark { width: 22px; height: 22px; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 2px; }
.brand-mark i { display: block; width: 4px; border-radius: 5px; background: linear-gradient(180deg,#8be5ff,#487eff); transform: skewY(-20deg); }
.brand-mark i:nth-child(1) { height: 11px; }.brand-mark i:nth-child(2) { height: 18px; }.brand-mark i:nth-child(3) { height: 7px; }
.desktop-nav { display: flex; gap: 28px; margin-left: auto; color: rgba(255,255,255,.72); font-size: 13px; }
.desktop-nav a { transition: color .25s ease; }.desktop-nav a:hover { color: #fff; }
.header-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; background: #fff; color: #0b0f18; border-radius: 11px; font-size: 13px; font-weight: 600; transition: transform .25s ease, background .25s ease; }.header-cta:hover { transform: translateY(-2px); background: #dce9ff; }
.menu-toggle,.mobile-nav { display:none; }

.section-dark { background: var(--ink); color: #fff; }.section-light { background: var(--paper); color: #11131a; }.section-wrap { width: min(1210px, calc(100% - 80px)); margin: 0 auto; }
.eyebrow { margin: 0 0 23px; color: #9ca6ba; font-family: var(--mono); font-size: 11px; letter-spacing: .12em; font-weight: 500; }.eyebrow.dark { color: #606773; }
.display-title { margin: 0; max-width: 1020px; letter-spacing: -.075em; font-family: var(--display); font-size: clamp(43px, 6vw, 91px); line-height: .99; font-weight: 700; }.display-title span { color: #7b8088; }.display-title.light span { color: #a8b0bf; }
.body-large { margin: 0; font-size: clamp(18px, 1.75vw, 26px); line-height: 1.58; letter-spacing: -.035em; }.body-small { margin: 0; color: #6a707a; font-size: 14px; line-height: 1.85; }.muted { color: #aab2c1; }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .85s cubic-bezier(.22,.75,.28,1), transform .85s cubic-bezier(.22,.75,.28,1); }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal:nth-child(2) { transition-delay: .08s; }.reveal:nth-child(3) { transition-delay: .16s; }

.hero { position: relative; min-height: 100svh; padding: 152px max(7vw, 42px) 72px; overflow: hidden; isolation: isolate; }
.hero-aurora { position:absolute; inset:0; z-index:-3; background: radial-gradient(70% 88% at 72% 38%, rgba(52,100,255,.19), transparent 55%), radial-gradient(50% 55% at 21% 16%, rgba(52,213,255,.1), transparent 67%), linear-gradient(126deg,#03060b,#0a0d17 60%,#040610); }.hero-grid { position:absolute; z-index:-2; width:125vw; height:100vw; left:-16vw; bottom:-76vw; transform:perspective(650px) rotateX(68deg); transform-origin:center top; opacity:.42; background-size:70px 70px; background-image:linear-gradient(rgba(78,137,255,.33) 1px,transparent 1px),linear-gradient(90deg,rgba(78,137,255,.33) 1px,transparent 1px); mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 100%); }
.hero-copy { position:relative; z-index:2; max-width:680px; }.hero-eyebrow { color:#8ecbff; }.hero-title { margin:0; font-family:var(--display); font-size:clamp(54px,7.4vw,112px); font-weight:700; line-height:.96; letter-spacing:-.09em; }.hero-title em { font-style:normal; color:#9fbcff; background:linear-gradient(90deg,#76c8ff 0%,#9e9aff 50%,#fff 98%); -webkit-background-clip:text; background-clip:text; color:transparent; }.hero-lede { margin:32px 0 0; color:#b4bccb; font-size:18px; line-height:1.6; letter-spacing:-.03em; }.hero-actions { display:flex; align-items:center; gap:28px; margin-top:42px; }.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:17px; padding:0 20px; border-radius:14px; font-size:14px; font-weight:700; letter-spacing:-.02em; transition:transform .3s ease, box-shadow .3s ease, background .3s ease; }.button:hover { transform:translateY(-3px); }.button-light { background:#f6f8ff; color:#101625; box-shadow:0 10px 34px rgba(48,102,255,.16); }.button-light:hover { background:#dfeaff; box-shadow:0 17px 38px rgba(48,102,255,.28); }.button-dark { background:#0d1220; color:white; }.button-dark:hover { background:#254db4; }.text-button { padding:0; border:0; color:#d9e5ff; background:none; cursor:pointer; font-size:14px; }.text-button .play { display:inline-grid; width:18px; height:18px; place-items:center; margin-left:8px; border:1px solid rgba(175,210,255,.65); border-radius:50%; font-size:7px; vertical-align:1px; }
.hero-product { position:absolute; width:min(65vw,1000px); right:-7vw; bottom:-15.5vh; z-index:1; transform-origin:54% 62%; transition:transform .2s ease-out; }.hero-product img { position:relative; width:100%; border-radius:50%; filter:contrast(1.03) saturate(.92) drop-shadow(0 34px 80px rgba(0,0,0,.44)); mix-blend-mode:screen; }.product-halo { position:absolute; width:72%; aspect-ratio:1; left:14%; top:14%; border-radius:50%; background:radial-gradient(circle,rgba(77,137,255,.63) 0,rgba(50,92,255,.2) 28%,transparent 67%); filter:blur(4px); }.product-orbit { position:absolute; z-index:-1; border:1px solid rgba(109,165,255,.27); border-radius:50%; }.orbit-one { width:72%; aspect-ratio:1; top:10%;left:13%; animation:spin 22s linear infinite; }.orbit-two { width:95%; aspect-ratio:1; top:0;left:1%; border-style:dashed; animation:spin 35s linear infinite reverse; }.product-caption { position:absolute; z-index:3; left:14%; bottom:20%; margin:0; color:#e1eaff; font:10px var(--mono); letter-spacing:.15em; }.product-caption span { display:inline-block; width:37px; height:1px; margin:0 9px 3px 0; background:#71b6ff; }.scroll-cue { position:absolute; display:flex; flex-direction:column; align-items:center; gap:10px; bottom:28px; left:50%; z-index:3; transform:translateX(-50%); color:#758299; font:9px var(--mono); letter-spacing:.16em; }.scroll-cue i { display:block; width:1px; height:38px; background:linear-gradient(#80c2ff,transparent); animation:scrollLine 1.8s ease-in-out infinite; }

.statement { padding:178px 0 160px; }.statement-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:9vw; max-width:965px; margin:67px 0 0 auto; align-items:start; }.statement .body-small { padding-top:7px; }

.capability { min-height:220vh; }.capability-sticky { position:sticky; top:0; min-height:100svh; overflow:hidden; padding:120px 0 44px; }.capability-head { position:relative; z-index:2; }.capability-head .display-title { max-width:650px; font-size:clamp(44px,5.2vw,76px); }.capability-track { display:flex; position:absolute; top:0; left:0; height:100%; padding:306px 9vw 70px; gap:24px; width:max-content; will-change:transform; }.capability-card { position:relative; display:flex; flex-direction:column; justify-content:flex-end; width:min(43vw,560px); height:calc(100svh - 355px); min-height:430px; padding:22px; overflow:hidden; color:white; border-radius:21px; background:#111724; border:1px solid rgba(166,195,255,.11); transition:opacity .5s ease, transform .5s ease; }.capability-card:not(.active) { opacity:.7; transform:scale(.96); }.capability-card::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(1,3,7,0) 35%,rgba(2,5,12,.92) 94%); }.card-index { position:absolute; z-index:2; top:20px; left:21px; color:#cddcff; font:11px var(--mono); }.card-media { position:absolute; inset:0; overflow:hidden; }.card-media video,.card-media img { width:100%; height:100%; object-fit:cover; transition:transform 1s cubic-bezier(.2,.7,.2,1); }.capability-card:hover img,.capability-card:hover video { transform:scale(1.06); }.image-media img { filter:saturate(.75) contrast(1.05); }.media-tag { position:absolute; z-index:2; right:16px; top:17px; padding:7px 9px; border:1px solid rgba(255,255,255,.22); border-radius:7px; color:#e4edff; background:rgba(10,15,28,.4); font:9px var(--mono); letter-spacing:.09em; backdrop-filter:blur(9px); }.scan-line { position:absolute; z-index:1; left:0; right:0; top:18%; height:2px; background:#65e4ff; box-shadow:0 0 20px 4px #44b9ff; opacity:.75; animation:scan 3.6s ease-in-out infinite; }.capability-card h3,.capability-card p { position:relative; z-index:2; margin:0; }.capability-card h3 { font-size:clamp(29px,3vw,46px); letter-spacing:-.08em; }.capability-card p { max-width:390px; margin-top:12px; color:#c4cbd9; font-size:13px; line-height:1.7; }.capability-progress { position:absolute; z-index:2; left:calc((100% - min(1210px, calc(100% - 80px)))/2); bottom:20px; width:min(210px,20vw); height:1px; background:rgba(255,255,255,.2); }.capability-progress span { display:block; width:25%; height:100%; background:#6ab7ff; transition:width .2s linear; }

.metrics { padding:157px 0; }.metrics-wrap { display:grid; grid-template-columns:1fr 1fr; gap:13vw; }.metrics-title { margin:0; font-size:clamp(50px,5vw,78px); line-height:.98; letter-spacing:-.09em; }.metrics-title span { color:#797f88; }.metrics-list { border-top:1px solid var(--dark-line); }.metric { display:grid; grid-template-columns:1fr 1fr; align-items:baseline; min-height:114px; border-bottom:1px solid var(--dark-line); }.metric strong { font-family:var(--display); font-size:clamp(42px,5vw,72px); letter-spacing:-.1em; line-height:1; }.metric span { color:#6b717a; font-size:13px; }

.technology { position:relative; min-height:1000px; padding:163px 0 118px; overflow:hidden; }.tech-backdrop { position:absolute; inset:0; opacity:.78; background:radial-gradient(circle at 50% 66%,rgba(36,77,181,.28),transparent 29%),radial-gradient(circle at 15% 17%,rgba(37,137,255,.13),transparent 25%),linear-gradient(136deg,#050811,#0b1020 70%,#050812); }.tech-backdrop::after { content:''; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(114,153,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(114,153,255,.15) 1px,transparent 1px); background-size:68px 68px; mask-image:radial-gradient(circle at 50% 55%,black,transparent 67%); }.tech-wrap { position:relative; z-index:1; }.tech-copy { max-width:720px; }.tech-copy .body-large { max-width:575px; margin:32px 0 0; }.tech-system { position:relative; width:min(100%,1080px); height:560px; margin:60px auto 0; }.tech-center { position:absolute; z-index:2; display:grid; place-items:center; width:150px; aspect-ratio:1; top:calc(50% - 75px); left:calc(50% - 75px); border:1px solid rgba(125,190,255,.75); border-radius:50%; color:#d6ebff; background:radial-gradient(circle,rgba(81,150,255,.32),rgba(45,69,165,.1) 60%,transparent); box-shadow:0 0 50px rgba(42,120,255,.3),inset 0 0 30px rgba(100,176,255,.18); text-align:center; font:11px/1.5 var(--mono); letter-spacing:.12em; }.tech-center b { color:white; font-size:17px; }.center-pulse { position:absolute; inset:-22px; border:1px solid rgba(83,155,255,.36); border-radius:50%; animation:pulse 2.4s ease-out infinite; }.tech-node { position:absolute; z-index:3; width:216px; padding:17px; border:1px solid rgba(186,209,255,.18); border-radius:13px; background:rgba(17,25,46,.55); backdrop-filter:blur(13px); }.tech-node h3,.tech-node p { margin:0; }.tech-node h3 { margin-top:26px; color:#f2f7ff; font-size:17px; letter-spacing:-.05em; }.tech-node p { margin-top:7px; color:#9daac1; font-size:11px; line-height:1.6; }.node-number { position:absolute; top:14px; left:17px; color:#66b8ff; font:10px var(--mono); }.node-sense { left:7%;top:2%; }.node-think { right:7%;top:2%; }.node-act { left:7%;bottom:2%; }.node-grip { right:7%;bottom:2%; }.tech-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.tech-lines path { fill:none; stroke:rgba(114,175,255,.45); stroke-dasharray:7 8; stroke-width:1.4; animation:dash 12s linear infinite; }.tech-lines circle { fill:#8cc9ff; filter:drop-shadow(0 0 4px #54adff); }

.feature-media { padding:20px 0 142px; }.feature-window { position:relative; width:min(1290px,calc(100% - 80px)); height:min(65vw,720px); min-height:410px; margin:auto; overflow:hidden; border:1px solid rgba(146,184,255,.25); border-radius:22px; box-shadow:0 35px 80px rgba(0,0,0,.32); }.feature-window video { width:100%; height:100%; object-fit:cover; filter:saturate(.8) contrast(1.05); }.feature-window::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(3,7,16,.8),transparent 61%),linear-gradient(0deg,rgba(3,7,16,.45),transparent 45%); }.feature-overlay { position:absolute; z-index:2; left:clamp(24px,5vw,74px); bottom:clamp(25px,5vw,66px); }.feature-overlay span { color:#7fc5ff; font:10px var(--mono); letter-spacing:.15em; }.feature-overlay p { margin:17px 0 0; color:#f1f5ff; font-size:clamp(25px,3.1vw,45px); font-weight:600; line-height:1.13; letter-spacing:-.07em; }

.scenes { padding:165px 0 0; overflow:hidden; }.scenes-wrap { display:grid; grid-template-columns:1fr 1fr; gap:10vw; align-items:end; }.scene-list { border-top:1px solid var(--dark-line); }.scene { position:relative; display:grid; grid-template-columns:42px 1fr 34px; align-items:center; min-height:111px; border-bottom:1px solid var(--dark-line); transition:padding .3s ease, color .3s ease; }.scene:hover { padding-left:10px; color:#285ec8; }.scene span { color:#737984; font:10px var(--mono); }.scene h3,.scene p { margin:0; }.scene h3 { font-size:20px; letter-spacing:-.055em; }.scene p { margin-top:6px; color:#747a84; font-size:12px; }.scene i { justify-self:end; font-style:normal; font-size:20px; }.scenes-image { position:relative; width:min(1400px,100%); height:min(52vw,650px); margin:111px auto 0; overflow:hidden; }.scenes-image img { width:100%; height:100%; object-fit:cover; object-position:center 50%; filter:contrast(1.05) saturate(.75); }.image-fade { position:absolute; inset:0; background:linear-gradient(0deg,var(--paper),transparent 32%); }

.economics { padding:165px 0; overflow:hidden; background:radial-gradient(circle at 83% 45%,rgba(47,75,207,.32),transparent 31%),#05070c; }.economics-wrap { display:grid; grid-template-columns:1fr 1.1fr; gap:9vw; align-items:center; }.economics-card { display:flex; gap:32px; align-items:center; padding:28px; border:1px solid rgba(135,174,255,.26); border-radius:24px; background:linear-gradient(135deg,rgba(61,104,225,.25),rgba(14,21,45,.67)); box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 50px rgba(0,0,0,.18); }.cost-ring { display:flex; flex:none; width:195px; aspect-ratio:1; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; text-align:center; border:1px solid rgba(116,185,255,.62); background:radial-gradient(circle,rgba(102,166,255,.33),rgba(24,53,140,.07) 60%,transparent); box-shadow:0 0 0 14px rgba(98,142,255,.08),0 0 45px rgba(64,130,255,.22); }.cost-ring span,.cost-ring small { color:#b4c7ea; font:11px var(--mono); }.cost-ring b { margin:3px 0; color:#fff; font-family:var(--display); font-size:43px; letter-spacing:-.1em; }.cost-ring b span { margin-left:3px; color:#eaf4ff; font:16px var(--text); }.cost-detail p { margin:0; color:#aab5c9; font-size:13px; line-height:1.7; }.cost-detail strong { display:block; margin:8px 0; color:#fff; font:700 clamp(27px,3.4vw,44px)/1 var(--display); letter-spacing:-.08em; }.cost-detail strong span { color:#74c6ff; }.cost-detail strong em { font-size:.47em; font-style:normal; }

.closing { position:relative; padding:170px 0 0; overflow:hidden; }.closing-glow { position:absolute; width:85vw; height:85vw; left:50%; bottom:-54vw; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(83,112,255,.45),rgba(102,92,255,.14) 34%,transparent 68%); }.closing-wrap { position:relative; z-index:1; text-align:center; }.closing-title { margin:0; font-size:clamp(65px,9vw,137px); line-height:.88; letter-spacing:-.105em; }.closing-title span { background:linear-gradient(90deg,#2d62d5,#7660ea,#cb7cf2); -webkit-background-clip:text; background-clip:text; color:transparent; }.closing-lede { margin:33px auto 31px; color:#666d7a; font-size:16px; }.footer { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; width:min(1400px,calc(100% - 80px)); min-height:100px; margin:146px auto 0; border-top:1px solid var(--dark-line); color:#5b626e; font-size:11px; }.footer-brand { display:flex; align-items:center; gap:8px; color:#1d2330; font-weight:600; }.footer .brand-mark { transform:scale(.78); transform-origin:left center; }.footer p { justify-self:center; }.footer a { justify-self:end; transition:color .25s ease; }.footer a:hover { color:#275ac7; }

.video-modal { position:fixed; z-index:60; inset:0; display:grid; place-items:center; padding:34px; visibility:hidden; opacity:0; background:rgba(3,5,11,.84); backdrop-filter:blur(17px); transition:opacity .35s ease,visibility .35s ease; }.video-modal.is-open { visibility:visible; opacity:1; }.modal-video { width:min(100%,960px); overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:18px; box-shadow:0 30px 90px rgba(0,0,0,.5); transform:translateY(20px) scale(.98); transition:transform .35s cubic-bezier(.2,.8,.2,1); }.video-modal.is-open .modal-video { transform:translateY(0) scale(1); }.modal-video video { width:100%; max-height:80svh; background:#000; }.modal-close { position:absolute; top:22px; right:28px; z-index:2; width:40px; height:40px; color:white; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(255,255,255,.08); cursor:pointer; font-size:29px; line-height:1; transition:background .25s ease; }.modal-close:hover { background:rgba(255,255,255,.22); }

@keyframes spin { to { transform:rotate(360deg); } } @keyframes scrollLine { 0%,100% { transform:scaleY(.3); transform-origin:top; opacity:.25; } 50% { transform:scaleY(1); transform-origin:top; opacity:1; } } @keyframes scan { 0%,100% { transform:translateY(0); opacity:0; } 14%,78% { opacity:.75; } 50% { transform:translateY(390px); } } @keyframes pulse { 0% { transform:scale(.72); opacity:.9; } 100% { transform:scale(1.45); opacity:0; } } @keyframes dash { to { stroke-dashoffset:-210; } }

@media (max-width: 900px) { .cursor-glow { display:none; }.site-header { top:10px; width:calc(100% - 24px); height:57px; padding-left:13px; }.desktop-nav,.header-cta { display:none; }.menu-toggle { display:flex; margin-left:auto; width:36px; height:36px; padding:0; border:0; flex-direction:column; justify-content:center; gap:5px; background:transparent; cursor:pointer; }.menu-toggle span { display:block; width:21px; height:1px; margin:auto; background:#fff; transition:transform .3s ease; }.menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3px) rotate(-45deg); }.mobile-nav { position:fixed; top:74px; right:12px; left:12px; z-index:19; flex-direction:column; gap:6px; padding:12px; opacity:0; visibility:hidden; transform:translateY(-10px); border:1px solid rgba(255,255,255,.13); border-radius:16px; color:white; background:rgba(7,10,18,.92); backdrop-filter:blur(18px); transition:.25s ease; }.mobile-nav.open { display:flex; opacity:1; visibility:visible; transform:translateY(0); }.mobile-nav a { padding:12px; border-radius:10px; font-size:14px; }.mobile-nav a:hover { background:rgba(255,255,255,.09); }.section-wrap { width:calc(100% - 40px); }.hero { min-height:860px; padding:128px 24px 50px; }.hero-title { font-size:clamp(48px,13vw,76px); }.hero-lede { font-size:15px; margin-top:23px; }.hero-actions { gap:18px; margin-top:27px; }.hero-product { width:130vw; right:-31vw; bottom:-7vh; }.product-caption { display:none; }.statement { padding:114px 0 105px; }.statement-grid { grid-template-columns:1fr; gap:28px; margin:43px 0 0; }.statement .body-small { max-width:480px; }.capability { min-height: auto; }.capability-sticky { position:relative; min-height:auto; padding:110px 0 38px; }.capability-head .display-title { font-size:clamp(41px,11vw,65px); }.capability-track { position:relative; top:auto; left:auto; height:auto; width:auto; padding:50px 20px 5px; overflow-x:auto; gap:14px; scroll-snap-type:x mandatory; scrollbar-width:none; }.capability-track::-webkit-scrollbar { display:none; }.capability-card { flex:0 0 82vw; width:82vw; height:63vh; min-height:440px; scroll-snap-align:center; padding:18px; }.capability-card:not(.active) { opacity:1; transform:none; }.capability-progress { left:20px; bottom:16px; width:160px; }.metrics { padding:110px 0; }.metrics-wrap { grid-template-columns:1fr; gap:53px; }.metric { min-height:96px; }.technology { min-height:0; padding:111px 0 94px; }.tech-system { height:730px; margin-top:50px; }.tech-center { width:118px; top:calc(50% - 59px); left:calc(50% - 59px); }.tech-node { width:calc(50% - 16px); padding:13px; }.tech-node h3 { margin-top:23px; font-size:15px; }.tech-node p { font-size:10px; }.node-sense,.node-act { left:0; }.node-think,.node-grip { right:0; }.node-sense,.node-think { top:3%; }.node-act,.node-grip { bottom:4%; }.tech-lines path { stroke-width:1; }.feature-media { padding:0 0 92px; }.feature-window { width:calc(100% - 40px); height:54vw; min-height:330px; }.scenes { padding-top:112px; }.scenes-wrap { grid-template-columns:1fr; gap:44px; }.scene { min-height:94px; }.scenes-image { height:79vw; margin-top:68px; }.economics { padding:112px 0; }.economics-wrap { grid-template-columns:1fr; gap:44px; }.economics-card { gap:23px; padding:18px; }.cost-ring { width:145px; }.cost-ring b { font-size:34px; }.closing { padding-top:124px; }.closing-title { font-size:clamp(59px,16vw,100px); }.footer { grid-template-columns:1fr; gap:14px; width:calc(100% - 40px); padding:26px 0; margin-top:100px; text-align:left; }.footer p,.footer a { justify-self:start; margin:0; } }

@media (max-width: 520px) { .hero { min-height:760px; }.hero-title { letter-spacing:-.095em; }.hero-actions { align-items:flex-start; flex-direction:column; }.button { min-height:46px; }.scroll-cue { display:none; }.statement { padding:96px 0 90px; }.display-title { font-size:42px; }.body-large { font-size:18px; }.capability-card { flex-basis:87vw; width:87vw; height:58vh; min-height:405px; }.capability-card h3 { font-size:31px; }.metric strong { font-size:45px; }.metric span { font-size:12px; }.tech-system { height:686px; }.tech-node { width:calc(50% - 8px); min-height:115px; }.tech-node p { line-height:1.45; }.tech-center { font-size:9px; }.tech-center b { font-size:14px; }.feature-window { width:calc(100% - 24px); min-height:266px; border-radius:14px; }.scenes-image { height:95vw; }.economics-card { flex-direction:column; align-items:flex-start; }.cost-ring { margin-left:5px; }.closing-lede { padding:0 15px; }.video-modal { padding:18px; }.modal-close { top:12px;right:15px; } }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.reveal,.capability-card,.card-media img,.card-media video,.hero-product,.modal-video { transition:none!important; }.hero-grid,.orbit-one,.orbit-two,.scroll-cue i,.scan-line,.center-pulse,.tech-lines path { animation:none!important; } }