@font-face{font-family:DM Sans;src:url('assets/dm-sans.ttf') format('truetype');font-display:swap;font-weight:100 900}@font-face{font-family:JetBrains Mono;src:url('assets/jetbrains-mono.ttf') format('truetype');font-display:swap;font-weight:100 800}
:root{font-family:'DM Sans',system-ui,sans-serif;color:#f5f8fb;background:#070b0e;font-synthesis:none;--bg:#070b0e;--surface:#10171c;--raised:#141f26;--cyan:#35ddf8;--muted:#a8b0b8;--border:#282f35;--text:#f5f8fb;--warning:#ffc857;--green:#43e6a5;--red:#ff7585}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--cyan)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button{color:var(--text);border:1px solid var(--border);border-radius:10px;background:var(--surface);min-height:44px;padding:10px 12px;line-height:1.3}button:hover{border-color:#667d89}button.primary{color:#001f26;background:var(--cyan);border-color:var(--cyan);font-weight:700}button.ghost{background:transparent}button.danger{color:var(--red)}button svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.icon-button{width:46px;padding:10px;display:grid;place-items:center}.skip{position:absolute;left:8px;top:-80px;z-index:99;background:var(--cyan);color:#001f26;padding:12px}.skip:focus{top:8px}.demo-shell{max-width:454px;margin:0 auto;padding:12px}.demo-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;margin-bottom:10px;color:var(--muted)}.demo-controls select{flex:1;min-width:145px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;min-height:40px;padding:6px}.reset{font-size:11px;min-height:40px}.sim-banner{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:1px;padding:9px;background:#0b1b21;border:1px solid #21414a;border-bottom:0;border-radius:18px 18px 0 0}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.phone-app{height:780px;max-height:calc(100dvh - 142px);min-height:420px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-top:0;border-radius:0 0 20px 20px;box-shadow:0 20px 65px #0004}#app-header{padding:10px 12px 8px;display:flex;align-items:center;gap:6px;background:var(--bg);flex:none}.brand{flex:1;font-weight:800;font-size:16px;letter-spacing:1.2px}.brand span{color:var(--cyan)}.account-entry{min-height:46px;display:flex;flex-direction:column;align-items:flex-start;font-size:10px;padding:6px 10px;border-color:#35ddf84d}.account-entry span{color:var(--cyan);font-size:10px}#app-main{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#35515d transparent;padding:2px 12px 20px;flex:1;outline:none;overscroll-behavior:contain}#app-nav{display:flex;flex:none;border-top:1px solid var(--border);padding:6px 3px;background:var(--surface)}#app-nav button{flex:1;border:0;background:transparent;font-size:9px;padding:7px 1px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;color:var(--muted)}#app-nav button svg{width:24px;height:24px}#app-nav button[aria-current=page]{color:var(--cyan)}.demo-note{font-size:10px;line-height:1.6;color:var(--muted);text-align:center;margin:10px 8px}.stack{display:grid;gap:8px}.row{display:flex;gap:8px;align-items:center}.row>*{min-width:0}.row .grow,.grow{flex:1}.row.equal>*{flex:1}.spread{justify-content:space-between}.align-start{align-items:flex-start}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{border-radius:14px;background:var(--surface);border:1px solid var(--border);padding:12px;min-width:0}.card.raised{background:var(--raised)}.card.tight{padding:10px}.eyebrow{font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-weight:600}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.15;font-weight:750;letter-spacing:-.6px}h2{font-size:17px;line-height:1.25}h3{font-size:14px;line-height:1.35}p{font-size:12px;line-height:1.55}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.5}.micro{font-size:10px;line-height:1.5}.cyan{color:var(--cyan)}.warning{color:var(--warning)}.green{color:var(--green)}.red{color:var(--red)}.page-heading{margin:6px 0 12px}.page-heading p{margin-top:5px}.scanner{width:100%;text-align:left;position:relative;overflow:hidden;display:flex;align-items:center;min-height:79px;padding:12px 16px;background:linear-gradient(100deg,var(--surface),#0b1c24)}.scanner img{position:absolute;right:2px;height:105px;width:132px;object-fit:contain;opacity:.7;filter:saturate(.8)}.scanner .scanner-copy{z-index:1;position:relative;max-width:65%}.scanner strong{display:block;font-size:16px;margin-top:3px}.scanner .chevron{position:absolute;right:12px;top:27px;color:var(--cyan)}.vehicle-hero{padding:0;overflow:hidden;background:linear-gradient(var(--raised),var(--surface))}.vehicle-title{padding:12px 14px 4px;font-size:16px;font-weight:700;line-height:1.4}.vehicle-image{width:100%;aspect-ratio:1.5;object-fit:contain;display:block}.vehicle-hero .micro{padding:0 14px 10px}.vehicle-actions{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:1px}.vehicle-actions button{border:0;border-radius:0;background:transparent;font-size:11px}.quick{font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 7px}.quick svg{width:16px}.action-card{text-align:left;width:100%;display:flex;gap:10px;align-items:center;min-height:62px}.action-card>svg{color:var(--cyan);width:21px;height:21px}.action-card strong{display:block;font-size:13px;margin-bottom:2px}.action-card small{display:block;color:var(--muted);font-size:11px;line-height:1.4}.segments{display:flex;padding:3px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.segments button{flex:1;min-width:0;border:0;background:transparent;font-size:11px;font-weight:600;padding:10px 4px;border-radius:9px}.segments button[aria-selected=true]{background:var(--cyan);color:#001f26}.segments.subtle button[aria-selected=true]{background:#22323a;color:var(--cyan)}.gauge-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gauge-grid.compact{grid-template-columns:1fr 1fr 1fr}.gauge-grid.focus{grid-template-columns:1fr}.gauge-card{min-width:0;position:relative;text-align:center;border:1px solid var(--border);border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#19252c 0%,var(--surface) 70%);overflow:hidden}.gauge-card svg{display:block;width:100%;height:auto}.gauge-label{position:absolute;inset:25% 4px auto;font-size:11px;font-weight:700}.gauge-value{position:absolute;inset:45% 0 auto;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:27px;color:var(--text)}.gauge-unit{display:block;font-size:10px;color:var(--muted);font-family:'DM Sans',sans-serif;margin-top:3px}.gauge-foot{position:absolute;bottom:9%;width:100%;font-size:9px;color:var(--muted)}.compact .gauge-value{font-size:18px}.compact .gauge-label{font-size:9px}.graph{width:100%;height:auto;display:block}.graph-card h3{margin-bottom:10px}.record-row{padding:12px}.record-dot{height:10px;width:10px;border:2px solid var(--cyan);border-radius:50%;flex:none}.record-dot.recording{background:var(--red);border-color:var(--red)}.result-title{font-size:19px;letter-spacing:-.3px;line-height:1.3}.result-icon{width:30px;height:30px;color:var(--cyan)}.result-icon.warning{color:var(--warning)}.code-card{width:100%;display:flex;text-align:left;align-items:center;gap:12px;border-color:#35ddf85c}.code-card .code-number{font-family:'JetBrains Mono',monospace;color:var(--cyan);font-size:17px;font-weight:600}.code-card p{font-size:11px}.systems-image{position:relative}.systems-image img{width:100%;aspect-ratio:1.6;object-fit:contain;display:block}.marker{position:absolute;top:19%;left:9%;min-height:40px;font-family:'JetBrains Mono',monospace;border-color:var(--cyan);font-size:12px;background:#10171ced;box-shadow:0 0 25px #35ddf82a}.system-target{text-align:left;font-size:11px;padding:8px 9px}.system-target small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.system-target.active{background:#11232b;border-color:#35ddf838}.fact-value{display:block;font-size:18px;font-weight:700;line-height:1.6}.text-action{border:0;background:transparent;font-size:11px;color:var(--cyan);padding:8px}.status-row{padding:10px 0;border-bottom:1px solid var(--border);font-size:12px;display:flex;align-items:center;gap:8px}.status-row:last-child{border-bottom:0}.status-row span:first-child{flex:1}.status-row svg{width:17px;height:17px}.progress{height:5px;background:var(--raised);border-radius:5px;overflow:hidden}.progress span{display:block;height:100%;background:var(--cyan);transition:width .3s}.scan-step{display:flex;gap:10px;align-items:center;font-size:12px;padding:7px 0}.scan-step svg{width:18px;color:var(--cyan)}.scan-step.pending{color:var(--muted)}.readiness-number{font-size:32px;font-weight:700;margin:7px 0}.search{width:100%;min-height:44px;padding:10px 12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:12px}.history-card{padding:0;overflow:hidden}.history-card>button{width:100%;border:0;text-align:left;display:flex;gap:10px;align-items:center;border-radius:0;padding:14px 12px}.history-card strong{font-size:13px}.history-card .date{font-size:10px;color:var(--muted);margin-top:4px}.history-detail{padding:0 12px 12px}.manual-card{display:flex;gap:12px;align-items:center}.manual-cover{width:91px;min-width:91px;height:132px;background:linear-gradient(140deg,#263b49,#101a20);border:1px solid #3b515f;border-radius:5px;padding:10px;position:relative;overflow:hidden}.manual-cover:after{content:'';position:absolute;inset:8px 5px;border-right:1px solid #89b9ce33;pointer-events:none}.manual-cover strong{font-size:9px;letter-spacing:.2px;display:block;position:relative;z-index:1}.manual-cover svg{width:70px;height:70px;color:#9ab4c4;position:absolute;bottom:3px;right:1px}.manual-cover.service{background:linear-gradient(130deg,#29313a,#11191e)}.manual-card h3{font-size:13px}.manual-card .row{gap:5px}.manual-card button{font-size:11px;padding:8px 10px}.manual-card .icon-button{width:42px;flex:none}.performance-hero{text-align:center;padding:20px 12px;background:radial-gradient(ellipse at 70% 80%,#123d47,transparent 70%),var(--surface);position:relative;overflow:hidden}.performance-time{font:600 64px/1.15 'JetBrains Mono',monospace;letter-spacing:-5px;color:var(--cyan);margin:10px 0 0}.performance-caption{font-size:17px}.best{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);font-size:9px;letter-spacing:1px;border-radius:20px;background:#16323a;padding:7px 10px;margin-bottom:14px}.best svg{width:15px}.quality{font-size:10px;padding:10px;display:flex;gap:12px;align-items:center;justify-content:space-between}.radar{position:relative}.radar svg{display:block;width:100%;height:auto}.radar-value{position:absolute;top:48%;width:100%;text-align:center;font:500 24px 'JetBrains Mono',monospace}.radar-value small{display:block;font:11px 'DM Sans',sans-serif;color:var(--muted)}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--cyan);background:#16333b;border:1px solid var(--cyan);font-size:24px}.membership-card{background:linear-gradient(130deg,#123039,var(--surface) 75%)}.membership-card .eyebrow{letter-spacing:1.5px}.divider{height:1px;background:var(--border);margin:8px 0}.badge{display:inline-flex;border:1px solid var(--border);padding:5px 8px;border-radius:6px;font-size:10px;color:var(--muted)}.pill{border-radius:20px;font-size:10px;padding:5px 8px;background:#173a2d;color:var(--green);display:inline-block}.holding{background:#382d15;color:var(--warning)}.empty{padding:25px 14px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}.field{display:grid;gap:6px;color:var(--muted);font-size:11px}.field input,.field textarea,.field select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);min-height:46px;padding:10px;border-radius:9px;resize:vertical}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;min-height:44px;padding:9px 0}.check input{accent-color:var(--cyan);width:18px;height:18px;flex:none}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;border-bottom:1px solid var(--border)}.setting-row:last-child{border:0}.switch{width:44px;height:25px;min-height:25px;border-radius:30px;background:#3e4a53;padding:2px;position:relative}.switch:after{content:'';display:block;background:#e7eef1;width:19px;height:19px;border-radius:50%;transition:transform .2s}.switch[aria-checked=true]{background:#136778;border-color:#1b899d}.switch[aria-checked=true]:after{transform:translateX(18px);background:var(--cyan)}.car-choice{width:100%;display:flex;align-items:center;text-align:left;gap:10px}.car-choice img{width:95px;height:66px;object-fit:contain}.car-choice[aria-pressed=true]{border-color:var(--cyan)}.color-dot{width:25px;height:25px;border-radius:50%;display:block;border:2px solid #a5b5bf}.color-options button{display:grid;place-items:center;gap:6px;font-size:10px}.color-options button[aria-pressed=true]{border-color:var(--cyan)}dialog{color:var(--text);background:var(--bg);border:1px solid #49616e;border-radius:18px;width:calc(100% - 24px);max-width:430px;max-height:90dvh;padding:0;box-shadow:0 35px 90px #000b}dialog::backdrop{background:#020608c4;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:1}.dialog-header h2{flex:1}.dialog-body{padding:16px;display:grid;gap:12px}.dialog-body pre{font:10px/1.8 'JetBrains Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--surface);border-radius:10px}.dialog-body .primary{width:100%}.document-sheet{padding:22px 18px;background:#f3f4f0;color:#162630;border-radius:3px;min-height:400px}.document-sheet h3{font-size:22px;margin:20px 0}.document-sheet p{font-size:13px;margin-bottom:15px;line-height:1.8}.document-sheet .eyebrow{color:#506774}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%) translateY(10px);max-width:calc(100% - 36px);width:max-content;background:#1c3742;border:1px solid #476975;color:#fff;padding:12px 16px;border-radius:11px;font-size:12px;line-height:1.4;z-index:20;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.demo-shell[data-theme=Light]{--bg:#f3f6f9;--surface:#fff;--raised:#eaf0f5;--cyan:#006d83;--muted:#536474;--border:#d7e0e8;--text:#111820;--warning:#9a6500;--green:#087a57;--red:#b4233a;color:var(--text)}body.light{--bg:#f3f6f9;--surface:#fff;--raised:#eaf0f5;--cyan:#006d83;--muted:#536474;--border:#d7e0e8;--text:#111820;color:var(--text)}body.light .gauge-card,body.light .performance-hero,body.light .scanner,body.light .membership-card{background:var(--surface)}body.light .gauge-value{color:var(--text)}body.light .segments.subtle button[aria-selected=true]{background:#e4f1f4}body.light .marker{background:#f3f6f9f5}body.light .manual-cover{color:#f5f8fb}body.light .sim-banner{background:#e6f4f7}body.reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(max-width:360px){.demo-shell{padding:6px}.phone-app{max-height:calc(100dvh - 150px)}#app-main{padding:2px 9px 18px}.brand{font-size:14px}.account-entry{padding:5px 7px}.quick{padding:8px 4px;font-size:9px}.quick svg{width:13px}.manual-cover{width:75px;min-width:75px}.manual-card{gap:9px}.performance-time{font-size:57px}.demo-controls label{display:none}}body.embedded{background:transparent}body.embedded .demo-shell{padding:0;max-width:none}body.embedded .demo-controls{padding:8px 8px 0;margin-bottom:7px}body.embedded .phone-app{height:calc(100dvh - 125px);max-height:none;min-height:360px}body.embedded .demo-note{margin:7px 10px}.full-width{width:100%}.mt{margin-top:10px}.wrap{flex-wrap:wrap}.no-shrink{flex-shrink:0}
.gauge-foot{left:0}.gauge-foot svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button-link{display:flex;align-items:center;justify-content:center;border:1px solid #35ddf858;border-radius:10px;min-height:46px;padding:12px;text-decoration:none;font-size:12px;line-height:1.5;background:#11242b}.button-link:hover{border-color:var(--cyan)}.card>svg:not(.graph),.card.row>svg:not(.graph){width:22px;height:22px;flex-shrink:0}.quality svg{width:15px;height:15px;vertical-align:middle}.avatar svg{width:27px;height:27px}body.light .button-link{background:#e6f4f7}body.light button.primary,body.light .segments:not(.subtle) button[aria-selected=true]{color:white}.small-heading{font-size:14px;line-height:1.35}
body.light{background:var(--bg);--warning:#865800;--green:#08704f;--red:#b4233a}body.light .system-target.active,body.light .best,body.light .avatar{background:#e6f4f7}body.light .holding{background:#fff1cb}body.light .pill:not(.holding){background:#dbf3e8}body.light .sim-banner{border-color:#9ebfc8}body.light .demo-note a{color:#006d83}.switch{height:44px;min-height:44px;background:transparent;border:0;padding:0}.switch:before{content:'';position:absolute;left:0;top:10px;width:44px;height:25px;border-radius:30px;background:#3e4a53}.switch:after{position:absolute;left:3px;top:13px}.switch[aria-checked=true]{background:transparent;border:0}.switch[aria-checked=true]:before{background:#136778}.trace-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;line-height:1.5;padding:4px 0 8px}.trace-legend span:before{content:'';display:inline-block;width:12px;height:3px;background:var(--trace);vertical-align:middle;margin-right:5px}