:root{--bg:#080b10;--panel:#11171f;--line:#252c36;--muted:#9ba6b5;--blue:#087cff;--text:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,"Helvetica Neue",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #66aeff;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.05em;line-height:1.08}h1{font-size:clamp(50px,6.4vw,94px)}h2{font-size:clamp(34px,4vw,60px)}h3{font-size:26px}p{color:var(--muted)}.prototype-bar{text-align:center;background:#101925;border-bottom:1px solid #233144;font-size:10px;letter-spacing:.14em;padding:7px 15px;color:#b4c8e1}.prototype-bar span{color:var(--blue);margin:0 12px}header{height:88px;padding:0 4.5%;display:flex;align-items:center;gap:36px;background:rgba(8,11,16,.94);position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff12;backdrop-filter:blur(20px)}.brand{width:200px;display:block;flex-shrink:0}.brand img{display:block;width:100%;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}nav{display:flex;gap:23px;margin-left:auto}nav a{font-size:12px;white-space:nowrap;color:#c4cbd4}nav a:hover,nav a.active{color:#70b1ff}.nav-cta{border:1px solid #48515f;border-radius:5px;padding:10px 16px;white-space:nowrap;font-size:12px}.nav-cta span{margin-left:20px}#menu{display:none;background:none;border:0;font-size:24px}.skip{position:fixed;top:-100px;background:var(--blue);padding:10px;z-index:100}.skip:focus{top:0}.wrap{width:min(1280px,91%);margin:auto}.eyebrow{font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:#a9b6c8;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:25px}.eyebrow:before{content:'';width:26px;height:2px;background:var(--blue)}.blue{color:#368fff}.hero{min-height:740px;position:relative;overflow:hidden;display:flex;align-items:center;background:#080b10}.hero-photo{position:absolute;right:0;top:0;width:71%;height:100%;object-fit:cover;object-position:center 54%;animation:cinema 2s ease-out}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b10 7%,#080b10ed 28%,#080b1080 48%,transparent 75%),linear-gradient(0deg,#080b10 0%,transparent 27%,#080b1044)}.hero-content{position:relative;z-index:1;padding:80px 0 95px;max-width:600px}.hero h1{margin-bottom:25px;letter-spacing:-.065em}.hero p{max-width:370px;color:#b7c1cf;font-size:17px}.buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:33px}.btn{border:1px solid var(--line);background:transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 22px;font-size:13px;transition:background .2s,transform .2s}.btn:hover{background:#1b2635;transform:translateY(-2px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:#2690ff}.btn.small{padding:9px 15px;font-size:12px;gap:12px}.hero-foot{display:flex;gap:32px;font-size:10px;color:#8f9ba9;letter-spacing:.12em;margin-top:56px}.hero-foot span:before{content:'◉';color:#448dff;margin-right:8px}.float-status{position:absolute;right:5%;bottom:60px;z-index:2;background:#0d1520c9;border:1px solid #ffffff29;backdrop-filter:blur(15px);padding:17px 23px;min-width:230px;border-radius:10px;box-shadow:0 12px 40px #0005;font-size:12px}.float-status strong{display:block;font-size:14px;font-weight:500}.dot{display:inline-block;width:6px;height:6px;background:#54d9ad;border-radius:100%;margin-right:8px}.float-status small{color:#9ba6b5}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 4.5%;font-size:11px;letter-spacing:.12em;color:#a3afbd}.ticker span:first-child{color:#fff}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head p{max-width:350px;margin-bottom:0}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.five{grid-template-columns:repeat(5,1fr)}.feature{border-top:1px solid var(--line);padding:30px 0}.feature .icon{font-size:30px;color:#5ba3ff;display:block;margin-bottom:28px}.feature h3{font-size:22px}.feature p{font-size:14px;max-width:320px}.text-link{font-size:12px;color:#6facff;display:inline-block}.text-link:hover{color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.scene{width:100%;display:block;aspect-ratio:1.2;object-fit:cover;border-radius:8px}.subtle{background:#0d1118}.tag{display:inline-block;border:1px solid #344052;padding:4px 9px;border-radius:4px;font-size:9px;letter-spacing:.12em;color:#a8b8ce}.page-intro{padding:80px 0 50px;max-width:850px}.page-intro h1{font-size:clamp(45px,5.4vw,74px);margin-bottom:22px}.page-intro p{font-size:17px;max-width:580px}.product-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .25s,border-color .25s;background:#0e131a}.product-card:hover{transform:translateY(-5px);border-color:#4c6a94}.product-image{display:block;background:#eef2f5;overflow:hidden}.product-image img{width:100%;aspect-ratio:1.2;object-fit:contain;display:block;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:22px}.product-info h3{font-size:23px;margin:9px 0}.product-info p{font-size:12px;min-height:38px}.product-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;gap:10px}.compare-check{font-size:11px;color:#a6b5c9;cursor:pointer;display:flex;gap:6px}.compare-check input{accent-color:var(--blue)}.note{font-size:12px;color:#9ba6b5;border-left:2px solid var(--blue);padding:12px 18px;background:#0f1825;margin:25px 0}.compare-bar{position:sticky;bottom:20px;border:1px solid #2565ad;background:#101d2de8;backdrop-filter:blur(12px);display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 22px;border-radius:8px;z-index:10;margin-top:25px}.compare-bar p{margin:0;font-size:13px}.steps{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:35px}.step{background:none;border:0;border-bottom:2px solid transparent;padding:24px 20px;flex:1;color:var(--muted);text-align:left}.step.active{color:#fff;border-color:var(--blue);background:#0d1b2e}.step small{display:block;color:#569fff;margin-bottom:9px}.tech-visual{display:grid;place-items:center;min-height:340px;background:radial-gradient(ellipse,#0c2e53,transparent 65%);position:relative}.tech-orb{width:170px;height:170px;border:1px solid #3589ff66;border-radius:50%;box-shadow:0 0 0 35px #147aff0b,0 0 0 70px #147aff05;display:grid;place-items:center;font-size:60px;color:#75b5ff;animation:pulse 3s infinite}.step-content{min-height:300px}.step-content h2{font-size:44px}.step-content ul{padding-left:18px;color:var(--muted);font-size:14px}.solution-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#10151d}.solution-card img{width:100%;aspect-ratio:1.7;object-fit:cover;display:block;transition:transform .4s}.solution-card:hover img{transform:scale(1.04)}.solution-card .inside{padding:25px}.solution-card h3{font-size:24px}.solution-card p{font-size:14px}.filter-row{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.chip{padding:9px 18px;border:1px solid var(--line);border-radius:40px;background:none;color:#aab6c7;font-size:12px}.chip.active{background:#087cff1a;border-color:#348df6;color:#7db7ff}.callout{margin:45px auto 85px;padding:55px 60px;border:1px solid var(--line);border-radius:10px;background:radial-gradient(ellipse at right,#103564,#0d131c 60%);display:flex;justify-content:space-between;align-items:center;gap:30px}.callout h2{font-size:40px;margin-bottom:12px}.callout p{margin:0}.dashboard{background:#0d1219;border:1px solid #2b3543;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #0004}.dash-top{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border-bottom:1px solid var(--line);gap:15px}.dash-title{font-size:14px;font-weight:500}.dash-title small{display:block;color:#8fa0b6;font-size:11px;font-weight:400}.demo-label{font-size:9px;color:#70b3ff;border:1px solid #27558a;padding:4px 8px;border-radius:4px;letter-spacing:.12em}.dash-body{display:grid;grid-template-columns:255px 1fr;min-height:480px}.vehicle-list{border-right:1px solid var(--line);padding:18px}.vehicle-list .eyebrow{font-size:9px;margin-bottom:16px}.vehicle{display:block;background:none;border:1px solid transparent;color:inherit;width:100%;text-align:left;padding:15px 12px;border-radius:6px;margin-bottom:10px;line-height:1.5}.vehicle.active{border-color:#255a9a;background:#0e2440}.vehicle strong{display:block;font-size:13px}.vehicle small{display:block;color:#8f9eaf;font-size:10px}.vehicle .dot{width:5px;height:5px}.dash-stats{border-top:1px solid var(--line);padding:18px 10px;font-size:11px;color:var(--muted)}.dash-stats b{color:#fff;font-size:22px;font-weight:400}.map-shell{position:relative;min-height:480px;overflow:hidden;background:#17252d}.map-shell svg{width:100%;height:100%;position:absolute;inset:0}.map-label{font-size:11px;letter-spacing:2px;fill:#a4b9c3}.map-road{fill:none;stroke:#45545d;stroke-width:9}.map-road-small{fill:none;stroke:#354751;stroke-width:3}.route{fill:none;stroke:#318eff;stroke-width:4;stroke-linecap:round;stroke-dasharray:9 5}.map-pin{cursor:pointer;transition:transform .4s}.map-pin circle.outer{fill:#147dff26;stroke:#439eff;stroke-width:1}.map-pin circle.inner{fill:#0783ff;stroke:white;stroke-width:2}.map-pin text{fill:white;font-size:14px;text-anchor:middle;dominant-baseline:middle}.map-badge{position:absolute;top:18px;left:20px;background:#0b1523e8;border:1px solid #ffffff1c;border-radius:5px;padding:10px 15px;font-size:10px}.map-controls{position:absolute;right:18px;top:18px;display:flex;flex-direction:column;gap:5px}.map-controls button{width:33px;height:33px;background:#111d2b;border:1px solid #3a495d;border-radius:4px}.map-info{position:absolute;left:20px;bottom:20px;background:#0b1523ee;border:1px solid #3c4e65;padding:16px 20px;border-radius:7px;min-width:230px}.map-info strong{display:block;font-size:13px}.map-info p{font-size:11px;margin:4px 0}.map-info small{font-size:10px;color:#6db4ff}.dash-tabs{display:flex;gap:8px;padding:15px 23px;border-top:1px solid var(--line)}.dash-tab{font-size:12px;background:none;border:0;padding:8px 16px;color:#8f9daf;border-radius:4px}.dash-tab.active{background:#20314a;color:#fff}.dash-panel{border-top:1px solid var(--line);padding:24px}.dash-panel h3{font-size:19px;letter-spacing:-.02em}.dash-panel p{font-size:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.panel-head h3,.panel-head p{margin-bottom:4px}.alert-row,.history-row{display:flex;gap:15px;padding:14px 0;border-top:1px solid var(--line);align-items:center;font-size:12px}.alert-row small,.history-row small{color:#8c9aad;margin-left:auto;font-size:10px}.alert-symbol{color:#6faaff;background:#16304e;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.alert-row p{margin:0}.alert-row b{font-weight:500}.history-range{width:100%;accent-color:var(--blue);margin:20px 0}.fence-circle{fill:#2083ff24;stroke:#4b9eff;stroke-width:2;stroke-dasharray:6 4}.fence-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.fence-form label{font-size:11px;color:#a8b7c9;display:flex;flex-direction:column;gap:6px;flex:1}.fence-form input,.fence-form select{width:100%;background:#17212e;border:1px solid #334153;color:#fff;border-radius:4px;padding:9px 12px}.fence-form label:has([type=checkbox]){flex-direction:row;align-items:center;flex:none}.fence-form [type=checkbox]{width:auto}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.metric{border:1px solid var(--line);padding:24px;border-radius:7px}.metric strong{font-size:26px;font-weight:400;display:block}.metric span{font-size:11px;color:#94a5b9}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-bottom:100px}.contact-layout h2{font-size:32px}.contact-layout aside{padding-top:20px}.contact-form{background:#111720;border:1px solid var(--line);padding:35px;border-radius:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field.wide{grid-column:1/-1}.field label{font-size:12px;color:#acb9cb}.field input,.field select,.field textarea{width:100%;padding:12px;background:#080f18;border:1px solid #354151;border-radius:4px;color:#fff}.field textarea{resize:vertical;min-height:110px}.consent{display:flex;gap:10px;color:#91a0b4;font-size:11px;margin:20px 0}.consent input{accent-color:var(--blue)}.about-image{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:7px}.detail-image{width:100%;background:#f3f5f7;border-radius:8px}.specs{margin-top:26px;border-top:1px solid var(--line)}.spec-row{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;color:#a3b2c5}.spec-row strong{font-weight:400;color:#fff}.faq{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:17px;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:#5aa4ff}.faq[open] summary:after{content:'−'}.faq p{margin:20px 0 0;max-width:700px;font-size:14px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 4.5%;border-top:1px solid var(--line)}.footer-top p{margin:0;font-size:14px}.footer-top>a:last-child{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1c2430;margin:0 4.5%;padding:22px 0;color:#718197;font-size:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#163457;border:1px solid #4587d5;color:#fff;padding:14px 25px;border-radius:7px;z-index:100;opacity:0;pointer-events:none;transition:.25s;font-size:13px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#111925;color:#fff;border:1px solid #3c4e66;border-radius:10px;max-width:900px;width:90%;padding:40px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.close{position:absolute;right:14px;top:9px;background:none;border:0;font-size:27px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:530px}th,td{padding:18px;text-align:left;border-bottom:1px solid #2e3b4c}th{color:#63a8ff;font-weight:500}td{color:#a8b6c9}.reveal{animation:rise .6s ease both}.empty{padding:30px;text-align:center;color:#8da0b8}.center{text-align:center}.inline-controls{display:flex;gap:12px;align-items:center}.inline-controls select{background:#162235;border:1px solid #384b67;color:white;padding:8px;border-radius:4px}.mobile-only{display:none}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes cinema{from{transform:scale(1.04);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes pulse{50%{box-shadow:0 0 0 45px #147aff0b,0 0 0 90px #147aff04}}@media(min-width:1500px){.hero{min-height:820px}.hero-photo{width:66%}}@media(max-width:1150px){header{gap:20px}.brand{width:170px}nav{gap:14px}nav a{font-size:11px}.nav-cta{padding:9px 12px}.grid.five{grid-template-columns:repeat(3,1fr)}.split{gap:40px}.hero h1{font-size:76px}.hero-photo{width:80%}}@media(max-width:900px){header{height:75px}.nav-cta{margin-left:auto}#menu{display:block;order:4}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#0c121c;padding:25px 5%;border-bottom:1px solid #2b3e58;flex-direction:column}nav.open{display:flex}nav a{font-size:16px;padding:8px}.hero-content{max-width:490px}.hero h1{font-size:66px}.hero-photo{opacity:.72}.float-status{display:none}.grid.three{grid-template-columns:repeat(2,1fr)}.contact-layout{gap:35px;grid-template-columns:1fr 1.3fr}.dash-body{grid-template-columns:215px 1fr}.section{padding:75px 0}.section-head{gap:25px}.footer-top p{display:none}.hero{min-height:680px}}@media(max-width:600px){.prototype-bar{font-size:8px;letter-spacing:.04em}.prototype-bar span{margin:0 6px}.brand{width:160px}header{gap:10px;padding:0 5%}.nav-cta{font-size:10px;padding:8px 10px}.nav-cta span{display:none}.hero{min-height:820px;align-items:start}.hero-content{padding:50px 0 0;max-width:100%}.hero h1{font-size:60px;max-width:360px}.hero p{font-size:14px;max-width:310px}.hero-photo{top:auto;bottom:0;width:100%;height:58%;object-position:center 55%;opacity:1}.hero:after{background:linear-gradient(180deg,#080b10 0%,#080b10 37%,#080b1080 57%,transparent 77%,#080b10)}.hero-foot{margin-top:22px;gap:16px;font-size:8px}.buttons{gap:10px;margin-top:25px}.btn{font-size:12px;padding:12px 16px;gap:18px}.eyebrow{font-size:9px;margin-bottom:20px}.ticker{overflow:auto;justify-content:start;white-space:nowrap;gap:35px;padding:20px 5%;font-size:9px}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:20px}.grid.three,.grid.two{grid-template-columns:1fr}.grid.five{grid-template-columns:repeat(2,1fr);gap:12px}.product-info{padding:15px}.product-info h3{font-size:21px}.product-info p{font-size:11px;min-height:54px}.product-actions{flex-wrap:wrap}.product-info .tag{font-size:7px}.split{grid-template-columns:1fr;gap:35px}.scene{aspect-ratio:1.3}.page-intro{padding:50px 0 30px}.page-intro p{font-size:15px}.callout{padding:30px 25px;display:block;margin-bottom:60px}.callout h2{font-size:32px}.callout .btn{margin-top:25px}.steps{overflow:auto}.step{min-width:130px;padding:17px 12px;font-size:12px}.step-content h2{font-size:35px}.tech-visual{min-height:230px}.tech-orb{width:120px;height:120px;font-size:45px}.dash-body{display:block}.vehicle-list{display:flex;overflow:auto;gap:8px;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.vehicle-list .eyebrow,.dash-stats{display:none}.vehicle{min-width:165px;margin:0;padding:10px}.map-shell{min-height:380px}.dash-top{padding:14px}.dash-tabs{padding:10px;overflow:auto;gap:0}.dash-tab{white-space:nowrap;padding:8px 12px;font-size:11px}.dash-panel{padding:18px}.panel-head{align-items:start;flex-wrap:wrap}.map-info{left:12px;bottom:12px;padding:12px;min-width:190px}.map-badge{left:12px;top:12px;padding:8px}.metric-grid{gap:8px}.metric{padding:15px 10px}.metric strong{font-size:23px}.metric span{font-size:9px}.contact-layout{grid-template-columns:1fr;gap:20px;padding-bottom:60px}.contact-form{padding:22px}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.footer-top{padding:30px 5%;flex-wrap:wrap}.footer-top .brand{width:150px}.footer-top>a:last-child{font-size:11px}.footer-bottom{flex-direction:column;gap:7px;padding:20px 0}.compare-bar{padding:12px;gap:10px}.compare-bar p{font-size:11px}.compare-bar .btn{padding:8px 12px;white-space:nowrap}dialog{padding:30px 20px}.fence-form label{min-width:130px}.inline-controls{flex-wrap:wrap}.alert-row small,.history-row small{font-size:9px}.mobile-only{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Motion edition: cinematic scenes, tactile exploration, and visible simulation. */
header:after{content:'';position:absolute;height:2px;left:0;bottom:-1px;width:var(--scroll-progress,0%);background:linear-gradient(90deg,#047bff,#89c9ff);box-shadow:0 0 12px #187eff80;transition:width .1s linear;pointer-events:none}header.has-scrolled{box-shadow:0 12px 40px #0005;background:#080b10f5}nav a{position:relative;padding:6px 0}nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#268aff;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.hero{--pointer-x:65%;--pointer-y:40%;min-height:810px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#076bff16,transparent 45%);z-index:2;pointer-events:none}.hero-photo{animation:slow-camera 24s ease-in-out infinite alternate;will-change:transform;transition:opacity .45s;object-position:center 54%}.hero-content{padding-top:65px;padding-bottom:110px}.hero-modes{display:flex;gap:22px;margin-top:35px;max-width:480px}.hero-mode{border:0;border-top:1px solid #ffffff30;padding:13px 0;background:none;text-align:left;color:#8490a1;font-size:10px;flex:1;transition:color .25s,border-color .25s}.hero-mode span{display:block;color:#6d829d;font-size:9px;letter-spacing:.14em;margin-bottom:5px}.hero-mode.active{border-color:#2c91ff;color:#fff}.hero-mode.active span{color:#5ba8ff}.hero-mode:hover{color:#fff;border-color:#4d94ef}.hero-foot{margin-top:24px}.hero[data-scene="1"] .hero-photo{width:68%;object-position:center}.hero[data-scene="2"] .hero-photo{width:72%;object-position:70% center}.float-status{bottom:85px;padding-right:45px;overflow:hidden;transition:border-color .3s,transform .3s}.float-status:hover{border-color:#589cff;transform:translateY(-4px)}.radar-pulse{position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid #3c9bff3b;right:-80px;top:-30px;box-shadow:0 0 0 18px #248aff0a,0 0 0 36px #248aff05;animation:radar-breathe 4s infinite}.scroll-cue{position:absolute;z-index:3;left:4.5%;bottom:28px;display:flex;gap:12px;align-items:center;background:none;border:0;padding:0;color:#8797ab;font-size:8px;letter-spacing:.16em}.scroll-cue>span{height:30px;width:17px;border:1px solid #4b5b70;border-radius:12px;position:relative}.scroll-cue>span:after{content:'';width:2px;height:6px;background:#68aeff;position:absolute;left:6px;top:5px;animation:scroll-bead 1.8s infinite}.ticker{background:linear-gradient(90deg,#111b2c55,transparent,#0a34612a)}.scene-enter{animation:scene-enter .6s cubic-bezier(.2,.8,.2,1)}.page-arrive{animation:page-arrive .45s ease-out}.scroll-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.scroll-reveal.in-view{opacity:1;transform:none}.feature,.product-card,.solution-card{position:relative;isolation:isolate}.feature:after,.product-card:after,.solution-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--glow-x,-500px) var(--glow-y,-500px),#298aff12,transparent);pointer-events:none;z-index:-1}.product-card:hover .product-image img{transform:scale(1.08) rotate(-2deg)}.btn.primary{box-shadow:0 0 0 0 #087cff00;transition:transform .25s,background .25s,box-shadow .3s}.btn.primary:hover{box-shadow:0 8px 32px #087cff38}.text-link{transition:letter-spacing .25s,color .25s}.text-link:hover{letter-spacing:.03em}.map-pin .outer{animation:pin-signal 3s ease-in-out infinite}.map-pin:nth-child(2) .outer{animation-delay:1s}.map-pin:nth-child(3) .outer{animation-delay:2s}.route{animation:route-flow 2s linear infinite}.journey-section{overflow:hidden;background:linear-gradient(180deg,#0e1621,#080b10)}.journey-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 4.5% 25px}.journey-rail::-webkit-scrollbar{display:none}.journey-tile{flex:0 0 min(430px,38vw);position:relative;min-height:410px;scroll-snap-align:center;border:1px solid #293747;border-radius:8px;overflow:hidden;background:#111d2b;display:flex;align-items:end}.journey-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}.journey-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#040b14 0%,#040b14a6 36%,transparent 85%)}.journey-tile:hover>img{transform:scale(1.09)}.journey-copy{position:relative;z-index:1;padding:30px;width:100%}.journey-copy .eyebrow{font-size:8px;margin-bottom:12px;color:#c0cfe0}.journey-copy h3{font-size:30px;margin-bottom:10px}.journey-copy p{font-size:13px;max-width:270px;margin-bottom:0;color:#b8c5d5}.journey-arrow{position:absolute;right:25px;bottom:30px;font-size:25px;transition:transform .3s}.journey-tile:hover .journey-arrow{transform:translate(4px,-4px)}.rail-controls{display:flex;gap:8px;margin-top:18px}.rail-hint{display:flex;justify-content:space-between;gap:20px;color:#7187a2;font-size:9px;letter-spacing:.1em;margin-top:5px}.rail-hint a{color:#73b4ff}.dashboard:has(#run-sim:hover){border-color:#3d73ad}#discover{scroll-margin-top:100px}@keyframes slow-camera{from{transform:scale(1)}to{transform:scale(1.07) translateX(-.5%)}}@keyframes radar-breathe{50%{transform:scale(1.2);opacity:.4}}@keyframes scroll-bead{to{transform:translateY(10px);opacity:0}}@keyframes scene-enter{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes page-arrive{from{opacity:.5}to{opacity:1}}@keyframes pin-signal{50%{stroke-opacity:.3;fill-opacity:.3}}@keyframes route-flow{to{stroke-dashoffset:-28}}@media(max-width:900px){.hero{min-height:770px}.hero-modes{max-width:430px;gap:15px}.journey-tile{flex-basis:46vw;min-height:360px}}@media(max-width:600px){.hero{min-height:930px}.hero-content{padding-top:45px;padding-bottom:0}.hero-modes{margin-top:27px;gap:15px;max-width:100%}.hero-mode{font-size:9px}.hero-foot{font-size:7px;margin-top:15px}.hero-photo,.hero[data-scene="1"] .hero-photo,.hero[data-scene="2"] .hero-photo{width:100%;height:44%;object-position:center;bottom:0;top:auto}.hero:after{background:linear-gradient(180deg,#080b10 0%,#080b10 47%,#080b10b3 60%,transparent 80%,#080b10)}.scroll-cue{bottom:18px;font-size:7px}.journey-tile{flex-basis:82vw;min-height:380px}.journey-copy{padding:25px}.journey-copy h3{font-size:28px}.journey-rail{gap:15px}.rail-hint{font-size:8px}.section-head .rail-controls{margin-top:15px}.hero .float-status{display:none}.hero h1{font-size:56px}.hero[data-scene="2"] h1{font-size:53px}}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none}.hero-photo{will-change:auto}.page-arrive,.scene-enter{animation:none}*,*:before,*:after{animation:none!important;transition:none!important}}
.product-theater{padding:110px 0 90px;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#092d5266,transparent 58%),#080c13;perspective:1500px;border-bottom:1px solid #1c2b40}.theater-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}.theater-copy h2{font-size:clamp(36px,4vw,60px)}.theater-copy>p{max-width:350px}.theater-copy .note{font-size:10px;max-width:350px;margin:25px 0}.theater-controls{display:flex;gap:10px;margin-top:25px}.depth-selector{display:flex;gap:20px;margin-top:30px}.depth-selector button{background:none;border:0;border-bottom:1px solid #2f3b4c;padding:8px 0;color:#7f90a6;font-size:10px}.depth-selector button.active{border-color:#2d8eff;color:#74b3ff}.theater-stage{position:relative;height:580px;perspective:1100px;touch-action:pan-y;cursor:grab;--tilt-x:0deg;--tilt-y:0deg;--drag-y:0deg}.theater-stage.dragging{cursor:grabbing}.product-float{position:absolute;left:16%;top:25%;width:240px;height:240px;transform-style:preserve-3d;animation:product-levitate 6s ease-in-out infinite;z-index:3}.tracker-angle{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(calc(-16deg + var(--tilt-x))) rotateY(calc(-25deg + var(--drag-y) + var(--tilt-y)));transition:transform .4s ease-out}.dragging .tracker-angle{transition:none}.tracker-spin{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:product-turn 25s linear infinite}.tracker-face,.tracker-edge,.tracker-layer{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;transform-style:preserve-3d}.tracker-front{transform:translateZ(24px);background:radial-gradient(circle at 30% 15%,#45505e 0%,#242d38 27%,#111820 65%,#080d14 95%);box-shadow:inset 0 0 0 2px #6c7b8b55,inset -20px -20px 40px #0007,inset 5px 5px 14px #c2deff12;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.tracker-front:after{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid #a5caff0c}.tracker-mark{font-size:75px;line-height:1;color:#060a10;text-shadow:0 1px 1px #94a5bd33;margin-top:20px}.tracker-inscription{font-size:7px;letter-spacing:.26em;color:#788496;margin-top:18px}.device-led{width:5px;height:5px;background:#42a2ff;position:absolute;bottom:29px;left:calc(50% - 3px);border-radius:50%;box-shadow:0 0 9px 3px #1689ff99;animation:led-breathe 3s ease-in-out infinite}.tracker-back{transform:translateZ(-24px) rotateY(180deg);background:radial-gradient(circle at 70% 10%,#34404c,#10161f 70%);border:1px solid #5d6a7c;display:flex;flex-direction:column;align-items:center;justify-content:center}.tracker-back span{font-size:9px;letter-spacing:.13em;color:#7c8ca3}.tracker-back small{font-size:7px;letter-spacing:.12em;color:#4c5f79;margin-top:8px}.tracker-edge{transform:translateZ(var(--z));background:#101821;border:2px solid #344253;backface-visibility:visible}.tracker-edge:nth-of-type(even){border-color:#273340}.tracker-layer{transform:translateZ(0);background:#16322e;border:4px solid #536f7e;display:grid;place-items:center;backface-visibility:visible;transition:transform 1.2s}.tracker-layer>span{font-size:7px;letter-spacing:.12em;color:#68b3ab}.circuit-lines{position:absolute;inset:30px;border:1px solid #5db4a877;border-radius:15px;background:repeating-linear-gradient(90deg,transparent 0 15px,#6bc7aa33 15px 16px);box-shadow:0 0 0 8px #102f2a,0 0 0 9px #49857855}.orbit-floor{position:absolute;left:-5%;right:-5%;height:250px;bottom:15px;border-radius:50%;transform:rotateX(68deg);background:radial-gradient(ellipse,#0584ff25,transparent 62%);border:1px solid #1874d544;box-shadow:0 0 0 28px #1885ff05,0 0 0 55px #1885ff04;animation:floor-breathe 6s ease-in-out infinite}.depth-grid{position:absolute;inset:0;background-image:linear-gradient(#3d86c512 1px,transparent 1px),linear-gradient(90deg,#3d86c512 1px,transparent 1px);background-size:50px 50px;transform:rotateX(65deg) translateY(220px);mask-image:radial-gradient(ellipse,#000,transparent 65%);pointer-events:none}.phone-3d{position:absolute;top:12%;right:3%;width:180px;height:350px;background:#0a1019;border:4px solid #394655;border-right-color:#566473;border-bottom-color:#1a2634;border-radius:29px;transform:rotateY(-24deg) rotateX(10deg) rotateZ(7deg) translateZ(-40px);box-shadow:18px 30px 45px #0008,inset 0 0 0 1px #8db4da44;padding:42px 10px 12px;opacity:.3;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity 1s;z-index:2;pointer-events:none}.phone-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:65px;height:17px;border-radius:20px;background:#03070d}.phone-title{font-size:9px;color:#d6e6fb;line-height:1.4}.phone-title small{display:block;font-size:6px;color:#4496ef;letter-spacing:.13em;margin:5px 0 10px}.phone-map{position:relative;overflow:hidden;height:190px;border-radius:6px;background:repeating-linear-gradient(90deg,#233c4b 0 24px,#3c5662 24px 26px);border-right:35px solid #0a2a41}.phone-map:after{content:'';inset:0;position:absolute;background:repeating-linear-gradient(0deg,transparent 0 25px,#465966 25px 27px)}.phone-road{position:absolute;width:4px;height:220px;background:#5c7281;transform:rotate(30deg);left:60px;top:-10px}.road-b{transform:rotate(90deg)}.phone-route{position:absolute;left:45px;top:30px;width:35px;height:130px;border-left:3px solid #2493ff;border-bottom:3px solid #2493ff;transform:rotate(12deg);filter:drop-shadow(0 0 5px #1a85ff)}.phone-marker{position:absolute;z-index:2;top:75px;left:30px;width:28px;height:28px;border-radius:50%;background:#087cff;border:2px solid #c5e6ff;text-align:center;line-height:24px;box-shadow:0 0 0 10px #1d91ff25;animation:phone-travel 10s ease-in-out infinite}.phone-map-label{position:absolute;top:20px;left:10px;font-size:5px;color:#c3d8ed;letter-spacing:.1em;z-index:3}.phone-card{font-size:9px;background:#122336;margin-top:10px;border:1px solid #325378;padding:8px;border-radius:7px}.phone-card small{display:block;font-size:7px;color:#87a5c6;margin-left:12px}.connection-arc{position:absolute;width:200px;height:180px;top:30%;left:49%;border-top:1px dashed #4ba4ff;border-radius:50%;transform:rotate(-35deg);opacity:0;transition:opacity 1s;animation:arc-stream 4s linear infinite;pointer-events:none}.stage-label{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#8da6c4;font-size:8px;letter-spacing:.14em}.stage-arrows{position:absolute;bottom:47px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.stage-arrows button{background:#13243e88;border:1px solid #3c6290;border-radius:50%;width:35px;height:35px;font-size:21px;color:#92bded}.stage-arrows button:hover{background:#24518a}.theater-stage[data-depth=connected] .phone-3d{opacity:1;transform:rotateY(-18deg) rotateX(6deg) rotateZ(5deg) translateZ(50px)}.theater-stage[data-depth=connected] .product-float{left:1%;transition:left 1s}.theater-stage[data-depth=connected] .connection-arc{opacity:.7}.theater-stage[data-depth=exploded] .tracker-front{transform:translateZ(115px)}.theater-stage[data-depth=exploded] .tracker-layer{transform:translateZ(60px)}.theater-stage[data-depth=exploded] .phone-3d{opacity:.12;transform:rotateY(-30deg) translateZ(-150px)}.theater-stage.is-paused .tracker-spin{animation-play-state:paused}.theater-stage.is-paused .product-float{animation-play-state:paused}.theater-stage.is-paused .phone-marker{animation-play-state:paused}.scroll-depth{transition:transform .2s linear;transform:perspective(1400px) rotateX(var(--depth-rotate,0deg)) translateY(var(--depth-lift,0px));transform-origin:center center}.journey-tile{transform-style:preserve-3d}.journey-tile:hover .journey-copy{transform:translateY(-7px)}.journey-copy{transition:transform .5s}@keyframes product-turn{to{transform:rotateY(360deg)}}@keyframes product-levitate{50%{transform:translateY(-18px) rotateZ(-3deg)}}@keyframes led-breathe{50%{box-shadow:0 0 15px 4px #1689ffbb}}@keyframes floor-breathe{50%{opacity:.5;transform:rotateX(68deg) scale(.9)}}@keyframes phone-travel{50%{transform:translate(25px,50px)}}@keyframes arc-stream{50%{filter:drop-shadow(0 0 8px #238fff);opacity:.3}}@media(max-width:900px){.theater-layout{gap:15px}.theater-stage{height:500px}.product-float{left:5%;width:200px;height:200px}.phone-3d{right:0;width:155px;height:320px}.phone-map{height:170px}.theater-controls{flex-wrap:wrap}.depth-selector{gap:14px}.theater-stage[data-depth=connected] .product-float{left:-6%}}@media(max-width:600px){.product-theater{padding:65px 0 40px}.theater-layout{grid-template-columns:1fr;gap:25px}.theater-copy h2{font-size:39px}.theater-copy>p{font-size:14px}.theater-stage{height:440px;max-width:480px;width:100%;margin:auto}.product-float{left:14%;top:23%;width:195px;height:195px}.tracker-mark{font-size:60px}.tracker-inscription{font-size:6px}.phone-3d{width:150px;height:295px;right:4%;top:10%;border-radius:24px}.phone-map{height:145px}.phone-title{font-size:8px}.phone-card{font-size:8px}.phone-marker{animation-duration:12s}.theater-copy .note{max-width:none}.theater-stage[data-depth=connected] .product-float{left:1%}.orbit-floor{bottom:15px}.tracker-back span{font-size:8px}.stage-label{font-size:7px}.depth-selector{gap:22px}.scroll-depth{transform:none!important}}@media(prefers-reduced-motion:reduce){.product-float,.tracker-spin,.device-led,.phone-marker,.orbit-floor,.connection-arc{animation:none!important}.scroll-depth{transform:none!important}.tracker-angle,.tracker-front,.tracker-layer,.phone-3d{transition:none!important}}
.scroll-depth.in-view{transform:perspective(1400px) rotateX(var(--depth-rotate,0deg)) translateY(var(--depth-lift,0px))}.product-card:hover,.solution-card:hover{transform:perspective(1100px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-5px)}@media(prefers-reduced-motion:reduce){.scroll-depth.in-view,.product-card:hover,.solution-card:hover{transform:none!important}}
