:root{color:#17283a;font-synthesis:none;background:#f4f6f8;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.skip-link{z-index:10;color:#0b1f33;background:#fff;padding:12px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.app-shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0b1f33;flex-direction:column;gap:32px;padding:26px 18px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand-mark{color:#d6b768;border:1px solid #d6b768;border-radius:10px;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:22px;display:grid}.brand div,.privacy-note div{flex-direction:column;display:flex}.brand small,.privacy-note small{color:#9eb0c1;margin-top:3px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#b9c6d2;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px 14px}.sidebar nav button:hover,.sidebar nav button:focus-visible{color:#fff;background:#142f4a;outline:2px solid #0000}.sidebar nav button.active{color:#fff;background:#1b3b59;border-left:3px solid #d6b768}.privacy-note{color:#d6b768;border:1px solid #29445e;border-radius:10px;gap:10px;margin-top:auto;padding:14px;display:flex}.privacy-note small{line-height:1.45}main{padding:34px clamp(24px,4vw,64px)}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:30px}h2{letter-spacing:-.03em;font-size:clamp(28px,4vw,46px);line-height:1.08}h3{font-size:20px}.eyebrow{letter-spacing:.16em;color:#8a6a1c;margin-bottom:8px;font-size:11px;font-weight:750}.runtime{background:#fff;border:1px solid #dce2e7;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;display:flex}.runtime span{background:#b07911;border-radius:50%;width:8px;height:8px}.runtime.online span{background:#198754}.runtime.offline span{background:#c23b3b}.hero{color:#fff;background:linear-gradient(135deg,#102b45,#0b1f33);border-radius:18px;justify-content:space-between;align-items:center;gap:32px;padding:clamp(28px,5vw,54px);display:flex;box-shadow:0 20px 50px #0b1f3320}.hero p:not(.eyebrow){color:#c8d4df;max-width:690px;line-height:1.65}.seal{aspect-ratio:1;color:#d6b768;border:1px solid #d6b768;border-radius:50%;flex-direction:column;flex:0 0 120px;justify-content:center;align-items:center;display:flex}.seal span{font-family:Georgia,serif;font-size:26px}.seal strong{letter-spacing:.18em;font-size:11px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metrics article,.panel,.empty{background:#fff;border:1px solid #dde3e8;border-radius:14px;padding:22px}.metrics small{color:#68798a}.metrics strong{text-transform:capitalize;margin:8px 0;font-size:20px;display:block}.metrics p{color:#71808e;margin-bottom:0;font-size:13px}.grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.panel-head{justify-content:space-between;gap:18px;display:flex}.badge{border-radius:999px;height:max-content;padding:6px 9px;font-size:12px;font-weight:700}.badge.good{color:#176d47;background:#e6f5ee}.badge.pending{color:#8a6512;background:#fbf1d6}.checks{margin:14px 0 0;padding:0;list-style:none}.checks li{border-top:1px solid #edf0f2;padding:11px 0}.checks li:before{content:"✓";color:#198754;margin-right:10px;font-weight:800}.panel>p,.empty>p:not(.eyebrow){color:#647585;line-height:1.6}button{font:inherit}.panel button,.empty button{color:#fff;background:#0b1f33;border:0;border-radius:8px;padding:11px 16px}.panel button:disabled{color:#6d7780;background:#dce1e5}.empty{text-align:center;padding:70px 28px}.empty>span{color:#b18c35;font-size:44px}.empty p{max-width:620px;margin-left:auto;margin-right:auto}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{gap:18px;position:static}.sidebar nav{grid-template-columns:repeat(3,1fr);display:grid}.privacy-note{margin-top:0}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=560px){main{padding:24px 16px}.sidebar nav{grid-template-columns:repeat(2,1fr)}header,.hero{align-items:flex-start}.hero{flex-direction:column}.metrics{grid-template-columns:1fr}.runtime{font-size:0}.runtime:after{content:"API";font-size:13px}}@media (prefers-reduced-motion:no-preference){button,.runtime{transition:background-color .15s,color .15s}}@media (forced-colors:active){.brand-mark,.hero,.sidebar nav button.active,.badge{border:1px solid canvastext}}