:root{color-scheme:dark;--accent: #9b7cf0;--accent-strong: #6342c6;--bg: #100e1a;--surface: #191527;--surface-2: #211b34;--text: #ece9f6;--text-muted: #a39fbd;--border: #2f2945;--border-strong: #433a63;--classical: #4cc2ff;--pq: #c79bff;--ok: #46d39a;--ok-bg: rgba(70, 211, 154, .12);--warn: #f5b740;--warn-bg: rgba(245, 183, 64, .12);--bad: #ff5d6c;--bad-bg: rgba(255, 93, 108, .13);--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{color-scheme:light;--accent: #6b46d6;--accent-strong: #6b46d6;--bg: #f6f3ff;--surface: #ffffff;--surface-2: #f1ecfb;--text: #1d1830;--text-muted: #5f5878;--border: #e0d8f2;--border-strong: #c9bdec;--classical: #1366c4;--pq: #7c3aed;--ok: #0b6a44;--ok-bg: rgba(11, 106, 68, .1);--warn: #855300;--warn-bg: rgba(133, 83, 0, .12);--bad: #c01b2e;--bad-bg: rgba(192, 27, 46, .09);--shadow: 0 10px 30px rgba(80, 60, 140, .12)}*{box-sizing:border-box}html{background-color:var(--bg)}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}#app{max-width:1080px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2rem) 4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero{padding:2rem 0 1rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--accent);margin:0 0 .5rem}.hero h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.1;margin:0 0 .75rem;letter-spacing:-.02em}.tagline{font-size:1.08rem;color:var(--text-muted);max-width:60ch;margin:0}.section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.section h2{font-size:1.5rem;margin:0 0 .4rem;letter-spacing:-.01em}.subhead{font-size:1.05rem;margin:1.8rem 0 .8rem;color:var(--text)}.lede{color:var(--text-muted);max-width:70ch;margin:0 0 1.2rem}.why-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.why-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem}.why-card h3{margin:0 0 .5rem;font-size:1.02rem;color:var(--accent)}.why-card p{margin:0;color:var(--text-muted);font-size:.95rem}.btn{font:inherit;font-weight:600;cursor:pointer;border-radius:10px;padding:.6rem 1.1rem;border:1px solid var(--border-strong);background-color:var(--surface-2);color:var(--text);transition:transform .08s,background .15s,border-color .15s}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background-color:var(--accent-strong);border-color:var(--accent-strong);color:#fff}:root[data-theme=light] .btn.primary{color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.establish{width:100%;margin-top:.8rem}.btn.ghost{background:transparent;font-weight:500;font-size:.85rem;padding:.4rem .8rem}.panel-actions{margin-bottom:1.2rem}.cols{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.col{background-color:var(--surface);border:1px solid var(--border);border-top:3px solid var(--border-strong);border-radius:var(--radius);padding:1.1rem 1.1rem 1.2rem;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.col-classical{border-top-color:var(--classical)}.col-pq{border-top-color:var(--pq)}.col-hybrid{border-top-color:var(--accent)}.col[data-status=broken]{border-color:var(--bad);border-top-color:var(--bad);box-shadow:0 0 0 1px var(--bad) inset;background:linear-gradient(0deg,var(--bad-bg),transparent 60%),var(--surface)}.col[data-status=hedge-holding]{border-color:var(--warn);border-top-color:var(--warn)}.col[data-status=secure]{border-top-color:var(--ok)}.col-head h3{margin:0 0 .5rem;font-size:1.05rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.9rem}.chip{font-family:var(--mono);font-size:.72rem;font-weight:600;padding:.18rem .5rem;border-radius:999px;border:1px solid currentColor}.chip-classical{color:var(--classical)}.chip-pq{color:var(--pq)}.col-body{display:flex;flex-direction:column;flex:1}.metrics{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem}.metrics.timings{margin-top:.5rem;padding-top:.6rem;border-top:1px dashed var(--border)}.metric{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.metric-label{color:var(--text-muted)}.metric-value{font-family:var(--mono);font-weight:600}.hexrow{margin:.7rem 0 .2rem}.hexrow-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem}.hexrow-body{display:flex;gap:.4rem;align-items:stretch}.hex{flex:1;min-width:0;font-family:var(--mono);font-size:.78rem;background-color:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.45rem .55rem;overflow-x:auto;white-space:nowrap}.copy-btn{flex:0 0 auto;font:inherit;font-size:.72rem;cursor:pointer;border:1px solid var(--border-strong);border-radius:8px;background-color:var(--surface-2);color:var(--text-muted);padding:0 .6rem}.copy-btn:hover{color:var(--text);border-color:var(--accent)}.match{font-size:.85rem;margin:.6rem 0 0;font-weight:600}.match.ok{color:var(--ok)}.match.bad{color:var(--bad)}.col-status{margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--border)}.status-badge{font-size:.95rem}.status-secure .status-badge strong{color:var(--ok)}.status-hedge-holding .status-badge strong{color:var(--warn)}.status-broken .status-badge strong{color:var(--bad)}.attacker{font-size:.82rem;color:var(--bad);margin:.5rem 0 .3rem;font-weight:600}.attacker.safe{color:var(--warn)}.switches{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem}.switch{display:flex;align-items:center;gap:.8rem;cursor:pointer;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem;flex:1 1 280px}.switch:hover{border-color:var(--border-strong)}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-track{flex:0 0 auto;width:44px;height:26px;border-radius:999px;background-color:var(--border-strong);position:relative;transition:background .2s}.switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background-color:#fff;transition:transform .2s}.switch-input:checked+.switch-track{background-color:var(--bad)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(18px)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.switch-label{display:flex;flex-direction:column;line-height:1.25}.switch-title{font-weight:600}.switch-sub{font-size:.8rem;color:var(--text-muted)}.threat-summary{display:flex;gap:.7rem;align-items:flex-start;padding:.9rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);font-size:.95rem;margin:0}.threat-summary .ts-icon{font-size:1.2rem;line-height:1.3}.threat-summary.secure{border-color:var(--ok);background-color:var(--ok-bg)}.threat-summary.hedge{border-color:var(--warn);background-color:var(--warn-bg)}.threat-summary.broken{border-color:var(--bad);background-color:var(--bad-bg)}.msg-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;max-width:640px}.msg-field label{font-weight:600;font-size:.9rem}.msg-input{font:inherit;font-size:.95rem;background-color:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:.6rem .7rem;resize:vertical}.msg-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.hint{font-size:.8rem;color:var(--text-muted)}.table-scroll{overflow-x:auto}.tradeoff{width:100%;border-collapse:collapse;min-width:620px}.tradeoff th,.tradeoff td{text-align:left;padding:.75rem .8rem;border-bottom:1px solid var(--border);vertical-align:middle}.tradeoff thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.tradeoff .rowhead{font-weight:600}.tr-hybrid{background-color:color-mix(in srgb,var(--accent) 8%,transparent)}.meter{display:flex;flex-direction:column;gap:.2rem}.dots{display:inline-flex;gap:3px}.dot{width:9px;height:9px;border-radius:50%;background-color:var(--border-strong)}.dot-on.lvl-3{background-color:var(--ok)}.dot-on.lvl-2{background-color:var(--warn)}.dot-on.lvl-1{background-color:var(--bad)}.meter-text{font-size:.82rem;color:var(--text-muted)}.deploy-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.deploy-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.deploy-card h4{margin:0 0 .4rem;font-size:.98rem}.deploy-scheme{display:inline-block;font-family:var(--mono);font-size:.78rem;color:var(--accent);background-color:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.1rem .45rem;margin-bottom:.5rem}.deploy-card p{margin:0;font-size:.88rem;color:var(--text-muted)}.standards{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.standards li{display:flex;gap:.8rem;align-items:baseline;background-color:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .9rem}.std-id{flex:0 0 auto;font-family:var(--mono);font-weight:700;font-size:.82rem;color:var(--accent);min-width:9.5rem}.std-title{font-size:.9rem;color:var(--text-muted)}.bytefig{margin:0 0 1.5rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem}.bytefig figcaption{font-weight:600;font-size:.95rem;margin-bottom:.6rem}.byte-legend{display:flex;gap:1.2rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.8rem}.byte-legend .lg{display:inline-flex;align-items:center;gap:.4rem}.sw{width:12px;height:12px;border-radius:3px;display:inline-block}.sw-classical{background-color:var(--classical)}.sw-pq{background-color:var(--pq)}.byte-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.byte-row-label{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;margin-bottom:.22rem}.brl-total{font-family:var(--mono);color:var(--text-muted)}.byte-track{display:flex;height:18px;border-radius:6px;overflow:hidden;background-color:var(--surface-2);border:1px solid var(--border)}.seg{height:100%;transition:width .5s ease}.seg-classical{background-color:var(--classical)}.seg-pq{background-color:var(--pq)}.byte-note{font-size:.82rem;color:var(--text-muted);margin:.7rem 0 0}.status-legend{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin:0 0 1.2rem;font-size:.85rem;color:var(--text-muted)}.status-legend .sl{display:inline-flex;align-items:center;gap:.4rem}.sl-dot{width:10px;height:10px;border-radius:50%}.sl-secure{background-color:var(--ok)}.sl-hedge{background-color:var(--warn)}.sl-broken{background-color:var(--bad)}.model-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.btn.reset{font-size:.8rem;padding:.4rem .85rem}.scripture-footer{text-align:center;padding:2rem 1rem;font-size:.85rem;border-top:1px solid var(--border);color:var(--text-muted);margin-top:2rem}.scripture-footer p{margin:0;max-width:60ch;margin-inline:auto}@media(max-width:860px){.cols{grid-template-columns:1fr}}@media(max-width:640px){.hero{padding-top:1rem}.switches{flex-direction:column}.std-id{min-width:0}.standards .ref-link{margin-left:0}.tour-intro{flex-direction:column;align-items:flex-start}}.impl-note{margin-top:1.2rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1.1rem}.impl-note summary{cursor:pointer;font-weight:600;font-size:.9rem;padding:.5rem 0;color:var(--accent)}.impl-note summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.impl-note p{margin:.4rem 0 .8rem;font-size:.9rem;color:var(--text-muted)}.impl-note code{font-family:var(--mono);font-size:.84em;background-color:var(--surface-2);padding:.05rem .3rem;border-radius:4px}.ref-link{display:inline-block;margin-top:.5rem;font-size:.78rem;font-weight:600;color:var(--accent);text-decoration:none;letter-spacing:.02em}.standards .ref-link{margin:0 0 0 auto;flex:0 0 auto}.ref-link:hover{text-decoration:underline}.ref-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.bytefig-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.unit-toggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden}.unit-btn{font:inherit;font-size:.74rem;font-weight:600;cursor:pointer;padding:.25rem .6rem;border:0;background-color:var(--surface-2);color:var(--text-muted);border-left:1px solid var(--border)}.unit-btn:first-child{border-left:0}.unit-btn[aria-pressed=true]{background-color:var(--accent-strong);color:#fff}.unit-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tm-range{color:var(--text-muted);font-weight:400;font-size:.82em}.tm-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:.35rem}.tm-note{font-size:.72rem;color:var(--text-muted);margin:0}.btn.tiny{font-size:.72rem;font-weight:600;padding:.22rem .55rem;border-radius:7px;background:transparent}.anatomy{margin-top:.7rem}.anatomy-cap{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .35rem}.an-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.an-row{display:flex;align-items:center;gap:.45rem;font-size:.82rem;min-width:0}.an-row .an-label{flex:1 1 auto;min-width:0;color:var(--text-muted)}.an-row .an-state{font-weight:600;font-size:.78rem}.an-ok .an-state{color:var(--ok)}.an-bad .an-state{color:var(--bad)}.an-gate{padding-top:.3rem;border-top:1px dashed var(--border)}.an-gate.an-ok .an-state{color:var(--warn)}.an-gate .an-label{color:var(--text);font-weight:600}.survival{margin:1.3rem 0 0}.survival figcaption{font-weight:600;font-size:.95rem;margin-bottom:.5rem}.survival-table{width:100%;border-collapse:collapse;min-width:420px}.survival-table th,.survival-table td{padding:.5rem .7rem;text-align:left;border-bottom:1px solid var(--border);font-size:.86rem}.survival-table thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.survival-table tbody th{font-weight:600;white-space:nowrap}.sm-cell{font-weight:600}.sm-cell.status-secure{color:var(--ok)}.sm-cell.status-hedge-holding{color:var(--warn)}.sm-cell.status-broken{color:var(--bad)}.sm-current{background-color:color-mix(in srgb,var(--accent) 12%,transparent)}.sm-current th{color:var(--accent)}.sm-now{font-size:.7rem;color:var(--accent);font-weight:700}.section.tour{margin-top:1.5rem;padding-top:1.5rem}.tour-panel{background-color:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:1.1rem 1.2rem}.tour-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tour-progress{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.tour-count{font-size:.78rem;font-weight:700;color:var(--accent);letter-spacing:.04em}.tour-dots{display:inline-flex;gap:5px}.tour-dot{width:8px;height:8px;border-radius:50%;background-color:var(--border-strong)}.tour-dot.on{background:var(--accent)}.tour-title{font-size:1.1rem;font-weight:600;margin:0 0 .3rem}.tour-takeaway{color:var(--text-muted);margin:0 0 .9rem}.tour-nav{display:flex;gap:.5rem;flex-wrap:wrap}.cl-highlight{animation:cl-pulse 2.2s ease;border-radius:var(--radius)}@keyframes cl-pulse{0%,to{box-shadow:0 0 0 0 transparent}12%,55%{box-shadow:0 0 0 3px var(--accent)}}.prov{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 .2rem}.prov span{font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:999px}.prov-kind{background-color:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.prov-status{background-color:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.prov-date{color:var(--text-muted)}.std-status{font-size:.7rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.share-row{margin-top:1rem}.fidelity{width:100%;border-collapse:collapse;min-width:560px}.fidelity th,.fidelity td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;font-size:.88rem}.fidelity thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.fidelity code{font-family:var(--mono);font-size:.82em;background-color:var(--surface-2);padding:.05rem .3rem;border-radius:4px}.fidelity .pf-lab{background-color:color-mix(in srgb,var(--accent) 8%,transparent)}.pf-tag{font-size:.68rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.caveats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.caveats li{display:flex;gap:.6rem;font-size:.92rem;color:var(--text-muted)}.cav-mark{color:var(--accent);font-weight:700}.section{scroll-margin-top:5rem}.cols>*,.why-grid>*,.deploy-grid>*{min-width:0}.metric,.metric-label,.metric-value,.byte-row-label,.brl-name{min-width:0}.brl-name{overflow-wrap:anywhere}.deploy-scheme{max-width:100%;overflow-x:auto}.standards li{flex-wrap:wrap}.std-title{min-width:0;flex:1 1 14rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}