:root{--k4-bg:#0b0e0d;--k4-bg-2:#121413;--k4-surface:#171b19;--k4-surface-2:#202522;--k4-surface-3:#28251d;--k4-border:rgba(218,226,214,0.16);--k4-border-strong:rgba(218,226,214,0.28);--k4-text:#edf2ea;--k4-text-soft:#cbd5cb;--k4-text-muted:#8f9a91;--k4-accent:#f0b454;--k4-accent-2:#38c6b4;--k4-blue:#7da7ff;--k4-red:#df6b5f;--k4-green:#83c66f;--k4-claim-A:#caa6ff;--k4-claim-G:#83c66f;--k4-claim-M:#7da7ff;--k4-claim-H:#f0b454;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code","SFMono-Regular",Consolas,monospace;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--k4-bg);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body,html{color:var(--k4-text)}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(56,198,180,.05),transparent 28rem),radial-gradient(circle at 82% 12%,rgba(240,180,84,.09),transparent 25rem),var(--k4-bg)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}button,input,select,textarea{font:inherit;color:inherit}code,pre{font-family:var(--font-mono)}code{color:var(--k4-text-soft);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:.05rem .28rem}pre{overflow-x:auto;background:var(--k4-surface);border:1px solid var(--k4-border);border-radius:8px;padding:1rem;white-space:pre-wrap;overflow-wrap:anywhere}canvas,img,svg{max-width:100%}.container{width:min(1160px,calc(100% - 32px));margin:0 auto}.site-page{width:min(1120px,calc(100% - 32px))}.narrow-page,.site-page{margin:0 auto;padding:2.25rem 0 4rem}.narrow-page{width:min(920px,calc(100% - 32px))}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--k4-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0}.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor}.page-title{margin:.45rem 0 0;max-width:760px;font-size:clamp(2.2rem,7vw,5.15rem);line-height:.97;font-weight:780;letter-spacing:0}.page-lede{max-width:760px;margin:1rem 0 0;color:var(--k4-text-soft);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.65}.section-band{margin-top:2rem;padding:2rem 0;border-top:1px solid var(--k4-border)}.section-heading{margin:0 0 1rem;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.1;letter-spacing:0}.muted{color:var(--k4-text-muted)}.mono{font-family:var(--font-mono)}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill,.pill-row{align-items:center}.pill{display:inline-flex;min-height:1.55rem;padding:.18rem .55rem;border:1px solid var(--k4-border);border-radius:5px;color:var(--k4-text-soft);background:rgba(255,255,255,.045);font-family:var(--font-mono);font-size:.72rem}.claim-pill{border-color:rgba(131,198,111,.36);color:var(--k4-green);background:rgba(131,198,111,.08)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;padding:.65rem .95rem;border-radius:6px;border:1px solid var(--k4-border-strong);background:rgba(255,255,255,.06);color:var(--k4-text);font-weight:700}.button-link.primary{background:var(--k4-accent);border-color:var(--k4-accent);color:#17110a}.button-link:hover{text-decoration:none;border-color:var(--k4-accent)}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.metric-card,.route-card{border:1px solid var(--k4-border);border-radius:8px;background:rgba(255,255,255,.045)}.route-card{min-height:13rem;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem}.route-card:hover{text-decoration:none;border-color:var(--k4-border-strong);background:rgba(255,255,255,.07)}.info-card h3,.route-card h3{margin:0;font-size:1.02rem;line-height:1.2}.info-card p,.route-card p{margin:.6rem 0 0;color:var(--k4-text-muted);font-size:.92rem;line-height:1.55}.info-card,.metric-card{padding:1rem}.metric-label{color:var(--k4-text-muted);font-size:.72rem}.metric-label,.metric-value{font-family:var(--font-mono)}.metric-value{margin-top:.25rem;color:var(--k4-text);font-size:1.05rem}.table-wrap{overflow-x:auto;border:1px solid var(--k4-border);border-radius:8px}.data-table{width:100%;border-collapse:collapse;min-width:620px}.data-table td,.data-table th{padding:.7rem .85rem;border-bottom:1px solid rgba(218,226,214,.1);text-align:left;vertical-align:top}.data-table th{color:var(--k4-text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:700}.data-table td{color:var(--k4-text-soft);font-size:.92rem}.hero{position:relative;min-height:min(760px,calc(100vh - 48px));overflow:hidden;border-bottom:1px solid var(--k4-border)}.hero-scene{position:absolute;inset:0;min-height:100%}.hero-scene canvas{width:100%;height:100%;display:block}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,14,13,.95),rgba(11,14,13,.76) 43%,rgba(11,14,13,.28)),linear-gradient(0deg,rgba(11,14,13,.74),transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;width:min(1160px,calc(100% - 32px));min-height:min(760px,calc(100vh - 48px));margin:0 auto;padding:4.2rem 0 3rem;display:flex;flex-direction:column;justify-content:center}.hero-copy{max-width:700px}.hero-copy h1{margin:.75rem 0 0;font-size:clamp(3rem,10vw,7.5rem);line-height:.88;font-weight:820;letter-spacing:0}.hero-copy p{max-width:650px;margin:1rem 0 0;color:var(--k4-text-soft);font-size:clamp(1rem,1.7vw,1.24rem);line-height:1.6}.hero-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.7rem;gap:.7rem;width:min(900px,100%);margin-top:3.5rem}.hero-status .metric-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(11,14,13,.54)}.image-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);grid-gap:1rem;gap:1rem;align-items:stretch}.image-panel{position:relative;overflow:hidden;min-height:280px;border:1px solid var(--k4-border);border-radius:8px;background:#101413}.image-panel img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05)}.timeline{display:grid;grid-gap:0;gap:0;border-top:1px solid var(--k4-border)}.timeline-item{display:grid;grid-template-columns:8.2rem minmax(0,1fr);grid-gap:1rem;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--k4-border)}.timeline-date{color:var(--k4-accent);font-family:var(--font-mono);font-size:.78rem}.timeline-title{margin:0;font-weight:760}.timeline-body{margin:.4rem 0 0;color:var(--k4-text-soft);line-height:1.6}.explorer-derivation{padding-top:2.6rem}.explorer-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);grid-gap:1.25rem;gap:1.25rem;align-items:end}.explorer-intro-note{border:1px solid var(--k4-border);border-radius:8px;padding:1rem;background:rgba(255,255,255,.045)}.explorer-intro-note span{color:var(--k4-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase}.explorer-intro-note strong{display:block;margin-top:.45rem;line-height:1.2}.explorer-intro-note p{margin:.6rem 0 0;color:var(--k4-text-muted);font-size:.9rem}.lesson-shell{display:grid;grid-template-columns:7.5rem minmax(0,1fr);grid-gap:1rem;gap:1rem;margin-top:2rem;align-items:start}.lesson-rail{position:-webkit-sticky;position:sticky;top:64px;display:grid;grid-gap:.38rem;gap:.38rem}.derivation-button,.lesson-rail button,.segmented-control button{border:1px solid var(--k4-border);border-radius:6px;background:rgba(255,255,255,.045);color:var(--k4-text-soft);cursor:pointer}.lesson-rail button{min-height:2.55rem;padding:.45rem .55rem;display:flex;align-items:center;gap:.5rem;text-align:left;font-weight:700}.lesson-rail button span{color:var(--k4-text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:700}.lesson-rail button[aria-current=step],.segmented-control button[aria-pressed=true]{border-color:var(--k4-accent);background:rgba(240,180,84,.14);color:var(--k4-text)}.lesson-stage{border:1px solid var(--k4-border);border-radius:8px;background:rgba(255,255,255,.04);overflow:hidden}.lesson-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.5fr);grid-gap:1rem;gap:1rem;padding:1.1rem;border-bottom:1px solid var(--k4-border);background:rgba(255,255,255,.035)}.lesson-header h2{margin:.7rem 0 0;font-size:clamp(1.35rem,2.8vw,2.25rem);line-height:1.05;letter-spacing:0}.lesson-header p{margin:.6rem 0 0;color:var(--k4-text-soft);line-height:1.55}.lesson-header code{align-self:start;display:block;padding:.75rem;color:var(--k4-accent);background:rgba(11,14,13,.58)}.lesson-body{padding:1rem}.lesson-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:0 1rem 1rem}.derivation-scene-grid{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(280px,1fr);grid-gap:1rem;gap:1rem;align-items:stretch}.derivation-graph{width:100%;aspect-ratio:300/390;min-height:23rem;border:1px solid var(--k4-border);border-radius:8px;background:linear-gradient(180deg,rgba(56,198,180,.07),transparent),rgba(11,14,13,.42)}.derivation-edge-base{stroke:rgba(218,226,214,.16);stroke-width:7;stroke-linecap:round}.derivation-balance-label,.derivation-edge-label,.derivation-edge-value,.derivation-vertex-label{fill:var(--k4-text);font-family:var(--font-mono);paint-order:stroke;stroke:rgba(11,14,13,.84);stroke-width:3px;stroke-linejoin:round}.derivation-edge-label{fill:var(--k4-text-muted);font-size:10px}.derivation-balance-label,.derivation-edge-value{font-size:11px}.derivation-vertex-label{font-size:13px;font-weight:800}.derivation-panel,.symmetry-card{border:1px solid var(--k4-border);border-radius:8px;padding:1rem;background:rgba(11,14,13,.38)}.derivation-panel{display:flex;flex-direction:column;gap:1rem;min-width:0}.derivation-panel p,.symmetry-card p{margin:0;color:var(--k4-text-soft);line-height:1.58}.derivation-panel code{width:-moz-fit-content;width:fit-content}.derivation-control-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.derivation-button{min-height:2.35rem;padding:.45rem .72rem;font-weight:750}.derivation-button.primary{border-color:var(--k4-accent);background:var(--k4-accent);color:#17110a}.derivation-button:disabled{cursor:not-allowed;opacity:.45}.derivation-label,.mini-slider{display:grid;grid-gap:.42rem;gap:.42rem;color:var(--k4-text-soft);font-family:var(--font-mono);font-size:.78rem}.derivation-label select{min-height:2.2rem;border:1px solid var(--k4-border);border-radius:6px;background:var(--k4-surface);color:var(--k4-text);padding:.2rem .55rem}.derivation-label input[type=range],.mini-slider input[type=range]{width:100%;accent-color:var(--k4-accent)}.derivation-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.derivation-readout{min-height:4.15rem;border:1px solid rgba(218,226,214,.12);border-radius:7px;padding:.65rem;background:rgba(255,255,255,.035)}.derivation-readout span{display:block;color:var(--k4-text-muted);font-family:var(--font-mono);font-size:.68rem}.derivation-readout strong{display:block;margin-top:.25rem;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.95rem;line-height:1.2}.edge-bars{display:grid;grid-gap:.4rem;gap:.4rem}.edge-bar-row{display:grid;grid-template-columns:2.6rem minmax(0,1fr) 3.2rem;grid-gap:.5rem;gap:.5rem;align-items:center;color:var(--k4-text-muted);font-family:var(--font-mono);font-size:.72rem}.edge-bar-track{position:relative;height:.55rem;border-radius:4px;background:rgba(218,226,214,.12);overflow:hidden}.edge-bar-track:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(218,226,214,.34)}.edge-bar-track i{position:absolute;top:0;bottom:0;border-radius:4px}.split-stack{display:grid;grid-gap:1rem;gap:1rem}.derivation-paint{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;align-items:end}.mini-slider{border:1px solid var(--k4-border);border-radius:7px;padding:.65rem;background:rgba(11,14,13,.34)}.mini-slider b{color:var(--k4-text)}.split-graphs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.split-graphs h3{margin:0 0 .45rem;font-size:.9rem}.split-graphs .derivation-graph{min-height:17rem}.segmented-control{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;flex-wrap:wrap;gap:.35rem}.segmented-control button{min-height:2.25rem;padding:.42rem .68rem;font-weight:750}.derivation-scope{border-left:3px solid var(--k4-accent);padding-left:.75rem}.earned-concept{margin-top:1rem}.earned-concept span{color:var(--k4-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase}.earned-concept p{margin:.45rem 0 0;color:var(--k4-text-soft)}.symmetry-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.symmetry-board .derivation-panel{grid-column:1/-1}.symmetry-card span{color:var(--k4-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase}.symmetry-card strong{display:block;margin:.45rem 0 .6rem;font-size:1.1rem;line-height:1.2}.derivation-asset-links{display:flex;flex-wrap:wrap;gap:.6rem}.derivation-asset-links a{display:inline-flex;min-height:2.25rem;align-items:center;border:1px solid var(--k4-border);border-radius:6px;padding:.4rem .65rem;color:var(--k4-text-soft);background:rgba(255,255,255,.045);font-weight:700}.derivation-asset-links a:hover{border-color:var(--k4-accent);text-decoration:none}@media (max-width:880px){.derivation-scene-grid,.explorer-intro,.grid.three,.grid.two,.hero-status,.image-strip,.lesson-header,.lesson-shell,.symmetry-board{grid-template-columns:1fr}.lesson-rail{position:static;grid-template-columns:repeat(5,minmax(0,1fr))}.lesson-rail button{min-height:2.25rem;justify-content:center;text-align:center}.lesson-rail button span{display:none}.derivation-paint,.derivation-readouts,.split-graphs{grid-template-columns:1fr}.hero{min-height:auto}.hero-content{min-height:680px;padding:3rem 0 2rem;justify-content:flex-end}.hero:after{background:linear-gradient(0deg,rgba(11,14,13,.96),rgba(11,14,13,.78) 58%,rgba(11,14,13,.22))}.timeline-item{grid-template-columns:1fr;gap:.35rem}}@media (max-width:520px){.container,.hero-content,.narrow-page,.site-page{width:min(100% - 22px,1120px)}.route-card{min-height:11rem}.lesson-body,.lesson-header{padding:.8rem}.lesson-footer{padding:0 .8rem .8rem}.lesson-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.derivation-graph{min-height:20rem}}