:root{--bg:#070a12;--bg2:#0c1220;--panel:#0f1626;--card:#141d31;--line:#22304d;--line2:#2c3c5f;--text:#e7ecf5;--muted:#8b98b4;--dim:#5d6a85;--permit:#22c55e;--deny:#ef4444;--step:#f59e0b;--info:#60a5fa;--violet:#a78bfa;--accent:#7c5cff;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}code,pre,.mono{font-family:var(--mono)}a{color:#9fb6ff}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:600}.err{color:var(--deny)}.fatal{place-items:center;height:100%;font-size:16px;display:grid}.landing{place-items:center;min-height:100%;padding:28px 24px;display:grid;position:relative;overflow:auto}.landing-glow{filter:blur(20px);background:radial-gradient(closest-side,#7c5cff47,#0000),radial-gradient(closest-side at 70% 60%,#14b8a62e,#0000);height:80%;position:absolute;inset:-30% -10% auto}.landing-inner{text-align:center;max-width:980px;position:relative}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.landing h1{letter-spacing:-.02em;background:linear-gradient(#fff,#b9c3dc);color:#0000;-webkit-background-clip:text;background-clip:text;margin:12px 0;font-size:46px;font-weight:750;line-height:1.05}.lede{color:var(--muted);max-width:760px;margin:0 auto 18px;font-size:16px;line-height:1.45}.story-cards{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.story-card{text-align:left;width:300px;color:var(--text);background:linear-gradient(180deg, var(--card), var(--panel));border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;transition:all .15s;position:relative;overflow:hidden}.story-card:before{content:"";background:var(--accent);height:3px;position:absolute;inset:0 0 auto}.story-card:hover,.story-card.sel{border-color:var(--accent);box-shadow:0 10px 40px -10px var(--accent);transform:translateY(-2px)}.sc-app{font-size:20px;font-weight:700}.sc-title{color:var(--muted);margin:4px 0 18px}.sc-go{color:var(--accent);font-weight:600}.beats{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;display:flex}.beat{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:flex}.beat span{background:var(--line);color:var(--text);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.cta{color:#fff;background:linear-gradient(#8b6cff,#6d4aff);border-radius:12px;margin:4px auto 22px;padding:12px 26px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 10px 30px -12px #6d4aff}.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.agent-chips{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.agent-chip{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:10px 12px}.agent-chip b{margin-bottom:3px;font-size:13px;display:block}.agent-chip span{color:var(--muted);font-size:12px;line-height:1.35}.rule-note,.token-line{color:var(--muted);max-width:860px;margin:0 auto;font-size:14px;line-height:1.45}.token-line{margin-top:12px}.mode-note{color:var(--dim);margin-top:16px;font-size:12px}@media (width<=900px){.landing{padding:28px 16px}.landing h1{font-size:36px}.agent-chips{grid-template-columns:1fr 1fr}.lede{font-size:16px}}@media (width<=560px){.agent-chips{grid-template-columns:1fr}.landing h1{font-size:30px}}.demo{flex-direction:column;height:100%;display:flex}.topbar{background:#07080d;border-bottom:1px solid #1c1f2a;align-items:center;gap:14px;padding:12px 18px;display:flex}.brand{color:#f4f6fb;letter-spacing:-.01em;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand-ico{color:#a78bfa;width:18px;height:18px}.brand-sep{background:#2a2f3d;width:1px;height:18px}.seatdrop-mark{color:#c4b5fd;letter-spacing:-.02em;align-items:center;gap:8px;font-weight:750;display:flex}.nav-security,.nav-reset{color:#c8cdd8;background:0 0;border:0;padding:8px 4px;font-weight:650}.nav-security{color:#b9a6ff;box-shadow:inset 0 -2px #8b6cff}.nav-security.on{color:#d8ccff}.tagline{color:var(--muted);font-size:13px}.spacer{flex:1}.seg{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:5px 12px}.seg button.on{background:var(--accent);color:#fff}.mode-pill{font:600 11px var(--mono);border:1px solid var(--line2);color:var(--step);border-radius:6px;padding:4px 8px}.mode-pill.real{color:var(--permit)}.ev-mode{font:600 9px var(--mono);border:1px solid var(--line2);color:var(--muted,#888);border-radius:4px;margin-left:6px;padding:1px 4px}.ev-mode-real{color:var(--permit);border-color:var(--permit)}.mode-pill.hybrid{color:var(--permit);border-color:var(--step);white-space:normal;max-width:520px}.ghost{border:1px solid var(--line2);color:var(--text);background:0 0;border-radius:9px;padding:7px 12px}.grid{flex:1;grid-template-columns:minmax(330px,1fr) minmax(360px,1.08fr) minmax(420px,1.25fr);gap:14px;min-height:0;padding:14px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex;overflow:auto}.panel-head{justify-content:space-between;align-items:center;display:flex}.who{text-transform:uppercase;letter-spacing:.06em;color:#c7d0e4;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.dot{border-radius:50%;width:9px;height:9px}.dot.human{background:var(--info)}.dot.agent{background:var(--violet);box-shadow:0 0 12px var(--violet)}.app-name{color:var(--accent);font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.card-title{justify-content:space-between;align-items:center;gap:8px;font-weight:650;display:flex}.row{gap:8px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}input,select{background:var(--bg2);border:1px solid var(--line2);color:var(--text);font:inherit;border-radius:8px;padding:9px 10px}select{padding:5px 8px}.primary{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:600}.primary:hover:not(:disabled){filter:brightness(1.1)}.danger-btn{color:#fca5a5;background:#ef44441f;border:1px solid #ef444480;border-radius:10px;padding:9px 14px;font-weight:600}.note{border-radius:8px;padding:8px 10px;font-size:13px}.note.danger{color:#fecaca;background:#ef44441f}.note.warn{color:#fde68a;background:#f59e0b1f}.note.ok{color:#bbf7d0;background:#22c55e1f}.login-title{font-size:16px;font-weight:700}.welcome,.who-row{flex-direction:row;align-items:center;gap:12px;display:flex}.who-copy{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.avatar{color:#fff;background:#7c5cff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:750;display:grid}.protect-pill{color:#4ade80;border:1px solid #22c55e8c;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.protect-pill.r-HIGH,.protect-pill.r-MEDIUM{color:#fca5a5;border-color:#ef44448c}.protect-pill.r-MEDIUM{color:#fbbf24;border-color:#f59e0b8c}.risk{font:600 11px var(--mono);border-radius:6px;margin-left:auto;padding:4px 8px}.r-LOW{color:#86efac;background:#22c55e24}.r-MEDIUM{color:#fcd34d;background:#f59e0b26}.r-HIGH{color:#fca5a5;background:#ef444429}.consent-head{align-items:center;gap:10px;display:flex}.agent-ico{width:30px;height:30px;color:var(--violet);font:700 11px var(--mono);background:#a78bfa2e;border-radius:8px;place-items:center;display:grid}.consent{border:1px solid var(--accent);background:#7c5cff12;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.scopes{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.scopes code{background:var(--bg2);border:1px solid var(--line2);border-radius:5px;padding:2px 6px;font-size:11px}.grant{flex-direction:column;gap:8px;display:flex}.grant.revoked{opacity:.6}.phone-wrap{flex-direction:column;align-items:center;gap:6px;margin-top:auto;padding-top:6px;display:flex}.phone{text-align:center;background:linear-gradient(160deg,#1d2742,#0b1020);border:7px solid #2a3350;border-radius:34px;width:236px;height:300px;padding:30px 12px 12px;position:relative;overflow:hidden;box-shadow:0 20px 50px -20px #000,inset 0 0 0 1px #3a4568}.phone.ringing{animation:1.4s infinite ring;box-shadow:0 0 0 3px #f59e0b8c,0 0 40px #f59e0b59}@keyframes ring{50%{box-shadow:0 0 0 6px #f59e0b40,0 0 50px #f59e0b73}}.notch{background:#05070d;border-radius:10px;width:70px;height:16px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-time{letter-spacing:-.02em;font-size:38px;font-weight:300}.phone-date{color:var(--muted);margin-bottom:12px;font-size:11px}.phone-idle{color:var(--dim);margin-top:40px;font-size:12px}.push{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#ffffff17;border-radius:14px;padding:10px}.push-app{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px}.push-msg{margin:4px 0;font-size:12.5px;font-weight:600}.push-sub{color:var(--step);font-size:10.5px}.push-code{letter-spacing:.08em;margin:2px 0 4px;font-size:12px}.push-code b{font-family:ui-monospace,monospace;font-size:14px}.push-actions{gap:6px;margin-top:8px;display:flex}.push-actions button{border:0;border-radius:9px;flex:1;padding:8px;font-weight:700}.push-actions .approve{background:var(--permit);color:#052e14}.push-actions .deny{color:#fca5a5;background:#3b2330}.push-err{color:#fca5a5;margin-top:6px;font-size:11px}.task{color:#d5dbe8;gap:8px;margin:4px 0 8px;font-size:14.5px;line-height:1.45;display:flex}.quote-mark{color:#8b7cff;font-size:28px;font-weight:700;line-height:1}.acting{color:#c5cad6}.browser{padding:0;overflow:hidden}.browser-bar{border-bottom:1px solid var(--line);background:#0a1020;align-items:center;gap:6px;padding:8px 10px;display:flex}.browser-bar i{background:#3a4568;border-radius:50%;width:9px;height:9px}.browser-bar span{font:11px var(--mono);color:var(--muted);margin-left:8px}.browser-body{flex-direction:column;gap:8px;padding:14px;display:flex}.fake-field{background:var(--bg2);border:1px solid var(--line2);font-family:var(--mono);color:var(--muted);border-radius:8px;padding:9px 10px}.verdict.flagged{background:linear-gradient(180deg, #ef44441a, var(--card));border-color:#ef444499}.verdict.impersonating{border-color:#f59e0b99}.verdict-head{align-items:center;gap:10px;display:flex}.verdict-head .risk{margin-left:0}.dv-msg{border-left:3px solid var(--accent);color:#dfe5f3;background:#7c5cff14;border-radius:0 8px 8px 0;padding:6px 10px}.waiting{flex-direction:row;align-items:center;gap:10px}.spinner{border:2px solid var(--line2);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-chip{font:600 10.5px var(--mono);background:var(--bg2);color:var(--muted);text-transform:uppercase;border-radius:6px;padding:3px 7px}.s-delegated{color:#86efac}.s-stopped{color:#fca5a5}.s-done{color:#93c5fd}.steps{flex-direction:column;margin:8px 0 0;padding:0 0 0 4px;list-style:none;display:flex}.step{background:0 0;border:0;align-items:flex-start;gap:12px;padding:8px 0;display:flex;position:relative}.step:before{content:"";background:#2a3142;width:2px;position:absolute;top:30px;bottom:-8px;left:13px}.step:last-child:before{display:none}.step-ico{z-index:1;color:#0000;background:#12141c;border:2px solid #3a4258;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.step.is-done .step-ico{color:#fff;background:#16a34a;border-color:#16a34a}.step.is-cur .step-ico{color:#fff;background:#7c5cff;border-color:#7c5cff}.step.is-cur .step-label{color:#f4f6fb}.step.is-cur .step-state{color:#c4b5fd}.step-main{min-width:0}.step-state{color:var(--dim);text-transform:lowercase;margin:0;font-size:12px;display:block}.run-wide{border-radius:10px;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px 16px;font-weight:700;display:flex}.step.cur{border-color:#0000}.step-main{flex:1;min-width:0}.step-label{font-weight:600}.step-detail{color:var(--muted)}.stepup-txt{color:var(--step)}.dec{font:700 10.5px var(--mono);border-radius:6px;flex:none;padding:3px 7px}.dec-PERMIT{color:#86efac;background:#22c55e29}.dec-DENY,.dec-FAILED{color:#fca5a5;background:#ef444429}.dec-STEP_UP{color:#fcd34d;background:#f59e0b29}.dec.big{padding:5px 10px;font-size:15px}.attack{border-color:#ef444440}.replay-out{font-size:12.5px;font-family:var(--mono);border-radius:8px;padding:8px 10px}.replay-out.good{background:#22c55e14;border:1px solid #22c55e59}.replay-out.bad{border:1px solid var(--deny);background:#ef44441f}.reason{color:#fca5a5}.real-agent{border-top:1px dashed var(--line);word-break:break-all;margin-top:auto;padding-top:6px}.console{background:linear-gradient(#0c1322,#0a0f1b)}.live{background:var(--permit);width:9px;height:9px;box-shadow:0 0 10px var(--permit);border-radius:50%;animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.35}}.summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sum{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.sum-k{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.sum-v{font:700 15px var(--mono);margin-top:2px}.lv-LOW{color:var(--permit)}.lv-MEDIUM{color:var(--step)}.lv-HIGH{color:var(--deny)}.dv-PERMIT{color:var(--permit)}.dv-DENY{color:var(--deny)}.dv-STEP_UP{color:var(--step)}.events{flex-direction:column;gap:8px;display:flex}.ev{border:1px solid var(--line);border-left:4px solid var(--info);background:var(--card);border-radius:10px;padding:10px 12px;animation:.25s ease-out slide}@keyframes slide{0%{opacity:0;transform:translateY(-6px)}}.ev-ok{border-left-color:var(--permit)}.ev-danger{border-left-color:var(--deny)}.ev-warn{border-left-color:var(--step)}.ev-stepup{border-left-color:var(--step);background:linear-gradient(90deg, #f59e0b14, var(--card))}.t-token_exchange{border-left-color:var(--violet)}.ev-top{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);justify-content:space-between;font-size:10.5px;display:flex}.ev-time{font-family:var(--mono);letter-spacing:0}.ev-title{margin:3px 0 2px;font-weight:600}.ev-body{flex-direction:column;gap:6px;margin-top:4px;display:flex}.kv{align-items:baseline;gap:8px;font-size:12px;display:flex}.kv span{color:var(--muted)}.rule{background:#ef44441a;border:1px solid #ef444459;border-radius:7px;padding:5px 8px;font-size:12.5px}.predictors{gap:3px;display:grid}.pred{grid-template-columns:62px 130px 1fr;align-items:baseline;gap:8px;font-size:11.5px;display:grid}.pl{font:700 10px var(--mono)}.evidence{color:var(--muted);margin:0;padding-left:16px;font-size:11.5px}.dv-quote{color:#dfe5f3;font-size:13px;font-style:italic}.claims{border:1px solid var(--line);background:#0a0f1c;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.claims .c{grid-template-columns:58px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.claims .c span{color:var(--muted);font-family:var(--mono);font-size:11px}.claims code{color:#dbe4ff;word-break:break-all;font-size:11.5px}.claims em{color:var(--dim);font-size:10.5px;font-style:normal}.claims .hl{color:var(--violet);font-weight:700}.claims .hl2{color:#fcd34d}.claims .exp{grid-template-columns:58px auto 1fr}.countdown{font:700 14px var(--mono);color:var(--permit)}.expired{font:700 12px var(--mono);color:var(--deny)}.bar{background:var(--line);border-radius:4px;height:4px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--deny), var(--step), var(--permit));height:100%;display:block}.claims.compact{opacity:.85}.link{color:#9fb6ff;text-align:left;background:0 0;border:0;padding:0;font-size:12px}.json{border:1px solid var(--line);color:#c8d3ee;white-space:pre-wrap;word-break:break-all;background:#070b15;border-radius:8px;max-height:260px;margin:0;padding:8px;font-size:11px;overflow:auto}.small-json{max-height:110px}.decision-row{align-items:center;gap:10px;display:flex}.reason{font-size:12.5px}.decision-row .reason{color:#dfe5f3}.failclosed{font:600 11.5px var(--mono);color:#fca5a5;background:#ef44441a;border-radius:6px;padding:4px 8px}.reason-bad{color:#fca5a5;font:12px var(--mono)}.foot{align-items:center;gap:10px;padding:4px 16px 8px;display:flex;position:relative}.ovr{width:22px;height:16px;color:var(--dim);font:700 9px var(--mono);opacity:.5;background:0 0;border:0;align-items:center;gap:3px;padding:0;display:flex}.ovr:hover{opacity:1}.ovr i{background:var(--dim);border-radius:50%;width:7px;height:7px}.ovr-FLAG_AGENT i{background:#b45309}.ovr-FLAG_UNIDENTIFIED i{background:#7c3aed}.ovr-FLAG_BAD_BOT i{background:#b91c1c}.ovr-FLAG_HIGH_RISK i{background:#c2410c}.ovr-PASS_ALL i{background:#1d4ed8}.ovr-toast{font:11px var(--mono);color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:2px 8px}.al-page{color:#111827;background:#f4f5f9;place-items:center;min-height:100%;padding:24px;display:grid}.al-card{background:#fff;border-radius:14px;width:380px;padding:28px;box-shadow:0 10px 40px #1118271f}.al-brand{color:var(--accent);font-size:24px;font-weight:800}.al-sub{color:#6b7280;margin-bottom:18px;font-size:13px}.al-form{flex-direction:column;gap:6px;display:flex}.al-form label{color:#374151;margin-top:6px;font-size:13px;font-weight:600}.al-form input{color:#111827;background:#fff;border:1px solid #d1d5db}.al-form button,.al-flag button{background:var(--accent);color:#fff;border:0;border-radius:9px;margin-top:12px;padding:11px;font-weight:700}.al-err{color:#b91c1c;margin-top:8px;font-size:13px}.al-flag h2,.al-ok h2,.al-wait h2{margin:0 0 6px;font-size:19px}.al-flag p,.al-ok p,.al-wait p{color:#4b5563}.al-rule{font:12px var(--mono);color:#991b1b;background:#fef2f2;border-radius:6px;padding:6px 8px}.small-seg button{padding:3px 9px;font-size:12px}textarea{background:var(--bg2);border:1px solid var(--line2);color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:9px 10px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#d8ccff;background:#a78bfa14;border:1px solid #a78bfa59;border-radius:999px;padding:3px 10px;font-size:12px}.llm{border-color:#a78bfa73}.t-llm{background:linear-gradient(90deg, #c084fc12, var(--card));border-left-color:#c084fc}.t-llm .ev-type{color:#d8b4fe}.thought{color:#e9d5ff;font-size:12.5px;font-style:italic}.attack-more{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.t-replay .ev-type{color:#fca5a5}.replay-out.bad .reason.honest,.reason.honest{color:#fcd34d;font-family:var(--sans,inherit);margin-top:4px}.replay-out.bad{background:#f59e0b1a;border:1px solid #f59e0b8c}.reason-warn{color:#fcd34d;margin-top:2px;font-size:12px}.step-run{align-items:center;gap:10px;margin-top:8px}.amount-ctl{color:var(--muted,#9aa4b8);align-items:center;gap:6px;display:inline-flex}.amount-ctl input{width:64px;color:inherit;font:inherit;background:#0e1320;border:1px solid #2a3350;border-radius:6px;padding:4px 6px}.ciba-ctl{align-items:center;gap:4px;display:inline-flex}.ciba-ctl select{color:inherit;background:0 0;border:1px solid #2a3350;border-radius:4px;padding:0 2px;font-size:11px}.race-row{grid-template-columns:1fr 1fr;gap:6px;margin:6px 0;display:grid}.race-cell{border-radius:6px;padding:6px 8px}.race-cell.win{background:#f59e0b1f;border:1px solid #f59e0b8c}.race-cell.lose{background:#22c55e1a;border:1px solid #22c55e73}.btn-link{text-align:center;border-radius:8px;padding:9px 14px;text-decoration:none;display:inline-block}.theater .agent-pick{grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 8px;display:grid}.theater .pick{color:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;display:flex}.theater .pick small{opacity:.7;font-size:11px}.theater .pick.on{border-color:var(--accent,#7c5cff);background:#7c5cff2e}.theater .pick:disabled{opacity:.5;cursor:default}.theater-token{flex-wrap:wrap;gap:4px 12px;margin:4px 0 8px;display:flex}.theater-actions{flex-wrap:wrap;align-items:center;gap:8px}.theater-decision{background:#ffffff0a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:8px 0;padding:6px 8px;display:flex}.stolen{gap:4px;margin-top:8px;display:grid}.stolen-row{background:#2ecc7114;border-radius:6px;grid-template-columns:1.3fr .55fr 1.6fr;align-items:baseline;gap:6px;padding:4px 6px;display:grid}.stolen-row.bad{background:#e74c3c2e}.decision-panel{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;gap:3px;margin:8px 10px;padding:8px 10px;display:grid}.decision-panel .dp-top{align-items:center;gap:10px;display:flex}.decision-panel.dp-PERMIT{border-color:#2ecc7180}.decision-panel.dp-DENY,.decision-panel.dp-NO_TOKEN{border-color:#e74c3c80}.decision-panel.dp-STEP_UP{border-color:#f1c40f80}.sim-clock{color:#93c5fd;margin-top:4px}.panel[hidden]{display:none!important}.topbar{flex-wrap:wrap}.tagline{max-width:420px}.icon-btn{letter-spacing:.12em;padding-inline:10px}.stage{flex:1;grid-template-columns:minmax(0,1fr) minmax(380px,440px);gap:16px;min-height:0;padding:8px 18px 28px;display:grid}.stage-main{min-width:0;min-height:0;padding:18px 8px 24px;overflow:auto}.hero-event{flex-direction:column;gap:8px;max-width:760px;padding:18px 8px 8px;display:flex}.hero-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.hero-event h1{letter-spacing:-.03em;color:#f4f7ff;margin:0;font-size:56px;font-weight:750;line-height:1.02}.hero-meta{color:var(--muted);font-size:18px}.hero-price{align-items:baseline;gap:14px;margin:12px 0 4px;font-size:18px;display:flex}.hero-price b{font-size:32px;font-weight:700}.buy-row{flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0 8px;display:flex}.buy-row .buy{min-width:180px;padding:12px 18px;font-size:16px}.stepper{align-items:center;gap:8px;display:flex}.stepper button{border:1px solid var(--line2);background:var(--card);width:36px;height:36px;color:var(--text);border-radius:10px;font-size:18px}.stepper label{flex-direction:row;align-items:center;gap:8px}.order-card{border-color:#22c55e73;max-width:440px;margin-top:16px}.order-line{align-items:baseline;gap:14px;display:flex}.login{max-width:420px;margin-top:18px}.rail{gap:10px;min-height:0;overflow:hidden}.rail-tabs{border-bottom:1px solid var(--line);flex:none;gap:0;display:flex}.rail-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:8px 6px 10px}.rail-pane-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rail-pane-wrap[hidden]{display:none!important}.rail-pane{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:auto}.rail .console{background:0 0;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rail .events{flex:1;min-height:0;overflow:auto}.step-state{color:var(--muted);margin-left:auto;font-size:12px}.rail-quiet{flex-direction:row;align-items:center;gap:12px}.acting{color:var(--violet);font-weight:600}.revoked-row{text-align:left;color:#fca5a5;background:#ef444414;border:1px solid #ef444466;border-radius:10px;width:100%;padding:10px 12px}.step.is-wait{opacity:.72}.drawer{min-height:0}.drawer-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:8px}.sum-bad{color:var(--deny)}.ev-line{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:8px;padding:0;display:grid}.ev-type,.ev-sum{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ev-sum{font-weight:600}.ev-history{opacity:.48}.ev-shut{padding:8px 10px}.presenter{z-index:40;width:min(560px,100vw - 280px);max-height:calc(100vh - 80px);position:fixed;top:58px;left:248px;overflow:auto;box-shadow:0 24px 80px #00000080}.presenter-controls{align-items:center}.phone-tab{align-items:center;margin:12px auto 0}.phone-tab .phone{opacity:1}.attacker-stage{flex-direction:column;gap:12px;max-width:720px;padding:22px 8px 24px;display:flex}.attack-kicker{color:var(--deny);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:750}.attacker-stage h1{letter-spacing:-.02em;color:#f4f7ff;margin:0;font-size:40px;font-weight:750;line-height:1.05}.attack-copy{color:var(--muted);max-width:62ch;margin:0}.jwt-preview{border:1px solid var(--line);background:#0a0f1c;border-radius:8px;align-items:center;gap:10px;max-width:520px;padding:8px 10px;display:flex}.jwt-preview code{color:#dbe4ff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-chips{flex-wrap:wrap;gap:8px;display:flex}.token-chip{color:#fca5a5;background:#ef444414;border:1px solid #ef444473;border-radius:999px;padding:7px 12px}.attack-go{align-self:flex-start}@media (width<=980px){html,body,#root,.demo{height:auto;min-height:100%}.tagline{display:none}.stage{flex-direction:column;flex:none;display:flex;overflow:visible}.stage-main,.rail{height:auto;max-height:none;overflow:visible}.rail-pane-wrap,.rail-pane,.rail .console,.rail .events{flex:none;min-height:0;overflow:visible}.hero-event h1{font-size:36px}.attacker-stage h1{font-size:30px}.presenter{width:min(560px,100vw - 24px);left:12px}.demo .stage{max-width:none}}.demo{--bg:#0c0c11;--bg2:#121218;--panel:#16161d;--card:#1c1c24;--line:#2c2c36;--line2:#3a3a46;--text:#f4f5f8;--muted:#b0b1bb;--dim:#8b8d98;--accent:#7b4dff;background:#0b0b10}.demo .topbar{background:0 0;border-bottom:1px solid #22222c;gap:16px;padding:14px max(20px,50% - 520px)}.demo .brand{gap:8px;font-size:15px}.demo .brand .brand-ico{color:#a78bfa;width:20px;height:20px}.demo .seatdrop-mark{color:#ddd4ff;gap:8px;font-size:18px}.demo .seatdrop-mark .brand-ico{color:#8b5cf6;width:22px;height:22px}.demo .nav-security,.demo .nav-reset{font-size:15px;font-weight:650}.demo .nav-security{color:#c4b5fd;box-shadow:inset 0 -2px #8b6cff}.demo .nav-reset{color:#c5c6d0}.demo .stage{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start;gap:18px;width:100%;max-width:1040px;margin:0 auto;padding:18px 0 28px}.demo .stage-main{padding:0;overflow:visible}.demo .panel.rail{background:#14141b;border:1px solid #2a2a34;border-radius:18px;gap:12px;padding:6px 18px 16px}.buyer-card{background:#14141b;border:1px solid #2a2a34;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.buyer-card .hero-art{object-fit:cover;object-position:center 40%;background:#120818;width:100%;height:248px;display:block}.buyer-body{flex-direction:column;padding:16px 18px 18px;display:flex}.buyer-card h1{letter-spacing:-.02em;color:#f7f7fb;margin:0 0 10px;font-size:22px;font-weight:750;line-height:1.2}.buyer-card .hero-meta{color:#c8c9d2;align-items:center;gap:8px;margin:0 0 6px;font-size:14.5px;display:flex}.meta-ico{color:#a9aab6;flex:none;width:16px;height:16px}.buyer-card .hero-price{border-top:1px solid #2c2c36;align-items:baseline;gap:8px;margin:12px 0 0;padding-top:14px;font-size:15px;display:flex}.buyer-card .hero-price b{letter-spacing:-.03em;font-size:30px;font-weight:750}.buyer-card .hero-price span{color:#b0b1bb;font-weight:500}.buyer-card .hero-facts{border-top:1px solid #2c2c36;justify-content:space-between;align-items:flex-start;margin-top:14px;padding-top:14px;display:flex}.buyer-card .hero-facts span{color:#aeb0bb;font-size:13px;font-weight:500;display:block}.buyer-card .hero-facts b{letter-spacing:-.02em;margin-top:2px;font-size:22px;font-weight:720;display:block}.buyer-card .left-count{color:#3ddc84}.buyer-card .facts-right{text-align:right}.buyer-card .buy-block{border-top:1px solid #2c2c36;flex-direction:column;gap:14px;margin-top:14px;padding-top:14px;display:flex}.buyer-card .qty-row{color:#e6e7ee;justify-content:space-between;align-items:center;font-weight:650;display:flex}.buyer-card .stepper{background:#101014;border:1px solid #3a3a46;border-radius:8px;grid-template-columns:36px 46px 36px;gap:0;display:grid;overflow:hidden}.buyer-card .stepper button,.buyer-card .stepper input{color:#f4f5f8;text-align:center;background:0 0;border:0;border-radius:0;width:auto;height:36px;margin:0;padding:0;font-size:16px;font-weight:650}.buyer-card .stepper input{appearance:textfield;border-left:1px solid #3a3a46;border-right:1px solid #3a3a46}.buyer-card .stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.buyer-card .stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.buyer-card .buy,.rail .run-wide{background:#7b4dff;border-radius:12px;width:100%;padding:13px 16px;font-size:15px;font-weight:700}.buyer-card .order-card,.buyer-card .login{max-width:none;margin-top:14px}.buyer-card .buyer-signin-note{margin-top:14px}.rail-tabs{border-bottom-color:#2a2a34}.rail-tabs button{color:#b7b8c4;padding:12px 6px 10px;font-size:15px;font-weight:650}.rail-tabs button.on{color:#c4b5fd;border-bottom-color:#8b6cff}.rail .who-copy .strong{letter-spacing:-.02em;color:#f7f7fb;font-size:18px;font-weight:750}.rail .avatar{background:#7b4dff;width:46px;height:46px;font-size:15px}.rail .protect-pill{color:#4ade80;background:0 0;border:1px solid #3ddc84bf;border-radius:999px;align-items:center;gap:4px;padding:1px 8px 1px 5px;font-size:12px;font-weight:700;display:inline-flex}.rail .protect-pill .brand-ico{color:currentColor;width:13px;height:13px}.rail .acting{color:#9b9ca8;margin:2px 0 0;font-size:14.5px;font-weight:500}.rail .task{color:#d0d1da;align-items:flex-start;margin:2px 0 4px;font-size:15px;line-height:1.45}.rail .quote-mark{color:#8b7cff;margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:.75}.rail [data-testid=agent-panel]{box-shadow:none;background:0 0;border:0;gap:0;padding:0}.rail-pane>[data-testid=agent-panel]{order:1}.rail-pane>.grant{border-top:1px solid #2c2c36;order:5;margin-top:8px;padding-top:10px}.rail-pane>.revoked-row{order:6}.rail-pane>.note{order:7}.rail .steps{gap:0;margin:8px 0 0;padding:0}.rail .step{opacity:1;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;column-gap:12px;padding:7px 0 11px;display:grid}.rail .step.is-wait{opacity:1}.rail .step:before{background:#3a3d48;width:2px;top:34px;bottom:-8px;left:13px}.rail .step-ico{color:#0000;z-index:1;background:0 0;border:2px solid #5c6370;border-radius:50%;width:28px;height:28px}.rail .step.is-done .step-ico{color:#fff;background:#22c55e;border-color:#22c55e}.rail .step.is-cur .step-ico{color:#fff;background:#7b4dff;border-color:#7b4dff}.rail .step.is-done.d-DENY .step-ico,.rail .step.is-done.d-FAILED .step-ico{color:#fff;background:#ef4444;border-color:#ef4444}.rail .mark{width:14px;height:14px;display:block}.rail .step-main{flex-direction:column;gap:1px;display:flex}.rail .step-label{color:#f4f5f8;font-size:15px;font-weight:680}.rail .step-state{color:#8e909b;text-transform:lowercase;margin:0;font-size:13px;display:block}.rail .step.is-cur .step-label{color:#f7f7fb}.rail .step.is-cur .step-state{color:#c4b5fd}.rail .run-wide{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.rail .spark{flex:none;width:18px;height:18px}.rail .presenter{width:auto;max-height:none;box-shadow:none;z-index:auto;position:static;inset:auto;overflow:visible}.rail .presenter[hidden]{display:none!important}.rail .phone-tab{flex:1;justify-content:center;margin:auto}.rail .summary .sum{background:#1c1c24;border-color:#2e2e3a;border-radius:12px}