*{box-sizing:border-box}body{margin:0;background:#f5f8f5;color:#16322c;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}a{color:#087e70;text-decoration:none}a:hover{text-decoration:underline}header{background:#073d37;color:white;padding:16px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{color:#e9fff7}header .brand{font-size:1.4rem;font-weight:850;letter-spacing:-.04em}nav{display:flex;gap:17px;flex-wrap:wrap;font-size:.9rem}main{max-width:1160px;margin:auto;padding:35px 22px 70px}.hero{background:linear-gradient(115deg,#063e38,#0c766b);color:white;border-radius:22px;padding:46px 42px;margin-bottom:27px}.hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.1;margin:10px 0}.hero p{max-width:750px;color:#d9f7ef;font-size:1.08rem}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;font-weight:750;color:#68dec2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:17px}.card,.panel{background:white;border:1px solid #dbe9e1;border-radius:17px;padding:22px;box-shadow:0 5px 20px #0b3b3010}.card{display:flex;flex-direction:column;min-height:190px}.card h3{margin:6px 0;font-size:1.15rem}.card p{color:#506961;flex:1}.card .link{font-weight:750}.tag{font-size:.72rem;background:#d8f4e8;color:#086252;border-radius:999px;padding:4px 9px;display:inline-block;width:max-content;font-weight:700}.section{margin:36px 0 18px}h2{font-size:1.65rem;letter-spacing:-.025em}h3{line-height:1.3}button,.button{border:0;background:#087d6d;color:white;border-radius:9px;padding:10px 16px;cursor:pointer;font-weight:700;font:inherit;display:inline-block}button.secondary,.button.secondary{background:#e2f2ea;color:#095d50}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7fdac5}input[type=range]{width:100%;accent-color:#087d6d}input,select,textarea{padding:9px;border:1px solid #a7c4b8;border-radius:8px;background:white;color:#14392f;max-width:100%}label{font-weight:650;display:block;margin:14px 0 5px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.controls>div{flex:1;min-width:160px}.metric{font-size:1.55rem;font-weight:800;color:#0a7062}.muted{color:#60776d}.equation{overflow:auto;padding:15px;background:#f0f8f3;border-radius:10px;margin:12px 0}.viz{width:100%;height:auto;max-height:360px;border-radius:12px;background:#f8fbf9;border:1px solid #dbe8e0}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:18px}.steps{padding-left:22px}.steps li{padding:6px 0}.active{color:#087d6d;font-weight:800}.code{background:#102b29;color:#d9f8eb;border-radius:12px;padding:18px;overflow:auto;white-space:pre;font-size:.86rem;line-height:1.55}.pillrow{display:flex;flex-wrap:wrap;gap:9px}.pillrow button{background:#e5f2ed;color:#0c5146}.pillrow button.selected{background:#087d6d;color:white}.notice{background:#fff9e8;border-left:4px solid #d8a642;padding:13px 16px;border-radius:8px}.foot{padding:26px;text-align:center;color:#547168;border-top:1px solid #d5e6dc}.breadcrumb{font-size:.9rem;margin-bottom:20px}canvas{width:100%;height:280px;border:1px solid #d8e9df;border-radius:10px;background:#fbfefd}details{border-top:1px solid #d8e9df;padding:12px 0}summary{cursor:pointer;font-weight:750}@media(max-width:700px){.hero{padding:30px 23px}.split{grid-template-columns:1fr}header{padding:16px 20px}}