:root{--bg:#070d1a;--bg2:#0a1424;--panel:#0c1628;--panel2:#101d33;--border:#20304d;--border2:#2c4066;--ink:#eef3fb;--muted:#8ea3c2;--soft:#b6c4dd;--gold:#e8b84f;--gold2:#f6d98a;--gold3:#c98f2e;--teal:#4fd6b8;--ref:#6ea8ff;--user:#ff9d4d;--danger:#ff6d63;--radius:20px;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(900px 520px at 85% 0px, #e8b84f1c, transparent 60%), radial-gradient(820px 620px at -10% 600px, #6ea8ff17, transparent 55%), radial-gradient(700px 700px at 55% 100%, #4fd6b80d, transparent 55%), linear-gradient(180deg,var(--bg2) 0%,var(--bg) 2200px);background-repeat:no-repeat;margin:0}::selection{background:#e8b84f59}main{max-width:1180px;margin:auto;padding:30px 20px 70px}a{color:var(--gold)}:where(button,select,a,summary,input):focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}.hero{padding:26px 0 24px}.hero-brand{align-items:center;gap:16px;margin-bottom:24px;display:flex}.hero-logo{filter:drop-shadow(0 8px 22px #e8b84f59);width:76px;height:76px}.brand{letter-spacing:.22em;color:var(--gold2);font-size:13px;font-weight:800}.eyebrow{letter-spacing:.2em;color:var(--gold2);font-size:12px;font-weight:800}.powered{color:var(--muted);letter-spacing:.05em;margin-top:4px;font-size:12px}.powered b{color:var(--ink);font-weight:700}h1{letter-spacing:-.05em;background:linear-gradient(100deg,#fff 0%,var(--gold2) 40%,var(--gold) 64%,var(--gold3) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 16px;font-size:clamp(44px,7vw,84px);line-height:.95}h1 .vs{vertical-align:.3em;letter-spacing:0;-webkit-text-fill-color:var(--muted);color:var(--muted);background:0 0;font-size:.4em;font-style:italic}.lede{max-width:780px;color:var(--soft);font-size:18px;line-height:1.65}.panel,.chart-wrap{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;padding:22px;box-shadow:0 18px 44px #02061059}.panel-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-head>svg{color:var(--gold);flex:none}.section-title{letter-spacing:-.01em;font-size:18px;font-weight:800}.section-sub{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.45}.chart-wrap .section-sub{margin-bottom:10px}.grid2,.charts-grid,.fine-grid,.risk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;display:grid}.charts-grid{align-items:stretch;gap:16px}.fine-grid{gap:14px}.risk-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.empty-state{color:var(--muted);padding:14px 4px;font-size:14px;line-height:1.6}.control{padding:12px 0;display:block}.control>div{color:var(--soft);justify-content:space-between;gap:16px;font-size:14px;display:flex}.control b{color:#fff;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer;height:20px;margin-top:10px}.select-control{color:var(--muted);flex-direction:column;gap:7px;margin-bottom:10px;font-size:13px;display:flex}select{color:#fff;border:1px solid var(--border);cursor:pointer;background:#0a1526;border-radius:10px;padding:11px;font-size:14px}select:hover{border-color:var(--border2)}.btn{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#241a05;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 8px 24px #e8b84f47}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #e8b84f57}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.ghost{color:var(--gold);border:1px solid var(--border2);box-shadow:none;background:0 0}.btn.ghost:hover{border-color:var(--gold)}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.metrics.mini{grid-template-columns:repeat(2,1fr);max-width:520px;margin-top:18px}.metric{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:16px;padding:16px;transition:transform .18s,border-color .18s}.metric:hover{border-color:var(--border2);transform:translateY(-2px)}.metric.accent{background:linear-gradient(180deg,#e8b84f1f,var(--panel));border-color:#e8b84f8c;box-shadow:0 10px 30px #e8b84f1a}.metric-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);align-items:center;gap:7px;font-size:11.5px;display:flex}.metric-label svg{color:var(--gold);flex:none}.metric-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:8px 0 4px;font-size:28px;font-weight:850}.metric-sub{color:var(--muted);font-size:12px;line-height:1.4}.race-pins{height:26px;margin:2px 4px 4px;position:relative}.race-pin{opacity:.95;cursor:help;font-size:15px;position:absolute;top:2px;transform:translate(-50%)}.race-flag{color:var(--gold);position:absolute;top:3px;right:-2px}.race-lane{grid-template-columns:180px 1fr 118px;align-items:center;gap:12px;margin:10px 0;font-size:13px;display:grid}.race-name{color:var(--soft)}.race-road{border:1px solid var(--border);background:linear-gradient(#15223b,#0f1a30);border-radius:9px;height:30px;position:relative}.race-center{border-top:2px dashed #33486e;height:0;position:absolute;top:50%;left:2%;right:2%;transform:translateY(-1px)}.race-car{will-change:left;display:flex;position:absolute;top:50%;transform:translate(-60%,-50%)}.race-car svg{filter:drop-shadow(0 2px 7px #000000a6)}.race-car.ref{color:var(--ref)}.race-car.user{color:var(--user)}.race-car.done svg{filter:drop-shadow(0 0 9px)}.race-time{font-variant-numeric:tabular-nums;text-align:right;color:#fff}.race-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.race-clock{color:var(--muted);font-size:13.5px}.race-clock b{color:var(--gold2);font-variant-numeric:tabular-nums}.delay-summary{border-top:1px solid var(--border);color:var(--muted);grid-template-columns:1fr auto;gap:8px 20px;padding-top:16px;font-size:14px;display:grid}.delay-summary b{color:#fff;font-variant-numeric:tabular-nums;text-align:right}.event-road{border:1px solid var(--border);background:repeating-linear-gradient(90deg,#101d33 0 42px,#0d182b 42px 84px);border-radius:10px;height:36px;margin:18px 0 20px;position:relative}.event-road-line{border-top:2px dashed #33486e;position:absolute;top:50%;left:10px;right:10px}.event-pin{cursor:help;font-size:18px;transition:transform .15s;position:absolute;top:-12px;transform:translate(-50%)}.event-pin:hover{transform:translate(-50%)scale(1.25)}.event-cards{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px;display:grid}.event-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:11px 13px;transition:border-color .15s}.event-card:hover{border-color:var(--border2)}.event-card-head{align-items:center;gap:8px;font-size:13px;display:flex}.event-km{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.event-stats{color:var(--muted);gap:14px;margin-top:8px;font-size:11.5px;display:flex}.event-stats b{color:var(--ink);font-variant-numeric:tabular-nums}.gold{color:var(--gold)!important}.more-note{color:var(--muted);margin-top:12px;font-size:12.5px}.stop-row{margin:20px 0}.stop-label{color:var(--soft);justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.stop-label b{color:#fff;font-variant-numeric:tabular-nums}.stop-track{background:#152139;border-radius:99px;height:22px;display:flex;position:relative;overflow:hidden}.reaction,.braking{height:100%;transition:width .25s}.reaction.ref{background:#527bb9}.braking.ref{background:var(--ref)}.reaction.user{background:#a96d36}.braking.user{background:var(--user)}.stop-marker{width:3px;box-shadow:0 0 10px var(--ref);background:#fff;border-radius:2px;position:absolute;top:0;bottom:0}.stop-row small{color:var(--muted)}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12px;display:flex}.dot{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.callout{color:#efe3c3;background:#e8b84f14;border:1px solid #e8b84f4d;border-radius:12px;margin-top:16px;padding:14px;font-size:14px;line-height:1.55}.callout.danger{color:#ffd7d3;background:#ff6d6317;border-color:#ff6d636b}.callout b{color:#fff}.notice,.unverified{border:1px solid var(--border);color:#bdc9de;background:#0f1a30;border-radius:12px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px;font-size:13.5px;line-height:1.55;display:flex}.notice svg{color:var(--gold);flex:none;margin-top:1px}.unverified svg{color:var(--danger);flex:none}.unverified p{color:var(--muted);margin:5px 0 0}.source-box{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;font-size:12px;display:flex}.source-box a{color:var(--gold)}.risk-compare{gap:10px;margin-top:20px;display:grid}.risk-line{color:var(--muted);grid-template-columns:160px 1fr 80px;align-items:center;gap:12px;font-size:12.5px;display:grid}.risk-line b{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.risk-bar-track{background:#152139;border-radius:99px;height:14px;overflow:hidden}.risk-bar{border-radius:99px;height:100%;transition:width .25s}.risk-bar.ref{background:var(--ref)}.risk-bar.serious{background:var(--user)}.risk-bar.fatal{background:var(--danger)}.risk-caption{color:var(--muted);grid-column:1/-1;font-size:11.5px;line-height:1.5}.jam-play{align-items:flex-end;padding:12px 0;display:flex}.jam-road{border-top:3px solid var(--border2);border-bottom:3px solid var(--border2);background:linear-gradient(#101d33b3,#0c1628b3);border-radius:6px;height:58px;margin:14px 0 6px;position:relative;overflow:hidden}.jam-car{color:var(--ref);will-change:left;font-size:15px;transition:color .12s linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.jam-car.slow1{color:var(--user)}.jam-car.slow2{color:var(--danger);text-shadow:0 0 9px #ff6d63cc}.jam-arrows{color:var(--muted);justify-content:space-between;margin-top:14px;font-size:12px;display:flex}.jam-arrows b{color:var(--user)}.verdict{padding:46px 8px}.verdict h2{letter-spacing:-.035em;background:linear-gradient(100deg,#fff 20%,var(--gold2) 75%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:920px;margin:14px 0;font-size:clamp(28px,4vw,48px);line-height:1.08}.verdict p{color:var(--muted);max-width:760px;line-height:1.6}.verdict-chips{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.chip{border:1px solid var(--border2);color:var(--ink);background:var(--panel2);border-radius:99px;padding:9px 15px;font-size:13px;font-weight:650}.chip.good{color:var(--teal);border-color:#4fd6b880}.chip.warn{color:#ffb0aa;border-color:#ff6d636b}.chip.gold{color:var(--gold2);border-color:#e8b84f80}.disclaimer{border-color:#e8b84f61}.disclaimer .panel-head>svg{color:var(--gold)}.disc-list{color:#c3cfe4;margin:2px 0 4px;padding-left:20px;font-size:14px;line-height:1.7}.disc-list li{margin:8px 0}.disc-list b{color:var(--ink)}.contact-line{border-top:1px solid var(--border);color:var(--muted);margin-top:16px;padding-top:15px;font-size:13.5px;line-height:1.6}.contact-line a{color:var(--gold)}.methodology{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin:18px 0;overflow:hidden}.methodology summary{cursor:pointer;color:var(--soft);justify-content:space-between;align-items:center;padding:18px 22px;font-weight:800;list-style:none;display:flex}.methodology summary::-webkit-details-marker{display:none}.methodology summary:after{content:"+";color:var(--gold);font-size:20px;font-weight:600}.methodology[open] summary:after{content:"–"}.sum-title{align-items:center;gap:9px;display:inline-flex}.sum-title svg{color:var(--gold)}.method-grid{color:var(--muted);grid-template-columns:repeat(2,1fr);gap:2px 28px;padding:2px 22px 18px;font-size:13px;line-height:1.65;display:grid}.method-grid b{color:var(--ink)}.method-grid p{margin:6px 0 14px}footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:18px;margin-top:36px;padding-top:26px;font-size:13px;line-height:1.6;display:flex}.footer-logo{filter:drop-shadow(0 4px 12px #e8b84f40);flex:none;width:54px;height:54px}footer b{color:var(--ink)}footer .powered{margin-left:8px;display:inline}footer p{margin:7px 0 0}footer a{color:var(--gold)}@media (prefers-reduced-motion:no-preference){.panel,.chart-wrap,.metrics,.verdict,.methodology{animation:.5s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}@media (width<=840px){.metrics{grid-template-columns:repeat(2,1fr)}.charts-grid,.grid2,.fine-grid,.risk-grid,.method-grid{grid-template-columns:1fr}.race-lane{grid-template-columns:1fr;gap:6px}.race-time{text-align:left}.risk-line{grid-template-columns:130px 1fr 66px}.hero{padding-top:14px}.hero-logo{width:62px;height:62px}}@media (width<=470px){main{padding:18px 12px 44px}.metrics{grid-template-columns:1fr}.panel,.chart-wrap{border-radius:15px;padding:16px}.metrics.mini,.event-cards{grid-template-columns:1fr}}.journey-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unit-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:2px;display:inline-flex}.unit-btn{appearance:none;color:#ffffffb3;font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.unit-btn:hover{color:#fff}.unit-btn.active{color:#fff;background:#ffffff1f}.reset-btn{align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.penalty-examples{grid-template-columns:1fr 1fr;gap:18px;display:grid}.penalty-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.penalty-card-head{letter-spacing:.02em;color:var(--fg,#eaeef7);font-size:.95rem;font-weight:700}@media (width<=720px){.penalty-examples{grid-template-columns:1fr}}