:root{--bg:#050505;--panel:#101114;--fg:#f2f2f2;--muted:#aaa;--gold:#caa85a;--red:#cf3b3b;--green:#27d17f;--piece:#ffffff;--line:#f4f4f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:var(--fg);font-family:Arial,Helvetica,sans-serif;line-height:1.65}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,48px);background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.25),transparent);backdrop-filter:blur(8px)}.brand{color:var(--fg);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-weight:800}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px}nav a:hover{color:var(--gold)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 70px;background:radial-gradient(circle at center,#191a1e 0,#080808 52%,#000 100%)}.kicker,.section-label{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:800}h1{margin:0;font-size:clamp(54px,11vw,160px);line-height:.9;letter-spacing:.08em;font-weight:900}.tagline{color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:clamp(14px,2vw,24px);margin:24px 0 8px}.hero-copy{max-width:760px;font-size:clamp(18px,2vw,24px);color:#ddd}.single-piece{width:min(230px,42vw);margin:34px auto 20px;filter:drop-shadow(0 30px 42px rgba(0,0,0,.8))}.single-piece svg{width:100%;height:auto}.single-piece polygon{fill:#ffffff;stroke:#d8d8d8;stroke-width:1.4}.single-piece line{stroke:#0b0b0b;stroke-width:4;stroke-linecap:round}.button{display:inline-block;margin-top:24px;padding:13px 24px;border:1px solid var(--gold);border-radius:999px;color:var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.14em;background:transparent;cursor:pointer}.button:hover{background:rgba(202,168,90,.12)}.chapter,.numbers,.notation,.demo-section,.final{padding:clamp(70px,10vw,140px) clamp(22px,7vw,100px)}.chapter{max-width:1100px;margin:auto}h2{font-size:clamp(36px,6vw,86px);line-height:1.02;margin:10px 0 30px}p{font-size:clamp(17px,1.35vw,21px);max-width:900px}blockquote{margin:42px 0 0;padding-left:24px;border-left:3px solid var(--gold);font-size:clamp(26px,4vw,56px);line-height:1.12;font-weight:900}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(30px,6vw,80px);align-items:start}.demo-section{background:linear-gradient(180deg,#080808,#111216,#080808);text-align:center}.demo-section h2,.demo-section p{margin-left:auto;margin-right:auto}.stage{position:relative;height:min(58vh,560px);min-height:380px;max-width:1200px;margin:auto;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 0 90px rgba(0,0,0,.78) inset;overflow:hidden}.stage svg{width:100%;height:100%;display:block}.piece polygon{fill:var(--piece);stroke:#d8d8d8;stroke-width:1.2}.piece line{stroke:var(--line);stroke-width:3.4;stroke-linecap:round;opacity:.96}.status{position:absolute;left:0;right:0;bottom:20px;font-size:clamp(26px,4vw,54px);min-height:60px;letter-spacing:.1em;font-weight:900}.status.no{color:var(--red)}.status.yes{color:var(--green)}.seam{opacity:0;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 12px currentColor)}.seam.red{stroke:var(--red);color:var(--red)}.seam.green{stroke:var(--green);color:var(--green)}.flashRed{animation:flash .38s ease-out}.flashGreen{animation:flash .5s ease-out}@keyframes flash{0%,100%{opacity:0}45%{opacity:1}}.pulse line{animation:pulseLine .7s ease-out}@keyframes pulseLine{0%{stroke:var(--line);stroke-width:3.4}35%{stroke:var(--green);stroke-width:7;filter:drop-shadow(0 0 8px var(--green))}100%{stroke:var(--line);stroke-width:3.4}}.shake{animation:shake .22s linear}@keyframes shake{0%,100%{translate:0 0}25%{translate:-7px 0}75%{translate:7px 0}}.controls{margin-top:20px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.controls button,.ghost{background:transparent;color:var(--fg);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:12px 22px;font-size:15px;letter-spacing:.08em;cursor:pointer;text-transform:uppercase}.controls button:hover,.ghost:hover{border-color:var(--gold);color:var(--gold)}.microcopy{color:var(--muted);font-size:15px}.numbers{background:#0b0b0c}.numbers h2,.numbers p{max-width:1050px}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:44px 0}.number-grid div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:22px;padding:24px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.number-grid .wide{grid-column:span 4;background:linear-gradient(120deg,rgba(202,168,90,.16),rgba(255,255,255,.035))}.number-grid span{color:var(--muted);font-size:15px;text-transform:uppercase;letter-spacing:.12em}.number-grid strong{font-size:clamp(34px,6vw,82px);line-height:1;color:var(--fg)}.formula{font-family:Georgia,serif;color:var(--gold);font-size:clamp(30px,5vw,76px)}.big-number-panel{margin-top:36px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#050505;padding:24px}.big-number-panel pre{white-space:pre-wrap;word-break:break-all;font-family:"Courier New",monospace;font-size:13px;line-height:1.45;max-height:65vh;overflow:auto;color:#d8d8d8}.notation{background:radial-gradient(circle at top,#151515,#060606 65%)}.notation-card{border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:32px;margin:34px 0;max-width:820px;background:rgba(255,255,255,.035)}.edge-demo{height:100px;display:grid;grid-template-columns:repeat(10,1fr);align-items:center;gap:8px;margin-bottom:24px}.edge-demo span{height:42px;border-left:1px solid rgba(255,255,255,.22);position:relative}.edge-demo span.on::after{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;transform:translateY(-50%);background:var(--gold);border-radius:50%;box-shadow:0 0 18px var(--gold)}.final{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#000}.final h2{font-size:clamp(52px,10vw,150px);letter-spacing:.08em}.final p{font-size:clamp(22px,3vw,42px);color:var(--gold)}footer{padding:30px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);text-align:center}footer p{max-width:none;font-size:13px}@media (max-width:800px){.site-header{position:absolute;align-items:flex-start}nav{display:none}.split{grid-template-columns:1fr}.number-grid{grid-template-columns:1fr}.number-grid .wide{grid-column:auto}}