:root{--bg:#07111e;--bg-soft:#081426d6;--panel:#09162be0;--panel-strong:#071224f5;--line:#ffffff1a;--border-strong:#6e7793;--text:#f5f7fb;--text-soft:#f5f7fbc7;--text-muted:#f5f7fbad;--inset:#0000002e;--inset-soft:#0000001f;--cyan:#00d4ff;--magenta:#f0f;--green:#0f8;--red:#f57;--amber:#fa0;--shadow:0 28px 80px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg);color:var(--text);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}:root[data-theme=light]{--bg:#f4ede2;--bg-soft:#fffaf4d1;--panel:#fffcf7f0;--panel-strong:#fffffffa;--line:#222c3e1f;--border-strong:#8a8073;--text:#182235;--text-soft:#182235d1;--text-muted:#182235ad;--shadow:0 26px 60px #352a151f;--inset:#1822350f;--inset-soft:#1822350a;--cyan:#00666f;--magenta:#a3009f;--green:#0a7a45;--red:#b3002f;--amber:#7a5200;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);border-radius:999px;padding:.7rem 1.2rem;text-decoration:none;transition:transform .16s;position:absolute;top:.6rem;left:50%;transform:translate(-50%,-150%)}.skip-link:focus{transform:translate(-50%)}body{background:radial-gradient(circle at top left, #00d4ff26, transparent 28%), radial-gradient(circle at 85% 10%, #ffaa002e, transparent 24%), radial-gradient(circle at 70% 90%, #ff00ff1f, transparent 28%), linear-gradient(180deg, #ffffff05, transparent 45%), var(--bg);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.4;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 85%);mask-image:radial-gradient(circle,#000 35%,#0000 85%)}button,input,textarea,select{font:inherit}button{border:1px solid var(--border-strong);min-height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#00d4ff2e,#ffaa002e);border-radius:999px;padding:.8rem 1.15rem;transition:transform .15s,border-color .15s,background .15s}button:hover{border-color:var(--border-strong);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait;transform:none}.ghost-button{border-color:var(--border-strong);background:0 0}input,textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);background:#ffffff08;border-radius:18px;padding:.9rem 1rem}textarea{resize:vertical;min-height:80px}input:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible,[type=range]:focus-visible,[type=checkbox]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}[type=range]{width:100%;min-height:44px;accent-color:var(--cyan)}code,pre,.proof-bytes{font-family:IBM Plex Mono,SFMono-Regular,monospace}.page-shell{width:min(1440px,100% - 24px);margin:0 auto;padding:20px 0 56px;position:relative}.hero-panel,.section-card,footer{animation:.54s both rise-in}.hero-panel{border:1px solid var(--line);background:linear-gradient(145deg, #0000001f, transparent), var(--panel-strong);box-shadow:var(--shadow);border-radius:32px;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff0d 50%,#0000 80%);animation:7s linear infinite sweep;position:absolute;inset:0;transform:translate(-100%)}.hero-copy,.hero-ornament{z-index:1;position:relative}.kicker,.section-index,.pane-label,.strip-label,.tiny-note{letter-spacing:.12em;text-transform:uppercase}.kicker,.section-index,.pane-label{color:var(--cyan);margin:0 0 .5rem;font-size:.75rem}.hero-panel h1,.section-card h2{margin:0;line-height:.98}.hero-panel h1{max-width:14ch;font-size:clamp(2.5rem,7vw,5.6rem)}.section-card h2{font-size:clamp(1.7rem,3vw,2.6rem)}.hero-text,.section-heading p,.property-card p,.callout-card p,.attempt-card p,.deployment-card p,.summary-copy,footer p{color:var(--text-soft)}.hero-ribbon,.button-row,.metric-grid,.timing-callouts,.attempt-grid,.timeline-grid,.deployment-grid,.property-grid{gap:.9rem;display:grid}.hero-ribbon{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1.5rem}.badge{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;justify-content:center;align-items:center;min-height:44px;padding:.8rem 1rem;display:inline-flex}.beta{color:var(--cyan)}.proof{color:var(--magenta)}.valid{color:var(--green)}.hero-ornament{place-items:center;gap:1rem;display:grid}.clock-face{aspect-ratio:1;background:radial-gradient(circle,#ffffff14,#0000 62%),conic-gradient(#ffaa002e,#00d4ff24,#ff00ff24,#ffaa002e);border:1px solid #ffaa0059;border-radius:50%;width:180px;position:relative;box-shadow:inset 0 0 40px #0000003d}.clock-face:before{content:"";border:1px dashed #ffffff29;border-radius:50%;position:absolute;inset:14px}.clock-core{background:var(--text);border-radius:50%;width:14px;height:14px;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #fff9}.clock-hand{transform-origin:bottom;border-radius:999px;width:4px;position:absolute;bottom:50%;left:50%}.clock-hand-hour{background:var(--text);height:42px;transform:translate(-50%)rotate(315deg)}.clock-hand-minute{background:var(--amber);height:62px;transform:translate(-50%)rotate(35deg)}.seal-stack{width:100%;max-width:260px}.seal-card{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;gap:.3rem;padding:1rem;display:grid}.seal-card.offset{margin-top:-.6rem;margin-left:2rem}.seal-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.82rem}.seal-stamp{font-size:1.1rem}.theme-toggle{border-color:var(--line);background:var(--panel);width:2.75rem;height:2.75rem;min-height:44px;color:var(--text);z-index:10;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:.9rem;right:.9rem}.theme-toggle:hover{background:var(--panel-strong)}.section-card,footer{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px;margin-top:1rem;padding:1.4rem}.section-heading{gap:.55rem;margin-bottom:1.2rem;display:grid}.section-heading.compact{max-width:72ch}.split-pane,.vrf-grid,.vdf-layout,.beacon-layout{gap:1rem;display:grid}.pane-card,.attempt-card,.timeline-card,.metric-card,.property-card,.callout-card,.deployment-card,.post-quantum-note{border:1px solid var(--line);background:#ffffff0a;border-radius:24px;padding:1rem}.pane-card{gap:1rem;display:grid}.pane-header,.progress-headline,.log-heading,.switch-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.warning-banner,.status-pill{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:44px;padding:.7rem 1rem;display:inline-flex}.status-pill,.summary-copy,.beacon-log p,.property-card p{overflow-wrap:anywhere}.warning-banner{color:var(--amber);background:#ffaa001a}.warning-subnote{border-left:3px solid var(--amber);background:#ffaa000f;border-radius:0 .5rem .5rem 0;margin:.6rem 0 0;padding:.7rem .9rem;font-size:.85rem;line-height:1.55}.status-pill[data-tone=good]{color:var(--green);background:#00ff8814;border-color:#00ff884d}.status-pill[data-tone=bad]{color:var(--red);background:#ff336614;border-color:#ff33664d}.status-pill[data-tone=warn]{color:var(--amber);background:#ffaa0014;border-color:#ffaa004d}.field-group{gap:.5rem;display:grid}.field-group label,.slider-row label{color:var(--text-muted);font-size:.92rem}.slider-row{gap:.55rem;display:grid}.slider-row span{color:var(--text-soft)}.info-strip{background:#ffffff08;border-radius:20px;gap:.8rem;padding:1rem;display:grid}.strip-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.68rem;display:block}.button-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.result-panel,.progress-block,.comparison-wrap{gap:1rem;display:grid}.proof-box{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.proof-bytes,.proof-box,.timeline-block{background:var(--inset);color:var(--text);overflow-wrap:anywhere;border:1px solid #ffffff0f;border-radius:18px;padding:.95rem 1rem;display:block}.beta-text{color:var(--cyan)}.proof-text{color:var(--magenta)}.property-grid,.metric-grid,.attempt-grid,.timeline-grid,.deployment-grid{grid-template-columns:1fr}.metric-card.wide{grid-column:1/-1}.progress-track{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;height:16px;position:relative;overflow:hidden}.progress-fill{width:0;height:100%;transition:width .14s;display:block}.amber-fill{background:linear-gradient(90deg, #fa03, var(--amber))}.green-fill{background:linear-gradient(90deg, #0f83, var(--green))}.timing-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.attempt-card h3,.timeline-card h3,.deployment-card summary,.callout-card h3,.property-card h3,.post-quantum-note h3,.beacon-log-card h3{margin-top:0}.attack-note{color:var(--red)}.timeline-card.danger{box-shadow:inset 0 0 0 1px #ff336626}.timeline-card.good{box-shadow:inset 0 0 0 1px #00ff8826}.timeline-block{white-space:pre-wrap;margin:0;line-height:1.65}.beacon-log{background:var(--inset);border-radius:20px;gap:.7rem;min-height:260px;max-height:420px;padding:1rem;display:grid;overflow:auto}.beacon-log p{border-left:2px solid #00d4ff33;margin:0;padding-left:.9rem}.summary-copy{margin:0}.deployment-card summary{cursor:pointer;list-style:none}.deployment-card summary::-webkit-details-marker{display:none}.comparison-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:420px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);text-align:left;padding:.85rem .7rem}.comparison-table tbody th{color:var(--text);font-weight:600}.comparison-table thead th{color:var(--cyan)}footer p{text-align:center;margin:0}.scripture-footer{text-align:center;border-top:1px solid var(--line);color:var(--text-muted);margin-top:2rem;padding:2rem 1rem;font-size:.85rem}.primer-grid{gap:.9rem;margin-bottom:1.2rem;display:grid}.primer-card{border:1px solid var(--line);background:#ffffff0a;border-radius:24px;padding:1rem}.primer-card h3{color:var(--cyan);margin-top:0}.glossary{border:1px solid var(--line);background:#ffffff08;border-radius:20px;grid-template-columns:1fr;gap:.5rem 1.5rem;margin:0;padding:1rem;display:grid}.glossary div{align-items:baseline;gap:.7rem;display:flex}.glossary dt{color:var(--cyan);flex:0 0 5.5rem;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.85rem}.glossary dd{color:var(--text-soft);margin:0}.math-reveal{border:1px solid var(--line);background:var(--inset-soft);border-radius:20px;padding:0 1rem}.math-reveal>summary{cursor:pointer;color:var(--cyan);padding:.9rem 0;font-weight:600;list-style:none}.math-reveal>summary::-webkit-details-marker{display:none}.math-reveal>summary:before{content:"▸ "}.math-reveal[open]>summary:before{content:"▾ "}.math-reveal[open]{padding-bottom:1rem}.math-intro{margin-top:0}.math-steps{gap:.85rem;margin:0;padding-left:1.25rem;display:grid}.math-steps li{gap:.4rem;display:grid}.math-step-label{color:var(--text);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.86rem;line-height:1.5}.math-aside{color:var(--text-muted);letter-spacing:0;text-transform:none;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:.78rem}.math-equation{text-align:center;color:var(--cyan);background:#00d4ff14;border-radius:14px;padding:.85rem;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:1.1rem}.fidelity-note{box-shadow:inset 0 0 0 1px #00ff882e}.fidelity-note strong{color:var(--green)}@media (width>=768px){.hero-panel,.split-pane,.vrf-grid,.vdf-layout,.beacon-layout,.timeline-grid,.property-grid,.attempt-grid,.metric-grid,.deployment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1.3fr .9fr;padding:2rem}.section-card,footer{padding:1.8rem}.attempt-grid,.deployment-grid,.primer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.glossary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1440px){.page-shell{padding-top:28px}.hero-panel{padding:2.4rem}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%,60%,to{transform:translate(-100%)}30%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-panel,.section-card,footer{opacity:1;transform:none}}@media (width<=480px){.page-shell{width:calc(100% - 16px)}.proof-bytes,.proof-box,.timeline-block,.beacon-log p{font-size:.82rem}.hero-copy{padding-right:3rem}}.cl-hero{--accent:var(--cyan);--border:var(--line);--text-dim:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,4vw,3rem);margin:clamp(1rem,3vw,2rem) 0 1.5rem;display:flex}.cl-hero-main{flex:22rem;min-width:min(100%,20rem)}.cl-hero-title{letter-spacing:.01em;margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{letter-spacing:.01em;opacity:.85;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text-dim);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border);background:color-mix(in oklab,var(--accent) 6%,transparent);border-radius:10px;flex:0 min(40%,26rem);min-width:min(100%,15rem);padding:.85rem 1.05rem}.cl-hero-why-label{letter-spacing:.14em;font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5}@media (width<=640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}.cl-hero-main{flex-basis:auto;min-width:0}}
