.drive{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 80% 0%,#1E3A8A 0%,#13265E 45%,#0B1638 100%);color:#DCE6FB;padding-block:3.25rem 3rem;isolation:isolate}
.drive h2{color:#fff}
.drive .lead{color:#A9BCE6}
.drive-grid{display:grid;gap:1.5rem;margin-top:1.6rem}
.drive-grid>*,.drive-controls>*{min-width:0}
@media(min-width:960px){.drive-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:2.25rem}}

.drive-controls{display:grid;gap:1rem}
.drive-lbl{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8FA6D8;margin-bottom:.45rem}
.city-sel{position:relative}
.city-sel select{appearance:none;-webkit-appearance:none;width:100%;min-height:48px;padding:.6rem 2.6rem .6rem 1rem;border-radius:14px;border:1.5px solid rgba(147,197,253,.28);background:rgba(255,255,255,.06);color:#fff;font:600 1rem var(--sans);cursor:pointer}
.city-sel select:focus-visible{outline:2px solid var(--blue-light);outline-offset:2px}
.city-sel select option{color:var(--ink)}
.city-sel .icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#A9BCE6;pointer-events:none}

.doc-pick{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-inline:-20px;padding-inline:20px;scroll-snap-type:x proximity}
.doc-pick::-webkit-scrollbar{display:none}
.doc-pick button{flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:.5rem;min-height:48px;padding:.3rem .85rem .3rem .3rem;border-radius:999px;border:1.5px solid rgba(147,197,253,.22);background:rgba(255,255,255,.05);color:#DCE6FB;font:500 .92rem var(--sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.doc-pick button img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.doc-pick button small{display:block;font-size:.76rem;color:#8FA6D8;line-height:1.2}
.doc-pick button span{text-align:left;line-height:1.25}
.doc-pick button[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--ink)}
.doc-pick button[aria-pressed="true"] small{color:var(--muted)}
@media(min-width:960px){.doc-pick{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}}

.map-box{position:relative;border-radius:var(--r);background:rgba(8,16,44,.55);border:1px solid rgba(147,197,253,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 60px rgba(0,0,0,.25);overflow:hidden}
.map-box svg{display:block;width:100%;height:auto;aspect-ratio:16/10}
.map-box .c{fill:#172C66;stroke:#284389;stroke-width:.8;vector-effect:non-scaling-stroke}
.map-box .c.ro{fill:#22408F;stroke:#6E97EA;stroke-width:1.2}
.map-box .city circle{fill:#6E8AC9}
.map-box .city text{fill:#8FA6D8;font:500 11px var(--sans);paint-order:stroke;stroke:#0B1638;stroke-width:3px;stroke-linejoin:round}
.map-box .city.on circle{fill:#fff}
.map-box .city.on text{fill:#fff;font-weight:600}
.map-box .road-glow{fill:none;stroke:#60A5FA;stroke-linecap:round;stroke-linejoin:round;opacity:.28}
.map-box .road{fill:none;stroke:#93C5FD;stroke-linecap:round;stroke-linejoin:round}
.map-box .car{fill:#fff}
.map-box .beam{fill:none;stroke:#fff;stroke-linecap:round;filter:drop-shadow(0 0 4px #93C5FD)}
.map-box .ring{fill:none;stroke:#fff}
.map-box .pin-me{fill:#fff}
.map-legend{display:flex;gap:.9rem;padding:.55rem .85rem;border-top:1px solid rgba(147,197,253,.12);font-size:.76rem;color:#8FA6D8}
.map-legend i{display:inline-block;width:16px;height:3px;border-radius:2px;background:#93C5FD;vertical-align:middle;margin-right:.35rem}
.map-legend i.v{background:#fff;box-shadow:0 0 6px #93C5FD}

.cmp{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.9rem}
.cmp div{border-radius:14px;padding:.65rem .75rem;background:rgba(255,255,255,.05);border:1px solid rgba(147,197,253,.16);transition:background .4s,border-color .4s,transform .4s var(--ease)}
.cmp small{display:block;font-size:.76rem;color:#8FA6D8;font-weight:600;letter-spacing:.02em}
.cmp b{display:block;font:600 1.45rem/1.15 var(--sans);color:#fff;font-variant-numeric:tabular-nums;margin-top:.15rem}
.cmp span{display:block;font-size:.82rem;color:#A9BCE6;margin-top:.1rem;font-variant-numeric:tabular-nums}
.cmp .online.lit{background:#fff;border-color:#fff;transform:translateY(-2px)}
.cmp .online.lit small,.cmp .online.lit span{color:var(--muted)}
.cmp .online.lit b{color:var(--blue)}
.drive-verdict{margin-top:.9rem;min-height:3.1em;font-family:var(--serif);font-size:1.25rem;line-height:1.3;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s var(--ease)}
.drive-verdict.in{opacity:1;transform:none}
.drive-cta{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}
.drive-cta .btn-primary{background:#fff;color:var(--blue-deep)}
.drive-cta .btn-primary:hover{background:var(--blue-soft)}
.drive-note{margin-top:1rem;font-size:.76rem;color:#6F86BD}


.rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.drive-verdict{transition:none}}