:root{color:#17201f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}#app{min-height:100vh}.hero{color:#f8fff8;background:linear-gradient(110deg,#0c211eeb,#113a32b8),url(https://images.unsplash.com/photo-1639322537228-f710d846310a?auto=format&fit=crop&w=1800&q=80) 50%/cover;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);align-items:end;gap:48px;min-height:76vh;padding:clamp(32px,7vw,96px);display:grid}.eyebrow,.label{color:#70dfbd;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1{letter-spacing:0;max-width:900px;margin:0;font-size:clamp(3.4rem,9vw,7.4rem);line-height:.9}.lede{color:#dff8ef;max-width:760px;margin:28px 0 0;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.45}.controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#091515ad;border:1px solid #ffffff2e;gap:14px;padding:18px;display:grid}.controls label{color:#bfeedd;gap:6px;font-size:.85rem;font-weight:700;display:grid}.controls input{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;width:100%;padding:12px 14px}.controls button{color:#071312;cursor:pointer;background:#70dfbd;border:0;border-radius:6px;padding:13px 16px;font-weight:900}.grid,.bands,.code{width:min(1180px,100% - 36px);margin:26px auto}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.panel,.bands article,.code{background:#fff;border:1px solid #d9dfd7;border-radius:8px;box-shadow:0 20px 60px #17201f14}.panel{min-height:160px;padding:20px}.panel.primary{color:#f7fff9;background:#0f2926}.panel strong{margin:0 0 10px;font-size:clamp(2rem,4vw,3.3rem);line-height:1;display:block}.panel p{color:#62706c;margin:0;line-height:1.45}.primary p{color:#cceee2}.bands{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:16px;display:grid}.bands article,.code{padding:24px}h2{margin:0 0 18px;font-size:1.1rem}.ladder{gap:12px;display:grid}.ladder div{border-bottom:1px solid #e7ebe4;justify-content:space-between;gap:16px;padding-bottom:12px;display:flex}.ladder span,.proofs{color:#62706c}.proofs{margin:0;padding-left:20px;line-height:1.6}.code pre{color:#dff8ef;background:#101818;border-radius:6px;margin:0;padding:18px;overflow:auto}.loading,.error{width:min(760px,100% - 36px);margin:80px auto;padding:24px}footer{color:#62706c;width:min(1180px,100% - 36px);margin:0 auto 40px}@media (width<=900px){.hero,.grid,.bands{grid-template-columns:1fr}.hero{min-height:auto;padding:42px 18px}h1{font-size:4rem}}