:root{color-scheme:light;--navy:#0f172a;--blue:#0ea5e9;--teal:#14b8a6;--bg:#fff;--surface:#f8fafc;--soft:#f1f5f9;--fg:#0f172a;--secondary:#334155;--muted:#64748b;--border:#e2e8f0;--glass:rgba(255,255,255,.78);--shadow:0 28px 90px rgba(15,23,42,.13)}[data-theme=dark]{color-scheme:dark;--bg:#0f172a;--surface:#111c30;--soft:#1e293b;--fg:#f3f4f6;--secondary:#cbd5e1;--muted:#94a3b8;--border:#334155;--glass:rgba(15,23,42,.78);--shadow:0 30px 100px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 "IBM Plex Sans",Arial,Helvetica,sans-serif;transition:.25s;background-color:.25s;color:.25s}a{color:inherit}.skip{position:fixed;top:1rem;left:1rem;z-index:999;padding:.7rem 1rem;background:var(--fg);color:var(--bg);transform:translateY(-200%)}.skip:focus{transform:none}header{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,4rem);background:var(--glass);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.logo{text-decoration:none;font-size:1.45rem;font-weight:700;letter-spacing:-.04em}.logo span,h1 span,h2 span,footer p span{color:var(--blue)}.controls{display:flex;gap:.6rem}.switch{display:flex;padding:.2rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface)}button{border:0;border-radius:.45rem;padding:.38rem .58rem;background:transparent;color:var(--muted);font:600 .72rem/1 Arial;cursor:pointer}button[aria-pressed=true]{background:var(--bg);color:var(--fg);box-shadow:0 1px 4px rgba(15,23,42,.13)}button:focus-visible,a:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.hero{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:clamp(2rem,7vw,8rem);padding:clamp(9rem,15vh,12rem) clamp(1.25rem,7vw,8rem) 6rem;overflow:hidden}.copy{z-index:2;max-width:850px}.eyebrow{margin:0 0 1.5rem;color:var(--blue);font:600 .75rem/1.3 "IBM Plex Mono",Consolas,monospace;letter-spacing:.13em}h1,h2,h3{margin-top:0;text-wrap:balance}h1{margin-bottom:2rem;font-size:clamp(3.3rem,7vw,7rem);line-height:.98;letter-spacing:-.055em}.lead{margin:.2rem 0 1rem;color:var(--fg);font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:500}.body{max-width:64ch;margin:.4rem 0;color:var(--secondary);font-size:clamp(1rem,1.4vw,1.16rem)}.visual{position:relative;width:min(34vw,470px);aspect-ratio:1;place-self:center;perspective:900px}.visual i{position:absolute;left:50%;width:68%;aspect-ratio:1.85;border:1px solid #38bdf8;border-radius:1rem;transform:translateX(-50%) rotateX(58deg) rotateZ(-32deg);box-shadow:var(--shadow);backdrop-filter:blur(10px);animation:float 8s ease-in-out infinite}.visual i:nth-child(1){top:14%;background:rgba(14,165,233,.22)}.visual i:nth-child(2){top:30%;background:rgba(14,165,233,.13);animation-delay:-2s}.visual i:nth-child(3){top:46%;background:rgba(20,184,166,.19);animation-delay:-4s}.visual i:nth-child(4){top:62%;background:rgba(100,116,139,.12);animation-delay:-6s}.visual b{position:absolute;left:50%;top:21%;height:57%;border-left:1px dashed var(--blue)}.glow{position:absolute;z-index:-1;width:50rem;height:50rem;border-radius:50%;filter:blur(110px);opacity:.14}.g1{top:-24rem;right:-18rem;background:var(--blue)}.g2{bottom:-35rem;left:-25rem;background:var(--teal)}.scroll{position:absolute;left:clamp(1.25rem,7vw,8rem);bottom:2rem;text-decoration:none;color:var(--muted);font-size:.82rem}.scroll:after{content:" ↓";color:var(--blue)}.section{padding:clamp(6rem,12vw,11rem) clamp(1.25rem,7vw,8rem)}.foundation,.protected{background:var(--surface);border-block:1px solid var(--border)}.protected{background:linear-gradient(135deg,var(--surface),var(--bg))}.measure{max-width:1050px;margin:auto}.section h2{max-width:20ch;margin-bottom:2rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;letter-spacing:-.045em}.measure p:not(.eyebrow):not(.status){max-width:67ch;color:var(--secondary)}.measure .large{font-size:clamp(1.15rem,2vw,1.4rem);color:var(--fg)}.principles>div:first-child{margin-bottom:clamp(3rem,7vw,6rem)}.list{border-top:1px solid var(--border)}article{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:2.2rem 0;border-bottom:1px solid var(--border)}article em{padding-top:.35rem;color:var(--blue);font:normal .78rem "IBM Plex Mono",monospace}article h3{margin-bottom:.4rem;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15}article p{margin:0;color:var(--muted);font-size:1.05rem}.perspective{min-height:78vh;display:grid;place-items:center;text-align:center}.perspective h2,.perspective p{margin-inline:auto}.status{display:inline-flex;align-items:center;gap:.65rem;margin-top:2.5rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:400 .78rem "IBM Plex Mono",monospace}.status i{width:.55rem;height:.55rem;border-radius:50%;background:var(--teal)}footer{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,7vw,8rem) 2.5rem;background:var(--navy);color:#f3f4f6}footer p{margin:0;font-size:clamp(1.8rem,4vw,4rem);font-weight:600;line-height:1.1;letter-spacing:-.04em}footer nav{display:flex;gap:1.5rem}footer small{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid #334155;color:#94a3b8}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{translate:0 -10px}}@media(max-width:900px){header{align-items:flex-start}.controls{flex-direction:column;align-items:flex-end}.hero{grid-template-columns:1fr;padding-top:10rem}.visual{width:min(76vw,430px)}.scroll{display:none}footer{grid-template-columns:1fr}}@media(max-width:560px){header{padding-inline:1rem}.logo{font-size:1.2rem}button{padding:.32rem .42rem;font-size:.65rem}.hero,.section,footer{padding-inline:1.2rem}h1{font-size:clamp(3rem,15vw,4.7rem)}article{grid-template-columns:2.7rem 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.switch a{border-radius:.45rem;padding:.38rem .58rem;color:var(--muted);font:600 .72rem/1 Arial;text-decoration:none}.switch a[aria-current="page"]{background:var(--bg);color:var(--fg);box-shadow:0 1px 4px rgba(15,23,42,.13)}