:root{--ink:#101820;--violet:#1878ed;--lime:#37d89b;--paper:#f7fafc;--muted:#526272}
.watch-price{display:block;margin:24px 0 18px;font-size:42px;line-height:1.15;letter-spacing:-.04em;color:#101820;font-variant-numeric:tabular-nums}.watch-price span{font-size:17px;letter-spacing:normal;color:#526272}.watch-order{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin-top:auto}.watch-offer{border-color:#97bce8}
body{font-family:"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.55;color:#101820;background:#fff}
.hero{background:#0b121b;color:#fff}.hero h1,.hero .hero-drive-logo strong{color:#fff}.hero .hero-copy{color:#d3dfeb}.hero .eyebrow{color:#a6c9f2}.hero .accent{color:#61abff}
.hero h1{font-size:clamp(42px,6.5vw,88px);line-height:1.08;letter-spacing:-.04em}
.hero-glow{background:radial-gradient(ellipse at 70% 40%,#1878ed35,transparent 55%);animation:ambientFloat 9s ease-in-out infinite alternate}
.lang-switch button{font-size:13px;min-width:36px;min-height:32px}.lang-switch button.active{background:#b8f3d9;color:#073c2c}
.nav nav a,.button{font-size:15px}.section-label,.eyebrow,.story-heading>span{font-size:13px;letter-spacing:.1em}
.how-grid b,.personal-card>span{font-size:13px}.how-grid article>span{margin:20px 0 0}.how-grid article,.personal-card{transition:transform .3s,box-shadow .3s}
.how-grid article:hover,.personal-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #10243a12}
.metric-row small,.metric-row em,.card-head small,.dash-header small,.dash-footer,.map-key,.connection,.live-dot{font-size:13px;line-height:1.5;letter-spacing:normal;overflow-wrap:normal}
.button,.demo-controls button{font-family:"Segoe UI",Arial,sans-serif;font-weight:600}
.metric-row b{font-size:36px;font-variant-numeric:tabular-nums}.metric-row article{min-width:0}
.activity-list b,.card-head b,.driver-popover b{font-size:16px}.activity-list small,.activity-list time,.driver-popover span,.driver-popover small,.driver-response small{font-size:13px;line-height:1.5}
.driver-response b{font-size:18px}.driver-response button,.demo-controls button{font-size:14px;min-height:44px}.driver-popover{max-width:280px}
.connection:not(.warning):not(.offline) i{background:#20bb80;animation:signalGlow 2.8s ease-out infinite}
.analysis-panel{background:#f6faff;color:#1878ed}.analysis-panel svg{height:110px}.analysis-panel h3{font-size:26px}.analysis-panel p{font-size:17px}
.simulation-label{display:inline-flex;font-size:15px;font-weight:700;background:#e5efff;color:#174578}
.personal-card-accent{background:#101820;border-color:#101820}.personal-card-accent>i{background:#124737;color:#79ebbc}
.security{background:#101820}.security-points span{font-size:16px}.security-inner{background:radial-gradient(ellipse at 80% 60%,#1878ed25,transparent 60%)}
footer p,footer small,.footer-social{font-size:14px;line-height:1.6}
@keyframes ambientFloat{to{transform:translate3d(-3%,3%,0) scale(1.06)}}
@keyframes signalGlow{0%{box-shadow:0 0 0 0 #20bb8040}80%,100%{box-shadow:0 0 0 9px #20bb8000}}
@media(max-width:760px){.metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-row article{padding:16px}.metric-row b{font-size:30px}.driver-popover{max-width:none}.dash-main{padding:18px}.hero h1{font-size:clamp(36px,9vw,58px)}.demo-controls{grid-template-columns:1fr}.activity-list>div{grid-template-columns:26px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}