/* ===== RESET ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      color: var(--text-body);
      background: var(--surface);
      line-height: 1.7;
      -webkit-font-smoothing: antialiased;
    }
    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    button { font-family: inherit; }

    
/* ===== UTILITIES ===== */
    .container { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; }
    .section-intro { margin-bottom: 56px; }

    
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 4px; }
.nav :focus-visible, .hero :focus-visible, .pillars :focus-visible, .final-cta :focus-visible { outline-color: var(--amber); }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.skip-link { position:absolute; left:16px; top:-100px; z-index:2000; background:var(--amber); color:var(--amber-text); padding:8px 16px; border-radius:6px; font-weight:600; }
.skip-link:focus { top:8px; }
[hidden] { display:none !important; }
