:root{color:var(--color-text);background:var(--color-canvas);font-family:Onest,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.shell{min-height:100vh}.topbar{min-height:72px;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.environment,.eyebrow{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.content{width:min(100% - 32px,720px);margin:0 auto;padding:88px 0}.eyebrow{margin:0 0 var(--space-2)}h1,h2,p{margin-top:0}h1{max-width:14ch;margin-bottom:var(--space-4);letter-spacing:-.04em;font-size:clamp(2rem,8vw,3.25rem)}.lead{max-width:54ch;margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.5}.panel-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.panel{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card)}.panel h2{margin-bottom:var(--space-2);font-size:1.125rem}.panel p{color:var(--color-text-secondary);margin-bottom:0;line-height:1.5}@media (max-width:480px){.topbar{padding:0 var(--space-4)}.content{padding:64px 0}}