:root{--bg: #0a0b10;--bg-1: #0c0d14;--bg-2: #12131a;--bg-3: #1a1c25;--border: #23262f;--border-strong: #2d313d;--accent: #00e5ff;--accent-rgb: 0, 229, 255;--accent-dim: #00b8cc;--amber: #f0a030;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--text: #e2e4e9;--text-2: #8b8fa3;--text-3: #4a4a5a;--display: "Chakra Petch", "Arial Narrow", sans-serif;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-accent: 0 0 0 1px rgba(var(--accent-rgb), .18), 0 12px 40px -12px rgba(var(--accent-rgb), .35);--glow-green: 0 0 12px rgba(34, 197, 94, .53);--glow-amber: 0 0 12px rgba(234, 179, 8, .53);--glow-red: 0 0 12px rgba(239, 68, 68, .53);--glow-accent: 0 0 12px rgba(var(--accent-rgb), .53);--grain-opacity: .045;--scanline-opacity: .25;--motion-scale: 1;--tone-accent: .04;--tone-red: 0;--tone-amber: 0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--sec-pad: clamp(72px, 11vw, 140px);--max-w: 1240px;--ease-fast: .2s;--ease-med: .3s;--ease-slow: .6s;--ease-reveal: .9s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 32px;position:relative}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.display{font-family:var(--display);font-weight:600;letter-spacing:-.01em;line-height:1.02;color:var(--text)}h1.display{font-size:clamp(44px,6.4vw,96px)}h2.display{font-size:clamp(36px,4.6vw,64px);line-height:1.05}h3.display{font-size:clamp(22px,2vw,28px)}p.lede{font-size:clamp(16px,1.1vw,19px);color:var(--text-2);max-width:560px;line-height:1.6}section{position:relative;z-index:2}.sec-pad{padding:var(--sec-pad) 0}.sec-head{max-width:780px;margin-bottom:64px}.sec-head h2{margin:18px 0 14px}.sec-head p{color:var(--text-2);font-size:17px;max-width:600px}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:91;opacity:var(--scanline-opacity);mix-blend-mode:overlay;background-image:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(255,255,255,.015) 2px 3px)}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:92;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}.cursor-glow{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(var(--accent-rgb),.09),transparent 60%);transition:background var(--ease-slow) ease;mix-blend-mode:screen}body.zone-red .cursor-glow{background:radial-gradient(circle,rgba(239,68,68,.08),transparent 60%)}body.zone-amber .cursor-glow{background:radial-gradient(circle,rgba(240,160,48,.08),transparent 60%)}body.zone-accent .cursor-glow{background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 60%)}.tone{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 700px at 20% 0%,rgba(var(--accent-rgb),var(--tone-accent, .04)),transparent 60%),radial-gradient(900px 600px at 90% 40%,rgba(239,68,68,var(--tone-red, 0)),transparent 60%),radial-gradient(1100px 800px at 50% 100%,rgba(240,160,48,var(--tone-amber, 0)),transparent 60%);transition:background 1.2s ease}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.55}.particles canvas{width:100%;height:100%;display:block}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;background:transparent;pointer-events:none}.scroll-progress .bar{height:100%;width:0;background:linear-gradient(90deg,var(--accent),rgba(var(--accent-rgb),.3));box-shadow:0 0 14px rgba(var(--accent-rgb),.6)}.reveal{opacity:0;transform:translateY(36px) scale(.98);filter:blur(6px);transition:opacity var(--ease-reveal) cubic-bezier(.2,.7,.1,1),transform var(--ease-reveal) cubic-bezier(.2,.7,.1,1),filter var(--ease-reveal) ease}.reveal.in{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.stagger>*{opacity:0;transform:translateY(28px);filter:blur(4px);transition:opacity .7s cubic-bezier(.2,.7,.1,1),transform .7s cubic-bezier(.2,.7,.1,1),filter .7s ease}.stagger.in>*{opacity:1;transform:translateY(0);filter:blur(0)}.stagger.in>*:nth-child(1){transition-delay:0ms}.stagger.in>*:nth-child(2){transition-delay:.1s}.stagger.in>*:nth-child(3){transition-delay:.2s}.stagger.in>*:nth-child(4){transition-delay:.3s}.stagger.in>*:nth-child(5){transition-delay:.4s}.stagger.in>*:nth-child(6){transition-delay:.5s}.stagger.in>*:nth-child(7){transition-delay:.6s}.stagger.in>*:nth-child(8){transition-delay:.7s}.stagger.in>*:nth-child(9){transition-delay:.8s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal,.stagger>*{opacity:1;transform:none;filter:none}}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:13px;padding:14px 22px;border-radius:var(--radius);cursor:pointer;transition:all .22s;border:1px solid transparent;text-decoration:none}.btn-primary{background:var(--accent);color:#001014;box-shadow:0 0 0 1px var(--accent),0 8px 30px -10px rgba(var(--accent-rgb),.7)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--accent),0 14px 40px -10px rgba(var(--accent-rgb),.9)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:10px 16px;font-size:12px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;transition:background var(--ease-med) ease,border-color var(--ease-med) ease,backdrop-filter var(--ease-med) ease;border-bottom:1px solid transparent}.nav.scrolled{background:#0a0b10c7;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--border)}.logo{font-family:var(--display);font-weight:700;letter-spacing:.22em;font-size:18px;display:flex;align-items:center;gap:2px;color:var(--text);text-decoration:none}.logo .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);margin-left:3px;margin-bottom:10px}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:var(--text-2);text-decoration:none;font-size:13px;letter-spacing:.04em;font-family:var(--mono);text-transform:uppercase;transition:color var(--ease-fast)}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--accent)}.nav-cta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding:10px 18px;border:1px solid var(--accent);color:var(--accent);background:transparent;border-radius:var(--radius);cursor:pointer;transition:all .22s}.nav-cta:hover{background:var(--accent);color:#001014;box-shadow:0 0 24px rgba(var(--accent-rgb),.5)}.nav-hamburger{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:8px}.nav-hamburger svg{display:block}@media (max-width: 960px){.nav{padding:14px 20px}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:60px;left:0;right:0;bottom:0;background:#0a0b10f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;gap:24px;z-index:99}.nav-links.open a{font-size:18px;letter-spacing:.08em}.nav-hamburger{display:block}}.card{position:relative;padding:32px;background:#12131ab3;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--ease-med),border-color var(--ease-med)}.card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.card-glass{background:linear-gradient(180deg,#14161e99,#0a0b1099);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.pill.green{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.25)}.pill.amber{background:#f0a03014;color:var(--amber);border:1px solid rgba(240,160,48,.25)}.pill.red{background:#ef444414;color:var(--red);border:1px solid rgba(239,68,68,.25)}.pill.accent{background:rgba(var(--accent-rgb),.08);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.25)}.pill.neutral{background:#8b8fa314;color:var(--text-2);border:1px solid var(--border-strong)}.led{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.led-green{background:var(--green);box-shadow:var(--glow-green)}.led-amber{background:var(--amber);box-shadow:var(--glow-amber)}.led-red{background:var(--red);box-shadow:var(--glow-red)}.led-accent{background:var(--accent);box-shadow:var(--glow-accent)}.bracketed{position:relative}.bracketed:before,.bracketed:after,.bracketed>.br-tl,.bracketed>.br-br{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--accent);opacity:.8}.bracketed:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.bracketed:after{top:-1px;right:-1px;border-left:none;border-bottom:none}.bracketed>.br-tl{bottom:-1px;left:-1px;border-right:none;border-top:none}.bracketed>.br-br{bottom:-1px;right:-1px;border-left:none;border-top:none}footer{border-top:1px solid var(--border);padding:56px 0 32px;font-size:14px;color:var(--text-2)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px}@media (max-width: 900px){.foot-grid{grid-template-columns:1fr 1fr}}.foot-brand .tagline{color:var(--text-3);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}.foot-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin:0 0 16px}.foot-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.foot-col a{color:var(--text-2);text-decoration:none;font-size:14px}.foot-col a:hover{color:var(--accent)}.foot-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--text-3);text-transform:uppercase}.app-phone{position:relative;width:300px;height:649px;margin:0 auto;background:#05060a;border-radius:44px;padding:12px;border:2px solid #2a2d38;box-shadow:0 40px 120px -30px rgba(var(--accent-rgb),.25),inset 0 0 0 1px #14161e;flex-shrink:0}.app-phone:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:92px;height:28px;background:#05060a;border-radius:16px;z-index:10}.app-phone-inner{position:relative;height:100%;border-radius:34px;overflow:hidden;background:#f5f5f0}.app-screens{position:relative;width:100%;height:100%}.app-screen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.app-screen::-webkit-scrollbar{display:none}.app-screen.active{opacity:1;z-index:2}.ios-status{display:flex;justify-content:space-between;align-items:center;padding:10px 24px 6px;font-family:-apple-system,system-ui,sans-serif;font-size:13px;font-weight:600;color:#1a1a1a;position:sticky;top:0;z-index:5;background:inherit}.ios-status-dark{color:#fff}.ios-status .time{letter-spacing:.02em}.ios-status .icons{display:flex;gap:5px;align-items:center;font-size:11px;font-weight:500}.app-nav{display:flex;justify-content:space-around;align-items:center;padding:10px 0 16px;background:#fff;border-top:1px solid #e8e8e4;position:sticky;bottom:0;z-index:5;font-family:-apple-system,system-ui,sans-serif;font-size:10px;color:#999}.app-nav-dark{background:#111;border-top-color:#222}.app-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px}.app-nav-item.active{color:#1a2744}.app-nav-dark .app-nav-item.active{color:#fff}.app-nav-item svg{width:20px;height:20px}.carousel-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border-strong);cursor:pointer;padding:0;transition:all .3s}.carousel-dot.active{background:var(--accent);box-shadow:0 0 8px var(--accent);width:24px;border-radius:4px}.carousel-labels{display:flex;gap:0;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}.carousel-label{width:50px;text-align:center;cursor:pointer;padding:4px 0;transition:color .2s}.carousel-label.active{color:var(--accent)}.app-font{font-family:-apple-system,system-ui,SF Pro Text,sans-serif}.app-bg{background:#f5f5f0}.app-bg-white{background:#fff}.uk-plate{display:inline-flex;align-items:stretch;border-radius:4px;overflow:hidden;border:1.5px solid #1a1a1a;height:22px;line-height:22px}.uk-plate-strip{width:12px;background:#039;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px}.uk-plate-strip:after{content:"GB";font-size:5px;color:#fff;font-family:-apple-system,system-ui,sans-serif;font-weight:700}.uk-plate-text{padding:0 8px;font-family:UK Number Plate,-apple-system,system-ui,monospace;font-weight:700;font-size:12px;letter-spacing:.06em;color:#1a1a1a}.uk-plate-yellow .uk-plate-text{background:#f4d03f}.uk-plate-white .uk-plate-text{background:#fff}.uk-plate-lg{display:flex;align-items:stretch;border-radius:6px;overflow:hidden;border:2px solid #1a1a1a;height:42px;margin:0 auto;max-width:200px}.uk-plate-lg .uk-plate-strip{width:18px}.uk-plate-lg .uk-plate-strip:after{font-size:7px}.uk-plate-lg .uk-plate-text{padding:0 16px;font-size:22px;font-weight:800;display:flex;align-items:center;letter-spacing:.08em}.app-section-label{font-family:-apple-system,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#999;padding:12px 20px 6px}.s-dot-sm{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.s-green{background:#22c55e}.s-amber{background:#f0a030}.s-red{background:#ef4444}.app-toggle{width:44px;height:26px;border-radius:13px;position:relative;flex-shrink:0}.app-toggle-on{background:#1a2744}.app-toggle-off{background:#ccc}.app-toggle:after{content:"";position:absolute;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.app-toggle-on:after{left:21px}.app-toggle-off:after{left:3px}.scr-login{background:#f5f5f0;padding:0}.scr-login-body{padding:60px 24px 20px}.scr-login .app-logo{display:flex;align-items:center;gap:8px;margin-bottom:28px}.scr-login .app-logo-icon{width:28px;height:28px;background:#1a2744;border-radius:6px;display:grid;place-items:center}.scr-login .app-logo-text{font-size:16px;font-weight:600;color:#1a2744;letter-spacing:.01em}.scr-login h2{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.15;margin:0 0 8px}.scr-login .subtitle{font-size:13px;color:#888;line-height:1.5;margin-bottom:28px}.scr-login .field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e0dc;border-radius:10px;padding:12px 14px;margin-bottom:12px;font-size:14px;color:#1a1a1a}.scr-login .field svg{color:#bbb;flex-shrink:0}.scr-login .field-text{color:#1a1a1a;font-size:14px}.scr-login .field-dots{letter-spacing:3px;color:#1a1a1a}.scr-login .remember-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px;font-size:13px}.scr-login .remember-row .check{display:flex;align-items:center;gap:6px;color:#666}.scr-login .remember-row .check-box{width:18px;height:18px;background:#1a2744;border-radius:4px;display:grid;place-items:center}.scr-login .forgot{color:#1a2744;font-weight:600;font-size:13px}.scr-login .signin-btn{width:100%;padding:14px;background:#1a2744;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;letter-spacing:.02em;text-align:center}.scr-login .demo-creds{margin-top:32px;padding-top:16px;border-top:1px solid #e0e0dc;font-size:11px;color:#bbb;text-transform:uppercase;letter-spacing:.08em}.scr-login .demo-creds div{margin-top:6px;text-transform:none;letter-spacing:0;font-size:12px;color:#999}.scr-home{background:#f5f5f0;padding:0}.scr-home-header{display:flex;justify-content:space-between;align-items:center;padding:6px 20px 10px}.scr-home-header .app-logo{display:flex;align-items:center;gap:6px}.scr-home-header .avatar{width:32px;height:32px;border-radius:50%;background:#e8e8e4;display:grid;place-items:center;font-size:14px;font-weight:700;color:#1a2744}.scr-home-body{padding:0 20px 12px}.scr-home .greeting-label{font-size:12px;color:#999}.scr-home .greeting-name{font-size:22px;font-weight:700;color:#1a1a1a;margin:2px 0 4px}.scr-home .badge-info{font-size:11px;color:#999;letter-spacing:.04em;text-transform:uppercase}.scr-home .glasses-card{margin:16px 0;padding:14px 16px;background:#fff;border:1px solid #e8e8e4;border-radius:12px}.scr-home .glasses-top{display:flex;justify-content:space-between;align-items:flex-start}.scr-home .glasses-name{font-size:13px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px}.scr-home .glasses-model{font-size:11px;color:#999;margin-top:2px}.scr-home .glasses-connected{font-size:11px;color:#22c55e;font-weight:600;display:flex;align-items:center;gap:4px}.scr-home .glasses-stats{display:flex;gap:12px;margin-top:10px;font-size:11px;color:#999}.scr-home .scan-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:#fff;border:1.5px solid #e0e0dc;border-radius:10px;margin:12px 0;font-size:14px;font-weight:600;color:#1a1a1a}.scr-home .stats-row{display:flex;gap:12px;margin:8px 0}.scr-home .stat-item{flex:1;text-align:center;padding:12px 0;background:#fff;border:1px solid #e8e8e4;border-radius:10px}.scr-home .stat-item .val{font-size:24px;font-weight:700;color:#1a1a1a}.scr-home .stat-item .lbl{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#999;margin-top:2px}.scr-home .stat-item.flagged .val{color:#ef4444}.scr-home .stat-item.clear .val{color:#22c55e}.scr-home .recent-header{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:12px;font-weight:600;color:#1a1a1a}.scr-home .recent-header a{color:#1a2744;font-size:12px}.scr-home .empty-scans{text-align:center;padding:24px 16px;color:#ccc;font-size:12px}.scr-home .empty-scans svg{margin:0 auto 8px;opacity:.4}.scr-scanner{background:#111;padding:0;color:#fff}.scr-scanner .scanner-header{display:flex;justify-content:space-between;align-items:center;padding:4px 20px 8px}.scr-scanner .scanner-header .back{color:#fff;font-size:18px}.scr-scanner .live-badge{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#fff}.scr-scanner .live-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444}.scr-scanner .fps{font-size:12px;color:#888}.scr-scanner .feed-area{position:relative;height:200px;margin:0 12px;background:linear-gradient(180deg,#0a1020,#0d1525);border-radius:12px;overflow:hidden}.scr-scanner .feed-hud{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;font-size:8px;color:#ffffff80;letter-spacing:.06em;text-transform:uppercase}.scr-scanner .feed-plate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.scr-scanner .feed-plate .uk-plate{border-color:#fff9}.scr-scanner .compliant-badge{display:flex;align-items:center;gap:5px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;color:#22c55e}.scr-scanner .compliant-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e}.scr-scanner .compliant-sub{font-size:9px;color:#fff6}.scr-scanner .scan-actions{display:flex;gap:10px;padding:12px 20px;justify-content:center}.scr-scanner .scan-actions button{padding:10px 28px;border-radius:8px;font-size:13px;font-weight:600;border:1.5px solid;font-family:inherit}.scr-scanner .btn-start{background:#fff;color:#111;border-color:#fff}.scr-scanner .btn-stop{background:transparent;color:#f0a030;border-color:#f0a030}.scr-scanner .session-header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 6px;font-size:10px;color:#888;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.scr-scanner .session-list{padding:0 16px 8px}.scr-scanner .session-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #222}.scr-scanner .session-item .desc{flex:1;font-size:12px;color:#ccc}.scr-scanner .session-item .desc small{display:block;font-size:10px;color:#666;margin-top:2px}.scr-detail{background:#f5f5f0;padding:0}.scr-detail .detail-header{display:flex;align-items:center;gap:10px;padding:8px 20px;font-size:15px;font-weight:600;color:#1a1a1a}.scr-detail .detail-header .back{color:#1a2744;font-size:18px}.scr-detail .plate-hero{text-align:center;padding:16px 20px}.scr-detail .warning-badge{display:inline-flex;align-items:center;gap:5px;background:#f0a0301f;border-radius:20px;padding:5px 14px;margin:10px 0;font-size:12px;font-weight:600;color:#f0a030}.scr-detail .warning-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#f0a030}.scr-detail .attention{font-size:12px;color:#999;text-align:center;max-width:220px;margin:0 auto;line-height:1.5}.scr-detail .info-section{padding:0 20px}.scr-detail .info-table{width:100%;border-collapse:collapse}.scr-detail .info-table td{padding:10px 0;border-bottom:1px solid #e8e8e4;font-size:13px}.scr-detail .info-table td:first-child{color:#999}.scr-detail .info-table td:last-child{text-align:right;font-weight:500;color:#1a1a1a}.scr-detail .action-buttons{display:flex;gap:10px;padding:16px 20px}.scr-detail .action-buttons button{flex:1;padding:12px;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;border:1.5px solid #e0e0dc;background:#fff;color:#1a1a1a;cursor:default}.scr-history{background:#f5f5f0;padding:0}.scr-history .hist-header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px}.scr-history .hist-header .title{font-size:18px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:8px}.scr-history .hist-header .icons{display:flex;gap:12px;color:#999}.scr-history .hist-stats{display:flex;gap:8px;padding:4px 20px 12px}.scr-history .hist-stat{text-align:center;flex:1}.scr-history .hist-stat .val{font-size:18px;font-weight:700;color:#1a1a1a}.scr-history .hist-stat .lbl{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#999}.scr-history .hist-stat.warn .val{color:#f0a030}.scr-history .hist-stat.flag .val{color:#ef4444}.scr-history .hist-stat.clear .val{color:#22c55e}.scr-history .day-header{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#999;padding:10px 20px 4px;display:flex;justify-content:space-between}.scr-history .hist-item{display:flex;align-items:center;gap:10px;padding:8px 20px;border-bottom:1px solid #ebe9e4}.scr-history .hist-item .desc{flex:1;font-size:12px;color:#666}.scr-history .hist-item .desc strong{color:#1a1a1a;font-weight:600}.scr-history .hist-item .desc small{display:block;font-size:10px;color:#bbb;margin-top:2px}.scr-history .hist-item .time{font-size:11px;color:#bbb;white-space:nowrap}.scr-settings{background:#f5f5f0;padding:0}.scr-settings .settings-title{font-size:26px;font-weight:700;color:#1a1a1a;padding:8px 20px 12px}.scr-settings .profile-card{display:flex;align-items:center;gap:12px;padding:0 20px 16px}.scr-settings .profile-avatar{width:44px;height:44px;border-radius:50%;background:#e8e8e4;display:grid;place-items:center;font-size:18px;font-weight:700;color:#1a2744}.scr-settings .profile-info{flex:1}.scr-settings .profile-info .name{font-size:15px;font-weight:700;color:#1a1a1a}.scr-settings .profile-info .meta{font-size:11px;color:#999;margin-top:2px}.scr-settings .duty-badge{font-size:10px;font-weight:600;color:#22c55e;background:#22c55e1a;padding:3px 10px;border-radius:12px}.scr-settings .setting-row{display:flex;justify-content:space-between;align-items:center;padding:11px 20px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #ebe9e4}.scr-settings .setting-val{font-size:13px;color:#999;text-align:right}@media (max-width: 960px){.app-phone{width:260px;height:562px;border-radius:38px}.app-phone:before{width:80px;height:24px;top:12px}.app-phone-inner{border-radius:28px}}@media (max-width: 600px){.app-phone{width:220px;height:476px;border-radius:32px;padding:10px}.app-phone:before{width:68px;height:20px;top:10px}.app-phone-inner{border-radius:24px}}@media (prefers-reduced-motion: reduce){.app-screen{transition:none}}.hero{position:relative;min-height:100vh;padding:140px 0 80px;display:flex;align-items:center;overflow:hidden}.hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(var(--accent-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.06) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 10%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 10%,transparent 75%);animation:drift 40s linear infinite;transform:translate3d(0,var(--parallax-hero-bg,0px),0)}@keyframes drift{to{background-position:60px 60px,60px 60px}}.hero-radial{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 500px at 35% 55%,rgba(var(--accent-rgb),.08),transparent 70%);transform:translate3d(0,var(--parallax-hero-mid,0px),0)}.hero-scan{position:absolute;left:0;right:0;height:2px;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.6) 20%,rgba(var(--accent-rgb),.95) 50%,rgba(var(--accent-rgb),.6) 80%,transparent);box-shadow:0 0 24px rgba(var(--accent-rgb),.5),0 0 48px rgba(var(--accent-rgb),.3);animation:scan calc(5.5s / var(--motion-scale)) ease-in-out infinite}@keyframes scan{0%{top:0;opacity:0}8%{opacity:.9}92%{opacity:.9}to{top:100%;opacity:0}}.hero-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;position:relative;z-index:3}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:48px}}.hero-text{transform:translate3d(0,calc(var(--parallax-hero-text,0px)),0)}.hero-headline{margin:20px 0 24px}.hero-headline .line{display:block;position:relative;overflow:hidden;padding-right:.1em}.hero-headline .line .txt{display:inline-block;clip-path:inset(0 100% 0 0);animation:reveal 1.1s cubic-bezier(.2,.7,.1,1) forwards}.hero-headline .line:nth-child(2) .txt{animation-delay:.4s}.hero-headline .line .scanedge{position:absolute;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:0 0 18px var(--accent);opacity:0;left:0;animation:scanedge 1.1s cubic-bezier(.2,.7,.1,1) forwards}.hero-headline .line:nth-child(2) .scanedge{animation-delay:.4s}@keyframes reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes scanedge{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.hero-cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.hero-meta{display:flex;gap:36px;margin-top:44px;padding-top:24px;border-top:1px solid var(--border);color:var(--text-2);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap}.hero-meta div strong{display:block;color:var(--text);font-family:var(--display);font-size:22px;letter-spacing:0;text-transform:none;margin-bottom:2px}.detect-scene{position:relative;aspect-ratio:5/4;width:100%;max-width:560px;margin-left:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 40%,rgba(var(--accent-rgb),.08),transparent 60%),linear-gradient(180deg,#0d1018,#0a0b10);overflow:hidden;transform:translate3d(0,var(--parallax-hero-scene,0px),0)}.detect-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:linear-gradient(rgba(var(--accent-rgb),.08) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.08) 1px,transparent 1px);background-size:28px 28px}.detect-telemetry{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);z-index:4}.detect-telemetry .rec{display:inline-flex;align-items:center;gap:6px;color:var(--red)}.detect-telemetry .rec:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.4s ease-in-out infinite;box-shadow:0 0 8px var(--red)}@keyframes pulse{50%{opacity:.35}}.detect-footer{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);z-index:4}.plate-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-56%);display:flex;flex-direction:column;align-items:center;gap:22px;z-index:3}.plate-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent);display:flex;justify-content:space-between;width:280px}.plate-label .conf{color:var(--text-2)}.plate-frame{position:relative;width:280px;height:72px}.plate{position:absolute;top:0;right:0;bottom:0;left:0;background:#f4e14c;border:2px solid #1a1c25;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:34px;letter-spacing:.12em;color:#0a0b10}.plate .char{opacity:0;animation:char-in .12s ease-out forwards}@keyframes char-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}.bbox{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:none}.bbox svg{width:100%;height:100%;overflow:visible}.bbox rect{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:700;stroke-dashoffset:700;animation:draw-box 1.2s cubic-bezier(.4,.8,.2,1) .4s forwards;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.7))}@keyframes draw-box{to{stroke-dashoffset:0}}.corner{position:absolute;width:16px;height:16px;opacity:0;animation:fade-in .3s ease .9s forwards}.corner.tl{top:-12px;left:-12px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.corner.tr{top:-12px;right:-12px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.corner.bl{bottom:-12px;left:-12px;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent)}.corner.br{bottom:-12px;right:-12px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}@keyframes fade-in{to{opacity:1}}.result-card{position:relative;width:320px;margin-top:4px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#22c55e14,#12131ae6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(8px);animation:fade-up .5s ease 1.5s forwards}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.result-head{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.result-head .led{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.result-body{font-family:var(--display);color:var(--text);font-size:16px;margin-top:8px;display:flex;gap:18px;flex-wrap:wrap}.result-body span{color:var(--text-2);font-family:var(--mono);font-size:12px;margin-right:6px}.scan-sweep{position:absolute;left:0;right:0;height:60px;top:-60px;pointer-events:none;z-index:2;background:linear-gradient(180deg,transparent,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.6),rgba(var(--accent-rgb),.2),transparent);animation:sweep calc(3.6s / var(--motion-scale)) ease-in-out infinite;filter:blur(.5px)}@keyframes sweep{0%{top:-60px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.sec-problems{background:radial-gradient(1000px 500px at 10% 0%,rgba(239,68,68,.06),transparent 70%),linear-gradient(180deg,var(--bg),#0c0a0d 40%,var(--bg));border-top:1px solid var(--border)}.pp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:760px){.pp-grid{grid-template-columns:1fr}}.pp-card{position:relative;padding:32px;background:#12131ab3;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s,border-color .3s}.pp-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:40%;background:linear-gradient(180deg,var(--red),transparent);box-shadow:0 0 12px #ef444466}.pp-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.pp-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--red);background:#ef44440f}.pp-stat{font-family:var(--display);font-weight:600;font-size:clamp(32px,3.6vw,44px);letter-spacing:-.01em;margin:18px 0 10px;color:var(--text)}.pp-source{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;margin-top:12px}.pp-desc{color:var(--text-2);font-size:15px;line-height:1.6;max-width:42ch}.sec-solution{background:radial-gradient(900px 500px at 80% 0%,rgba(var(--accent-rgb),.07),transparent 70%),linear-gradient(180deg,var(--bg),#0a0f14 50%,var(--bg));border-top:1px solid var(--border)}.sol-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 56px}@media (max-width:760px){.sol-stats{grid-template-columns:1fr}}.sol-stat{position:relative;padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),#12131a99)}.sol-stat .big{font-family:var(--display);font-weight:700;font-size:clamp(44px,5.6vw,72px);color:var(--text);letter-spacing:-.02em;line-height:1}.sol-stat.pulse .big{animation:glow 3s ease-in-out infinite}@keyframes glow{50%{text-shadow:0 0 28px rgba(var(--accent-rgb),.45)}}.sol-stat .label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--text-2);margin-top:10px}.sol-stat .underline{height:1px;width:40px;background:var(--accent);box-shadow:0 0 8px var(--accent);margin-top:14px}.sol-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}@media (max-width:960px){.sol-bottom{grid-template-columns:1fr}}.sol-copy{color:var(--text-2);font-size:17px;line-height:1.7;max-width:52ch}.compat-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.compat-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text-2)}.compat-list li:before{content:"";flex:0 0 6px;width:6px;height:6px;margin-top:8px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.sec-evidence{border-top:1px solid var(--border);background:linear-gradient(180deg,var(--bg),#0a0c11,var(--bg));overflow:hidden}.evi-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}.evi-track{display:grid;grid-template-columns:repeat(6,minmax(240px,1fr));gap:16px}@media (max-width:980px){.evi-track{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.evi-track{grid-template-columns:repeat(2,1fr)}}.evi-card{position:relative;aspect-ratio:9/16;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#05060a;cursor:pointer;transition:transform .4s cubic-bezier(.2,.7,.1,1),border-color .4s,box-shadow .4s}.evi-card:hover{transform:scale(1.04);border-color:var(--accent);box-shadow:0 16px 48px -12px rgba(var(--accent-rgb),.35),0 0 0 1px rgba(var(--accent-rgb),.2);z-index:10}.evi-card img{width:100%;height:100%;object-fit:cover;transition:filter .4s;filter:saturate(.9) contrast(1.05)}.evi-card:hover img{filter:saturate(1) contrast(1.08) brightness(1.05)}.evi-card .evi-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#0a0b1073,#0a0b10eb);pointer-events:none;opacity:.3;transition:opacity .4s}.evi-card:hover .evi-overlay{opacity:1}.evi-card .evi-box,.evi-card .evi-tag{display:none}.evi-card .evi-details{position:absolute;bottom:0;left:0;right:0;padding:12px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.evi-card:hover .evi-details{opacity:1;transform:translateY(0)}.evi-card .evi-plate{font-family:var(--display);font-weight:700;font-size:17px;color:var(--text);letter-spacing:.1em;text-shadow:0 1px 6px rgba(0,0,0,.8);margin-bottom:4px}.evi-card .evi-dvla{font-family:var(--mono);font-size:9.5px;color:var(--text-2);letter-spacing:.04em;line-height:1.7}.evi-card .evi-status{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600}.evi-card .evi-status.green{color:var(--green)}.evi-card .evi-status.amber{color:var(--amber)}.evi-card .evi-status.red{color:var(--red)}.evi-card .evi-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--text-3);letter-spacing:.06em;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.evi-card .evi-conf{color:var(--accent)}@media (prefers-reduced-motion:reduce){.evi-card,.evi-card img,.evi-card .evi-overlay,.evi-card .evi-details{transition:none}.evi-card .evi-overlay{opacity:1}.evi-card .evi-details{opacity:1;transform:none}}.sec-pipeline{border-top:1px solid var(--border);background:linear-gradient(180deg,var(--bg),#0a0f14,var(--bg))}.pipe-pin{position:relative;height:500vh}.pipe-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.pipe-progress{position:absolute;top:100px;left:0;right:0;height:2px;background:rgba(var(--accent-rgb),.1)}.pipe-progress .pbar{height:100%;background:var(--accent);box-shadow:0 0 10px var(--accent);width:0;transition:width .3s ease}.pipe-label{position:absolute;top:70px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--text-2);text-transform:uppercase}.pipe-label b{color:var(--accent)}.pipe-stage{position:relative;display:flex;justify-content:center;align-items:center;padding:0 5vw;min-height:420px}.pipe-card{position:absolute;width:min(620px,88vw);padding:48px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#12131ae6,#0a0b10f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 80px -20px #0009,var(--shadow-accent);opacity:0;transform:translate(80px) scale(.94);transition:all .7s cubic-bezier(.2,.7,.1,1);display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:center}.pipe-card.active{opacity:1;transform:translate(0) scale(1)}.pipe-card.past{opacity:0;transform:translate(-80px) scale(.94)}.pipe-card .icon-slot{width:120px;height:120px;background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.2);border-radius:var(--radius);display:grid;place-items:center;color:var(--accent)}.pipe-card .icon-slot svg{width:48px;height:48px}.pipe-card .pn{font-family:var(--mono);font-size:12px;letter-spacing:.22em;color:var(--accent)}.pipe-card h3{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.4vw,42px);margin:8px 0 12px;letter-spacing:.01em}.pipe-card p{color:var(--text-2);font-size:16px;line-height:1.6;margin:0 0 14px;max-width:48ch}.pipe-card .pmetric{display:inline-flex;gap:14px;font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;flex-wrap:wrap}.pipe-card .pmetric span b{color:var(--text);font-family:var(--display);font-weight:600;font-size:14px;margin-right:4px}@media (max-width:760px){.pipe-card{grid-template-columns:1fr;padding:32px;gap:18px;text-align:center}.pipe-card .icon-slot{margin:0 auto}}.pipe-dots{display:flex;gap:10px;justify-content:center;margin-top:40px;position:relative;z-index:4}.pipe-dots .pdot{width:42px;height:2px;background:rgba(var(--accent-rgb),.15);transition:all .3s;border:none;padding:0;cursor:pointer}.pipe-dots .pdot.active{background:var(--accent);box-shadow:0 0 10px var(--accent)}.pipe-dots .pdot.passed{background:rgba(var(--accent-rgb),.5)}.pipe-fallback{display:none;gap:16px;flex-direction:column;padding:0 32px}@media (max-width:900px){.pipe-pin{display:none}.pipe-fallback{display:flex}}.pipe-mini{border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;background:#12131a99;display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center}.pipe-mini .icon-slot-m{width:80px;height:80px;display:grid;place-items:center;color:var(--accent);background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.2);border-radius:var(--radius)}.pipe-mini .icon-slot-m svg{width:36px;height:36px}.sec-compat{border-top:1px solid var(--border)}.compat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width:820px){.compat-grid{grid-template-columns:1fr}}.compat-card{position:relative;padding:36px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#14161e99,#0a0b1099);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .26s,border-color .26s,box-shadow .26s;overflow:hidden}.compat-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-accent)}.compat-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.compat-title{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:.01em}.compat-sub{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;margin-top:4px}.compat-glyph{margin:24px 0 22px;height:100px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.06),transparent 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.01) 0 6px,transparent 6px 12px)}.sec-features{border-top:1px solid var(--border);background:linear-gradient(180deg,var(--bg),#0a0c11,var(--bg))}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}@media (max-width:900px){.feat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.feat-grid{grid-template-columns:1fr}}.feat{position:relative;padding:30px 28px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#12131a66;transition:background .22s;overflow:hidden}.feat:hover{background:rgba(var(--accent-rgb),.03)}.feat:hover:before{opacity:1}.feat:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--accent);box-shadow:0 0 10px var(--accent);opacity:0;transition:opacity .2s}.feat:nth-child(3n){border-right:none}.feat:nth-last-child(-n+3){border-bottom:none}@media (max-width:900px){.feat:nth-child(3n){border-right:1px solid var(--border)}.feat:nth-child(2n){border-right:none}.feat:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.feat:nth-last-child(-n+2){border-bottom:none}}.feat-icon{width:32px;height:32px;color:var(--accent);margin-bottom:16px}.feat-title{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.01em;margin:0 0 8px}.feat-desc{font-size:13.5px;color:var(--text-2);line-height:1.6}.sec-pricing{border-top:1px solid var(--border);background:linear-gradient(180deg,var(--bg),#0a0f14,var(--bg))}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}@media (max-width:1020px){.price-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.price-grid{grid-template-columns:1fr}}.price-card{position:relative;padding:32px 28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#12131a99;display:flex;flex-direction:column;gap:14px;transition:transform .26s,border-color .26s,box-shadow .26s;overflow:hidden}.price-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.price-card.featured{border-color:rgba(var(--accent-rgb),.5);background:linear-gradient(180deg,rgba(var(--accent-rgb),.05),#12131a99);box-shadow:var(--shadow-accent)}.price-card.featured:before{content:"MOST POPULAR";position:absolute;top:18px;right:-34px;transform:rotate(35deg);font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:#001014;background:var(--accent);padding:4px 40px}.price-tier{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}.price-card h4{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:.01em;margin:0}.price-officers{font-family:var(--mono);font-size:11.5px;color:var(--text-2);letter-spacing:.08em;text-transform:uppercase}.price-amount{font-family:var(--display);font-weight:700;font-size:clamp(36px,4vw,48px);letter-spacing:-.01em;line-height:1;margin-top:4px}.price-amount .unit{font-size:14px;color:var(--text-2);font-weight:500;letter-spacing:.08em;margin-left:6px;font-family:var(--mono)}.price-sub{font-family:var(--mono);font-size:11.5px;color:var(--text-3);letter-spacing:.06em}.price-feats{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:9px;font-size:13.5px;color:var(--text-2);line-height:1.5}.price-feats li{display:flex;gap:8px;align-items:flex-start}.price-feats li:before{content:"→";color:var(--accent);flex:0 0 auto}.price-cta{margin-top:auto;padding-top:18px}.price-cta .btn{width:100%;justify-content:center}.price-note{text-align:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;margin-top:28px}.roi-band{margin-top:48px;padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(var(--accent-rgb),.04),#22c55e0a);display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:center}@media (max-width:820px){.roi-band{grid-template-columns:1fr}}.roi-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:560px){.roi-rail{grid-template-columns:1fr}}.roi-tile{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:#0a0b1080}.roi-tile .n{font-family:var(--display);font-weight:700;font-size:26px;color:var(--text);letter-spacing:-.01em}.roi-tile .l{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--text-2);text-transform:uppercase;margin-top:4px}.roi-tile .src{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;margin-top:10px;border-top:1px solid var(--border);padding-top:6px}.sec-stats{border-top:1px solid var(--border)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media (max-width:760px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-cell{padding:44px 28px;border-right:1px solid var(--border);position:relative}.stat-cell:last-child{border-right:none}@media (max-width:760px){.stat-cell:nth-child(2n){border-right:none}.stat-cell:nth-child(1),.stat-cell:nth-child(2){border-bottom:1px solid var(--border)}}.stat-num{font-family:var(--display);font-weight:700;font-size:clamp(42px,5.4vw,72px);letter-spacing:-.02em;color:var(--text);line-height:1}.stat-num .suf{color:var(--accent);text-shadow:0 0 18px rgba(var(--accent-rgb),.45)}.stat-cell .underline{height:1px;width:36px;background:var(--accent);box-shadow:0 0 8px var(--accent);margin:14px 0}.stat-label{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.sec-cta{border-top:1px solid var(--border);position:relative;overflow:hidden}.sec-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 500px at 50% 50%,rgba(var(--accent-rgb),.16),transparent 70%)}.cta-inner{position:relative;text-align:center;max-width:720px;margin:0 auto}.cta-form{display:flex;gap:10px;margin:32px auto 12px;max-width:560px}.cta-form input{flex:1;background:#12131acc;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);padding:14px 16px;font-family:var(--mono);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.cta-form input::placeholder{color:var(--text-3)}.cta-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}.cta-note{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--text-3);margin-top:8px}body.dashboard-body{display:flex;flex-direction:column;min-height:100vh}.dash-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#0a0b10eb;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.dash-header-left{display:flex;align-items:center;gap:20px}.dash-header-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.conn-status{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.conn-dot{width:10px;height:10px;border-radius:50%;transition:background .3s,box-shadow .3s}.conn-dot.connected{background:var(--green);box-shadow:var(--glow-green)}.conn-dot.disconnected{background:var(--red);box-shadow:var(--glow-red)}.conn-dot.connecting{background:var(--amber);box-shadow:var(--glow-amber);animation:dash-pulse 1.4s ease-in-out infinite}@keyframes dash-pulse{50%{opacity:.4}}.server-input{display:flex;gap:8px;align-items:center}.server-input input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 12px;font-family:var(--mono);font-size:12px;outline:none;width:260px;letter-spacing:.02em;transition:border-color .2s}.server-input input:focus{border-color:var(--accent)}.btn-connect{padding:8px 16px;font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius);cursor:pointer;transition:all .22s;border:1px solid}.btn-connect.connect{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-connect.connect:hover{background:var(--accent);color:#001014}.btn-connect.disconnect{background:transparent;color:var(--red);border-color:var(--red)}.btn-connect.disconnect:hover{background:var(--red);color:#fff}.clock{font-family:var(--mono);font-size:12px;color:var(--text-2);letter-spacing:.08em}.dash-main{flex:1;display:grid;grid-template-columns:1.5fr 1fr;gap:16px;padding:16px;max-width:1600px;width:100%;margin:0 auto}@media (max-width: 1024px){.dash-main{grid-template-columns:1fr}}.dash-col{display:flex;flex-direction:column;gap:16px}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}.panel-header .count{font-family:var(--display);font-size:14px;color:var(--accent);letter-spacing:0}.live-feed{min-height:200px;display:grid;place-items:center;padding:40px;background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.04),transparent 70%),repeating-linear-gradient(-12deg,#14161e99 0,#14161e99 8px,#0e101699 8px,#0e101699 16px);position:relative}.live-feed .awaiting{text-align:center;font-family:var(--mono);font-size:12px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.live-feed .awaiting svg{margin:0 auto 16px;opacity:.4}.detection-list{flex:1;min-height:300px;max-height:600px;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.detection-entry{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:16px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;animation:slide-in .3s cubic-bezier(.2,.7,.1,1)}.detection-entry:hover{background:rgba(var(--accent-rgb),.03)}.detection-entry.selected{background:rgba(var(--accent-rgb),.06);border-left:2px solid var(--accent)}@keyframes slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.det-plate{font-family:var(--mono);font-weight:600;font-size:18px;color:var(--text);letter-spacing:.08em}.det-confidence{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.06em}.det-meta{grid-column:1 / -1;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.06em}.det-time{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.06em;text-align:right}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.status-badge.GREEN{background:#22c55e1f;color:var(--green)}.status-badge.AMBER{background:#eab3081f;color:var(--amber)}.status-badge.RED{background:#ef44441f;color:var(--red)}.status-badge .s-dot{width:6px;height:6px;border-radius:50%}.status-badge.GREEN .s-dot{background:var(--green);box-shadow:0 0 6px var(--green)}.status-badge.AMBER .s-dot{background:var(--amber);box-shadow:0 0 6px var(--amber)}.status-badge.RED .s-dot{background:var(--red);box-shadow:0 0 6px var(--red)}.det-vehicle{font-family:var(--sans);font-size:12px;color:var(--text-2)}.detection-empty{padding:60px 20px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}.stat-box{padding:20px;background:var(--bg-2);display:flex;flex-direction:column;gap:6px}.stat-box .stat-value{font-family:var(--display);font-weight:700;font-size:28px;color:var(--text);letter-spacing:-.01em}.stat-box .stat-name{font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.12em;text-transform:uppercase}.status-breakdown{display:flex;gap:16px;padding:16px 20px;border-top:1px solid var(--border)}.breakdown-item{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--text-2);letter-spacing:.06em}.breakdown-item .b-dot{width:8px;height:8px;border-radius:50%}.breakdown-item .b-count{font-family:var(--display);font-weight:600;color:var(--text)}.detail-panel{padding:24px}.detail-empty{text-align:center;padding:40px 20px;font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.detail-plate{font-family:var(--mono);font-weight:700;font-size:32px;color:var(--text);letter-spacing:.1em;text-align:center;padding:20px;margin-bottom:20px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius)}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.detail-row .label{font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.12em;text-transform:uppercase}.detail-row .value{color:var(--text);font-family:var(--sans)}.conf-bar{margin-top:16px}.conf-bar-label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.conf-bar-track{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.conf-bar-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .4s cubic-bezier(.2,.7,.1,1)}.dash-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px}.detection-entry.new{animation:slide-in .3s cubic-bezier(.2,.7,.1,1),glow-pulse .6s ease}@keyframes glow-pulse{0%{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4)}to{box-shadow:inset 0 0 0 1px transparent}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.dash-header{padding:12px 16px}.server-input input{width:180px}.dash-main{padding:12px;gap:12px}.det-plate{font-size:15px}.detail-plate{font-size:24px}}
