.landing .band{background:var(--navy);height:12px}header.site{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;padding:1.1rem 1.5rem}header.site .brand{flex-direction:column;gap:.15rem;display:flex}header.site .brand strong{color:var(--navy);font-size:1.15rem}header.site .brand .eyebrow{margin:0}header.site nav{flex:0 auto;gap:.75rem}a.button{border:1px solid var(--navy);background:var(--navy);color:var(--paper);border-bottom-width:1px;border-radius:6px;padding:.65rem 1.15rem;font-weight:600;text-decoration:none;display:inline-block}a.button:hover{color:var(--paper);background:#0b2236}a.button.secondary{color:var(--navy);background:0 0}a.button.secondary:hover{background:var(--alt);color:var(--navy)}.landing main{max-width:72rem}.beta{background:var(--warn-bg);color:var(--warn);border-left:4px solid var(--warn);border-radius:6px;margin:0 0 2rem;padding:.7rem 1rem}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:3rem;margin-bottom:3.5rem;display:grid}.hero h1{border-bottom:0;margin-bottom:1rem;padding-bottom:0;font-size:2.4rem;line-height:1.12}.lead{color:var(--body);margin:0 0 1.5rem;font-size:1.15rem}.cta{flex-wrap:wrap;gap:.75rem;display:flex}.specimen{margin:0}.specimen svg{filter:drop-shadow(0 12px 24px #12304a38);width:100%;height:auto;display:block}.specimen figcaption{color:var(--muted);text-align:center;margin-top:.9rem;font-size:.9rem}.block{margin-bottom:3rem}.block h2{border-bottom:2px solid var(--navy);margin-top:0;padding-bottom:.5rem;font-size:1.6rem}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.three>div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.4rem 1.5rem}.three h3{margin-top:0;font-size:1.15rem}.three p{color:var(--body);margin:.5rem 0 0}.state{border-radius:999px;margin:0 .25rem .35rem 0;padding:.2rem .6rem;font-size:.85rem;font-weight:700;display:inline-block}.state.ok{background:var(--ok-bg);color:var(--ok)}.state.warn{background:var(--warn-bg);color:var(--warn)}.state.error{background:var(--error-bg);color:var(--error)}footer.site{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:1.25rem 1.5rem;font-size:.9rem}@media (width<=56rem){.hero,.three{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:1.9rem}header.site{flex-direction:column;align-items:flex-start}}