:root,[data-theme=dark]{--bg: #0B0F17;--bg2: #111827;--text: #F8FAFC;--muted: #94A3B8;--accent: #DC2626;--accent-soft: rgba(220, 38, 38, .14);--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--card-shadow: 0 20px 60px rgba(0, 0, 0, .45);--map-bg: #0f172a;--phone-bg: #111c30;--chip: rgba(220, 38, 38, .16)}[data-theme=light]{--bg: #F7F8FB;--bg2: #FFFFFF;--text: #0B0F17;--muted: #5B6474;--accent: #DC2626;--accent-soft: rgba(220, 38, 38, .08);--glass: rgba(255, 255, 255, .72);--glass-border: rgba(11, 15, 23, .1);--card-shadow: 0 20px 50px rgba(11, 15, 23, .1);--map-bg: #E2E8F0;--phone-bg: #F1F5F9;--chip: rgba(220, 38, 38, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;transition:background .35s,color .35s;overflow-x:hidden}.page{position:relative;max-width:1180px;margin:0 auto;padding:0 22px 40px}.glow{position:fixed;width:560px;height:560px;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0;opacity:.5}.glow-a{background:#dc262638;top:-160px;left:-120px}.glow-b{background:#dc26261f;bottom:-200px;right:-140px}[data-theme=light] .glow{opacity:.35}.glass{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}.accent{color:var(--accent)}.mono{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted)}.nav{position:sticky;top:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-radius:18px;box-shadow:var(--card-shadow)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-.02em}.brand-bolt{background:var(--accent);width:30px;height:30px;display:grid;place-items:center;border-radius:9px}.brand-tag{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--muted);border:1px solid var(--glass-border);padding:4px 8px;border-radius:99px}.nav-links{display:flex;gap:20px}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--accent-soft);border:1px solid var(--glass-border);color:var(--text);border-radius:99px;padding:7px 12px;cursor:pointer;font-weight:700;font-size:13px}.toggle-pill{width:38px;height:20px;border-radius:99px;background:#94a3b859;position:relative;display:inline-block;transition:.3s}.toggle-pill.dark{background:var(--accent)}.toggle-knob{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.3s;left:2px}.toggle-pill.dark .toggle-knob{left:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:14px;font-weight:700;font-size:15px;text-decoration:none;transition:.2s;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 12px 30px #dc262659}.btn.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.ghost{border-color:var(--glass-border);color:var(--text);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn.small{padding:8px 16px;font-size:13px;border-radius:10px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 0 30px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(220,38,38,.3);padding:8px 14px;border-radius:99px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 #dc262699;animation:ping 1.6s infinite;display:inline-block}@keyframes ping{70%{box-shadow:0 0 0 9px #dc262600}to{box-shadow:0 0 #dc262600}}.hero h1{font-size:clamp(42px,6vw,68px);line-height:.98;letter-spacing:-.04em;margin:20px 0 16px;font-weight:900}.lede{color:var(--muted);font-size:17px;line-height:1.65;max-width:52ch}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.badge{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:7px 13px;border-radius:99px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text)}.badge:nth-child(1){border-color:#dc262680}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.cta-row.center{justify-content:center}.hero-mini{display:flex;gap:28px;margin-top:28px}.hero-mini div{display:flex;flex-direction:column}.hero-mini strong{font-size:24px}.hero-mini span{color:var(--muted);font-size:13px}.hero-phone{position:relative;display:flex;justify-content:center}.phone-glow{position:absolute;width:340px;height:420px;background:radial-gradient(closest-side,rgba(220,38,38,.35),transparent);filter:blur(30px);z-index:0}.phone-glow.small{width:280px;height:340px}.phone{position:relative;z-index:1;width:285px;border-radius:44px;padding:11px;background:linear-gradient(160deg,#2a3348,#0b0f17 60%);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px #00000080,0 0 0 8px #ffffff05}[data-theme=light] .phone{background:linear-gradient(160deg,#fff,#cbd5e1)}.phone-notch{position:absolute;top:22px;left:50%;transform:translate(-50%);width:110px;height:24px;background:#000;border-radius:99px;z-index:3}.phone-screen{background:var(--phone-bg);border-radius:34px;overflow:hidden;min-height:590px;display:flex;flex-direction:column;position:relative;color:var(--text)}.mockup-img{width:100%;height:590px;object-fit:cover;display:block;background:var(--map-bg)}.phone-home{width:110px;height:4px;border-radius:99px;background:#94a3b899;margin:10px auto 4px}.app-bar{display:flex;justify-content:space-between;align-items:center;padding:44px 14px 10px}.app-sub{margin:0;font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--accent)}.app-bar h4{margin:2px 0 0;font-size:17px;letter-spacing:-.02em}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.chip{font-size:11px;font-weight:800;background:var(--chip);color:var(--accent);padding:5px 10px;border-radius:99px;border:1px solid rgba(220,38,38,.3);white-space:nowrap}.chip.dim{color:var(--muted);background:#94a3b826;border-color:var(--glass-border)}.mock-map{position:relative;margin:4px 12px;height:250px;border-radius:18px;overflow:hidden;background:var(--map-bg);border:1px solid var(--glass-border)}.mock-roads{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mock-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.14) 1px,transparent 1px);background-size:26px 26px}.mock-marker{position:absolute}.mock-marker.m1{left:56%;top:42%}.mock-marker.m2{left:28%;top:64%}.mock-marker.m3{left:72%;top:70%}.mock-marker .dot{font-size:22px;filter:drop-shadow(0 4px 10px rgba(220,38,38,.5))}.mock-marker .dot.small{display:block;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid #fff}.mock-marker .dot.small.dim{background:#94a3b8}.pulse{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid var(--accent);animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.4);opacity:0}}.mock-live{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.1em;background:#0000008c;color:#fff;padding:5px 9px;border-radius:99px;display:flex;gap:6px;align-items:center}[data-theme=light] .mock-live{background:#0b0f17bf}.map-stats{margin:10px 12px 0;border-radius:16px;display:flex;justify-content:space-between;padding:12px}.map-stats span{font-size:11px;color:var(--muted);display:block}.map-stats strong{font-size:15px}.map-stats small{font-weight:500;color:var(--muted)}.online{color:#22c55e!important}.unit-card{margin:10px 12px;border-radius:16px;padding:6px 12px}.unit-row{display:flex;align-items:center;gap:10px;padding:8px 0}.unit-row+.unit-row{border-top:1px solid var(--glass-border)}.unit-icon{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center}.unit-row strong{font-size:13px;display:block}.unit-row p{margin:0;font-size:11px;color:var(--muted)}.tabbar{margin:auto 12px 12px;border-radius:16px;display:flex;justify-content:space-around;padding:11px 6px;font-size:12px;font-weight:700;color:var(--muted)}.tabbar .active{color:var(--accent)}.float-card{position:absolute;z-index:2;font-size:12px;font-weight:700;padding:10px 14px;border-radius:14px;box-shadow:var(--card-shadow);animation:float 4s ease-in-out infinite}.fc1{top:18%;left:-8px}.fc2{bottom:16%;right:-6px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.marquee{overflow:hidden;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);margin:20px -22px;opacity:.8}.marquee-track{display:flex;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.12em;color:var(--muted);padding:12px 0;animation:scroll 22s linear infinite}@keyframes scroll{to{transform:translate(-50%)}}.section{padding:60px 0 10px;position:relative;z-index:1}.kicker{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.12em;margin:0}.section h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;margin:10px 0}.sub{color:var(--muted);max-width:68ch;line-height:1.65}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.ctx{border-radius:22px;padding:28px;box-shadow:var(--card-shadow)}.ctx.problem{border-top:3px solid #f59e0b}.ctx.solution{border-top:3px solid var(--accent)}.ctx h3{margin-top:0}.ctx ul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}.ctx li{font-size:14.5px;line-height:1.6;color:var(--muted)}.ctx li strong{color:var(--text)}.zigzag{display:flex;flex-direction:column;gap:28px;margin-top:30px}.spot{display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:center}.spot.flip{grid-template-columns:1fr 380px}.spot.flip .spot-phone{order:2}.spot-phone{display:flex;justify-content:center;position:relative}.spot-copy{border-radius:22px;padding:30px;box-shadow:var(--card-shadow)}.spot-tag{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.1em}.spot-copy h3{margin:8px 0 10px;font-size:26px;letter-spacing:-.02em}.spot-copy p{color:var(--muted);line-height:1.65}.spot-copy ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.spot-copy li{font-size:14px;font-weight:600;background:var(--accent-soft);border:1px solid rgba(220,38,38,.22);padding:9px 13px;border-radius:12px}.sheet{margin:10px 12px 12px;border-radius:18px;padding:14px}.grabber{width:44px;height:4px;border-radius:99px;background:#94a3b880;margin:0 auto 10px}.sheet strong{font-size:13px}.sheet p{font-size:12px;color:var(--muted);margin:4px 0 10px}.btn-row{display:flex;gap:8px}.btn-mini{flex:1;border-radius:10px;padding:9px;font-size:12px;font-weight:800;border:1px solid var(--glass-border);background:transparent;color:var(--text);cursor:pointer}.btn-mini.primary{background:var(--accent);color:#fff;border-color:transparent}.scrub{height:6px;border-radius:99px;background:#94a3b84d;position:relative;margin:8px 0 12px}.scrub-fill{position:absolute;top:0;right:35%;bottom:0;left:0;background:var(--accent);border-radius:99px}.scrub-head{position:absolute;left:65%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border:3px solid var(--accent);border-radius:50%}.play-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.play-btn{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.roles-screen,.speedo-screen{padding:46px 14px 14px;display:flex;flex-direction:column;gap:10px;height:100%}.roles-screen h4,.speedo-screen h4{margin:0 0 4px;font-size:18px}.role-card{display:flex;align-items:center;gap:10px;border-radius:16px;padding:12px}.role-card.on{border-color:#dc262680}.role-card strong{font-size:13px;display:block}.role-card p{margin:0;font-size:11px;color:var(--muted)}.switch{margin-left:auto;width:36px;height:20px;border-radius:99px;background:#94a3b859;position:relative}.knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff}.knob.on{left:18px;background:var(--accent)}.rbac-note,.offline-note,.overspeed{font-size:12px;font-weight:700;background:var(--accent-soft);border:1px dashed rgba(220,38,38,.4);padding:10px;border-radius:12px;text-align:center}.dl{margin-left:auto;font-size:16px}.gauge{background:#94a3b814;border:1px solid var(--glass-border);border-radius:18px;padding:10px}.gauge-arc{stroke-dasharray:220;stroke-dashoffset:40;animation:gauge 2.4s ease-in-out infinite alternate}@keyframes gauge{0%{stroke-dashoffset:90}to{stroke-dashoffset:20}}.gauge-num{fill:var(--text);font-size:28px;font-weight:900;font-family:Inter,sans-serif}.gauge-unit{fill:var(--muted);font-size:11px}.speedo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.speedo-grid div{border-radius:14px;padding:12px}.speedo-grid span{font-size:11px;color:var(--muted);display:block}.tax-card{border:1px solid var(--glass-border);background:var(--glass);border-radius:16px;padding:14px}.tax-card.dim{opacity:.75}.plate{display:inline-block;background:var(--text);color:var(--bg);font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;padding:5px 12px;border-radius:8px;letter-spacing:.08em;margin-bottom:8px}.tax-card strong{display:block;font-size:14px}.tax-card p{font-size:12px;color:var(--muted)}.tax-bar{height:7px;border-radius:99px;background:#94a3b84d;margin:10px 0 12px;overflow:hidden}.tax-bar div{height:100%;background:var(--accent);border-radius:99px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.metric{border-radius:20px;padding:26px 22px;box-shadow:var(--card-shadow);border-top:3px solid var(--accent)}.metric-num{font-size:42px;font-weight:900;letter-spacing:-.03em}.metric-label{font-weight:800;margin:4px 0 6px}.metric p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.quality-strip{margin-top:16px;border-radius:16px;padding:14px 20px;display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted)}.footer{margin-top:70px;border-radius:28px;padding:54px 34px;text-align:center;box-shadow:var(--card-shadow)}.footer-logo{max-width:300px;width:70%;height:auto;margin:0 auto 18px;display:block;border-radius:14px;transition:background .35s}.logo-adapt{transition:background .35s,filter .35s}[data-theme=dark] .logo-adapt{background:transparent;filter:brightness(0) invert(1)}[data-theme=light] .logo-adapt{background:transparent;filter:none}.brand-logo-wide{height:30px;width:auto;display:block;border-radius:8px;padding:2px 8px}.footer h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.03em;margin:0 0 12px}.footer p{color:var(--muted);max-width:62ch;margin:0 auto 24px;line-height:1.65}.credits{margin-top:28px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.tiny{text-align:center;color:var(--muted);font-size:12px;margin:22px 0 10px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.btn i{margin-right:2px}.theme-toggle i{font-size:15px}.ctx h3 i{margin-right:8px}.ctx.problem h3 i{color:#f59e0b}.ctx.solution h3 i{color:var(--accent)}.spot-copy li i{color:var(--accent);margin-right:6px}.quality-strip i,.float-card i{margin-right:6px;color:var(--accent)}.brand-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.g-card{border-radius:20px;overflow:hidden;padding:12px;box-shadow:var(--card-shadow);margin:0}.g-phone{border-radius:16px;overflow:hidden;border:1px solid var(--glass-border);background:var(--map-bg);aspect-ratio:9 / 16}.g-phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s ease}.g-card:hover .g-phone img{transform:scale(1.04)}.g-card figcaption{padding:12px 6px 4px;display:flex;flex-direction:column;gap:2px}.g-card figcaption strong{font-size:14px}.g-card figcaption span{font-size:12px;color:var(--muted)}@media (max-width: 960px){.hero{grid-template-columns:1fr;padding-top:40px}.context-grid,.spot,.spot.flip{grid-template-columns:1fr}.spot.flip .spot-phone{order:0}.metrics,.gallery-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.fc1{left:0}.fc2{right:0}}@media (max-width: 560px){.metrics{grid-template-columns:1fr}.hero-mini{flex-wrap:wrap;gap:16px}}