:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f5f9;color:#101828;--card:#fff;--line:#e5e9f0;--muted:#667085;--accent:#3157ff;--warn:#b54708}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:9;background:#ffffffeb;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:12px max(16px,calc((100vw - 880px)/2));display:flex;align-items:center;gap:20px}.brand{font-size:24px;font-weight:900;color:#101828;text-decoration:none}nav{display:flex;gap:6px;overflow:auto;margin-left:auto}button,.button{font:inherit;border:0;border-radius:14px;padding:12px 15px;font-weight:750;cursor:pointer;background:#101828;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ghost,nav button{background:#eef1f6;color:#344054}.primary{background:var(--accent)}main{max-width:880px;margin:auto;padding:24px 16px 90px}.hero-title{font-size:clamp(30px,6vw,48px);letter-spacing:-1.8px;margin:12px 0}.sub{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;margin:14px 0;box-shadow:0 12px 35px #1018280a}.demo{border-color:#fedf89;background:#fffaeb}.bad{border-color:#fecdca;background:#fef3f2}.good{border-color:#abefc6;background:#ecfdf3}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.big{font-size:44px;font-weight:900;letter-spacing:-2px}.label{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.delay{font-size:22px;font-weight:900;color:var(--warn)}input,select{width:100%;border:1px solid #d0d5dd;border-radius:14px;padding:14px;font:inherit;background:var(--card);color:inherit}.field{display:grid;gap:6px}.tabs{display:flex;gap:8px;overflow:auto}.tabs button.active{background:#101828;color:white}.timeline{display:flex;gap:10px;overflow:auto;padding:16px 2px;scroll-snap-type:x proximity}.stop{min-width:140px;padding:12px;border-radius:16px;background:#f7f8fa;scroll-snap-align:center}.stop.current{outline:2px solid var(--accent)}.dot{width:12px;height:12px;border-radius:50%;background:#98a2b3;margin-bottom:10px}.current .dot{background:var(--accent)}.kpi{font-size:28px;font-weight:900}.history{border-left:2px solid #d0d5dd;padding-left:18px}.history p{margin:14px 0}.status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef1f6;font-size:12px;font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:8px}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#101828;color:white;padding:12px 16px;border-radius:14px;display:none;z-index:20;max-width:90vw}@media(max-width:640px){header{display:block}.brand{display:block;margin-bottom:10px}nav{margin:0}.grid,.three{grid-template-columns:1fr}.row.mobile-stack{align-items:flex-start;flex-direction:column}.card{border-radius:20px}.big{font-size:40px}}@media(prefers-color-scheme:dark){:root{background:#090d16;color:#f5f7fa;--card:#111827;--line:#293142;--muted:#98a2b3}.demo{background:#2b2110}.bad{background:#2b1515}.good{background:#10251a}header{background:#090d16e8}.ghost,nav button,.stop,.status{background:#1c2432;color:#e5e7eb}input,select{border-color:#344054}.brand{color:#fff}}