:root{color:#17202a;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app-shell{min-height:100vh;padding:32px}.hero-band{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:24px;align-items:stretch;max-width:1360px;margin:0 auto 24px;padding:40px;color:#f9fbff;background:linear-gradient(135deg,#092339f5,#175162f0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='640' viewBox='0 0 1200 640'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.16'%3E%3Cpath d='M0 250 C180 140 280 350 470 210 S760 90 920 230 1070 360 1200 280'/%3E%3Cpath d='M0 370 C170 260 330 420 520 320 S860 160 1200 410'/%3E%3Cpath d='M130 0 V640M360 0 V640M590 0 V640M820 0 V640M1050 0 V640'/%3E%3Cpath d='M0 120 H1200M0 300 H1200M0 480 H1200'/%3E%3C/g%3E%3C/svg%3E");border-radius:8px;box-shadow:0 24px 64px #101f2e2e}.hero-copy{max-width:840px}.eyebrow,.section-kicker{display:flex;gap:8px;align-items:center;margin:0 0 12px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.hero-copy h1{max-width:760px;margin:0;font-size:clamp(2.4rem,4.2vw,5rem);line-height:1.04;letter-spacing:0}.hero-copy p{max-width:720px;margin:20px 0 0;color:#dceaf0;font-size:1.16rem;line-height:1.6}.status-panel,.panel{background:#fff;border:1px solid #dce4ea;border-radius:8px;box-shadow:0 1px 2px #1118270a}.status-panel{display:grid;align-content:center;gap:12px;padding:20px;color:#17202a}.status-row{display:grid;grid-template-columns:28px 1fr;gap:8px 12px;align-items:center;padding:14px;background:#f4f8fa;border-radius:8px}.status-row strong{grid-column:2;color:#0f766e}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1360px;margin:0 auto}.panel{min-width:0;padding:24px}.panel.wide{grid-column:span 2}.panel h2{margin:0 0 18px;font-size:1.45rem;line-height:1.2}.section-kicker{color:#38546b;font-size:.78rem}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.capability-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:16px;background:#f9fbfc;border:1px solid #dde7ee;border-radius:8px}.capability-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:8px}.capability-icon.ready{color:#075985;background:#dff1ff}.capability-icon.next{color:#854d0e;background:#fff1d6}.capability-icon.later{color:#52525b;background:#eceef2}.capability-title-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.capability-card h3,.number-card h3{margin:0;font-size:1rem;line-height:1.28}.capability-card p,.number-card p,.muted{margin:8px 0 0;color:#526374;font-size:.95rem;line-height:1.5}.badge{flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:.76rem;font-weight:800}.badge.ready{color:#064e3b;background:#d1fae5}.badge.next{color:#7c2d12;background:#ffedd5}.badge.later{color:#3f3f46;background:#e4e4e7}.number-list,.endpoint-list,.input-stack{display:grid;gap:12px}.number-card{display:grid;gap:10px;padding:16px;background:#f9fbfc;border:1px solid #dde7ee;border-radius:8px}.number-card a{color:#075985;font-size:1.15rem;font-weight:800;text-decoration:none}.number-stats{display:flex;gap:8px;flex-wrap:wrap}.number-stats span,.input-chip{min-height:36px;padding:8px 10px;color:#243447;background:#eef4f7;border-radius:8px;font-size:.9rem;font-weight:700}.input-chip{display:flex;gap:8px;align-items:center}.code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch}code{display:block;overflow-x:auto;padding:14px;color:#123;background:#edf3f7;border:1px solid #d5e0e8;border-radius:8px;font-size:.92rem;line-height:1.45}button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 18px;color:#fff;background:#0f766e;border:0;border-radius:8px;font-weight:800;cursor:pointer}button:hover{background:#115e59}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}label{display:block;margin-bottom:8px;font-weight:800}input{width:100%;min-height:48px;padding:10px 12px;color:#17202a;background:#fff;border:1px solid #b8c7d3;border-radius:8px}.token-state{display:flex;gap:10px;align-items:center;margin-top:16px;padding:12px;color:#0f5132;background:#d1fae5;border-radius:8px;font-weight:800}.endpoint-list code{white-space:nowrap}@media(max-width:980px){.app-shell{padding:20px}.hero-band,.content-grid,.capability-grid{grid-template-columns:1fr}.panel.wide{grid-column:span 1}}@media(max-width:620px){.app-shell{padding:12px}.hero-band,.panel{padding:20px}.code-row{grid-template-columns:1fr}.capability-title-row{display:grid}}