:root{color-scheme:dark;--bg:#0b1722;--panel:#142636;--ink:#f7f3e9;--muted:#c4d3dc;--mint:#8de3c1;--gold:#ffda8a;--line:#456073}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 0,#1b4052,transparent 40%),var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--mint)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:absolute;top:-100px;left:1rem;background:var(--gold);color:#08131d;padding:.6rem;z-index:10}.skip:focus{top:1rem}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 5%}.logo{color:var(--mint);font-weight:800;letter-spacing:.15em;text-decoration:none}.logo small{display:block;font-size:.56rem;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:clamp(.6rem,2vw,1.6rem)}nav a{color:var(--muted);text-decoration:none;font-size:.84rem}nav a:hover{color:var(--gold)}.hero{min-height:700px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:5rem 5% 7rem}.orbit{width:145px;height:145px;display:grid;place-items:center;border:1px solid var(--mint);border-radius:50%;box-shadow:0 0 80px #8de3c130;margin-bottom:2.5rem;position:relative}.orbit:before,.orbit:after{content:'';position:absolute;inset:30px -25px;border:1px solid #ffda8a77;border-radius:50%;transform:rotate(35deg)}.orbit:after{transform:rotate(-35deg)}.orbit span{font-size:4rem;color:var(--gold)}.eyebrow{color:var(--mint);font-size:.74rem;letter-spacing:.2em;font-weight:800}h1,h2,h3{font-family:Georgia,serif;line-height:1.13;font-weight:400}h1{font-size:clamp(3rem,7vw,6.6rem);margin:.5rem 0 1.3rem}h2{font-size:clamp(2.3rem,5vw,4.4rem);margin:.6rem 0 1.5rem}h3{font-size:1.5rem}em{color:var(--gold)}.lead{font-size:1.16rem;max-width:730px;color:#e0e9ef}.fine{font-size:.82rem;color:var(--muted);max-width:700px}.actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:2rem 0}.btn,.action{display:inline-block;border:1px solid var(--mint);background:transparent;color:var(--mint);text-decoration:none;padding:.8rem 1.3rem;border-radius:5px}.btn:hover,.action:hover{background:#254356}.primary{background:var(--mint);color:#0b1722;font-weight:750}.primary:hover{background:#b6f5dc}.wrap{max-width:1200px;margin:auto;padding:5rem 5%}.intro{max-width:720px;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}.tab{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:.75rem 1rem;border-radius:5px}.tab[aria-pressed=true]{background:var(--mint);color:#0b1722;border-color:var(--mint);font-weight:800}.lab{background:linear-gradient(145deg,#193549,#101f2e);border:1px solid var(--line);border-radius:12px;padding:clamp(1.2rem,4vw,3rem);min-height:330px}.lab h3{font-size:clamp(1.8rem,4vw,2.7rem);margin:.5rem 0}.lab p{max-width:790px}.control{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:1.3rem 0}.control input{width:100px;padding:.6rem;background:#0b1722;border:1px solid var(--line);color:var(--ink)}.result{background:#0b1722;border-left:3px solid var(--gold);padding:1rem 1.3rem;white-space:pre-wrap;margin-top:1rem;overflow-wrap:anywhere}.caveat{color:var(--muted);font-size:.9rem}.steps,.sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.steps article,.sources article{background:var(--panel);border:1px solid var(--line);padding:1.8rem;border-radius:8px}.steps b,.sources span{color:var(--mint);font-size:.75rem;letter-spacing:.12em}.steps p,.sources p{color:var(--muted)}.callout{border-left:3px solid var(--gold);padding:1rem 2rem;margin-top:2rem;background:#1b3444}.end{text-align:center;padding:7rem 5%;background:radial-gradient(ellipse at center,#254c56,#0b1722 70%)}.end p{max-width:650px;margin:1rem auto}footer{border-top:1px solid var(--line);padding:2rem 5%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8rem}@media(max-width:700px){header{flex-direction:column;align-items:flex-start}.hero{min-height:620px}.steps,.sources{grid-template-columns:1fr}.wrap{padding:4rem 5%}.tab{flex:1 1 135px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}