:root{--ink:#fff;--muted:#aab6ca;--night:#02060d;--navy:#06111f;--panel:#091525;--panel-2:#0d1d32;--blue:#1887ff;--green:#2fc26b;--yellow:#f6c62f;--orange:#ff8b22;--red:#ec3341;--line:rgba(115,169,232,.2)}
html,body{background:#02060d;color:#fff}body{background:radial-gradient(circle at 76% 5%,rgba(24,135,255,.12),transparent 30%),#02060d}
.site-header{border-color:var(--line);background:rgba(2,6,13,.9)}.home-page .site-header{background:linear-gradient(180deg,rgba(2,6,13,.98),transparent)}
.brand-mark{border-color:rgba(24,135,255,.7);background:#07182d;color:#64b1ff}.site-header nav a{color:#9eaabd}.site-header nav a:hover,.site-header nav a.is-active{color:#fff}.site-header nav a.is-active:after{background:#1887ff}.header-cta,.language-pill{border-color:rgba(24,135,255,.48);background:rgba(24,135,255,.08);color:#fff}
.editorial-hero{position:relative;min-height:850px;overflow:hidden;display:grid;grid-template-columns:minmax(400px,.9fr) minmax(420px,1.1fr);align-items:center;gap:80px;padding:120px max(40px,calc((100% - 1320px)/2)) 30px;background:radial-gradient(circle at 76% 44%,rgba(30,104,192,.24),transparent 34%),linear-gradient(135deg,#0a182a,#06101c 72%,#02060d)}
.editorial-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,13,.82) 0 10%,transparent 58%),linear-gradient(0deg,#02060d,transparent 27%);pointer-events:none}.hero-map-lines{position:absolute;inset:0;opacity:.6;background-image:linear-gradient(27deg,transparent 48%,rgba(91,157,233,.12) 49%,rgba(91,157,233,.12) 50%,transparent 51%),linear-gradient(147deg,transparent 43%,rgba(255,255,255,.055) 44%,rgba(255,255,255,.055) 45%,transparent 46%);background-size:260px 210px,330px 270px}
.editorial-copy{position:relative;z-index:3;align-self:center}.editorial-copy h1{margin:14px 0 18px;font-size:clamp(52px,5.8vw,94px);line-height:.95;letter-spacing:-.07em}.editorial-copy>p:not(.product-kicker){margin:0;color:#fff;font-size:clamp(28px,3vw,46px);font-weight:300;letter-spacing:.04em}.product-kicker{color:#62b0ff}.download-button{display:inline-flex;align-items:center;gap:30px;margin-top:42px;padding:15px 24px;border:1px solid rgba(116,184,255,.62);border-radius:999px;background:#1887ff;color:#fff;font-size:16px;font-weight:750;box-shadow:0 14px 34px rgba(24,135,255,.22);transition:transform .2s ease,background .2s ease}.download-button:hover{background:#3296ff;transform:translateY(-2px)}.action-icon{width:20px;height:20px;display:block;flex:0 0 auto;object-fit:contain}.download-button:not(.project-button) .action-icon{filter:brightness(0) invert(1)}.project-button{margin-top:14px;background:#f1f5fa;color:#092044;border-color:#d6e1ee;box-shadow:0 14px 34px rgba(0,0,0,.18)}.project-button:hover{background:#fff;color:#061a3d}
.hero-app-shot{position:relative;z-index:3;align-self:end;justify-self:center;margin:0;width:384px;height:735px;overflow:visible}.hero-app-shot img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 32px 55px rgba(0,0,0,.68))}
.feature-nav{border-color:var(--line);background:rgba(2,6,13,.95)}.feature-nav a{color:#aab5c6}.feature-nav b{color:#65b2ff}.showcase{border-bottom:1px solid rgba(115,169,232,.16)}
.showcase-copy>span,.section-heading>span,.step,.safety-copy>span,.developer-note>div>span,.eyebrow,.logic-row span,.detail-number,.route-note span,.real-ui-label span,.grade-arrow,.timeline b,.principle-grid article>span{color:#65b2ff}.eyebrow span{background:#1887ff}.showcase-copy p,.page-hero>p:last-child,.design-hero>p:last-child{color:#aab6ca}.showcase-copy a{color:#65b2ff;border-bottom:1px solid #1887ff;padding-bottom:4px}
.route-canvas,.voice-visual{border-color:rgba(115,169,232,.24);background:#07111e}.app-route-shot{display:flex;align-items:center;justify-content:center;margin:0;overflow:hidden;border-radius:28px;background:#08162a}.app-route-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:28px}.terrain{stroke:#23354c}.route-white{stroke:#fff}.route-green{stroke:#1887ff}.map-point,.map-point.start,.map-point.via,.map-point.end{background:#07111e;border-color:#fff;color:#fff}.wave i{background:#1887ff}.voice-visual p{color:#aab6ca}.voice-visual strong{color:#fff}
.feature-panel,.route-details article,.principle-grid article,.roadbook-explain article,.timeline article,.grade-grid article,.logic-row div{border-color:var(--line);background:#07111e}.feature-panel{background:linear-gradient(145deg,#0b1a2d,#050b14)}.clean-list li:before{background:#1887ff}.state-pills span.active{border-color:#1887ff;background:#1887ff;color:#fff}.state-pills b{color:#6d7f98}
.mini-app{background:#f4f6f9}.mini-actions .blue-button{border-color:#1887ff;background:#1887ff;color:#fff}.mini-actions .green-button{border-color:#2fc26b;background:#2fc26b;color:#fff}.mini-route-map{background:#dbe4ee}.drive-stage{background:linear-gradient(145deg,#172230,#dce5ed 55%,#15202e)}
.real-ui{background:radial-gradient(circle at 50% 20%,rgba(24,135,255,.16),transparent 46%),#050b12}.timeline article{border-top-color:#1887ff}.safety-panel{background:linear-gradient(135deg,#0b1b31,#03080f)}.language-toggle button.active,.acknowledge{background:#1887ff;color:#fff}.developer-note,.route-note{border-color:var(--line);background:#050b12}.status-band{border-color:rgba(24,135,255,.35);background:rgba(24,135,255,.08)}.pulse{background:#1887ff;box-shadow:0 0 0 7px rgba(24,135,255,.12)}.status-band small{color:#65b2ff}
.download-reserve{height:132px;border-top:1px solid rgba(115,169,232,.16);background:#02060d}footer{border-top:1px solid rgba(115,169,232,.16);color:#71829a;background:#02060d}
@media(max-width:900px){.editorial-hero{min-height:auto;grid-template-columns:1fr;padding-top:135px;text-align:center}.editorial-copy{z-index:4}.hero-rule{margin-inline:auto}.hero-app-shot{height:auto;width:355px;align-self:auto}.editorial-hero:after{background:linear-gradient(0deg,#02060d,transparent 36%)}}
@media(max-width:600px){.editorial-hero{gap:38px;padding:110px 20px 0}.editorial-copy h1{font-size:64px}.editorial-copy>p:not(.product-kicker){font-size:24px}.download-button{margin-top:32px}.hero-app-shot{width:min(319px,90vw);height:auto}.download-reserve{height:96px}}
