:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{background:#102a43;color:#fff;padding:2.6rem max(6vw,2rem);display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:#9ed4c8;margin:0 0 .4rem}h1{font-size:2.6rem;margin:0}header p:not(.eyebrow){margin:.2rem 0 0;color:#c8d6e5}.badge{background:#1f7a6b;padding:.45rem .75rem;border-radius:999px;font-size:.82rem}main{max-width:1100px;margin:0 auto;padding:2rem}.intro h2{margin-bottom:.4rem}.intro p,.muted{color:#52606d}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.metric,.card{background:#fff;border:1px solid #d9e2ec;border-radius:12px;padding:1.2rem;box-shadow:0 1px 2px #102a4310}.metric strong{font-size:2rem;display:block;color:#0b6e69}.metric span{color:#52606d}.card{margin:1rem 0}.card h2{margin-top:0;font-size:1.2rem}form{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}label{font-size:.86rem;font-weight:650;display:grid;gap:.35rem}select,input,button{padding:.6rem;border-radius:7px;border:1px solid #bcccdc;font:inherit}button{align-self:end;background:#0b6e69;color:#fff;border-color:#0b6e69;font-weight:700;cursor:pointer}output{display:block;margin-top:1rem;font-weight:600}.success{color:#16725b}.error{color:#b42318}.pathway-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.pathway-grid>div{border:1px solid #d9e2ec;border-radius:8px;padding:.75rem}.pathway-grid h4{margin:.1rem 0 .5rem}small{color:#52606d}pre{background:#102a43;color:#d9e2ec;padding:1rem;border-radius:8px;white-space:pre-wrap;overflow:auto;font-size:.78rem}footer{padding:1.5rem max(6vw,2rem);color:#52606d;font-size:.85rem}@media(max-width:720px){header{gap:1rem;flex-direction:column}.grid,form,.pathway-grid{grid-template-columns:1fr}}