:root{color:#e9f1ed;font-synthesis:none;background:#10271f;font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{min-width:280px;margin:0}main{max-width:58rem;margin:0 auto;padding:clamp(1.25rem,5vw,4rem)}.intro{margin-bottom:2.5rem}.demo-badge{color:#d2e5db;border:1px solid #749787;border-radius:2rem;padding:.3rem .8rem;font-size:.85rem;display:inline-block}h1{margin:.5rem 0;font-size:clamp(3rem,8vw,5rem);line-height:1.1}h2{margin-top:0;font-size:1.2rem}.tagline{margin-bottom:.5rem;font-size:clamp(1.3rem,3vw,1.8rem)}.health-card{color:#172b22;background:#f5f8f6;border-radius:1rem;padding:clamp(1.25rem,4vw,2rem)}.health-status{align-items:center;gap:.6rem;font-weight:700;display:flex}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:.65rem;height:.65rem}.checking{color:#68510b}.connected{color:#17663d}.unavailable{color:#a12b28}.health-detail{min-height:3.2rem}button{min-height:44px;font:inherit;color:#fff;cursor:pointer;background:#164f37;border:0;border-radius:.5rem;padding:.75rem 1.1rem;font-weight:600}button:hover:not(:disabled){background:#0c3c28}button:focus-visible{outline-offset:4px;outline:3px solid #ac7713}button:disabled{color:#526159;cursor:wait;background:#dce5df}.demo-note{color:#bfd2c7;margin-top:1.75rem;font-size:.95rem}