@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{--bg: #060c1a;--bg2: #0b1428;--bg3: #111d35;--bg4: #162040;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #dce8ff;--text2: #7b92b8;--text3: #4a6080;--heading: #ffffff;--cyan: #38bdf8;--cyan2: #0ea5e9;--green: #4ade80;--green2: #16a34a;--amber: #fbbf24;--amber2: #d97706;--red: #f87171;--purple: #a78bfa;--mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--sans: "Space Grotesk", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--nav-w: 256px;--radius: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);font-size:14.5px;line-height:1.7;color:var(--text);background:var(--bg);min-height:100vh}.site-layout{display:flex;min-height:100vh}.site-nav{width:var(--nav-w);min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--bg2);border-right:1px solid var(--border);padding:28px 0;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}.site-main{flex:1;min-width:0;max-width:960px;padding:0 56px 80px}@media(max-width:768px){.site-nav{display:none}.site-main{padding:0 24px 60px}}.nav-logo{padding:0 24px 24px;border-bottom:1px solid var(--border);margin-bottom:16px}.nav-logo span{display:block;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.nav-logo p{font-family:var(--mono);font-size:11px;color:var(--text3);margin-top:4px}.nav-section{padding:6px 24px 2px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-top:16px}.site-nav a{display:block;padding:7px 24px 7px 28px;font-size:13px;color:var(--text2);text-decoration:none;border-left:2px solid transparent;transition:all .15s;line-height:1.4}.site-nav a:hover{color:var(--heading);border-left-color:var(--cyan);background:#38bdf80d}.site-nav a.active{color:var(--cyan);border-left-color:var(--cyan);background:#38bdf814}.hero{padding:56px 0 48px;border-bottom:1px solid var(--border);margin-bottom:64px}.hero-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}.hero h1{font-family:var(--sans);font-size:2.4rem;font-weight:700;color:var(--heading);line-height:1.15;letter-spacing:-.03em;margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-sub{font-size:15px;color:var(--text2);max-width:600px;line-height:1.65;margin-bottom:28px}.hero-meta{display:flex;gap:12px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;padding:5px 12px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text2)}.chip.green{border-color:#4ade804d;background:#4ade8014;color:var(--green)}.chip.cyan{border-color:#38bdf84d;background:#38bdf814;color:var(--cyan)}.chip.amber{border-color:#fbbf244d;background:#fbbf2414;color:var(--amber)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.section{margin-bottom:72px}.section-header{display:flex;align-items:baseline;gap:14px;margin-bottom:28px}.section-num{font-family:var(--mono);font-size:11px;color:var(--text3);letter-spacing:.1em;flex-shrink:0}h2{font-family:var(--sans);font-size:1.35rem;font-weight:700;color:var(--heading);letter-spacing:-.02em}h3{font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--heading);margin-bottom:10px;margin-top:28px}p{margin-bottom:14px;color:var(--text)}code{font-family:var(--mono);font-size:.85em;background:var(--bg3);color:var(--cyan);padding:1px 6px;border-radius:4px;border:1px solid var(--border)}pre{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);padding:20px 22px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.75;color:#c9d8f0;margin:16px 0}pre code{background:none;border:none;padding:0;color:inherit;font-size:1em}pre .kw{color:var(--purple)}pre .cls{color:var(--cyan)}pre .str{color:var(--green)}pre .cmt{color:var(--text3);font-style:italic}pre .num{color:var(--amber)}.table-wrap{overflow-x:auto;margin:16px 0}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding:10px 16px;text-align:left;border-bottom:1px solid var(--border2)}tbody td{padding:11px 16px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text)}tbody tr:hover td{background:#ffffff05}.callout{border-left:3px solid;padding:14px 18px;border-radius:0 8px 8px 0;margin:18px 0;font-size:13.5px}.callout.info{border-color:var(--cyan);background:#38bdf812}.callout.warn{border-color:var(--amber);background:#fbbf2412}.callout.success{border-color:var(--green);background:#4ade8012}.callout strong{color:var(--heading)}.badge-pass{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background:#4ade801f;color:var(--green);border:1px solid rgba(74,222,128,.25)}.badge-pass:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-g 2s infinite}.badge-fail{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background:#f871711a;color:var(--red);border:1px solid rgba(248,113,113,.25)}.badge-delta{font-family:var(--mono);font-size:11px;color:var(--cyan);background:#38bdf81a;padding:1px 7px;border-radius:4px}.badge-rfc{font-family:var(--mono);font-size:11px;color:var(--amber);background:#fbbf241a;padding:1px 7px;border-radius:4px;border:1px solid rgba(251,191,36,.25)}@keyframes pulse-g{0%,to{opacity:1;box-shadow:0 0 #4ade8066}50%{opacity:.7;box-shadow:0 0 0 4px #4ade8000}}.req-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:14px;position:relative;overflow:hidden;transition:border-color .15s,background .15s}.req-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan)}.req-card:hover{border-color:var(--border2);background:var(--bg3)}.req-id{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--cyan);letter-spacing:.08em;margin-bottom:6px}.req-title{font-family:var(--sans);font-weight:600;font-size:.95rem;color:var(--heading);margin-bottom:8px}.req-body{font-size:13.5px;color:var(--text2)}.req-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.req-tag{font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:4px;background:var(--bg3);border:1px solid var(--border);color:var(--text3)}.diagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}@media(max-width:760px){.diagram-grid{grid-template-columns:1fr}}.diagram-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow:hidden}.diagram-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:14px}.change-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}@media(max-width:680px){.change-grid{grid-template-columns:1fr}}.change-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:16px;transition:border-color .15s}.change-card:hover{border-color:var(--border2)}.change-card .file{font-family:var(--mono);font-size:11px;color:var(--amber);margin-bottom:6px;word-break:break-all}.change-card .file a{color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(251,191,36,.3)}.change-card .file a:hover{border-bottom-color:var(--amber)}.change-card p{font-size:13px;color:var(--text2);margin:0}.change-card .lines{font-family:var(--mono);font-size:11px;color:var(--text3);margin-top:8px}.change-card .lines .add{color:var(--green)}.change-card .lines .del{color:var(--red)}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}@media(max-width:680px){.scenario-grid{grid-template-columns:1fr}}.scenario-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;text-decoration:none;display:block;transition:border-color .15s,background .15s}.scenario-card:hover{border-color:var(--border2);background:var(--bg3)}.scenario-card .s-num{font-family:var(--mono);font-size:11px;color:var(--text3);margin-bottom:6px}.scenario-card .s-title{font-family:var(--sans);font-weight:600;font-size:.9rem;color:var(--heading);margin-bottom:8px}.scenario-card .s-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.scenario-list-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .1s}.scenario-list-row:hover{background:#ffffff05}.scenario-list-row .s-num{font-family:var(--mono);font-size:12px;color:var(--text3);font-weight:600;text-align:center}.scenario-list-row .s-name{font-size:13.5px;color:var(--text)}.scenario-list-row .s-name small{display:block;font-size:11.5px;color:var(--text3);margin-top:1px}.scenarios-list-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin:16px 0}.ba-row{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-bottom:1px}.ba-cell{background:var(--bg2);padding:12px 14px;font-size:13px}.ba-cell.before{color:var(--text3)}.ba-cell.after{color:var(--text2)}.ba-cell code{font-size:.85em}.ba-header{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.ba-header.red{color:var(--red)}.ba-header.grn{color:var(--green)}.checklist{list-style:none;margin:14px 0}.checklist li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--text)}.checklist li:last-child{border-bottom:none}.checklist .ck{flex-shrink:0;width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:1px}.checklist .ck.y{background:#4ade8026;color:var(--green);border:1px solid rgba(74,222,128,.3)}.checklist .ck.n{background:#fbbf241a;color:var(--amber);border:1px solid rgba(251,191,36,.3)}.kl-card{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:0 8px 8px 0;padding:16px 20px;margin-bottom:12px}.kl-id{font-family:var(--mono);font-size:11px;color:var(--amber);margin-bottom:4px}.kl-title{font-weight:600;color:var(--heading);font-size:.9rem;margin-bottom:6px}.kl-body{font-size:13px;color:var(--text2)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}@media(max-width:680px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.stat-card .stat-num{font-family:var(--sans);font-size:2rem;font-weight:700;color:var(--heading);line-height:1}.stat-card .stat-num.cyan{color:var(--cyan)}.stat-card .stat-num.green{color:var(--green)}.stat-card .stat-num.amber{color:var(--amber)}.stat-card .stat-label{font-family:var(--mono);font-size:11px;color:var(--text3);margin-top:6px;letter-spacing:.06em;text-transform:uppercase}hr{border:none;border-top:1px solid var(--border);margin:48px 0}.copy-block{position:relative}.copy-btn{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:11px;padding:4px 10px;border-radius:4px;background:var(--bg3);color:var(--text2);border:1px solid var(--border2);cursor:pointer;transition:all .15s}.copy-btn:hover{background:var(--bg4);color:var(--heading)}.copy-btn.copied{color:var(--green);border-color:#4ade8066}.test-row td:first-child{font-family:var(--mono);font-size:12px;color:var(--cyan);font-weight:600}.test-row td a{color:var(--text2);text-decoration:none;font-size:12px;font-family:var(--mono)}.test-row td a:hover{color:var(--cyan)}.test-tag{display:inline-block;font-family:var(--mono);font-size:10px;padding:1px 6px;border-radius:3px;background:var(--bg3);border:1px solid var(--border);color:var(--text3);white-space:nowrap;margin:1px}.nav-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}@media(max-width:760px){.nav-cards{grid-template-columns:1fr}}.nav-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;text-decoration:none;display:block;transition:border-color .15s,background .15s}.nav-card:hover{border-color:var(--cyan);background:var(--bg3)}.nav-card .nc-icon{font-size:20px;margin-bottom:10px}.nav-card .nc-title{font-family:var(--sans);font-weight:600;font-size:.9rem;color:var(--heading);margin-bottom:4px}.nav-card .nc-desc{font-size:12.5px;color:var(--text3)}.terminal-wrap{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border2);background:#030812;margin:12px 0;font-family:var(--mono);font-size:13px}.terminal-chrome{background:#0d1b2e;border-bottom:1px solid var(--border);padding:8px 14px;display:flex;align-items:center;gap:8px}.t-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.t-dot.red{background:#ff5f57}.t-dot.yellow{background:#febc2e}.t-dot.green{background:#28c840}.t-title{font-family:var(--mono);font-size:11px;color:var(--text3);margin-left:6px;letter-spacing:.04em}.terminal-body{padding:16px 18px;min-height:60px;white-space:pre-wrap;word-break:break-word;line-height:1.6;color:#c9ddf0;background:#030812}.terminal-body .t-prompt{color:var(--cyan)}.terminal-body .t-pass{color:var(--green)}.terminal-body .t-fail{color:var(--red)}.terminal-body .t-info{color:var(--amber)}.terminal-body .t-comment{color:var(--text3);font-style:italic}.t-cursor{display:inline-block;width:8px;height:13px;background:var(--cyan);vertical-align:text-bottom;border-radius:1px;animation:blink 1s step-end infinite;margin-left:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scenario-runner{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:24px 0}.runner-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.runner-num{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text3);padding-top:1px;flex-shrink:0}.runner-title{font-family:var(--sans);font-weight:600;font-size:1rem;color:var(--heading);flex:1}.runner-reqs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.runner-req{font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:4px;background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:var(--cyan);text-decoration:none}.runner-info{padding:14px 20px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}@media(max-width:600px){.runner-info{grid-template-columns:1fr}}.runner-info .ri-label{font-family:var(--mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.runner-info .ri-val{color:var(--text2)}.runner-tabs{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;gap:8px}.runner-tab{font-family:var(--mono);font-size:12px;padding:5px 14px;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;transition:all .15s}.runner-tab:hover{color:var(--heading);border-color:#fff3}.runner-tab.active{background:#38bdf81f;color:var(--cyan);border-color:#38bdf859}.step-through{padding:18px 20px}.step-progress{display:flex;align-items:center;gap:6px;margin-bottom:18px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--bg4);border:1px solid var(--border2);transition:all .2s;cursor:pointer}.step-dot.done{background:#4ade804d;border-color:#4ade8080}.step-dot.current{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px #38bdf880}.step-connector{flex:1;height:1px;background:var(--border2)}.step-label{font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--heading);margin-bottom:12px}.step-explanation{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-size:13px;color:var(--text2);margin-top:10px;line-height:1.65}.step-controls{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.step-btn{font-family:var(--mono);font-size:12px;padding:6px 16px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text2);cursor:pointer;transition:all .15s}.step-btn:hover:not(:disabled){background:var(--bg4);color:var(--heading)}.step-btn:disabled{opacity:.4;cursor:default}.step-btn.primary{background:#38bdf81a;color:var(--cyan);border-color:#38bdf84d}.step-btn.primary:hover:not(:disabled){background:#38bdf82e}.step-btn.play-all{margin-left:auto;background:#4ade8014;color:var(--green);border-color:#4ade8040}.step-btn.play-all:hover:not(:disabled){background:#4ade8026}.runner-start{text-align:center;padding:32px 20px;color:var(--text3);font-size:13px}.runner-start strong{display:block;font-family:var(--sans);font-size:1rem;color:var(--text2);margin-bottom:6px}.script-source{border-top:1px solid var(--border)}.script-source summary{padding:10px 20px;font-family:var(--mono);font-size:12px;color:var(--text2);cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:8px}.script-source summary:hover{color:var(--heading)}.script-source summary:before{content:"▶";font-size:9px;color:var(--text3);transition:transform .15s}.script-source[open] summary:before{transform:rotate(90deg)}.script-source pre{margin:0;border-radius:0;border:none;border-top:1px solid var(--border);font-size:12px;max-height:400px;overflow-y:auto}.code-ref{display:inline-flex;align-items:center;gap:3px;cursor:pointer;font-family:var(--mono);font-size:.85em;background:var(--bg3);color:var(--cyan);padding:1px 6px;border-radius:4px;border:1px solid var(--border);border-bottom:1px dashed rgba(56,189,248,.4);transition:all .15s;position:relative}.code-ref:hover{background:var(--bg4);border-color:#38bdf866}.code-ref svg{opacity:.5;flex-shrink:0}.code-ref:hover svg{opacity:1}.code-popup-overlay{position:fixed;inset:0;z-index:1000;background:#0000004d}.code-popup-panel{position:absolute;width:540px;max-width:calc(100vw - 40px);background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:0 20px 60px #0009,0 0 0 1px #38bdf814;overflow:hidden;animation:popup-in .15s ease}@keyframes popup-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.popup-header{padding:12px 16px;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.popup-file{font-family:var(--mono);font-size:11px;color:var(--amber);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-func{font-family:var(--mono);font-size:11px;color:var(--text3)}.popup-req-link{font-family:var(--mono);font-size:10px;padding:2px 7px;border-radius:4px;background:#38bdf81a;color:var(--cyan);text-decoration:none;border:1px solid rgba(56,189,248,.2)}.popup-close{background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:0 4px;line-height:1;transition:color .15s}.popup-close:hover{color:var(--heading)}.popup-summary{padding:10px 16px;font-size:13px;color:var(--text2);border-bottom:1px solid var(--border);background:#38bdf808}.popup-pre{background:#030812;padding:14px 16px;font-family:var(--mono);font-size:12px;line-height:1.65;color:#c9d8f0;overflow-x:auto;max-height:280px;overflow-y:auto;margin:0}.popup-footer{padding:8px 16px;border-top:1px solid var(--border);display:flex;align-items:center;font-family:var(--mono);font-size:11px;color:var(--text3);gap:12px}.popup-footer a{color:var(--cyan);text-decoration:none;margin-left:auto}.popup-footer a:hover{text-decoration:underline}.site-main>.hero{margin-top:0}