/* ============================================================
   MyTrafficBuzz — Base

   Web fonts, the element reset, and the base typography that the
   rest of the sheets build on.

   Part of the split of the former single style.css (20-Aug-2026).
   Load order matters: see the <link> block in any page head, and
   keep this file in that same position when adding rules.
   ============================================================ */

/* ============================================================
   MyTrafficBuzz v3 — "night signal"
   Full 2026 redesign shipped as a reskin: every selector from
   v1/v2 is preserved so the baked HTML on all ~3,266 pages keeps
   working with zero content / URL / SEO changes.

   System: deep ink-indigo chrome, confident red (single action
   color), honey data highlights, and the v3 signature — an
   aurora "signal field" (honey / azure / iris) drifting behind
   every dark panel, echoed in the CRM skin (admin-v2.css).
   Type: Outfit 800 tight-tracked display + DM Sans body (fonts
   are baked into every page head; treatment does the talking).
   Motion: vanilla layer in js/main.js (?v=6) — reveals, parallax,
   halo, marquee, tilt. prefers-reduced-motion turns it all off.
   Cache: linked as style.css?v=3 — bump on every content change.
   ============================================================ */
/* ------------------------------------------------------------
   Web fonts. Self-hosted so no third-party request blocks the
   first paint; split latin / latin-ext so most visitors only
   download the latin subset. Moved here 20-Aug-2026 from the
   per-page inline <style id="crit"> block, which duplicated
   this whole stylesheet into all 3,109 pages.
   ------------------------------------------------------------ */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/assets/fonts/dmsans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/assets/fonts/dmsans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/outfit-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/outfit-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- element resets and base typography ---------- */
          linear-gradient(var(--gold),var(--gold)) 24px 100%/8px 100% no-repeat;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:'DM Sans',sans-serif;color:var(--txt);line-height:1.7;overflow-x:hidden;background:var(--wh);font-size:16px}
h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;font-weight:700;line-height:1.22;color:var(--pri);letter-spacing:-.015em}
a{text-decoration:none!important;color:inherit;transition:var(--t)}
img{max-width:100%;height:auto}
::selection{background:rgba(226,58,78,.85);color:#fff}

/* ------------------------------------------------------------
   Accessibility helpers.

   .skip-link is the first focusable element on every page. It stays
   off-screen until it receives keyboard focus, then drops into view
   so a keyboard or screen-reader user can jump straight past the
   header and its ~100 navigation links.

   .visually-hidden keeps text in the accessibility tree while
   removing it visually - used for labels that would be redundant
   for sighted users.
   ------------------------------------------------------------ */
.skip-link{
  position:absolute;
  top:-100%;
  left:16px;
  z-index:1000;
  padding:10px 18px;
  border-radius:0 0 10px 10px;
  background:var(--acc);
  color:var(--wh);
  font-weight:600;
  transition:top .18s ease;
}
.skip-link:focus{top:0}

.visually-hidden{
  position:absolute;
  width:1px;height:1px;
  margin:-1px;padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}