.optipilot-page{max-width:1220px;margin:auto;padding:64px 28px 44px}.optipilot-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px}.optipilot-eyebrow{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.17em;margin:0 0 38px}.optipilot-status{display:inline-flex;align-items:center;gap:8px;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.optipilot-status>span:first-child{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.optipilot-hero h1{font-size:clamp(64px,8.4vw,106px);font-weight:800;line-height:1.05;letter-spacing:-.065em;margin:24px 0 17px;overflow-wrap:anywhere}.optipilot-tagline{font-size:clamp(24px,3.3vw,37px);font-weight:500;line-height:1.28;letter-spacing:-.035em;margin:0 0 24px;color:var(--accent)}.optipilot-intro{max-width:430px;font-size:16px;line-height:1.85;color:var(--text-secondary);margin:0}.optipilot-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.optipilot-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.5;text-align:center}.optipilot-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border:1px solid transparent}.optipilot-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.optipilot-actions a:hover{filter:brightness(.95)}.optipilot-actions a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.optipilot-scene{position:relative;isolation:isolate;aspect-ratio:1.03;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:var(--surface);color:var(--accent);direction:ltr}.optipilot-scene::before{content:"";position:absolute;width:80%;height:80%;top:-24%;right:-22%;background:radial-gradient(circle,rgba(20,184,166,.10),transparent 68%);z-index:-1}.optipilot-scene svg{width:100%;height:100%;display:block}.optipilot-scene-header,.optipilot-scene-footer{position:absolute;inset-inline:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--text-secondary);font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.optipilot-scene-header{top:22px}.optipilot-scene-footer{bottom:20px}.optipilot-scene-line{height:1px;background:var(--border);width:50px;margin-inline-start:auto}.optipilot-terrain{stroke:var(--border);stroke-width:1;opacity:.55}.optipilot-road-fill{stroke:url(#optipilotRoad);stroke-width:80}.optipilot-road-edge{stroke:var(--border);stroke-width:1.5}.optipilot-road-center{stroke:var(--accent);stroke-width:1;stroke-dasharray:7 13;opacity:.28}.optipilot-route{stroke:var(--accent);stroke-width:3;stroke-linecap:round}.optipilot-destination-ring{fill:var(--accent);fill-opacity:.07;stroke:var(--accent);stroke-opacity:.25}.optipilot-destination{fill:var(--accent)}.optipilot-car{fill:var(--surface);stroke:var(--accent);stroke-width:2}.optipilot-car-detail{stroke:var(--accent);stroke-width:1.2;stroke-opacity:.65}.optipilot-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:60px;border-top:1px solid var(--border);padding-top:32px;margin-top:64px}.optipilot-next h2{font-size:28px;letter-spacing:-.035em;line-height:1.3;margin:0}.optipilot-next p{max-width:470px;font-size:15px;line-height:1.85;color:var(--text-secondary);margin:0}@media(max-width:850px){.optipilot-page{padding:38px 24px}.optipilot-hero{grid-template-columns:1fr;gap:36px}.optipilot-intro{max-width:570px}.optipilot-eyebrow{margin-bottom:26px}.optipilot-scene{max-width:620px;width:100%;margin:auto;aspect-ratio:1.25}.optipilot-next{gap:24px;margin-top:40px}.optipilot-hero h1{font-size:clamp(62px,13vw,92px)}}@media(max-width:520px){.optipilot-page{padding:30px 18px}.optipilot-hero{gap:30px}.optipilot-scene{border-radius:20px;aspect-ratio:1.06}.optipilot-scene-header,.optipilot-scene-footer{inset-inline:18px}.optipilot-next{grid-template-columns:1fr;gap:12px;padding-top:25px;margin-top:32px}.optipilot-next h2{font-size:25px}.optipilot-actions{gap:9px}.optipilot-actions a{flex:1 1 135px}.optipilot-intro{font-size:15px}}
