/** Shopify CDN: Minification failed

Line 38:0 All "@import" rules must come first

**/
/* -------------------------------------------------------------
   Enhanced Games -- Color & Type Foundations
   Source: Enhanced_InterimBrandGuide_042326.pdf,
           Enhanced_Site_Typography_May2026.pdf,
           Figma file "Enhanced Website.fig"
   ------------------------------------------------------------- */

/* -- Brand fonts ----------------------------------------------
   All three brand families are local Shopify theme assets. Space Mono
   is pulled from Google Fonts (it is the official version).

     * GT America             Light/Reg/Med/Bold/Black
     * GT America Extended    Bold/Black
     * PS Times               Regular
     * Space Mono             Regular/Bold (Google Fonts)
   ------------------------------------------------------------- */

/* GT America -- a single family, weights distributed across files */
@font-face { font-family: "GT America"; src: url("GT-America-Light.woff2")   format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "GT America"; src: url("GT-America-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "GT America"; src: url("GT-America-Medium.woff2")  format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "GT America"; src: url("GT-America-Bold.woff2")    format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "GT America"; src: url("GT-America-Black.woff2")   format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }

/* GT America Extended -- separate family (no single-family wide axis in OTF) */
@font-face { font-family: "GT America Extended"; src: url("GT-America-Extended-Bold-LP.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "GT America Extended"; src: url("GT-America-Extended-Black.woff2")   format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }

/* PS Times -- single weight */
@font-face { font-family: "PS Times"; src: url("PS-Times-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

/* Space Mono -- official, from Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");

:root {
  /* -- BRAND COLORS ------------------------------------------- */
  /* Primary palette -- from the brand guide */
  --enhanced-blue:      #0033FF;   /* "Enhanced Blue" -- heat, power, passion. The primary CTA + brand color. Confirmed by brand team. */
  --enhanced-blue-deep: #002ACC;   /* Pressed / dark hover state for the primary blue. */
  --enhanced-purple:    #5328FE;   /* "Enhanced Purple" -- cooling counterpoint to the blue. Confirmed by brand team. */
  --enhanced-purple-lt: #9346FF;   /* Lighter purple -- text on dark, accents. */
  --enhanced-black:     #000000;   /* "Enhanced Black" -- primary surface. */
  --enhanced-near-black:#011B39;   /* Deep navy-black -- used 65x as a fill on photography overlays. */
  --enhanced-white:     #FFFFFF;   /* "Enhanced White" -- used as highlight, surface on light products. */

  /* Accent palette */
  --enhanced-aqua:      #1BE6BF;   /* Accent only -- data viz, "From $169" price chips, success states. Use SPARINGLY. */

  /* Black/white tints -- brand-approved opacity hierarchy */
  --white-90:  rgba(255,255,255, 0.90);
  --white-80:  rgba(255,255,255, 0.80);  /* body copy on dark */
  --white-70:  rgba(255,255,255, 0.70);
  --white-60:  rgba(255,255,255, 0.60);  /* secondary / muted text */
  --white-50:  rgba(255,255,255, 0.50);
  --white-30:  rgba(255,255,255, 0.30);
  --white-20:  rgba(255,255,255, 0.20);  /* hairline borders on dark */
  --white-10:  rgba(255,255,255, 0.10);  /* glassy fill on dark cards */
  --white-05:  rgba(255,255,255, 0.05);  /* PDP info-row tint */

  --black-90:  rgba(0,0,0, 0.90);
  --black-80:  rgba(0,0,0, 0.80);
  --black-70:  rgba(0,0,0, 0.70);
  --black-60:  rgba(0,0,0, 0.60);  /* PDP card fill */
  --black-50:  rgba(0,0,0, 0.50);
  --black-40:  rgba(0,0,0, 0.40);  /* overlay on hero imagery */
  --black-30:  rgba(0,0,0, 0.30);
  --black-25:  rgba(0,0,0, 0.25);  /* drop-shadow on display text over photos */
  --black-20:  rgba(0,0,0, 0.20);  /* button icon-well */

  /* -- SEMANTIC SURFACES -------------------------------------- */
  --bg:               var(--enhanced-black);
  --bg-elevated:      var(--white-05);          /* glassy inset on dark */
  --bg-elevated-2:    var(--white-10);          /* hovered glass */
  --bg-card:          var(--black-60);          /* PDP info card */
  --bg-cta:           var(--enhanced-blue);     /* primary action */
  --bg-cta-hover:     var(--enhanced-blue-deep);
  --bg-light:         var(--enhanced-white);
  --surface-glass:    rgba(255,255,255,0.10);   /* with backdrop-filter blur(24px) */

  --fg:               var(--enhanced-white);
  --fg-muted:         var(--white-80);          /* body */
  --fg-quiet:         var(--white-60);          /* meta, captions */
  --fg-faint:         var(--white-30);
  --fg-on-light:      var(--enhanced-black);
  --fg-link:          var(--enhanced-blue);
  --fg-accent:        var(--enhanced-aqua);

  --border:           var(--white-20);          /* card hairline on dark */
  --border-strong:    rgba(255,255,255,0.40);   /* select/dropdown */
  --border-on-light:  rgba(0,0,0,0.10);

  /* -- TYPE FAMILIES ------------------------------------------ */
  --font-display:  "GT America Extended", "GT America", system-ui, sans-serif;   /* GT America Extended Bold/Black */
  --font-sans:     "GT America", system-ui, sans-serif;                          /* GT America Regular */
  --font-serif:    "PS Times", "Times New Roman", serif;                         /* PS Times -- editorial */
  --font-mono:     "Space Mono", ui-monospace, monospace;                        /* data / labels */

  /* -- TYPE SCALE  (matches Figma sizes 1:1) ------------------ */
  /* Display -- over-tracked, ultra-tight leading, optional ALL-CAPS */
  --display-hero:    110px;  /* "Because you know there's more" */
  --display-1:        55px;  /* "Welcome to the games" / section headers */
  --display-2:        37px;  /* PDP "Testosterone Injections" */
  --display-3:        28px;  /* "Join the enhanced community" */
  --h1:               26px;  /* PDP info-row title */
  --h2:               20px;  /* card subtitles, feature card titles */
  --h3:               18px;  /* large body / subhead */
  --body:             16px;  /* default body */
  --body-sm:          14px;  /* small body / footer links */
  --caption:          12px;  /* mono caption */
  --micro:            10px;  /* mono micro (price chip etc) */

  /* -- LETTER-SPACING ----------------------------------------- */
  --tracking-display:    0;          /* Display headings */
  --tracking-display-tt: 0;          /* All-caps GT Extended display */
  --tracking-body:       -0.0156em;  /* -0.25 / 16 */
  --tracking-mono-cap:   -0.02em;    /* Space Mono all-caps */

  /* -- LINE HEIGHT -------------------------------------------- */
  --leading-display:    0.85;        /* HEADLINE 1: -15% leading from set solid */
  --leading-display-2:  0.90;        /* display & hero */
  --leading-solid:      1.00;        /* HEADLINE 3 & data */
  --leading-body:       1.32;        /* body / paragraph (matches Figma) */

  /* -- RADII -------------------------------------------------- */
  --radius-pill:    9999px;
  --radius-chip:    37px;             /* aqua price chip */
  --radius-lg:      12px;             /* cards, newsletter banner */
  --radius-md:      6px;              /* buttons, inputs, small images */
  --radius-sm:      4px;

  /* -- SPACING ------------------------------------------------ */
  --gutter-mobile:  24px;
  --gutter-desktop: 48px;
  --section-pad:    96px;            /* full-bleed sections -- height of footer top-row */
  --space-1:  4px;
  --space-2:  6px;
  --space-3:  12px;
  --space-4:  18px;
  --space-5:  24px;
  --space-6:  36px;
  --space-7:  48px;
  --space-8:  72px;
  --space-9:  96px;

  /* -- SHADOWS ------------------------------------------------ */
  --shadow-text:    0 4px 4px rgba(0,0,0,0.25);   /* applied to display copy floating over photos */
  --shadow-card:    0 1px 0 rgba(255,255,255,0.05) inset;

  /* -- EFFECTS ------------------------------------------------ */
  --blur-glass:     blur(24px);

  /* -- MOTION ------------------------------------------------- */
  --ease-out:    cubic-bezier(.22,.61,.36,1);
  --dur-fast:    120ms;
  --dur-base:    200ms;
  --dur-slow:    320ms;
  --dur-luxe:    680ms;
  --ease-luxe:   cubic-bezier(.16,1,.3,1);
}

/* -- BASE TYPOGRAPHY ------------------------------------------
   Map directly to the spec sheet in
   Enhanced_Site_Typography_May2026.pdf
   ------------------------------------------------------------- */

html, body {
  font-family: var(--font-sans);
  font-size: var(--body);
  line-height: var(--leading-body);
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Display headings — GT America EXTENDED, all-caps. The brand's "Confident,
   athletic, bold" voice. Used for hero/section banner headlines. Sentence-case
   GT America Black is also acceptable when an editorial register is wanted —
   override .display-* with .display-cased on those elements. */
.display-hero,
.display-1,
.display-2,
.display-3,
h1 {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: var(--tracking-display-tt);
  line-height: var(--leading-display);
  text-transform: uppercase;
  text-wrap: balance;
}

.display-cased {
  font-family: var(--font-sans) !important;
  text-transform: none !important;
  letter-spacing: var(--tracking-display) !important;
  line-height: var(--leading-display-2) !important;
}

.display-hero { font-size: var(--display-hero); line-height: var(--leading-display-2); }
.display-1    { font-size: var(--display-1);    line-height: var(--leading-display-2); }
.display-2    { font-size: var(--display-2);    line-height: var(--leading-solid); letter-spacing: 0; }
.display-3    { font-size: var(--display-3);    line-height: var(--leading-solid); }

h1, .h1 {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--h1);
  line-height: var(--leading-solid);
  letter-spacing: 0;
}
h2, .h2 {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--h2);
  line-height: var(--leading-solid);
}
h3, .h3 {
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: var(--h3);
  line-height: var(--leading-body);
}

/* All-caps GT Extended display -- typography.pdf HEADLINE 1 */
.display-tt {
  font-family: var(--font-display);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: var(--tracking-display-tt);
  line-height: var(--leading-display);
}

/* Editorial -- PS Times sentence-case (typography.pdf HEADLINE 3) */
.editorial {
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: var(--leading-solid);
  font-style: normal;
}
.editorial-italic { font-style: italic; }

/* Body */
p, .body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--body);
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-body);
  color: var(--fg-muted);
}
.body-lg { font-size: var(--h3); font-weight: 300; }   /* 18px GT Light */
.body-sm { font-size: var(--body-sm); }
.body-quiet { color: var(--fg-quiet); }

/* Data / monospace labels -- typography.pdf SUBTITLE 2 + DATA */
.mono, .data {
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: var(--caption);
  letter-spacing: var(--tracking-mono-cap);
  text-transform: uppercase;
  line-height: 1.1;
}
.mono-micro { font-size: var(--micro); }
.mono-cap-bold { font-weight: 700; }

/* Drop shadow for display copy that floats over imagery */
.over-photo {
  text-shadow: var(--shadow-text);
}

/* Links */
a {
  color: inherit;
  text-decoration: none;
  transition: opacity var(--dur-fast) var(--ease-out);
}
a:hover { opacity: 0.7; }

/* Selection */
::selection {
  background: var(--enhanced-blue);
  color: var(--enhanced-white);
}


/* Enhanced Shopify site — vanilla HTML/CSS/JS
   ─────────────────────────────────────────────────────────────────
   Container queries are scoped to `body` so every component reflows
   responsively to viewport width.

   Breakpoints (viewport / body inline-size):
     ≥ 1100px   Desktop  (multi-col grids, split heroes, full nav)
     ≥ 720px    Tablet   (2-col grids, stacked hero, hamburger)
     < 720px    Mobile   (1-col, compressed type, drawer nav)

   Color rules:
     - Aqua accent only on small badges + tiny accent details
     - CTAs: blue / white / outline (never aqua)
     - Stars, checkmarks, feature icons all WHITE
   ───────────────────────────────────────────────────────────────── */

* { box-sizing: border-box; }

html, body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

body {
  container-type: inline-size;
  container-name: eg;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; }
img { display: block; max-width: 100%; }

/* —— LP NAV —————————————————————————————————————————————— */
.shopify-section:has(.eg-lp-nav) {
  position: sticky;
  top: 0;
  z-index: 90;
}
.eg-lp-nav {
  position: relative;
  top: 0;
  z-index: 90;
  width: 100%;
  background: rgba(0,0,0,.86);
  border-bottom: 1px solid var(--white-10);
  backdrop-filter: blur(18px);
  transition:
    background 260ms var(--ease-out),
    border-color 260ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}
.eg-lp-nav.is-scrolled {
  background: rgba(0,0,0,.94);
  border-bottom-color: rgba(255,255,255,.16);
  box-shadow: 0 20px 48px rgba(0,0,0,.28);
}
.eg-lp-nav__inner {
  width: min(100%, 1220px);
  margin: 0 auto;
  min-height: 72px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.eg-lp-nav__logo {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.eg-lp-nav__logo-image {
  width: auto;
  height: 18px;
  max-width: 180px;
  object-fit: contain;
  transition: opacity 180ms var(--ease-out), transform 260ms var(--ease-out);
}
.eg-lp-nav__logo-text {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fff;
}
.eg-lp-nav__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 12px 18px;
  border-radius: 8px;
  background: #fff;
  color: #000;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  transition:
    background 180ms var(--ease-out),
    color 180ms var(--ease-out),
    transform 180ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}
.eg-lp-nav__cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(255,255,255,.18);
}
#lp-product-buy-box {
  scroll-margin-top: 72px;
}
.shopify-section:has(.eg-lp-nav) + .shopify-section #lp-product-buy-box {
  padding-top: 56px !important;
}
@media screen and (max-width: 749px) {
  .eg-lp-nav__inner {
    min-height: 64px;
    padding: 0 20px;
  }
  .eg-lp-nav__logo-image {
    height: 15px;
    max-width: 140px;
  }
  .eg-lp-nav__cta {
    min-height: 40px;
    padding: 11px 14px;
    font-size: 12px;
  }
  #lp-product-buy-box {
    scroll-margin-top: 64px;
  }
  .shopify-section:has(.eg-lp-nav) + .shopify-section #lp-product-buy-box {
    padding-top: 32px !important;
  }
}

/* —— CONTAINER ————————————————————————————————————————————— */
.eg-container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 32px;
}
@container eg (max-width: 720px) {
  .eg-container { padding: 0 20px; }
}

/* —— RESPONSIVE GRID UTILITIES ———————————————————————————————— */
.eg-grid { display: grid; gap: 24px; }
.eg-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.eg-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.eg-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.eg-grid-split  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.eg-grid-57     { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.eg-grid-product{ grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
@container eg (max-width: 1100px) {
  .eg-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eg-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eg-grid-57, .eg-grid-product, .eg-grid-split { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@container eg (max-width: 720px) {
  .eg-grid { gap: 16px; }
  .eg-grid-4, .eg-grid-3, .eg-grid-2 { grid-template-columns: minmax(0, 1fr); }
}
.eg-grid-4-tight { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@container eg (max-width: 1100px) { .eg-grid-4-tight { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* —— SECTION PADDING ———————————————————————————————————————— */
.eg-pad-section { padding: 120px 0; }
.eg-pad-section-lg { padding: 140px 0; }
@container eg (max-width: 1100px) {
  .eg-pad-section { padding: 96px 0; }
  .eg-pad-section-lg { padding: 110px 0; }
}
@container eg (max-width: 720px) {
  .eg-pad-section { padding: 64px 0; }
  .eg-pad-section-lg { padding: 72px 0; }
}

/* —— MOTION PRIMITIVES ————————————————————————————————————— */
.eg-reveal {
  opacity: 0;
  transform: translate3d(0, 28px, 0) scale(.992);
  filter: blur(10px);
  transition:
    opacity var(--dur-luxe) var(--ease-luxe),
    transform var(--dur-luxe) var(--ease-luxe),
    filter var(--dur-luxe) var(--ease-luxe);
  transition-delay: calc(var(--eg-stagger, 0) * 46ms);
  will-change: opacity, transform, filter;
}
.eg-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

/* —— BUTTONS ————————————————————————————————————————————— */
.eg-btn {
  display: inline-flex; align-items: stretch; height: 57px;
  border: 0; padding: 0; margin: 0;
  border-radius: 6px; overflow: hidden;
  cursor: pointer; text-decoration: none;
  font-family: var(--font-sans); font-size: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
  transition:
    background var(--dur-fast) var(--ease-out),
    color var(--dur-fast) var(--ease-out),
    box-shadow var(--dur-base) var(--ease-out),
    transform 140ms var(--ease-out);
}
.eg-btn:hover { transform: translateY(-1px); box-shadow: 0 16px 36px rgba(0,51,255,.22); }
.eg-btn:active { transform: scale(0.98); }
.eg-btn .lbl { display: flex; align-items: center; padding: 0 24px; white-space: nowrap; line-height: 1; }
.eg-btn .ico { display: flex; align-items: center; justify-content: center; width: 57px; flex: 0 0 57px; }
.eg-btn .ico svg { width: 16px; height: 16px; transition: transform 180ms var(--ease-out); }
.eg-btn:hover .ico svg { transform: translateX(2px); }
.eg-btn--primary  { background: var(--enhanced-blue); color: #fff; }
.eg-btn--primary:hover { background: var(--enhanced-blue-deep); }
.eg-btn--primary .ico { background: rgba(0,0,0,.2); }
.eg-btn--secondary { background: #fff; color: var(--enhanced-blue); }
.eg-btn--secondary:hover { background: #f4f4f4; }
.eg-btn--secondary .ico { background: rgba(0,51,255,.05); }
.eg-btn--outline { background: transparent; border: 1px solid var(--white-30); color: #fff; }
.eg-btn--outline:hover { background: rgba(255,255,255,.05); border-color: var(--white-50); }
.eg-btn--no-icon .lbl { padding-right: 24px; }
.eg-btn--block { width: 100%; }
.eg-btn--block .lbl { flex: 1; justify-content: center; }
.eg-btn--sm { height: 44px; font-size: 13px; }
.eg-btn--sm .ico { width: 44px; }
@container eg (max-width: 720px) {
  .eg-btn { height: 50px; font-size: 14px; }
  .eg-btn .lbl { padding: 0 18px; }
  .eg-btn .ico { width: 50px; flex: 0 0 50px; }
}

/* —— CHIPS / BADGES ——————————————————————————————————————— */
.eg-chip {
  display: inline-flex; align-items: center; height: 24px;
  padding: 0 10px; border-radius: 9999px;
  font-family: var(--font-mono); font-size: 10px; font-weight: 400;
  letter-spacing: var(--tracking-mono-cap); text-transform: uppercase;
  backdrop-filter: blur(24px);
}
.eg-chip--aqua  { background: rgba(27,230,191,.14); color: var(--enhanced-aqua); }
.eg-chip--white { background: rgba(255,255,255,.10); color: #fff; }
.eg-chip--blue  { background: var(--enhanced-blue); color: #fff; }
.eg-chip--outline { background: transparent; border: 1px solid var(--white-30); color: #fff; }

/* —— ICONS — universal sizing & default color ————————————— */
.eg-icon { width: 20px; height: 20px; flex: 0 0 auto; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.6; }
.eg-icon--lg { width: 28px; height: 28px; }
.eg-icon--xl { width: 56px; height: 56px; }
.eg-icon--bold { stroke-width: 2.4; }

/* —— TOP NAV ————————————————————————————————————————————— */
.eg-nav {
  position: absolute; top: 0; left: 0; right: 0; z-index: 10;
  display: flex; align-items: center; justify-content: space-between;
  padding: 24px 32px; gap: 24px;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.eg-nav-left { display: flex; align-items: center; gap: 36px; min-width: 0; }
.eg-nav-logo { display: inline-flex; align-items: center; height: 18px; color: #fff; }
.eg-nav-logo svg { height: 100%; width: auto; }
.eg-nav-links { display: flex; gap: 28px; align-items: center; }
.eg-nav-links a {
  color: #fff; font-family: var(--font-sans); font-size: 14px;
  letter-spacing: -0.014em; white-space: nowrap; opacity: 0.85;
  transition: opacity var(--dur-fast) var(--ease-out);
}
.eg-nav-links a:hover, .eg-nav-links a.is-active { opacity: 1; }
.eg-nav-actions { display: flex; gap: 22px; align-items: center; }
.eg-nav-actions a { color: #fff; display: inline-flex; align-items: center; gap: 6px; }
.eg-nav-quiz { font-size: 14px; white-space: nowrap; }
.eg-cart-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 14px; border-radius: 9999px;
  background: rgba(255,255,255,.08); backdrop-filter: blur(24px);
  border: 1px solid var(--white-20);
  font-family: var(--font-mono); font-size: 10px; text-transform: uppercase;
  letter-spacing: var(--tracking-mono-cap); color: #fff;
}
.eg-nav-hamburger {
  display: none; width: 40px; height: 40px; border-radius: 8px;
  border: 1px solid var(--white-20); background: rgba(0,0,0,.4);
  backdrop-filter: blur(12px); align-items: center; justify-content: center;
  cursor: pointer; color: #fff;
}
@container eg (max-width: 1100px) {
  .eg-nav-links { display: none; }
  .eg-nav-hamburger { display: inline-flex; }
  .eg-nav-actions { gap: 14px; }
}
@container eg (max-width: 720px) {
  .eg-nav { padding: 16px 20px; gap: 14px; }
  .eg-nav-quiz, .eg-nav-actions a[aria-label="account"] { display: none; }
  .eg-cart-pill { padding: 6px 12px; }
}

/* Mobile menu drawer — opens from the right on hamburger tap */
.eg-mobile-menu {
  position: fixed; inset: 0; z-index: 100;
  background: rgba(0,0,0,.92); backdrop-filter: blur(24px);
  display: flex; flex-direction: column;
  opacity: 0; pointer-events: none; transition: opacity 200ms var(--ease-out);
}
.eg-mobile-menu.is-open { opacity: 1; pointer-events: auto; }
.eg-mobile-menu-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 20px; border-bottom: 1px solid var(--white-10);
}
.eg-mobile-menu-close {
  width: 40px; height: 40px; border-radius: 8px;
  border: 1px solid var(--white-20); background: transparent;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer; color: #fff;
}
.eg-mobile-menu-links {
  display: flex; flex-direction: column; padding: 20px;
  flex: 1; overflow-y: auto;
}
.eg-mobile-menu-links a {
  padding: 18px 0; border-bottom: 1px solid var(--white-10);
  font-family: var(--font-display); font-weight: 900;
  font-size: 30px; text-transform: uppercase; letter-spacing: -0.04em;
  color: #fff;
}

/* —— DISPLAY HEADERS (responsive via clamp) ————————————— */
.eg-display {
  font-family: var(--font-display); font-weight: 900;
  text-transform: uppercase; letter-spacing: 0;
  line-height: 0.88; color: #fff; margin: 0;
  text-wrap: balance;
}
.eg-display-1 { font-size: clamp(44px, 7.4cqi, 92px); }
.eg-display-2 { font-size: clamp(37px, 5.5cqi, 66px); }
.eg-display-3 { font-size: clamp(29px, 4.2cqi, 44px); }
.eg-display-4 { font-size: clamp(22px, 2.8cqi, 29px); }
.eg-display-hero { font-size: clamp(52px, 9.2cqi, 114px); letter-spacing: 0; line-height: 0.88; }

.eg-editorial { font-family: var(--font-serif); font-weight: 400; letter-spacing: -0.005em; line-height: 1.15; }
.eg-mono { font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); color: var(--white-60); }
.eg-body { font-family: var(--font-sans); font-size: 16px; line-height: 1.45; letter-spacing: -0.014em; color: var(--white-80); margin: 0; }
.eg-body-lg { font-size: 18px; line-height: 1.4; }
.eg-body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; color: var(--white-70); margin: 0; }
.eg-eyebrow { font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); color: var(--white-60); }
@container eg (max-width: 720px) {
  .eg-body { font-size: 15px; }
}

/* —— SECTION HEAD (flex row that collapses on small) ——————— */
.eg-section-head {
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 48px; margin-bottom: 56px;
}
.eg-section-head-stack { display: flex; flex-direction: column; gap: 16px; max-width: 720px; }
@container eg (max-width: 1100px) {
  .eg-section-head { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 40px; }
}

/* —— MARQUEE ————————————————————————————————————————— */
.eg-marquee {
  overflow: hidden; position: relative;
  border-top: 1px solid var(--white-10);
  border-bottom: 1px solid var(--white-10);
  padding: 22px 0; background: #000;
  --marquee-dur: 38s;
}
.eg-marquee-track {
  display: flex; gap: 64px; width: max-content;
  animation: eg-marquee-scroll var(--marquee-dur) linear infinite;
}
.eg-marquee-item {
  font-family: var(--font-mono); font-size: 13px;
  text-transform: uppercase; letter-spacing: var(--tracking-mono-cap);
  color: var(--white-70); white-space: nowrap;
  display: inline-flex; align-items: center; gap: 12px;
}
.eg-marquee-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--enhanced-aqua); flex: 0 0 6px; }
@keyframes eg-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@container eg (max-width: 720px) {
  .eg-marquee { padding: 16px 0; }
  .eg-marquee-track { gap: 36px; }
  .eg-marquee-item { font-size: 11px; }
}

/* —— PRODUCT CARD ——————————————————————————————————————— */
.eg-pcard {
  position: relative; width: 100%; aspect-ratio: 318/460;
  border-radius: 12px; overflow: hidden;
  border: 1px solid var(--white-20);
  cursor: pointer; color: #fff; text-decoration: none;
  transition: border-color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.eg-pcard:hover { border-color: var(--white-30); transform: translateY(-2px); }
.eg-pcard-img { position: absolute; inset: 0; background-size: cover; background-position: center; }
.eg-pcard-grad {
  position: absolute; left:0; right:0; bottom:0; height: 70%;
  background: linear-gradient(to top, #000 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,0) 100%);
}
.eg-pcard-body { position: absolute; left: 20px; right: 20px; bottom: 20px; display: flex; flex-direction: column; gap: 10px; }
.eg-pcard-title {
  font-family: var(--font-display); font-weight: 900; font-size: 28px;
  line-height: 1; letter-spacing: -0.04em; text-transform: uppercase; color: #fff;
}
.eg-pcard-sub { font-family: var(--font-sans); font-size: 14px; color: var(--white-70); }
.eg-pcard-chip { position: absolute; top: 20px; left: 20px; }
.eg-pcard-price {
  position: absolute; top: 20px; right: 20px;
  font-family: var(--font-mono); font-size: 11px; color: #fff;
  text-transform: uppercase; letter-spacing: var(--tracking-mono-cap);
  padding: 4px 10px; border-radius: 9999px;
  background: rgba(0,0,0,.4); backdrop-filter: blur(12px);
}
@container eg (max-width: 720px) {
  .eg-pcard-title { font-size: 22px; }
  .eg-pcard-body { left: 16px; right: 16px; bottom: 16px; }
}

/* —— FAQ ——————————————————————————————————————————— */
.eg-faq-item { border-bottom: 1px solid var(--white-10); }
.eg-faq-toggle {
  display: flex; justify-content: space-between; align-items: center; gap: 24px;
  width: 100%; padding: 28px 0;
  background: transparent; border: 0; cursor: pointer; text-align: left;
  color: #fff;
}
.eg-faq-q { font-family: var(--font-sans); font-size: 22px; line-height: 1.15; color: #fff; letter-spacing: -0.015em; margin: 0; }
.eg-faq-icon {
  width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%;
  border: 1px solid var(--white-30); display: flex; align-items: center; justify-content: center;
  transition: transform var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);
  color: #fff;
}
.eg-faq-icon svg { width: 14px; height: 14px; }
.eg-faq-item.is-open .eg-faq-icon { transform: rotate(45deg); background: var(--white-10); }
.eg-faq-body {
  max-height: 0; overflow: hidden;
  transition: max-height var(--dur-slow) var(--ease-out), padding-bottom var(--dur-slow) var(--ease-out);
  padding-bottom: 0;
}
.eg-faq-item.is-open .eg-faq-body { max-height: 400px; padding-bottom: 28px; }
.eg-faq-a {
  font-family: var(--font-sans); font-size: 15px; line-height: 1.55;
  color: var(--white-70); max-width: 720px; margin: 0;
}
@container eg (max-width: 720px) {
  .eg-faq-toggle { padding: 22px 0; }
  .eg-faq-q { font-size: 18px; }
}

/* —— STAR RATING — WHITE (per design rule) ————————————— */
.eg-stars { display: inline-flex; gap: 2px; color: #fff; }
.eg-stars svg { width: 14px; height: 14px; fill: currentColor; stroke: none; }
.eg-stars .is-empty { color: var(--white-20); }

/* —— CHECKMARKS — WHITE BG WITH BLACK CHECK FOR BULLETS ——— */
.eg-check {
  display: inline-flex; width: 24px; height: 24px; border-radius: 12px;
  align-items: center; justify-content: center; flex: 0 0 24px;
  background: #fff; color: #000;
}
.eg-check svg {
  width: 14px; height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.eg-check--sm { width: 18px; height: 18px; flex: 0 0 18px; }
.eg-check--sm svg { width: 10px; height: 10px; }
.eg-check--outline { background: transparent; border: 1px solid var(--white-30); color: #fff; }

/* —— HAIRLINES ————————————————————————————————————————— */
.eg-hairline { height: 1px; background: var(--white-10); border: 0; margin: 0; }
.eg-hairline-strong { background: var(--white-20); }

/* —— HERO (homepage split) ———————————————————————————————— */
.eg-hero {
  position: relative; background: #000; overflow: hidden;
  min-height: 880px;
}
.eg-hero-photo-bg {
  position: absolute; top: 0; right: 0; width: 54%; height: 100%;
  background-size: cover; background-position: center;
}
.eg-hero-photo-grad {
  position: absolute; top: 0; right: 0; width: 54%; height: 100%;
  background: linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.4) 100%);
}
.eg-hero-content {
  position: relative; z-index: 2; min-height: 880px;
  display: flex; align-items: center; padding-top: 120px;
}
.eg-hero-stack { display: flex; flex-direction: column; gap: 28px; max-width: 720px; }
.eg-hero-stats { display: flex; gap: 24px; margin-top: 24px; padding-top: 28px; border-top: 1px solid var(--white-10); max-width: 540px; flex-wrap: wrap; }
.eg-hero-stat-num { font-family: var(--font-display); font-weight: 900; font-size: clamp(22px, 2.8cqi, 28px); letter-spacing: 0; }
@container eg (max-width: 1100px) {
  .eg-hero { min-height: 700px; }
  .eg-hero-photo-bg { width: 100%; opacity: .6; }
  .eg-hero-photo-grad { width: 100%; background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,.85) 100%); }
  .eg-hero-content { min-height: 700px; }
}
@container eg (max-width: 720px) {
  .eg-hero { min-height: 620px; }
  .eg-hero-content { padding-top: 96px; min-height: 620px; }
  .eg-hero-stack { gap: 20px; }
  .eg-hero-stats { gap: 16px; padding-top: 20px; margin-top: 16px; }
}

/* —— RESPONSIVE GAP / PAD HELPERS —————————————————————— */
.eg-gap-lg { gap: 80px; }
@container eg (max-width: 1100px) { .eg-gap-lg { gap: 48px; } }
@container eg (max-width: 720px)  { .eg-gap-lg { gap: 32px; } }
.eg-card-pad-lg { padding: 64px; }
@container eg (max-width: 1100px) { .eg-card-pad-lg { padding: 48px; } }
@container eg (max-width: 720px)  { .eg-card-pad-lg { padding: 32px 24px; } }

/* —— NEWSLETTER + FOOTER ———————————————————————————————— */
.eg-newsletter {
  border-radius: 12px; background: var(--enhanced-blue);
  padding: 48px;
  display: flex; justify-content: space-between; align-items: center; gap: 32px;
  color: #fff;
}
.eg-newsletter-text { display: flex; flex-direction: column; gap: 6px; max-width: 522px; }
.eg-newsletter-title { font-family: var(--font-sans); font-size: clamp(22px, 3cqi, 30px); line-height: 1.05; letter-spacing: -0.03em; }
.eg-newsletter-sub { font-family: var(--font-sans); font-weight: 300; font-size: clamp(14px, 1.7cqi, 17px); opacity: 0.9; }
.eg-newsletter-form { display: flex; gap: 6px; }
.eg-newsletter-input {
  width: 320px; height: 54px; padding: 0 24px;
  background: transparent; border: 1px solid #fff; border-radius: 6px;
  color: #fff; font-family: var(--font-sans); font-size: 14px;
}
.eg-newsletter-input::placeholder { color: rgba(255,255,255,.7); }
@container eg (max-width: 1100px) {
  .eg-newsletter { flex-direction: column; align-items: flex-start; gap: 20px; padding: 36px; }
  .eg-newsletter-form { width: 100%; }
  .eg-newsletter-input { width: 100%; flex: 1; }
}
@container eg (max-width: 720px) {
  .eg-newsletter { padding: 28px; border-radius: 10px; }
  .eg-newsletter-form { flex-direction: column; }
  .eg-newsletter-input { width: 100%; }
}

.eg-footer { padding: 120px 0 48px; background: #000; }
.eg-footer-grid { margin-top: 80px; padding-bottom: 80px; gap: 32px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
@container eg (max-width: 1100px) { .eg-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container eg (max-width: 720px)  {
  .eg-footer { padding: 80px 0 32px; }
  .eg-footer-grid { margin-top: 56px; padding-bottom: 56px; }
}
.eg-footer-col { display: flex; flex-direction: column; gap: 24px; }
.eg-footer-col h4 { font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); color: var(--white-60); margin: 0; font-weight: 400; }
.eg-footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.eg-footer-col a { color: #fff; font-size: 15px; }
.eg-footer-socials { display: flex; gap: 12px; }
.eg-footer-social {
  display: inline-flex; width: 44px; height: 44px; border-radius: 22px;
  border: 1px solid var(--white-20); align-items: center; justify-content: center;
  color: #fff;
}
.eg-footer-bottom {
  display: flex; justify-content: space-between; align-items: center;
  gap: 20px; flex-wrap: wrap;
  padding-top: 24px; border-top: 1px solid var(--white-10);
}
.eg-footer-trust { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.eg-footer-legal-links { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
.eg-footer-legal-links a { color: var(--white-60); font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); }
.eg-footer-copy { margin-top: 24px; text-align: right; opacity: 0.4; font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); }
@container eg (max-width: 720px) {
  .eg-footer-bottom { flex-direction: column; align-items: flex-start; }
  .eg-footer-copy { text-align: left; }
}

/* —— FEATURED PRODUCTS / FEATURED INGREDIENTS  ——————————— */
.eg-ingredients { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
@container eg (max-width: 1100px) { .eg-ingredients { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container eg (max-width: 720px)  { .eg-ingredients { grid-template-columns: minmax(0, 1fr); } }
.eg-ing-card {
  position: relative; padding: 28px; border-radius: 12px;
  background: var(--white-05); border: 1px solid var(--white-10);
  min-height: 260px; display: flex; flex-direction: column; gap: 18px;
  transition:
    transform 260ms var(--ease-out),
    border-color 260ms var(--ease-out),
    background 260ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}
.eg-ing-icon {
  width: 56px; height: 56px; border-radius: 28px;
  background: var(--white-10); display: inline-flex; align-items: center; justify-content: center;
  color: #fff;
}
.eg-ing-icon svg { width: 26px; height: 26px; stroke-width: 1.5; }
.eg-ing-dose { font-family: var(--font-mono); font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); }
.eg-ing-name { font-family: var(--font-sans); font-size: 22px; line-height: 1.1; color: #fff; letter-spacing: -0.015em; }
.eg-ing-desc { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; color: var(--white-70); margin-top: 6px; }
.eg-ing-foot {
  margin-top: 40px; display: flex; justify-content: space-between; align-items: center;
  padding: 24px 0; border-top: 1px solid var(--white-10); flex-wrap: wrap; gap: 16px;
}
.eg-ing-foot-list { display: flex; gap: 28px; flex-wrap: wrap; }
.eg-ing-foot-list span { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); color: var(--white-60); }
.eg-section-inverse {
  background: #fff;
  color: #000;
}
.eg-section-inverse .eg-display,
.eg-section-inverse .eg-body,
.eg-section-inverse .eg-body-sm,
.eg-section-inverse .eg-mono {
  color: #000;
}
.eg-section-inverse .eg-body,
.eg-section-inverse .eg-body-sm {
  color: rgba(0,0,0,.68);
}
.eg-section-inverse .eg-ing-card,
.eg-section-inverse .eg-advisor {
  background: #fff;
  border-color: rgba(0,0,0,.12);
}
.eg-section-inverse .eg-ing-card {
  box-shadow: 0 18px 44px rgba(0,0,0,.06);
}
.eg-section-inverse .eg-ing-icon {
  background: rgba(26,4,255,.08);
  color: #1A04FF;
}
.eg-section-inverse .eg-ing-dose,
.eg-section-inverse .eg-ing-name,
.eg-section-inverse .eg-advisor-name {
  color: #000;
}
.eg-section-inverse .eg-ing-desc,
.eg-section-inverse .eg-advisor-cred {
  color: rgba(0,0,0,.62);
}
.eg-section-inverse .eg-advisor-body {
  background: #f5f5f5;
}
.eg-section-inverse .eg-advisor-title {
  color: rgba(0,0,0,.58);
}
.eg-advisory-board {
  padding-bottom: 64px;
}
@container eg (max-width: 1100px) {
  .eg-advisory-board { padding-bottom: 52px; }
}
@container eg (max-width: 720px) {
  .eg-advisory-board { padding-bottom: 40px; }
}

/* —— IMAGE BANNER (full-width photo) ——————————————————— */
.eg-image-banner {
  position: relative; min-height: 640px; overflow: hidden; background: #000;
}
.eg-image-banner-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.eg-image-banner-grad { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.2) 60%, rgba(0,0,0,.6) 100%); }
.eg-image-banner-content {
  position: relative; z-index: 2; min-height: 640px;
  display: flex; flex-direction: column; justify-content: center; gap: 24px;
  padding: 64px 0;
}
@container eg (max-width: 720px) {
  .eg-image-banner { min-height: 480px; }
  .eg-image-banner-content { min-height: 480px; }
}

/* —— IMAGE WITH TEXT ———————————————————————————————————— */
.eg-iwt-image {
  position: relative; aspect-ratio: 5 / 4;
  border-radius: 12px; overflow: hidden;
}
.eg-iwt-image-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.eg-iwt-image-grad { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.5) 100%); }
.eg-iwt-image-label {
  position: absolute; left: 24px; bottom: 24px; display: flex; flex-direction: column; gap: 8px;
}

/* —— MULTI-COLUMN IMAGE-ABOVE-TEXT cards ————————————————— */
.eg-iat-card { display: flex; flex-direction: column; gap: 24px; }
.eg-iat-card-img {
  position: relative; aspect-ratio: 4 / 5;
  border-radius: 12px; overflow: hidden;
}
.eg-iat-card-img-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.eg-iat-card-img-grad { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.6) 100%); }
.eg-iat-card-eyebrow { position: absolute; top: 20px; left: 20px; color: #fff; }
.eg-iat-card-title { font-family: var(--font-sans); font-weight: 400; font-size: clamp(22px, 2.6cqi, 30px); line-height: 1.05; letter-spacing: -0.03em; color: #fff; margin: 0; }
.eg-iat-card-cta { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-sans); font-size: 15px; color: #fff; margin-top: 8px; }

/* —— ATHLETE CAROUSEL ———————————————————————————————————— */
.eg-athletes {
  position: relative; min-height: 720px; overflow: hidden; background: #000;
}
.eg-athletes-stage { position: absolute; inset: 0; }
.eg-athletes-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 320ms var(--ease-out); }
.eg-athletes-slide.is-active { opacity: 1; }
.eg-athletes-slide-bg {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  transform: scale(1.02);
  transition: transform 1200ms var(--ease-luxe);
}
.eg-athletes-slide.is-active .eg-athletes-slide-bg { transform: scale(1); }
.eg-athletes-slide-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #1A04FF 99%);
}
.eg-athletes-grad { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.9) 100%); z-index: 1; }
.eg-athletes-content {
  position: relative; z-index: 2; padding: 180px 0 80px;
  min-height: 720px; display: flex; flex-direction: column; justify-content: flex-end;
}
.eg-athletes-quote-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 60px; align-items: end; }
@container eg (max-width: 1100px) { .eg-athletes-quote-row { grid-template-columns: minmax(0, 1fr); gap: 40px; } }
.eg-athletes-quote { font-family: var(--font-serif); font-weight: 400; font-size: clamp(20px, 2.4cqi, 30px); line-height: 1.2; color: #fff; margin: 0; text-shadow: 0 2px 12px rgba(0,0,0,.4); }
.eg-athletes-stat { font-family: var(--font-display); font-weight: 900; font-size: clamp(48px, 7cqi, 88px); letter-spacing: 0; line-height: 0.88; color: #fff; text-transform: uppercase; }
.eg-athletes-foot {
  display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
  padding-top: 28px; border-top: 1px solid var(--white-20);
}
@container eg (max-width: 720px) {
  .eg-athletes { min-height: 540px; }
  .eg-athletes-content { padding: 120px 0 60px; min-height: 540px; }
}
.eg-athletes-quote-stage { position: relative; }
.eg-athletes-quote-stage [data-carousel-slide] { display: none; }
.eg-athletes-quote-stage [data-carousel-slide].is-active { display: block; }

/* —— GENERIC CAROUSEL NAV (round arrow buttons) ————————— */
.eg-nav-btn {
  width: 44px; height: 44px; border-radius: 22px;
  background: transparent; border: 1px solid var(--white-30); color: #fff;
  cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
  transition:
    background 180ms var(--ease-out),
    border-color 180ms var(--ease-out),
    color 180ms var(--ease-out),
    transform 180ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}
.eg-nav-btn:hover {
  border-color: var(--white-50);
  background: rgba(255,255,255,.05);
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(0,0,0,.22);
}
.eg-nav-btn--solid { background: #fff; color: #000; border-color: #fff; }
.eg-nav-btn--solid:hover { background: #f0f0f0; color: #000; }
.eg-nav-btn svg { width: 16px; height: 16px; transition: transform 180ms var(--ease-out); }
.eg-nav-btn:hover svg { transform: translateX(1px); }

/* —— IMAGE GALLERY SWIPER (landing offer hero, PDP) ————————— */
.eg-gallery { display: flex; flex-direction: column; gap: 16px; }
.eg-gallery-stage {
  position: relative; aspect-ratio: 1; border-radius: 12px; overflow: hidden;
  background: #0a0a0a;
  box-shadow: 0 32px 80px rgba(0,0,0,.26);
}
.eg-gallery-image {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; transition: opacity 200ms var(--ease-out), transform 900ms var(--ease-luxe);
}
.eg-gallery-prev, .eg-gallery-next {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 22px;
  background: rgba(0,0,0,.5); border: 1px solid var(--white-20);
  color: #fff; cursor: pointer; backdrop-filter: blur(8px);
  display: inline-flex; align-items: center; justify-content: center;
}
.eg-gallery-prev { left: 16px; }
.eg-gallery-next { right: 16px; }
.eg-gallery-prev svg, .eg-gallery-next svg { width: 16px; height: 16px; }
.eg-gallery-dots {
  position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%);
  display: inline-flex; gap: 6px; padding: 6px 10px;
  background: rgba(0,0,0,.4); border-radius: 9999px; backdrop-filter: blur(8px);
}
.eg-gallery-dot {
  width: 6px; height: 6px; border-radius: 3px;
  background: rgba(255,255,255,.5);
  transition: width 200ms var(--ease-out), background 200ms var(--ease-out);
}
.eg-gallery-dot.is-active { width: 18px; background: #fff; }
.eg-gallery-thumbs { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.eg-gallery-thumb {
  width: 100%; aspect-ratio: 1; border-radius: 6px; padding: 0;
  border: 1px solid var(--white-20);
  background-size: cover; background-position: center; background-color: #0a0a0a;
  cursor: pointer; opacity: 0.7;
  transition: opacity 150ms, border-color 150ms, transform 180ms var(--ease-out);
}
.eg-gallery-thumb.is-active { opacity: 1; border-color: #fff; }
.eg-gallery-thumb:hover { transform: translateY(-1px); opacity: 1; }

/* —— PDP gallery (thumb column + main image) ——————————— */
.eg-pdp-gallery { display: flex; gap: 16px; align-items: flex-start; }
.eg-pdp-gallery-thumbs {
  display: flex; flex-direction: column; gap: 8px; width: 80px; flex: 0 0 80px;
}
.eg-pdp-gallery-thumb {
  width: 80px; height: 80px; padding: 0; border-radius: 8px; overflow: hidden;
  border: 1px solid var(--white-20);
  background-size: cover; background-position: center; background-color: #0a0a0a;
  cursor: pointer; opacity: 0.7;
}
.eg-pdp-gallery-thumb.is-active { opacity: 1; border-color: #fff; }
.eg-pdp-gallery-main {
  flex: 1; aspect-ratio: 4/5; border-radius: 12px; overflow: hidden;
  position: relative;
  background: radial-gradient(ellipse 80% 60% at 50% 40%, #0033FF 0%, #5328FE 65%, #000 110%);
}
.eg-pdp-gallery-product {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  max-height: 78%; max-width: 70%; width: auto; height: auto;
  filter: drop-shadow(0 60px 80px rgba(0,0,0,.6));
}
@container eg (max-width: 720px) {
  .eg-pdp-gallery { flex-direction: column-reverse; }
  .eg-pdp-gallery-thumbs { flex-direction: row; width: 100%; flex: 0 0 auto; }
  .eg-pdp-gallery-thumb { width: 64px; height: 64px; flex: 0 0 64px; }
}

/* —— PLAN PICKER (subscribe vs one-time) —————————————— */
.eg-plan { display: flex; flex-direction: column; gap: 10px; }
.eg-plan-option {
  display: flex; align-items: center; gap: 16px;
  padding: 18px 20px; border-radius: 12px;
  background: transparent; border: 1px solid var(--white-20);
  color: #fff; text-align: left; cursor: pointer;
  width: 100%;
}
.eg-plan-option.is-active { background: var(--white-05); border-color: #fff; }
.eg-plan-radio {
  width: 22px; height: 22px; border-radius: 11px; flex: 0 0 22px;
  border: 1.5px solid #fff; display: inline-flex; align-items: center; justify-content: center;
}
.eg-plan-option.is-active .eg-plan-radio::after {
  content: ''; width: 10px; height: 10px; border-radius: 5px; background: #fff;
}
.eg-plan-body { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
.eg-plan-label { font-family: var(--font-sans); font-size: 16px; display: inline-flex; align-items: center; gap: 10px; }
.eg-plan-sub { font-family: var(--font-sans); font-size: 13px; color: var(--white-60); }
.eg-plan-price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: 0 0 auto; }
.eg-plan-price-amount { font-family: var(--font-display); font-weight: 900; font-size: 24px; letter-spacing: 0; }
.eg-plan-price-unit { font-family: var(--font-sans); font-size: 12px; color: var(--white-60); }
.eg-plan-save { font-family: var(--font-mono); font-size: 10px; color: var(--enhanced-aqua); text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); }

/* —— DOSE PICKER (segmented buttons) ——————————————————— */
.eg-dose { display: flex; gap: 8px; }
.eg-dose button {
  flex: 1; height: 48px; border-radius: 6px;
  background: transparent; border: 1px solid var(--white-30); color: #fff;
  font-family: var(--font-sans); font-size: 14px; cursor: pointer;
}
.eg-dose button.is-active { background: #fff; color: #000; border-color: #fff; }

/* —— STEPPER (quantity selector) ——————————————————————— */
.eg-stepper {
  display: inline-flex; align-items: center; height: 57px;
  border: 1px solid var(--white-30); border-radius: 6px; flex: 0 0 auto;
}
.eg-stepper button {
  width: 44px; height: 100%; background: transparent; border: 0;
  color: #fff; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
}
.eg-stepper button svg { width: 14px; height: 14px; }
.eg-stepper-display {
  width: 36px; text-align: center;
  font-family: var(--font-sans); font-size: 16px;
}

/* —— TRUST ROW (PDP) ———————————————————————————————————— */
.eg-trust-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding-top: 24px; border-top: 1px solid var(--white-10); }
.eg-trust-item { display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-sans); font-size: 14px; color: var(--white-70); }
.eg-trust-icon { display: inline-flex; width: 36px; height: 36px; border-radius: 18px; background: var(--white-05); align-items: center; justify-content: center; flex: 0 0 36px; color: #fff; }
.eg-trust-icon svg { width: 16px; height: 16px; }

/* —— COLLECTION FILTER BAR ————————————————————————————— */
.eg-coll-filterbar { background: var(--enhanced-blue); border-top: 1px solid var(--white-10); }
.eg-coll-filterbar-inner {
  display: flex; justify-content: space-between; align-items: center;
  padding: 22px 32px; gap: 16px;
}
@container eg (max-width: 1100px) {
  .eg-coll-filterbar-inner { flex-direction: column; align-items: flex-start; }
}
.eg-coll-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.eg-coll-pill {
  height: 40px; padding: 0 14px; border-radius: 6px; cursor: pointer;
  background: rgba(255,255,255,.1); color: #fff;
  border: 1px solid rgba(255,255,255,.4);
  font-family: var(--font-sans); font-size: 13px;
}
.eg-coll-pill.is-active { background: #fff; color: var(--enhanced-blue); border-color: #fff; }
.eg-coll-tagrail { background: #000; border-bottom: 1px solid var(--white-10); }
.eg-coll-tagrail-inner { padding: 22px 32px; display: flex; gap: 8px; flex-wrap: wrap; }
@container eg (max-width: 720px) { .eg-coll-tagrail-inner { padding: 18px 20px; } }
.eg-coll-tag {
  padding: 8px 14px; border-radius: 9999px; cursor: pointer;
  background: transparent; color: #fff;
  border: 1px solid var(--white-20);
  font-family: var(--font-mono); font-size: 11px;
  letter-spacing: var(--tracking-mono-cap); text-transform: uppercase;
}
.eg-coll-tag.is-active { background: #fff; color: #000; border-color: #fff; }
.eg-coll-quiz-cta {
  margin-top: 40px; padding: 40px; border-radius: 12px;
  background: var(--enhanced-blue);
  display: flex; justify-content: space-between; align-items: center; gap: 32px;
}
@container eg (max-width: 1100px) { .eg-coll-quiz-cta { flex-direction: column; align-items: flex-start; gap: 20px; } }
@container eg (max-width: 720px)  { .eg-coll-quiz-cta { padding: 28px; border-radius: 10px; margin-top: 32px; } }

/* —— TABS ————————————————————————————————————————————— */
.eg-mechanism-tabs-section {
  background: #e4e4e4;
  color: #000;
}
.eg-mechanism-tabs-section .eg-display,
.eg-mechanism-tabs-section .eg-body,
.eg-mechanism-tabs-section .eg-body-sm,
.eg-mechanism-tabs-section .eg-mono {
  color: #000;
}
.eg-tabbar {
  display: flex; gap: 0; border-bottom: 1px solid var(--white-20); margin-bottom: 48px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
}
.eg-tabbar::-webkit-scrollbar { display: none; }
.eg-tabbar button {
  position: relative; padding: 18px 32px;
  background: transparent; border: 0; cursor: pointer;
  font-family: var(--font-sans); font-size: 18px; letter-spacing: -0.014em;
  display: flex; align-items: baseline; gap: 12px; white-space: nowrap;
  color: var(--white-50);
}
.eg-tabbar button.is-active { color: #fff; }
.eg-tabbar button.is-active::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #fff;
}
.eg-mechanism-tabs-section .eg-tabbar {
  border-bottom-color: rgba(0,0,0,.18);
}
.eg-mechanism-tabs-section .eg-tabbar button {
  color: rgba(0,0,0,.48);
}
.eg-mechanism-tabs-section .eg-tabbar button.is-active {
  color: #000;
}
.eg-mechanism-tabs-section .eg-tabbar button.is-active::after {
  background: #000;
}
.eg-mechanism-tabs-section .eg-mechanism-stat-card {
  background: #fff !important;
  border-color: rgba(0,0,0,.12) !important;
}
.eg-mechanism-tabs-section .eg-mechanism-stat-value {
  color: #000 !important;
}
.eg-tab-panel { display: none; }
.eg-tab-panel.is-active { display: block; }
@container eg (max-width: 720px) {
  .eg-tabbar button { padding: 14px 18px; font-size: 15px; }
}

/* —— COMPARISON TABLE ——————————————————————————————————— */
.eg-cmp { border-radius: 12px; overflow: hidden; border: 1px solid var(--white-20); }
.eg-cmp-row {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
  transition: background 220ms var(--ease-out), transform 220ms var(--ease-out);
}
.eg-cmp-cell { padding: 22px 24px; border-left: 1px solid var(--white-10); display: flex; align-items: center; justify-content: center; }
.eg-cmp-cell-feature { padding: 22px 28px; border-left: 0; justify-content: flex-start; }
.eg-cmp-row.is-head { background: var(--white-05); border-bottom: 1px solid var(--white-20); }
.eg-cmp-col-rec { background: var(--enhanced-blue); position: relative; flex-direction: column; }
.eg-cmp-row.is-head .eg-cmp-cell:not(.eg-cmp-cell-feature) { flex-direction: column; }
.eg-cmp-rec-tag {
  font-family: var(--font-mono); font-size: 10px;
  text-transform: uppercase; letter-spacing: var(--tracking-mono-cap);
  color: #fff; opacity: 0.85; white-space: nowrap;
}
.eg-cmp-col-name {
  font-family: var(--font-display); font-weight: 900;
  font-size: clamp(15px, 1.8cqi, 22px); text-transform: uppercase;
  letter-spacing: -0.03em; color: #fff; margin-top: 8px;
}
.eg-cmp-cell-rec-body { background: rgba(0,51,255,.05); }
.eg-cmp-yes { color: #fff; }
.eg-cmp-yes svg { width: 18px; height: 18px; stroke-width: 2.2; }
.eg-cmp-no { font-family: var(--font-mono); font-size: 14px; color: var(--white-30); }
.eg-cmp-maybe { font-size: 13px; color: var(--white-50); }
@container eg (max-width: 720px) {
  .eg-cmp {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    margin-right: -20px;
    padding-right: 20px;
  }

  .eg-cmp::-webkit-scrollbar {
    display: none;
  }

  .eg-cmp-row {
    min-width: 600px;
    grid-template-columns: 170px 135px 135px 135px;
  }

  .eg-cmp-cell,
  .eg-cmp-cell-feature {
    min-height: 96px;
    padding: 18px 20px;
  }
  .eg-cmp-row.is-head .eg-cmp-cell {
    min-height: 112px;
  }
  .eg-cmp-cell-feature span {
    line-height: 1.25;
  }
  .eg-cmp-col-name {
    font-size: 20px;
    line-height: 1.05;
  }
  .eg-cmp-maybe {
    font-size: 14px;
    white-space: nowrap;
  }
}

/* —— TIMELINE ————————————————————————————————————————— */
.eg-tline { position: relative; }
.eg-tline-spine { position: absolute; left: 28px; top: 12px; bottom: 12px; width: 1px; background: var(--white-10); }
.eg-tline-list { display: flex; flex-direction: column; gap: 24px; position: relative; }
.eg-tline-row {
  display: grid; grid-template-columns: 64px 1.4fr 1fr 1fr;
  align-items: center; gap: 32px;
  transition: transform 260ms var(--ease-out);
}
.eg-tline-week {
  width: 56px; height: 56px; border-radius: 28px;
  background: var(--white-05); border: 1px solid var(--white-20);
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--font-mono); font-size: 10px; color: #fff;
  text-align: center; letter-spacing: var(--tracking-mono-cap);
  white-space: pre;
}
.eg-tline-week.is-start { background: var(--enhanced-blue); border-color: #fff; }
.eg-tline-stat { text-align: right; }
.eg-tline-stat-num { font-family: var(--font-display); font-weight: 900; font-size: clamp(26px, 3.4cqi, 36px); letter-spacing: 0; color: #fff; }
@container eg (max-width: 1100px) {
  .eg-tline-row { grid-template-columns: 56px 1fr; gap: 20px; }
  .eg-tline-row > :nth-child(3), .eg-tline-row > :nth-child(4) { grid-column: 2; }
  .eg-tline-stat { text-align: left; }
}

/* —— OFFER DETAILS rows ——————————————————————————————— */
.eg-offer-row {
  display: grid; grid-template-columns: 40px 1fr auto auto;
  align-items: center; gap: 24px;
  padding: 18px 0; border-bottom: 1px solid var(--white-10);
  transition: transform 220ms var(--ease-out), border-color 220ms var(--ease-out);
}
@container eg (max-width: 720px) {
  .eg-offer-row { grid-template-columns: 32px 1fr auto; gap: 14px; padding: 14px 0; }
  .eg-offer-row > :nth-child(3) { grid-column: 2; grid-row: 2; text-align: left; }
  .eg-offer-row > :nth-child(4) { grid-row: 1; }
}

/* —— GUARANTEE BANNER ——————————————————————————————————— */
.eg-guarantee-section {
  background: #fff;
}
.eg-gtee {
  position: relative; border-radius: 16px; overflow: hidden;
  background: linear-gradient(135deg, #0033FF 0%, #5328FE 100%);
  color: #fff;
  box-shadow: 0 28px 80px rgba(26,4,255,.22);
  transition: transform 300ms var(--ease-out), box-shadow 300ms var(--ease-out);
}
.eg-gtee-grid {
  position: relative;
  display: grid; grid-template-columns: 120px 1fr auto;
  gap: 40px; align-items: center;
}
.eg-gtee-shield {
  width: 110px; height: 110px; border-radius: 55px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.4);
  display: inline-flex; align-items: center; justify-content: center;
  position: relative; flex: 0 0 110px; color: #fff;
}
.eg-gtee-shield svg {
  width: 52px; height: 52px; stroke-width: 1.4;
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
.eg-gtee-shield-tag {
  position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);
  white-space: nowrap; color: var(--enhanced-blue); background: #fff;
  padding: 4px 10px; border-radius: 9999px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  font-family: var(--font-mono); font-size: 10px; text-transform: uppercase;
  letter-spacing: var(--tracking-mono-cap);
}
.eg-gtee .eg-display { color: #fff; }
.eg-gtee .eg-body { color: rgba(255,255,255,.92) !important; }
.eg-gtee .eg-mono { color: #fff !important; opacity: .85; }
@container eg (max-width: 1100px) {
  .eg-gtee-grid { grid-template-columns: 1fr; gap: 24px; text-align: left; }
  .eg-gtee-grid > :nth-child(1) { justify-self: flex-start; }
}

/* —— LANDING OFFER hero ———————————————————————————————— */
.eg-product-buy-box-info {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 32px !important;
  border-radius: 16px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 28px 80px rgba(0,0,0,.24);
}
.eg-product-buy-box-info::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(100% 70% at 100% 0%, rgba(26,4,255,.44) 0%, rgba(26,4,255,0) 62%),
    linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(138,56,245,.18) 100%);
  pointer-events: none;
}
.eg-product-buy-box-info > * {
  position: relative;
  z-index: 1;
}
@container eg (max-width: 720px) {
  .eg-product-buy-box-info {
    padding: 20px !important;
    border-radius: 12px;
  }
}
.eg-offer-bullets { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0; margin: 0; }
.eg-offer-bullets li { display: flex; gap: 12px; align-items: center; font-family: var(--font-sans); font-size: 15px; color: #fff; letter-spacing: -0.015em; }
.eg-offer-bullets .eg-check {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
}
.eg-offer-bullets .eg-check svg {
  width: 12px;
  height: 12px;
  stroke-width: 2.4;
}
.eg-offer-price-row {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 18px; border-top: 1px solid var(--white-10);
  gap: 16px; flex-wrap: wrap;
}
.eg-offer-price-amount { font-family: var(--font-display); font-weight: 900; font-size: clamp(40px, 5cqi, 56px); letter-spacing: 0; color: #fff; }
.eg-offer-price-strike { font-family: var(--font-sans); font-size: 28px; color: var(--white-50); text-decoration: line-through; }
.eg-offer-save { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.eg-offer-save-line { font-family: var(--font-display); font-weight: 900; font-size: 22px; letter-spacing: 0; color: var(--enhanced-aqua); }
.eg-offer-save-sub { font-family: var(--font-mono); font-size: 10px; color: var(--white-60); text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); }
.eg-buy-box-variant-selector {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.eg-buy-box-variant-selector__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.eg-buy-box-variant-selector__group legend {
  padding: 0;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: var(--tracking-mono-cap);
  text-transform: uppercase;
  color: var(--white-70);
}
.eg-buy-box-variant-selector__options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.eg-buy-box-variant-selector__option {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 44px;
  cursor: pointer;
}
.eg-buy-box-variant-selector__option input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: inherit;
}
.eg-buy-box-variant-selector__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  justify-content: center;
  gap: 16px;
  width: 100%;
  min-width: 72px;
  min-height: 44px;
  padding: 14px 16px;
  border: 1px solid var(--white-20);
  border-radius: 8px;
  background: var(--white-05);
  color: #fff;
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.25;
  text-align: left;
  transition: background .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out);
}
.eg-buy-box-variant-selector__copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.eg-buy-box-variant-selector__title {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
}
.eg-buy-box-variant-selector__bullets {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding-inline-start: 18px;
  color: var(--white-70);
  font-size: 13px;
}
.eg-buy-box-variant-selector__bullets li {
  padding-inline-start: 2px;
}
.eg-buy-box-variant-selector__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  color: #fff;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
.eg-buy-box-variant-selector__price-current {
  display: block;
}
.eg-buy-box-variant-selector__price-compare {
  display: block;
  color: var(--white-50);
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: line-through;
}
.eg-buy-box-variant-selector__option:hover .eg-buy-box-variant-selector__content,
.eg-buy-box-variant-selector__option input:focus-visible + .eg-buy-box-variant-selector__content {
  border-color: var(--white-50);
  background: var(--white-10);
}
.eg-buy-box-variant-selector__option input:checked + .eg-buy-box-variant-selector__content {
  border-color: var(--enhanced-blue);
  background: var(--enhanced-blue);
  color: #fff;
}
.eg-buy-box-variant-selector__option input:checked + .eg-buy-box-variant-selector__content .eg-buy-box-variant-selector__bullets {
  color: rgba(255,255,255,.82);
}
.eg-buy-box-variant-selector__option.is-unavailable .eg-buy-box-variant-selector__content {
  color: var(--white-50);
}
.eg-buy-box-variant-selector__option.is-unavailable .eg-buy-box-variant-selector__title {
  text-decoration: line-through;
}
.eg-offer-one-time-link {
  display: inline-flex;
  justify-content: center;
  align-self: center;
  color: var(--white-80);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: var(--tracking-mono-cap);
  line-height: 1.4;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.eg-offer-one-time-link:hover {
  color: #fff;
}
.eg-offer-trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding-top: 4px; }
@container eg (max-width: 720px) { .eg-offer-trust { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
.eg-offer-trust-cell { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; }
.eg-offer-trust-icon { display: inline-flex; width: 32px; height: 32px; border-radius: 16px; background: var(--white-05); border: 1px solid var(--white-20); align-items: center; justify-content: center; color: #fff; }
.eg-offer-trust-icon svg { width: 16px; height: 16px; }
.eg-offer-trust-text { font-size: 13px; line-height: 1.3; color: #fff; }
.eg-offer-trust-text b { font-weight: 500; }
.eg-offer-trust-text span { color: var(--white-70); }
.eg-offer-gifts-title { font-family: var(--font-display); font-weight: 900; font-size: 22px; letter-spacing: 0; text-transform: uppercase; color: var(--enhanced-aqua); text-align: center; }
.eg-offer-gifts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.eg-offer-gift { display: flex; flex-direction: column; gap: 8px; }
.eg-offer-gift-img {
  position: relative; aspect-ratio: 1; border-radius: 8px; overflow: hidden;
  background-size: cover; background-position: center; background-color: #0a0a0a;
  border: 1px solid var(--white-10);
}
.eg-offer-gift-img::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.7) 100%);
}
.eg-offer-gift-tag {
  position: absolute; top: 6px; left: 6px; z-index: 1;
  background: var(--enhanced-aqua); color: #000;
  padding: 3px 6px; border-radius: 3px;
  font-family: var(--font-mono); font-size: 9px; font-weight: 700;
  text-transform: uppercase; letter-spacing: var(--tracking-mono-cap);
}
.eg-offer-gift-name { font-family: var(--font-sans); font-size: 12px; line-height: 1.25; color: #fff; text-align: center; }

/* Offer hero CTA — aqua deprecated; now uses blue */
.eg-offer-cta {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  padding: 22px; border-radius: 8px; border: 0; cursor: pointer;
  background: var(--enhanced-blue); color: #fff;
  font-family: var(--font-display); font-weight: 900;
  font-size: 22px; letter-spacing: 0; text-transform: uppercase;
}
.eg-offer-cta:hover { background: var(--enhanced-blue-deep); }
.eg-product-buy-box product-form-component,
.eg-product-buy-box .eg-offer-form,
.eg-product-buy-box .eg-offer-form add-to-cart-component { display: block; }
.eg-product-buy-box .eg-offer-form { margin: 0; }
.eg-product-buy-box .eg-offer-form .eg-offer-cta { width: 100%; }
@container eg (max-width: 720px) { .eg-offer-cta { font-size: 18px; padding: 18px; } }
.eg-sticky-atc {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  padding: 12px max(16px, env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));
  background: rgba(0,0,0,.88);
  border-top: 1px solid var(--white-20);
  backdrop-filter: blur(20px);
  transform: translateY(110%);
  opacity: 0;
  pointer-events: none;
  transition: transform .24s var(--ease-out), opacity .24s var(--ease-out);
}
.eg-product-buy-box.is-sticky-atc-visible .eg-sticky-atc {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
html[data-eg-sticky-atc-visible='true'] #gorgias-chat-container iframe#chat-button,
html[data-eg-sticky-atc-visible='true'] #gorgias-chat-container iframe#chat-campaigns {
  margin-bottom: var(--eg-sticky-atc-offset, 0px) !important;
}
.eg-sticky-atc-inner {
  width: min(100%, 1220px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
  align-items: center;
  gap: 16px;
}
.eg-sticky-atc-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.eg-sticky-atc-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #fff;
}
.eg-sticky-atc-sub {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: var(--tracking-mono-cap);
  text-transform: uppercase;
  color: var(--white-70);
}
.eg-sticky-atc product-form-component,
.eg-sticky-atc-form,
.eg-sticky-atc-form add-to-cart-component { display: block; margin: 0; }
.eg-sticky-atc-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 14px 18px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  background: var(--enhanced-blue);
  color: #fff;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}
.eg-sticky-atc-button:hover { background: var(--enhanced-blue-deep); }
.eg-sticky-atc-button:disabled { opacity: .55; cursor: default; }
@media screen and (max-width: 749px) {
  .eg-sticky-atc-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .eg-sticky-atc-copy { display: none; }
}

/* —— UGC + REVIEWS ——————————————————————————————————————— */
.eg-ugc-section {
  background: radial-gradient(190.58% 100% at 50% 0%, #000 0%, rgba(138, 56, 245, 1) 100%);
}
.eg-slider-track {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  touch-action: pan-x pan-y;
  overscroll-behavior-x: contain;
}
.eg-slider-track.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.eg-slider-track::-webkit-scrollbar { display: none; }
.eg-nav-btn:disabled { opacity: .35; cursor: default; }
.eg-ugc { display: flex; gap: 16px; }
.eg-ugc-tile {
  position: relative; aspect-ratio: 9/16; border-radius: 12px; overflow: hidden;
  border: 1px solid var(--white-10); cursor: pointer;
  background: #0a0a0a;
  flex: 0 0 min(28%, 340px);
  scroll-snap-align: start;
  transition: border-color 180ms var(--ease-out), box-shadow 180ms var(--ease-out);
}
.eg-ugc-tile-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-color: #0a0a0a; }
.eg-ugc-tile-bg--video { overflow: hidden; }
.eg-ugc-video { width: 100%; height: 100%; display: block; object-fit: cover; }
.eg-ugc-tile-grad { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.7) 100%); }
.eg-ugc-verified {
  position: absolute; top: 12px; left: 12px;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 9999px;
  background: rgba(0,0,0,.5); backdrop-filter: blur(12px);
}
.eg-ugc-verified span { width: 6px; height: 6px; border-radius: 3px; background: var(--enhanced-aqua); }
.eg-ugc-verified small { font-family: var(--font-mono); font-size: 10px; color: #fff; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); }
.eg-ugc-play {
  position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%);
  width: 60px; height: 60px; border-radius: 30px;
  background: rgba(255,255,255,.1); backdrop-filter: blur(12px);
  border: 1px solid var(--white-30);
  display: inline-flex; align-items: center; justify-content: center; color: #fff;
  padding: 0;
  transition: opacity .2s ease, transform .2s ease, background 180ms var(--ease-out);
}
.eg-ugc-tile:hover .eg-ugc-play { background: rgba(255,255,255,.16); }
.eg-ugc-tile.is-playing .eg-ugc-play,
.eg-ugc-tile.is-loading .eg-ugc-play { opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(.92); }
.eg-ugc-play svg { width: 20px; height: 20px; }
.eg-ugc-tile-meta {
  position: absolute; left: 14px; right: 14px; bottom: 14px;
  display: flex; flex-direction: column; gap: 4px;
}

.eg-reviews { display: flex; gap: 16px; }
@media screen and (max-width: 749px) {
  .eg-ugc-tile,
  .eg-review-card { flex-basis: 100% !important; }
}
.eg-review-card {
  padding: 28px; border-radius: 12px;
  background: var(--white-05); border: 1px solid var(--white-10);
  display: flex; flex-direction: column; gap: 18px; min-height: 280px;
  flex: 0 0 min(42%, 520px);
  scroll-snap-align: start;
  transition:
    transform 260ms var(--ease-out),
    border-color 260ms var(--ease-out),
    background 260ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}
@media screen and (min-width: 750px) and (max-width: 1099px) {
  .eg-ugc-tile,
  .eg-review-card { flex-basis: calc((100% - 16px) / 2); }
}
.eg-review-head { display: flex; justify-content: space-between; align-items: center; }
.eg-review-verified { font-family: var(--font-mono); font-size: 10px; color: var(--enhanced-aqua); text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); }
.eg-review-title { font-family: var(--font-sans); font-size: 20px; line-height: 1.1; letter-spacing: -0.015em; margin: 0; color: #fff; }
.eg-review-foot {
  margin-top: auto; padding-top: 18px; border-top: 1px solid var(--white-10);
  display: flex; justify-content: space-between; align-items: center;
}

/* —— ADVISORY BOARD ——————————————————————————————————— */
.eg-advisors { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@container eg (max-width: 1100px) { .eg-advisors { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.eg-advisor {
  border-radius: 12px; overflow: hidden; border: 1px solid var(--white-10); display: flex; flex-direction: column;
  transition:
    transform 260ms var(--ease-out),
    border-color 260ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}
.eg-advisor-img {
  aspect-ratio: 1 / 1.1; position: relative;
  background-size: cover; background-position: center;
  filter: grayscale(0.3) contrast(1.05);
  transition: filter 260ms var(--ease-out), transform 900ms var(--ease-luxe);
}
.eg-advisor-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.7) 100%); }
.eg-advisor-tag {
  position: absolute; top: 12px; left: 12px; z-index: 1; color: #fff;
  background: rgba(0,0,0,.4); backdrop-filter: blur(12px);
  padding: 4px 10px; border-radius: 9999px;
  font-family: var(--font-mono); font-size: 10px; text-transform: uppercase;
  letter-spacing: var(--tracking-mono-cap);
}
.eg-advisor-body { padding: 22px; display: flex; flex-direction: column; gap: 8px; background: var(--white-05); flex: 1; }
.eg-advisor-name { font-family: var(--font-sans); font-size: 16px; color: #fff; letter-spacing: -0.015em; }
.eg-advisor-title { font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: var(--tracking-mono-cap); color: var(--white-60); }
.eg-advisor-cred { font-family: var(--font-sans); font-size: 13px; color: var(--white-70); margin-top: 4px; line-height: 1.5; }

@media (hover: hover) and (pointer: fine) {
  .eg-ing-card:hover,
  .eg-review-card:hover,
  .eg-advisor:hover {
    transform: translateY(-4px);
    border-color: rgba(255,255,255,.28);
    box-shadow: 0 28px 72px rgba(0,0,0,.28);
  }

  .eg-ugc-tile:hover {
    border-color: rgba(255,255,255,.28);
    box-shadow: 0 28px 72px rgba(0,0,0,.22);
  }

  .eg-section-inverse .eg-ing-card:hover,
  .eg-section-inverse .eg-advisor:hover {
    border-color: rgba(0,0,0,.18);
    box-shadow: 0 30px 76px rgba(0,0,0,.10);
  }

  .eg-advisor:hover .eg-advisor-img {
    filter: grayscale(0) contrast(1.08);
    transform: scale(1.025);
  }

  .eg-cmp-row:not(.is-head):hover {
    background: rgba(255,255,255,.035);
  }

  .eg-tline-row:hover,
  .eg-offer-row:hover {
    transform: translateX(4px);
  }

  .eg-gtee:hover {
    transform: translateY(-3px);
    box-shadow: 0 34px 96px rgba(26,4,255,.3);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .eg-reveal,
  .eg-reveal.is-visible {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

/* —— PAGE PICKER (prototype navigation) ————————————————— */
.eg-pagepicker {
  position: fixed; right: 16px; bottom: 16px; z-index: 90;
}
.eg-pagepicker-menu {
  display: none; margin-bottom: 8px;
  background: rgba(0,0,0,.88); backdrop-filter: blur(20px);
  border: 1px solid var(--white-20); border-radius: 10px; padding: 6px; min-width: 180px;
  box-shadow: 0 12px 40px rgba(0,0,0,.5);
}
.eg-pagepicker-menu.is-open { display: block; }
.eg-pagepicker-menu h6 {
  padding: 8px 10px; color: var(--white-60); font-size: 10px;
  text-transform: uppercase; letter-spacing: .05em; font-family: var(--font-mono);
  margin: 0; font-weight: 400;
}
.eg-pagepicker-menu a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 12px; border-radius: 6px; color: #fff; text-decoration: none;
  font-size: 13px; letter-spacing: -0.014em;
}
.eg-pagepicker-menu a.is-active { background: var(--enhanced-blue); }
.eg-pagepicker-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 9999px;
  background: rgba(0,0,0,.78); backdrop-filter: blur(20px);
  border: 1px solid var(--white-20); color: #fff;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .05em;
  text-transform: uppercase; cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.eg-pagepicker-btn span:first-child { width: 6px; height: 6px; border-radius: 3px; background: var(--enhanced-aqua); }

/* —— STRONGER+ FORGE HERO BANNER ————————————— */
body.template-page-offer-stronger-forge {
  --enhanced-aqua: var(--enhanced-blue);
  --fg-accent: var(--enhanced-blue);
}

.eg-forge-hero {
  position: relative;
  overflow: hidden;
  min-height: clamp(500px, 62vh, 680px);
  padding: 60px 0;
  background:
    radial-gradient(70% 70% at 78% 18%, rgba(83,40,254,.48) 0%, rgba(83,40,254,0) 56%),
    radial-gradient(78% 72% at 92% 82%, rgba(0,51,255,.54) 0%, rgba(0,51,255,0) 58%),
    linear-gradient(90deg, #000 0%, #000 42%, rgba(0,0,0,.8) 100%),
    #050505;
  color: #fff;
  isolation: isolate;
}

.eg-forge-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(115deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.36) 64%, rgba(0,51,255,.22) 100%),
    linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 34%);
  opacity: .92;
}

.eg-forge-hero::after {
  content: '';
  position: absolute;
  inset: -20%;
  z-index: -1;
  background:
    linear-gradient(110deg, transparent 0 54%, rgba(0,51,255,.28) 72%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.76) 100%);
  mix-blend-mode: screen;
  opacity: .5;
  pointer-events: none;
}

.eg-forge-hero__inner {
  width: min(100%, 1220px);
  min-height: clamp(400px, 48vh, 520px);
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 460px);
  gap: clamp(40px, 6vw, 80px);
  align-items: center;
}

.eg-forge-hero__copy {
  max-width: 620px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.eg-forge-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  color: var(--white-70);
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.05;
  letter-spacing: var(--tracking-mono-cap);
  text-transform: uppercase;
}

.eg-forge-hero__eyebrow::before {
  content: '';
  width: 36px;
  height: 1px;
  background: currentColor;
}

.eg-forge-hero__title {
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(42px, 4.8vw, 72px);
  font-weight: 900;
  letter-spacing: 0;
  line-height: .82;
  text-transform: uppercase;
  text-wrap: balance;
}

.eg-forge-hero__title-accent {
  display: block;
  color: var(--enhanced-blue);
  text-shadow: 0 0 48px rgba(0,51,255,.32);
}

.eg-forge-hero__body {
  max-width: 560px;
  margin: 26px 0 0;
  color: var(--white-80);
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.45;
  letter-spacing: -.02em;
}

.eg-forge-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  margin-top: 34px;
  padding: 0 34px;
  border-radius: 8px;
  background: var(--enhanced-blue);
  color: #fff;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  transition:
    background 180ms var(--ease-out),
    transform 180ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}

.eg-forge-hero__cta:hover {
  background: var(--enhanced-blue-deep);
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 18px 46px rgba(0,51,255,.28);
}

.eg-forge-hero__proof {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
  color: var(--white-60);
  font-size: 15px;
}

.eg-forge-hero__stars {
  display: inline-flex;
  gap: 3px;
  color: var(--enhanced-blue);
}

.eg-forge-hero__stars svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  stroke: none;
}

.eg-forge-hero__media {
  position: relative;
  width: min(100%, 460px);
  aspect-ratio: 1;
  min-height: 0;
  border: 1px solid var(--white-20);
  border-radius: 12px;
  background:
    radial-gradient(92% 72% at 80% 0%, rgba(83,40,254,.34) 0%, rgba(83,40,254,0) 62%),
    radial-gradient(82% 82% at 24% 100%, rgba(0,51,255,.32) 0%, rgba(0,51,255,0) 62%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    rgba(255,255,255,.06);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 34px 92px rgba(0,51,255,.18);
  display: grid;
  place-items: center;
  overflow: hidden;
  margin: 0;
}

.eg-forge-hero__media::before {
  content: '';
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  pointer-events: none;
}

.eg-forge-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.08) contrast(1.04);
}

@container eg (max-width: 880px) {
  .eg-forge-hero {
    min-height: auto;
    padding: 64px 0;
  }

  .eg-forge-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    gap: 56px;
  }

  .eg-forge-hero__media {
    width: min(100%, 460px);
  }
}

@container eg (max-width: 720px) {
  .eg-forge-hero {
    padding: 64px 0;
  }

  .eg-forge-hero__inner {
    padding: 0 20px;
    gap: 44px;
  }

  .eg-forge-hero__eyebrow {
    gap: 10px;
    margin-bottom: 22px;
    font-size: 11px;
    letter-spacing: .16em;
  }

  .eg-forge-hero__eyebrow::before {
    width: 28px;
  }

  .eg-forge-hero__title {
    font-size: clamp(40px, 12.5vw, 58px);
  }

  .eg-forge-hero__body {
    margin-top: 22px;
    font-size: 16px;
  }

  .eg-forge-hero__cta {
    width: 100%;
    min-height: 58px;
    margin-top: 34px;
    padding: 0 24px;
    font-size: 15px;
  }

  .eg-forge-hero__proof {
    align-items: flex-start;
    gap: 12px;
    margin-top: 30px;
    font-size: 13px;
  }

  .eg-forge-hero__media {
    width: 100%;
  }
}

/* —— STRONGER+ IM8 HERO BANNER ————————————— */
.eg-im8-hero {
  position: relative;
  overflow: hidden;
  min-height: clamp(600px, 72vh, 780px);
  padding: clamp(76px, 9vw, 118px) 0;
  display: grid;
  place-items: center;
  background: #fff;
  color: #07111f;
  isolation: isolate;
}

.eg-im8-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 68% 42%;
  filter: saturate(.84) contrast(.92);
}

.eg-im8-hero__veil {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.9) 32%, rgba(255,255,255,.74) 58%, rgba(238,244,255,.72) 100%),
    radial-gradient(56% 62% at 68% 44%, rgba(0,51,255,.18) 0%, rgba(0,51,255,0) 66%),
    linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.94) 100%);
}

.eg-im8-hero::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  height: 42%;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 82%);
  pointer-events: none;
}

.eg-im8-hero__inner {
  width: min(100%, 980px);
  margin: 0 auto;
  padding: 0 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.eg-im8-hero__eyebrow {
  color: rgba(7,17,31,.7);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.eg-im8-hero__title {
  max-width: 900px;
  margin: 28px 0 0;
  color: #07111f;
  font-family: var(--font-display);
  font-size: clamp(46px, 5.1vw, 82px);
  font-weight: 900;
  line-height: .94;
  letter-spacing: 0;
  text-wrap: balance;
}

.eg-im8-hero__body {
  max-width: 720px;
  margin: 30px 0 0;
  color: rgba(7,17,31,.72);
  font-size: clamp(17px, 1.35vw, 22px);
  line-height: 1.45;
  letter-spacing: -.01em;
}

.eg-im8-hero__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 24px;
  margin-top: 42px;
}

.eg-im8-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 0 38px;
  border-radius: 8px;
  background: var(--enhanced-blue);
  color: #fff;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: 0 20px 46px rgba(0,51,255,.18);
  transition:
    background 180ms var(--ease-out),
    transform 180ms var(--ease-out),
    box-shadow 260ms var(--ease-out);
}

.eg-im8-hero__cta:hover {
  background: var(--enhanced-blue-deep);
  color: #fff;
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 24px 56px rgba(0,51,255,.24);
}

.eg-im8-hero__rating {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgba(7,17,31,.64);
  font-size: 15px;
  line-height: 1.2;
}

.eg-im8-hero__stars {
  display: inline-flex;
  gap: 3px;
  color: var(--enhanced-blue);
}

.eg-im8-hero__stars svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  stroke: none;
}

.eg-im8-hero__trust {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px 34px;
  margin: 46px 0 0;
  padding: 0;
  color: rgba(7,17,31,.68);
  font-size: 15px;
  line-height: 1.2;
  list-style: none;
}

.eg-im8-hero__trust li {
  position: relative;
  padding-left: 24px;
}

.eg-im8-hero__trust li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .05em;
  width: 15px;
  height: 15px;
  border-radius: 999px;
  background: var(--enhanced-blue);
  box-shadow: inset 0 0 0 4px #fff, 0 0 0 1px rgba(0,51,255,.3);
}

@container eg (max-width: 760px) {
  .eg-im8-hero {
    min-height: auto;
    padding: 70px 0 76px;
  }

  .eg-im8-hero__bg {
    object-position: 58% 40%;
  }

  .eg-im8-hero__veil {
    background:
      linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 48%, rgba(255,255,255,.96) 100%),
      radial-gradient(80% 58% at 50% 38%, rgba(0,51,255,.16) 0%, rgba(0,51,255,0) 68%);
  }

  .eg-im8-hero__inner {
    padding: 0 20px;
  }

  .eg-im8-hero__eyebrow {
    font-size: 11px;
  }

  .eg-im8-hero__title {
    margin-top: 24px;
    font-size: clamp(38px, 10.4vw, 58px);
  }

  .eg-im8-hero__body {
    margin-top: 24px;
    font-size: 16px;
  }

  .eg-im8-hero__actions {
    width: 100%;
    margin-top: 34px;
    align-items: stretch;
    flex-direction: column;
  }

  .eg-im8-hero__cta {
    width: 100%;
    min-height: 56px;
    padding: 0 24px;
  }

  .eg-im8-hero__rating {
    justify-content: center;
  }

  .eg-im8-hero__trust {
    margin-top: 36px;
    gap: 14px 20px;
    font-size: 14px;
  }
}

/* —— STRONGER+ IM8 / LIGHT AUTHORITY VARIANT ————————————— */
body.lp-theme--light-authority {
  --eg-im8-bg: #ffffff;
  --eg-im8-surface: #ffffff;
  --eg-im8-surface-2: #eef4ff;
  --eg-im8-ink: #07111f;
  --eg-im8-muted: rgba(7,17,31,.72);
  --eg-im8-quiet: rgba(7,17,31,.54);
  --eg-im8-border: rgba(0,51,255,.16);
  --eg-im8-accent: var(--enhanced-blue);
  --eg-im8-accent-deep: var(--enhanced-blue-deep);
  --eg-bg: var(--eg-im8-bg);
  background: var(--eg-im8-bg);
  color: var(--eg-im8-ink);
}

body.lp-theme--light-authority #MainContent,
body.lp-theme--light-authority .content-for-layout,
body.lp-theme--light-authority .eg-product-buy-box,
body.lp-theme--light-authority .eg-pad-section,
body.lp-theme--light-authority .eg-pad-section-lg,
body.lp-theme--light-authority .eg-mechanism-tabs-section,
body.lp-theme--light-authority .eg-guarantee-section,
body.lp-theme--light-authority .eg-marquee {
  background: var(--eg-im8-bg) !important;
  color: var(--eg-im8-ink);
}

body.lp-theme--light-authority .eg-lp-nav {
  background: rgba(255,255,255,.9);
  border-bottom-color: var(--eg-im8-border);
  box-shadow: 0 18px 54px rgba(0,51,255,.08);
}

body.lp-theme--light-authority .eg-lp-nav.is-scrolled {
  background: rgba(255,255,255,.96);
  border-bottom-color: rgba(0,51,255,.2);
  box-shadow: 0 20px 48px rgba(0,51,255,.1);
}

body.lp-theme--light-authority .eg-lp-nav__logo-text {
  color: var(--eg-im8-ink);
}

body.lp-theme--light-authority .eg-lp-nav__cta {
  background: var(--eg-im8-accent);
  color: #fff;
  box-shadow: none;
}

body.lp-theme--light-authority .eg-lp-nav__cta:hover {
  background: var(--eg-im8-accent-deep);
  box-shadow: 0 12px 32px rgba(0,51,255,.2);
}

body.lp-theme--light-authority .eg-display,
body.lp-theme--light-authority .eg-body,
body.lp-theme--light-authority .eg-body-sm,
body.lp-theme--light-authority .eg-mono,
body.lp-theme--light-authority .eg-eyebrow,
body.lp-theme--light-authority .eg-faq-q,
body.lp-theme--light-authority .eg-review-title,
body.lp-theme--light-authority .eg-ing-dose,
body.lp-theme--light-authority .eg-ing-name,
body.lp-theme--light-authority .eg-advisor-name,
body.lp-theme--light-authority .eg-offer-price-amount,
body.lp-theme--light-authority .eg-tline-stat-num,
body.lp-theme--light-authority .eg-cmp-col-name,
body.lp-theme--light-authority .eg-tline-row h3 {
  color: var(--eg-im8-ink) !important;
}

body.lp-theme--light-authority .eg-body,
body.lp-theme--light-authority .eg-body-sm,
body.lp-theme--light-authority .eg-ing-desc,
body.lp-theme--light-authority .eg-advisor-cred,
body.lp-theme--light-authority .eg-faq-a,
body.lp-theme--light-authority .eg-offer-save-sub,
body.lp-theme--light-authority .eg-plan-sub,
body.lp-theme--light-authority .eg-plan-price-unit {
  color: var(--eg-im8-muted) !important;
}

body.lp-theme--light-authority .eg-mono,
body.lp-theme--light-authority .eg-eyebrow,
body.lp-theme--light-authority .eg-advisor-title,
body.lp-theme--light-authority .eg-marquee-item {
  color: var(--eg-im8-quiet) !important;
}

body.lp-theme--light-authority .eg-product-buy-box-info,
body.lp-theme--light-authority .eg-ing-card,
body.lp-theme--light-authority .eg-review-card,
body.lp-theme--light-authority .eg-advisor,
body.lp-theme--light-authority .eg-advisor-body,
body.lp-theme--light-authority .eg-mechanism-stat-card,
body.lp-theme--light-authority .eg-plan-option,
body.lp-theme--light-authority .eg-cmp,
body.lp-theme--light-authority .eg-tline-week {
  background: var(--eg-im8-surface) !important;
  border-color: var(--eg-im8-border) !important;
  color: var(--eg-im8-ink);
  box-shadow: 0 18px 54px rgba(0,51,255,.06);
}

body.lp-theme--light-authority .eg-product-buy-box-info::before {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,244,255,.86));
}

body.lp-theme--light-authority .eg-featured-ingredients-heading {
  font-size: clamp(36px, 3.6vw, 48px) !important;
  line-height: .98 !important;
}

body.lp-theme--light-authority .eg-marquee,
body.lp-theme--light-authority .eg-offer-row,
body.lp-theme--light-authority .eg-faq-item,
body.lp-theme--light-authority .eg-tline-spine,
body.lp-theme--light-authority .eg-ing-foot,
body.lp-theme--light-authority .eg-athletes-foot {
  border-color: var(--eg-im8-border) !important;
}

body.lp-theme--light-authority .eg-tabbar,
body.lp-theme--light-authority .eg-mechanism-tabs-section .eg-tabbar {
  border-bottom-color: var(--eg-im8-border);
}

body.lp-theme--light-authority .eg-tabbar button,
body.lp-theme--light-authority .eg-mechanism-tabs-section .eg-tabbar button {
  color: var(--eg-im8-quiet);
}

body.lp-theme--light-authority .eg-tabbar button.is-active,
body.lp-theme--light-authority .eg-mechanism-tabs-section .eg-tabbar button.is-active {
  color: var(--eg-im8-ink);
}

body.lp-theme--light-authority .eg-tabbar button.is-active::after,
body.lp-theme--light-authority .eg-mechanism-tabs-section .eg-tabbar button.is-active::after {
  background: var(--eg-im8-accent);
}

body.lp-theme--light-authority .eg-ing-icon,
body.lp-theme--light-authority .eg-offer-trust-icon,
body.lp-theme--light-authority .eg-faq-icon,
body.lp-theme--light-authority .eg-tline-week {
  background: rgba(0,51,255,.08) !important;
  border-color: rgba(0,51,255,.2) !important;
  color: var(--eg-im8-accent) !important;
}

body.lp-theme--light-authority .eg-check,
body.lp-theme--light-authority .eg-offer-bullets .eg-check {
  background: var(--eg-im8-accent);
  color: #fff;
}

body.lp-theme--light-authority .eg-offer-bullets li,
body.lp-theme--light-authority .eg-offer-trust-text,
body.lp-theme--light-authority .eg-offer-gift-name,
body.lp-theme--light-authority .eg-plan-option,
body.lp-theme--light-authority .eg-plan-label {
  color: var(--eg-im8-ink);
}

body.lp-theme--light-authority .eg-offer-trust-text span,
body.lp-theme--light-authority .eg-offer-price-strike {
  color: var(--eg-im8-quiet);
}

body.lp-theme--light-authority .eg-offer-save-line,
body.lp-theme--light-authority .eg-review-verified,
body.lp-theme--light-authority .eg-plan-save {
  color: var(--eg-im8-accent);
}

body.lp-theme--light-authority .eg-marquee-dot {
  background-color: var(--eg-im8-accent);
}

body.lp-theme--light-authority .eg-offer-cta,
body.lp-theme--light-authority .eg-btn--primary {
  background: var(--eg-im8-accent);
  color: #fff;
}

body.lp-theme--light-authority .eg-offer-cta:hover,
body.lp-theme--light-authority .eg-btn--primary:hover {
  background: var(--eg-im8-accent-deep);
}

body.lp-theme--light-authority .eg-gallery-stage,
body.lp-theme--light-authority .eg-gallery-thumb {
  background-color: var(--eg-im8-surface-2);
  border-color: var(--eg-im8-border);
}

body.lp-theme--light-authority .eg-cmp-row.is-head {
  background: var(--eg-im8-surface-2);
  border-bottom-color: var(--eg-im8-border);
}

body.lp-theme--light-authority .eg-cmp-cell {
  border-left-color: var(--eg-im8-border);
}

body.lp-theme--light-authority .eg-cmp-col-rec,
body.lp-theme--light-authority .eg-tline-week.is-start {
  background: var(--eg-im8-accent) !important;
  border-color: var(--eg-im8-accent) !important;
}

body.lp-theme--light-authority .eg-cmp-cell-rec-body {
  background: rgba(0,51,255,.08) !important;
}

body.lp-theme--light-authority .eg-cmp-col-rec .eg-cmp-col-name,
body.lp-theme--light-authority .eg-cmp-rec-tag,
body.lp-theme--light-authority .eg-tline-week.is-start {
  color: #fff !important;
}

body.lp-theme--light-authority .eg-cmp-yes {
  color: var(--eg-im8-accent);
}

body.lp-theme--light-authority .eg-cmp-no,
body.lp-theme--light-authority .eg-cmp-maybe {
  color: var(--eg-im8-quiet);
}

body.lp-theme--light-authority .eg-gtee {
  background: linear-gradient(135deg, var(--enhanced-blue) 0%, var(--enhanced-purple) 100%);
  box-shadow: 0 28px 80px rgba(0,51,255,.22);
}

body.lp-theme--light-authority .eg-gtee .eg-display,
body.lp-theme--light-authority .eg-gtee .eg-body,
body.lp-theme--light-authority .eg-gtee .eg-mono,
body.lp-theme--light-authority .eg-gtee .eg-btn {
  color: #fff !important;
}

body.lp-theme--light-authority .eg-gtee .eg-btn--secondary {
  background: #fff;
  color: var(--eg-im8-accent) !important;
}

body.lp-theme--light-authority .eg-faq-icon {
  color: var(--eg-im8-accent);
}

body.lp-theme--light-authority .shopify-section > section[style*="border-top"],
body.lp-theme--light-authority #lp-comparison-chart,
body.lp-theme--light-authority #lp-offer-details {
  border-top-color: var(--eg-im8-border) !important;
}

body.lp-theme--light-authority .eg-product-buy-box-info [style*="background:var(--white-05)"],
body.lp-theme--light-authority .eg-mechanism-stat-card,
body.lp-theme--light-authority .eg-offer-row,
body.lp-theme--light-authority .eg-review-card,
body.lp-theme--light-authority .eg-faq-item {
  background-color: var(--eg-im8-surface) !important;
  border-color: var(--eg-im8-border) !important;
}

body.lp-theme--light-authority .eg-product-buy-box-info [style*="border:1px solid var(--white-10)"],
body.lp-theme--light-authority .eg-mechanism-stat-card[style*="border:1px solid var(--white-10)"],
body.lp-theme--light-authority #lp-offer-details [style*="border-top:1px solid var(--white-20)"] {
  border-color: var(--eg-im8-border) !important;
}

body.lp-theme--light-authority .eg-product-buy-box-info [style*="color:#fff"],
body.lp-theme--light-authority .eg-product-buy-box-info [style*="color: rgb(255, 255, 255)"],
body.lp-theme--light-authority .eg-mechanism-stat-value,
body.lp-theme--light-authority .eg-review-card [style*="color:#fff"],
body.lp-theme--light-authority .eg-tline-row h3[style*="color:#fff"],
body.lp-theme--light-authority .eg-tline-stat-num[style*="color:#fff"],
body.lp-theme--light-authority #lp-offer-details [style*="color:#fff"],
body.lp-theme--light-authority #lp-offer-details [style*="color:var(--white-50)"],
body.lp-theme--light-authority #lp-offer-details [style*="color:var(--white-60)"] {
  color: var(--eg-im8-ink) !important;
}

body.lp-theme--light-authority .eg-product-buy-box-info [style*="color:var(--white-70)"],
body.lp-theme--light-authority .eg-product-buy-box-info [style*="color:var(--white-60)"],
body.lp-theme--light-authority .eg-review-card .eg-mono,
body.lp-theme--light-authority .eg-review-foot,
body.lp-theme--light-authority .eg-tline-row .eg-body,
body.lp-theme--light-authority #lp-offer-details .eg-body-sm,
body.lp-theme--light-authority #lp-offer-details [style*="color:var(--white-50)"],
body.lp-theme--light-authority #lp-offer-details [style*="color:var(--white-60)"] {
  color: var(--eg-im8-muted) !important;
}

body.lp-theme--light-authority .eg-product-buy-box-info .eg-mono[style*="color:#fff"],
body.lp-theme--light-authority #lp-offer-details .eg-mono[style*="color:#fff"],
body.lp-theme--light-authority #lp-offer-details .eg-mono[style*="color:var(--white-50)"] {
  color: var(--eg-im8-quiet) !important;
}

body.lp-theme--light-authority .eg-offer-save-line[style],
body.lp-theme--light-authority #lp-offer-details [style*="color:var(--enhanced-aqua)"],
body.lp-theme--light-authority #lp-offer-details .eg-offer-row > .eg-mono:last-child {
  color: var(--eg-im8-accent) !important;
}

body.lp-theme--light-authority .eg-review-foot {
  border-top-color: var(--eg-im8-border) !important;
}

body.lp-theme--light-authority .eg-stars {
  color: var(--eg-im8-accent);
}

body.lp-theme--light-authority .eg-nav-btn {
  color: var(--eg-im8-accent);
  border-color: rgba(0,51,255,.28);
  background: #fff;
}

body.lp-theme--light-authority .eg-gallery-prev,
body.lp-theme--light-authority .eg-gallery-next,
body.lp-theme--light-authority #lp-product-buy-box .eg-facts-modal__close {
  color: var(--eg-im8-accent);
  border-color: rgba(0,51,255,.28);
  background: rgba(255,255,255,.92);
}

body.lp-theme--light-authority .eg-gallery-prev:hover,
body.lp-theme--light-authority .eg-gallery-next:hover,
body.lp-theme--light-authority #lp-product-buy-box .eg-facts-modal__close:hover {
  color: #fff;
  background: var(--eg-im8-accent);
  border-color: var(--eg-im8-accent);
}

body.lp-theme--light-authority .eg-gallery-dot {
  background: rgba(0,51,255,.28);
}

body.lp-theme--light-authority .eg-gallery-dot.is-active {
  background: var(--eg-im8-accent);
}

body.lp-theme--light-authority .eg-nav-btn:hover {
  background: var(--eg-im8-surface-2);
  border-color: rgba(0,51,255,.44);
  box-shadow: 0 16px 36px rgba(0,51,255,.12);
}

body.lp-theme--light-authority .eg-nav-btn--solid {
  background: var(--eg-im8-accent);
  border-color: var(--eg-im8-accent);
  color: #fff;
}

body.lp-theme--light-authority .eg-nav-btn--solid:hover {
  background: var(--eg-im8-accent-deep);
  color: #fff;
}

body.lp-theme--light-authority .eg-btn--outline {
  color: var(--eg-im8-accent);
  border-color: rgba(0,51,255,.3);
  background: #fff;
}

body.lp-theme--light-authority .eg-btn--outline:hover {
  color: #fff;
  background: var(--eg-im8-accent);
  border-color: var(--eg-im8-accent);
}

body.lp-theme--light-authority .eg-faq-toggle {
  color: var(--eg-im8-ink);
}

body.lp-theme--light-authority .eg-faq-item.is-open .eg-faq-icon {
  background: var(--eg-im8-accent) !important;
  color: #fff !important;
}

body.lp-theme--light-authority .eg-sticky-atc {
  background: rgba(255,255,255,.94);
  border-top-color: var(--eg-im8-border);
  box-shadow: 0 -18px 54px rgba(0,51,255,.1);
}

body.lp-theme--light-authority .eg-sticky-atc-title {
  color: var(--eg-im8-ink);
}

body.lp-theme--light-authority .eg-sticky-atc-sub {
  color: var(--eg-im8-muted);
}

body.lp-theme--light-authority .eg-gtee [style*="color:rgba(255,255,255"],
body.lp-theme--light-authority .eg-gtee [style*="color:#fff"],
body.lp-theme--light-authority .eg-gtee .eg-display,
body.lp-theme--light-authority .eg-gtee .eg-body,
body.lp-theme--light-authority .eg-gtee .eg-mono,
body.lp-theme--light-authority .eg-gtee .eg-btn,
body.lp-theme--light-authority .eg-advisor-img .eg-advisor-tag {
  color: #fff !important;
}

@media (hover: hover) and (pointer: fine) {
  body.lp-theme--light-authority .eg-cmp-row:not(.is-head):hover {
    background: rgba(0,51,255,.05);
  }

  body.lp-theme--light-authority .eg-ing-card:hover,
  body.lp-theme--light-authority .eg-review-card:hover,
  body.lp-theme--light-authority .eg-advisor:hover {
    border-color: rgba(0,51,255,.3);
    box-shadow: 0 30px 76px rgba(0,51,255,.12);
  }
}

/* —— UTIL ————————————————————————————————————————————— */
.eg-noise { position: absolute; inset: 0; opacity: 0.2; mix-blend-mode: overlay; pointer-events: none; }
.eg-radial-blue-purple {
  background: radial-gradient(ellipse 80% 60% at 50% 40%, #0033FF 0%, #5328FE 65%, #000 110%);
}