/* ============================================================
 * AEREDIUM 2026 overlay
 * Loaded AFTER each page's own styles. Touches colour, type,
 * surface and motion only. No layout, no grid, no display
 * changes, so every existing page structure is preserved.
 * ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --a26-cy:#00CCFF;
  --a26-mint:#7CF5C4;
  --a26-vio:#A78BFA;
  --a26-line:rgba(120,190,240,.16);
  --a26-panel:rgba(255,255,255,.035);
  --a26-ink2:#AFC6D8;
}

/* ---------- atmosphere ---------- */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(900px 520px at 16% -6%, rgba(0,204,255,.13), transparent 62%),
    radial-gradient(760px 480px at 88% 22%, rgba(167,139,250,.11), transparent 62%),
    radial-gradient(640px 420px at 52% 78%, rgba(124,245,196,.07), transparent 64%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='.5'/></svg>");
}
/* The atmosphere sits BEHIND everything (html carries no background, so
   body's background paints on the canvas and a z-index:-1 pseudo-element
   still shows through). Nothing else is repositioned: an earlier version
   lifted every direct child of body with position:relative, which flattened
   the fixed-position site menu panel and overlay and stopped the three-dots
   menu from appearing. Do not reintroduce a blanket rule on body > *. */

/* ---------- typography ---------- */
body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
/* the AEREDIUM wordmark keeps its own Palatino calligraphy site-wide */

h1,h2{letter-spacing:-.03em !important;font-weight:700 !important;line-height:1.1 !important}
h3,h4{letter-spacing:-.015em !important}

/* Headline colour is solid. Clipped gradient text with a transparent
   fill fails to paint in Safari and leaves the headline unreadable. */
.hero h1,.testnet-hero h1{color:#fff}
.eyebrow,.section-eyebrow{
  color:var(--a26-cy) !important;letter-spacing:.2em !important;
  text-transform:uppercase;font-weight:600 !important;
}
.lede,.lede-secondary,.hero-inner p{color:var(--a26-ink2) !important}

/* ---------- surfaces ---------- */
.level,.info-card,.stat-card,.dialogue-card,.alts-table,.cta-inner{
  border:1px solid var(--a26-line) !important;
  border-radius:18px !important;
  background:var(--a26-panel) !important;
  backdrop-filter:blur(6px);
  transition:transform .3s cubic-bezier(.22,.7,.3,1), border-color .3s, box-shadow .3s;
}
.level:hover,.info-card:hover,.stat-card:hover,.dialogue-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,204,255,.45) !important;
  box-shadow:0 28px 70px -34px rgba(0,204,255,.55);
}
.stat-value,.level-num{color:#CFF2FF !important;letter-spacing:-.025em}
.stat-label,.level-effort,.level-section-label{
  color:var(--a26-cy) !important;letter-spacing:.14em !important;text-transform:uppercase;
}

/* ---------- buttons ---------- */
.btn-primary,.cta-primary{
  background:linear-gradient(100deg,#00CCFF,#7CF5C4) !important;
  color:#04121D !important;border:0 !important;font-weight:700 !important;
  border-radius:11px !important;
  box-shadow:0 14px 34px -12px rgba(0,204,255,.7);
  transition:transform .25s, box-shadow .25s;
}
.btn-primary:hover,.cta-primary:hover{transform:translateY(-2px)}
.btn-secondary,.cta-secondary{
  border:1px solid rgba(0,204,255,.5) !important;color:var(--a26-cy) !important;
  border-radius:11px !important;background:transparent !important;
  transition:background .25s,border-color .25s;
}
.btn-secondary:hover,.cta-secondary:hover{
  background:rgba(0,204,255,.10) !important;border-color:rgba(0,204,255,.8) !important;
}

/* ---------- table rows ---------- */
.alts-row{border-top:1px solid var(--a26-line) !important}
.alts-attribute{color:#fff !important;font-weight:600 !important}
.alts-cell{color:var(--a26-ink2) !important}

/* ---------- live dot ---------- */
.live-dot{box-shadow:0 0 12px var(--a26-mint) !important}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important}
}
/* wordmark size now lives in site-menu.js, applied site-wide */