:root{--ink:#191d51;--muted:#545b79;--paper:#f7f7f3;--line:#d8dbe5;--accent:#b9ff56;--white:#fff;--blue:#413cdb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #5a36df;outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:white;padding:1rem;z-index:9}.skip:focus{left:1rem}header,footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line)}header{background:#fffdf9;position:relative;z-index:2}.brand{text-decoration:none;font-weight:900;letter-spacing:.1em;font-size:.83rem}.brandmark{color:var(--blue);font-size:1.6rem;vertical-align:middle}.brand small{display:block;margin-left:2rem;font-size:.6rem;color:var(--muted)}nav{display:flex;gap:1.6rem;flex-wrap:wrap}nav a{text-decoration:none;font-size:.83rem;font-weight:700}nav a:hover,a:hover{text-decoration:underline}.hero{padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,6rem) 0;min-height:650px;background:radial-gradient(ellipse at 85% 20%,#e9e8ff,transparent 45%),#f7f7f3}.eyebrow,.paneltitle>span,.lessons article>span{font:700 .7rem/1.5 ui-monospace,monospace;letter-spacing:.13em;color:#5550a1}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}h1,h2,h3,blockquote{font-family:Georgia,Times,serif;line-height:1.1}h1{font-size:clamp(3.4rem,7vw,7.8rem);letter-spacing:-.07em;margin:1.4rem 0}h1 em{font-weight:400;color:#554be0}.lede{max-width:620px;font-size:clamp(1.1rem,1.7vw,1.35rem);color:var(--muted)}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #aeb1c7;border-radius:4px;background:white;color:var(--ink);padding:.8rem 1.15rem;text-decoration:none;font-weight:750;font-size:.86rem;min-height:45px}.button:hover{background:#eeeefe;text-decoration:none}.button.primary{background:var(--ink);color:white;border-color:var(--ink)}.button.primary:hover{background:#373e86}.optic{height:410px;position:relative;display:grid;place-items:center;isolation:isolate}.ring{position:absolute;border:1px solid #6d6dd5;border-radius:50%;aspect-ratio:1;box-shadow:0 0 45px #716df220;transition:transform .3s}.r1{width:82%;background:repeating-radial-gradient(circle,transparent 0 22px,#6460c21b 23px 24px)}.r2{width:62%;border-width:2px;border-style:dashed;animation:spin 80s linear infinite}.r3{width:38%;background:#1d2153;box-shadow:0 0 60px #554ae055}.optic-label{z-index:1;color:#d7ff9c;text-align:center;font:700 1rem/1.9 ui-monospace,monospace;letter-spacing:.1em}.zoomlabel{position:absolute;bottom:0;display:flex;gap:1rem;align-items:center;font-size:.75rem;font-weight:700}.principles{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:4rem;padding:1.2rem 0;color:var(--muted);font:700 .7rem ui-monospace,monospace}.section{padding:6rem clamp(1rem,5vw,6rem);max-width:1550px;margin:auto}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.sectionhead h2{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.05em;margin:.5rem 0}.sectionhead>p{max-width:330px;color:var(--muted)}.tabs{display:flex;gap:.3rem;overflow-x:auto;border-bottom:1px solid var(--line)}.tabs button{flex:1;min-width:125px;background:transparent;border:0;border-bottom:3px solid transparent;padding:1rem .5rem;font-size:.83rem;font-weight:800;color:var(--muted)}.tabs button[aria-selected=true]{border-color:var(--blue);color:var(--ink);background:#ededff}.panel{background:white;padding:clamp(1.1rem,3vw,3rem);border:1px solid var(--line);box-shadow:0 20px 60px #1d20520a}.panel[hidden]{display:none}.paneltitle{max-width:800px}.paneltitle h3{font-size:clamp(2rem,4vw,3.5rem);margin:.5rem 0}.paneltitle p{color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.formgrid label,.toolbar label,.sliders label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:800}input:not([type=range]):not([type=file]),textarea,select{width:100%;border:1px solid #bdc2d4;border-radius:4px;background:#fbfbfd;color:var(--ink);padding:.8rem}textarea{min-height:92px;resize:vertical}.result{margin-top:1.5rem;background:#f1f2ff;border-left:4px solid var(--blue);padding:1.3rem;white-space:pre-wrap;overflow-wrap:anywhere}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.sliders label{font-size:1rem}.sliders output{font-size:1.6rem;color:var(--blue)}input[type=range]{width:100%;accent-color:var(--blue)}.simresult{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:center;background:#f6f6ff;padding:2rem}.simresult strong{display:block;font-size:5rem;line-height:1.2}.simresult svg{width:100%;height:auto}.fine{font-size:.82rem;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end;margin:1.5rem 0}.toolbar label{min-width:180px;flex:1}.canvaswrap{border:1px solid var(--line);background-color:#fafbff;background-image:radial-gradient(#bec4e3 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.canvaswrap svg{display:block;width:100%;touch-action:none}.edge-list{font-size:.85rem}.upload input{display:none}.rivalgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.rivalcard{border:1px solid var(--line);padding:1rem;background:#f8f8ff}.rivalcard h4{margin:.2rem 0}.rivalcard p{font-size:.85rem}.rivalcard label{display:block;font-size:.8rem;font-weight:700;margin-top:.6rem}.rivalcard select{margin-top:.2rem}.ladder{counter-reset:rung;list-style:none;padding:0}.ladder li{padding:1.1rem 1.5rem;margin:.5rem 0;border-left:8px solid var(--blue);background:#f2f3ff}.ladder li:nth-child(n+4){border-color:#9999c9}.ladder li:nth-child(n+6){border-color:#c7c7d5}.ladder p{margin:.3rem 0}.lessons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.lessons article{background:white;border:1px solid var(--line);padding:2rem;min-height:270px}.lessons h3{font-size:2rem;margin:1rem 0}.lessons p{color:var(--muted)}.lessons .prompt{font-weight:700;color:#37358d;border-top:1px solid var(--line);padding-top:1rem}.source{padding:2rem;border-bottom:1px solid var(--line);display:grid;grid-template-columns:200px 1fr 2fr;gap:1rem;align-items:start}.source h3{font-size:1.5rem;margin:0}.source p{margin:0;color:var(--muted)}.source a{grid-column:3;font-size:.86rem;font-weight:700}.tag{font:700 .67rem ui-monospace,monospace;letter-spacing:.04em}.verified{color:#226349}.interpretation{color:#795119}.synthetic{color:#5148bb}.corrections{background:#eaeafa;padding:2rem;margin-top:2rem}.closing{text-align:center;padding:6rem 1rem;background:#1b1e51;color:white}.closing blockquote{font-size:clamp(2rem,4.5vw,4.7rem);max-width:1000px;margin:2rem auto}.closing p{color:#c6c9e6}.closing .eyebrow{color:#c7ff79}.closing .button.primary{background:var(--accent);color:var(--ink)}footer{font-size:.78rem;background:#fff}svg .node{cursor:grab}svg .node:focus{outline:none}svg .node:focus rect{stroke:#ec5c00;stroke-width:4}svg .node.selected rect{stroke:#413cdb;stroke-width:4}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.hero-grid,.simresult{grid-template-columns:1fr}.optic{height:320px}.ring.r1{width:280px}.ring.r2{width:210px}.ring.r3{width:140px}.source{grid-template-columns:1fr}.source a{grid-column:1}.rivalgrid{grid-template-columns:1fr}.sectionhead{display:block}}@media(max-width:600px){header{display:block}nav{margin-top:1rem;gap:1rem}.hero{min-height:0}.principles{flex-direction:column}.formgrid,.sliders,.lessons{grid-template-columns:1fr}.section{padding:3.5rem 1rem}.panel{padding:1rem}.lessons article{padding:1.3rem}.simresult{padding:1rem}.toolbar .button{flex:1}footer{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}