/** Shopify CDN: Minification failed

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

**/
/* =====================================================================
   LVE WELLNESS — SHARED STYLESHEET
   Edit --lve-* variables below to re-theme the entire site.
   Every section file in /sections/ links this same stylesheet.
   ===================================================================== */
:root{
  /* --- Brand palette --- */
  --lve-maroon-900:#3d0f16;
  --lve-maroon-800:#54141d;
  --lve-maroon-700:#6d1a24;
  --lve-maroon-600:#84212c;
  --lve-maroon-accent:#a02a35;
  --lve-cream-100:#fbf6ef;
  --lve-cream-200:#f4ecdf;
  --lve-cream-300:#ecdfc9;
  --lve-blush:#f3d9d4;
  --lve-ink:#241012;
  --lve-ink-soft:#5a4448;
  --lve-gold:#c9a35a;
  --lve-white:#ffffff;
  --lve-success:#4c7a52;

  /* --- Type --- */
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --shadow-soft: 0 20px 50px -20px rgba(61,15,22,0.35);
  --shadow-card: 0 10px 30px -12px rgba(61,15,22,0.18);

  --container: 1180px;
}

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

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family: var(--font-body);
  color: var(--lve-ink);
  background: var(--lve-cream-100);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit; cursor:pointer; border:none; background:none;}
.wrap{max-width:var(--container); margin:0 auto; padding:0 24px;}
.eyebrow{
  font-family:var(--font-body); font-weight:700; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--lve-maroon-accent);
}
h1,h2,h3{font-family:var(--font-display); font-weight:700; color:var(--lve-maroon-900); line-height:1.05;}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:16px 30px; border-radius:999px; font-weight:700; font-size:14px;
  letter-spacing:.03em; text-transform:uppercase; transition:transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{ background: var(--lve-maroon-accent); color:var(--lve-white); box-shadow: var(--shadow-soft);}
.btn-primary:hover{ background: var(--lve-maroon-700); }
.btn-outline{ background:transparent; color:var(--lve-white); border:1.5px solid rgba(255,255,255,.6); }
.btn-outline:hover{ background:rgba(255,255,255,.12); }
.btn-dark-outline{ background:transparent; color:var(--lve-maroon-900); border:1.5px solid var(--lve-maroon-900); }
.btn-dark-outline:hover{ background:var(--lve-maroon-900); color:var(--lve-white); }
.btn-block{width:100%;}
.btn:disabled{opacity:.5; cursor:not-allowed; transform:none;}

/* placeholder media block — swap for real photography/product renders */
.media-placeholder{
  background: linear-gradient(135deg, var(--lve-blush), var(--lve-cream-300));
  border-radius: var(--radius-lg);
  display:flex; align-items:center; justify-content:center;
  color: var(--lve-maroon-700); font-family:var(--font-body); font-weight:600; font-size:13px;
  text-align:center; padding:20px; text-transform:uppercase; letter-spacing:.06em;
  border: 1.5px dashed rgba(109,26,36,.35);
  min-height:100%;
}
.media-placeholder.dark{
  background: linear-gradient(135deg, var(--lve-maroon-700), var(--lve-maroon-900));
  color: rgba(255,255,255,.8);
  border-color: rgba(255,255,255,.25);
}
.media-placeholder.square{ border-radius:50%; aspect-ratio:1/1; }
.avatar-placeholder{
  border-radius:50%;
  background: linear-gradient(135deg, var(--lve-blush), var(--lve-cream-300));
  display:flex; align-items:center; justify-content:center;
  color:var(--lve-maroon-700); font-weight:700; font-family:var(--font-body);
  border: 1px dashed rgba(109,26,36,.35); flex-shrink:0;
}

/* =====================================================================
   ANNOUNCEMENT BAR + HEADER  (sections/01-header.html)
   ===================================================================== */
.announce-bar{
  background: var(--lve-maroon-900); color: var(--lve-cream-200);
  font-size:12px; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
  overflow:hidden; white-space:nowrap; height:38px;
}
.announce-track{
  display:flex; gap:64px; align-items:center; height:100%;
  animation: scrollAnnounce 22s linear infinite; padding-left:100%;
}
@keyframes scrollAnnounce{ from{transform:translateX(0);} to{transform:translateX(-100%);} }
@media (prefers-reduced-motion: reduce){ .announce-track{ animation:none; padding-left:24px; justify-content:center; flex-wrap:wrap; } }
header.site{ background: var(--lve-maroon-900); padding:18px 0; }
header.site .wrap{ display:flex; align-items:center; justify-content:space-between; }
.logo{ font-family:var(--font-display); font-size:26px; font-weight:700; color:var(--lve-cream-100); letter-spacing:.04em; }
.logo span{ color: var(--lve-gold); }
nav.main-nav ul{ display:flex; gap:32px; }
nav.main-nav a{ color: rgba(255,255,255,.85); font-size:13px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; }
nav.main-nav a:hover{ color: var(--lve-gold); }
.header-icons{ display:flex; align-items:center; gap:18px; color:var(--lve-cream-100); }

/* =====================================================================
   HERO + STICKY BUY BOX  (sections/02-hero-buybox.html)
   ===================================================================== */
.hero{
  background: radial-gradient(120% 140% at 15% 0%, var(--lve-maroon-600) 0%, var(--lve-maroon-800) 45%, var(--lve-maroon-900) 100%);
  color: var(--lve-cream-100); padding: 60px 0 80px;
}
.hero .wrap{ display:grid; grid-template-columns: 1.1fr .9fr; gap:50px; align-items:flex-start; }
.hero-copy .eyebrow{ color: var(--lve-gold); }
.hero-copy h1{ font-size:48px; color:var(--lve-white); margin:14px 0 20px; }
.hero-copy p{ font-size:16px; color: rgba(255,255,255,.82); max-width:460px; margin-bottom:24px; }
.hero-visual{ margin-top:10px;}
.hero-visual .media-placeholder{ aspect-ratio: 16/11; margin-bottom:16px; }
.stat-row{ display:flex; gap:22px; flex-wrap:wrap; }
.stat-chip{ text-align:center; }
.stat-chip .num{ font-family:var(--font-display); font-size:28px; color:var(--lve-gold); font-weight:700; }
.stat-chip small{ display:block; font-size:10.5px; color:rgba(255,255,255,.65); text-transform:uppercase; letter-spacing:.05em; max-width:90px; }

.buybox{
  background: var(--lve-white); border-radius: var(--radius-lg); padding:28px; box-shadow: var(--shadow-soft);
  color: var(--lve-ink); position:sticky; top:20px;
}
.buybox .value-tag{ background:var(--lve-cream-200); color:var(--lve-maroon-800); font-size:11.5px; font-weight:700;
  text-transform:uppercase; letter-spacing:.04em; padding:6px 12px; border-radius:999px; display:inline-block; margin-bottom:14px; }
.buybox h3{ font-size:22px; margin-bottom:6px; }
.buybox .price-line{ display:flex; align-items:baseline; gap:10px; margin-bottom:18px; }
.buybox .price-now{ font-family:var(--font-display); font-size:26px; color:var(--lve-maroon-800); font-weight:700; }
.buybox .price-was{ font-size:14px; color:var(--lve-ink-soft); text-decoration:line-through; }
.variant-row{ display:flex; gap:10px; margin-bottom:20px; flex-wrap:wrap; }
.variant-swatch{
  width:38px; height:38px; border-radius:50%; border:2px solid transparent; cursor:pointer;
  background:linear-gradient(135deg,var(--lve-blush),var(--lve-cream-300));
}
.variant-swatch.active{ border-color: var(--lve-maroon-accent); }
.plan-option{
  display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border:1.5px solid var(--lve-cream-300);
  border-radius: var(--radius-md); margin-bottom:10px; cursor:pointer; font-size:13.5px;
}
.plan-option.selected{ border-color: var(--lve-maroon-accent); background: var(--lve-cream-200); }
.plan-option .plan-name{ font-weight:700; }
.plan-option .plan-price{ font-weight:700; color:var(--lve-maroon-800); }
.buybox-guarantees{ display:flex; justify-content:space-between; margin-top:18px; font-size:10.5px; text-align:center; color:var(--lve-ink-soft); }
.buybox-guarantees div{ flex:1; }

.trust-strip{ background: var(--lve-cream-200); padding:20px 0; border-bottom:1px solid var(--lve-cream-300); }
.trust-strip ul{ display:flex; justify-content:center; gap:44px; flex-wrap:wrap; }
.trust-strip li{ font-size:12.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--lve-maroon-800); display:flex; align-items:center; gap:8px; }
.trust-strip li::before{ content:"✓"; color:var(--lve-success); font-weight:900; }

/* =====================================================================
   RECOMMENDATION PROGRAM AVATAR ROW  (sections/03-recommendation.html)
   ===================================================================== */
.recommend{ padding:70px 0; background:var(--lve-cream-100); text-align:center; }
.recommend h2{ font-size:30px; margin-bottom:8px; }
.recommend p{ color:var(--lve-ink-soft); font-size:14.5px; margin-bottom:34px; }
.avatar-row{ display:flex; justify-content:center; gap:18px; flex-wrap:wrap; margin-bottom:30px; }
.avatar-row .avatar-placeholder{ width:74px; height:74px; font-size:11px; }

/* =====================================================================
   TWO FORMULAS SPLIT  (sections/04-two-formulas.html)
   ===================================================================== */
.two-formulas{ padding:80px 0; background:var(--lve-cream-200); text-align:center; }
.two-formulas h2{ font-size:32px; margin-bottom:40px; }
.formula-grid{ display:grid; grid-template-columns:1fr 1fr; gap:30px; max-width:820px; margin:0 auto 34px; text-align:left; }
.formula-card{ background:var(--lve-white); border-radius:var(--radius-md); padding:28px; box-shadow:var(--shadow-card); }
.formula-card .dot{ width:14px; height:14px; border-radius:50%; margin-bottom:14px; }
.formula-card.a .dot{ background: var(--lve-maroon-accent); }
.formula-card.b .dot{ background: var(--lve-gold); }
.formula-card h4{ font-family:var(--font-display); font-size:18px; margin-bottom:8px; }
.formula-card p{ font-size:13.5px; color:var(--lve-ink-soft); }

/* =====================================================================
   VIDEO TESTIMONIAL ROW  (sections/05-video-row.html)
   ===================================================================== */
.video-row{ background: var(--lve-maroon-900); padding:60px 0; }
.video-row h2{ color:var(--lve-white); text-align:center; font-size:28px; margin-bottom:6px; }
.video-row .sub{ text-align:center; color:var(--lve-gold); font-family:var(--font-display); font-style:italic; margin-bottom:34px; }
.video-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.video-grid .media-placeholder{ aspect-ratio:4/5; }

/* =====================================================================
   CLINICIAN REVIEW CARDS  (sections/06-clinician-reviews.html)
   ===================================================================== */
.clinician{ padding:80px 0; background:var(--lve-cream-100); }
.clinician-head{ text-align:center; margin-bottom:12px; }
.clinician-head .badge{ display:inline-block; background:var(--lve-cream-200); padding:6px 16px; border-radius:999px; font-size:11.5px; font-weight:700; color:var(--lve-maroon-700); margin-bottom:16px; }
.clinician-head h2{ font-size:32px; }
.clinician-head p{ font-family:var(--font-display); font-style:italic; color:var(--lve-maroon-accent); margin-top:6px; }
.clinician-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }
.clinician-card{ background:var(--lve-white); border-radius:var(--radius-md); box-shadow:var(--shadow-card); padding:22px; }
.clinician-card .stars{ color:var(--lve-gold); font-size:13px; margin-bottom:10px; }
.clinician-card p{ font-size:13.5px; color:var(--lve-ink-soft); margin-bottom:14px; }
.clinician-card .who{ display:flex; align-items:center; gap:10px; }
.clinician-card .who .avatar-placeholder{ width:36px; height:36px; font-size:10px; }
.clinician-card .who span{ font-size:12px; font-weight:700; color:var(--lve-maroon-800); }

/* =====================================================================
   CLINICAL TRIAL DATA  (sections/07-clinical-trial.html)
   ===================================================================== */
.trial{ padding:80px 0; background:var(--lve-cream-200); text-align:center; }
.trial h2{ font-size:32px; margin-bottom:6px; }
.trial .sub{ font-family:var(--font-display); font-style:italic; color:var(--lve-maroon-accent); margin-bottom:14px; }
.trial-tag{ display:inline-block; background:var(--lve-success); color:var(--lve-white); font-size:11px; font-weight:700; text-transform:uppercase; padding:5px 14px; border-radius:999px; margin-bottom:34px; }
.trial-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:920px; margin:0 auto; }
.trial-card{ background:var(--lve-white); border-radius:var(--radius-md); box-shadow:var(--shadow-card); padding:20px; text-align:left; }
.trial-card .metric{ font-family:var(--font-display); font-size:26px; color:var(--lve-maroon-800); font-weight:700; }
.trial-card .label{ font-size:12px; color:var(--lve-ink-soft); margin-top:4px; }
.trial-card .bar-track{ height:6px; background:var(--lve-cream-300); border-radius:4px; margin-top:12px; overflow:hidden; }
.trial-card .bar-fill{ height:100%; background:var(--lve-maroon-accent); }

/* =====================================================================
   SUPPLEMENT FACTS TABLE  (sections/08-supplement-table.html)
   ===================================================================== */
.supp-table-section{ padding:80px 0; background:var(--lve-cream-100); text-align:center; }
.supp-table-section h2{ font-size:32px; margin-bottom:34px; }
.supp-table-card{ background:var(--lve-white); border-radius:var(--radius-lg); box-shadow:var(--shadow-card); overflow:hidden; max-width:900px; margin:0 auto; text-align:left; }
table.supp-table{ width:100%; border-collapse:collapse; }
table.supp-table th, table.supp-table td{ padding:14px 20px; font-size:13.5px; border-bottom:1px solid var(--lve-cream-300); }
table.supp-table thead th{ background:var(--lve-maroon-900); color:var(--lve-cream-100); font-family:var(--font-display); font-weight:600; font-size:14px; }
table.supp-table td:first-child{ font-weight:700; color:var(--lve-maroon-800); }

/* =====================================================================
   ORGAN SYSTEMS / CELLULAR HEALTH  (sections/09-organ-systems.html)
   ===================================================================== */
.organ-systems{ padding:70px 0 20px; background:var(--lve-cream-100); text-align:center; }
.organ-systems h2{ font-size:30px; margin-bottom:34px; }
.organ-grid{ display:grid; grid-template-columns:repeat(9,1fr); gap:10px; max-width:920px; margin:0 auto; }
.organ-grid .media-placeholder{ aspect-ratio:1/1; border-radius:50%; font-size:9px; padding:6px; }
.cellular{ padding:70px 0 90px; background:var(--lve-cream-100); text-align:center; }
.cellular h2{ font-size:30px; margin-bottom:34px; }
.cellular-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:960px; margin:0 auto; }
.cellular-card{ background:var(--lve-white); border-radius:var(--radius-md); box-shadow:var(--shadow-card); padding:24px; }
.cellular-card .media-placeholder{ aspect-ratio:1/1; width:56px; margin:0 auto 14px; border-radius:50%; }
.cellular-card h4{ font-family:var(--font-display); font-size:15.5px; margin-bottom:6px; }
.cellular-card p{ font-size:12.5px; color:var(--lve-ink-soft); }

/* =====================================================================
   ATHLETE STAT BAND (dark)  (sections/10-stat-band.html)
   ===================================================================== */
.stat-band{ background: var(--lve-maroon-900); padding:70px 0; color:var(--lve-cream-100); }
.stat-band h2{ color:var(--lve-white); text-align:center; font-size:28px; margin-bottom:40px; }
.stat-band-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; align-items:center; }
.stat-band-item{ text-align:center; }
.stat-band-item .num{ font-family:var(--font-display); font-size:36px; color:var(--lve-gold); font-weight:700; }
.stat-band-item small{ font-size:11.5px; color:rgba(255,255,255,.65); text-transform:uppercase; letter-spacing:.04em; }

/* =====================================================================
   FOUNDER NOTE  (sections/11-founder-note.html)
   ===================================================================== */
.founder-note{ background: linear-gradient(135deg, var(--lve-maroon-700), var(--lve-maroon-900)); padding:80px 0; }
.founder-note .wrap{ display:grid; grid-template-columns:1fr .8fr; gap:50px; align-items:center; }
.founder-note .eyebrow{ color:var(--lve-gold); display:block; margin-bottom:14px; }
.founder-note h2{ color:var(--lve-white); font-size:28px; margin-bottom:16px; }
.founder-note p{ color:rgba(255,255,255,.8); font-size:14.5px; margin-bottom:14px; max-width:480px; }
.founder-note .signature{ font-family:var(--font-display); font-style:italic; color:var(--lve-gold); font-size:20px; margin-top:20px; }
.founder-note .media-placeholder{ aspect-ratio:4/5; }

/* =====================================================================
   EXPERT GRID  (sections/12-expert-grid.html)
   ===================================================================== */
.expert-grid-section{ padding:80px 0; background:var(--lve-cream-200); text-align:center; }
.expert-grid-section h2{ font-size:30px; }
.expert-grid-section .sub{ font-family:var(--font-display); font-style:italic; color:var(--lve-maroon-accent); margin-bottom:40px; }
.expert-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:820px; margin:0 auto 30px; }
.expert-card{ background:var(--lve-white); border-radius:var(--radius-md); box-shadow:var(--shadow-card); overflow:hidden; padding-bottom:18px; }
.expert-card .media-placeholder{ aspect-ratio:1/1; border-radius:0; }
.expert-card h4{ font-family:var(--font-display); font-size:15px; margin-top:14px; }
.expert-card p{ font-size:11.5px; color:var(--lve-ink-soft); padding:0 14px; }
.expert-note{ max-width:640px; margin:0 auto; font-size:12.5px; color:var(--lve-ink-soft); font-style:italic; }

/* =====================================================================
   CUSTOMER PROOF BAND  (sections/13-customer-proof.html)
   ===================================================================== */
.customer-proof{ padding:0; background:var(--lve-maroon-900); }
.proof-photos{ display:grid; grid-template-columns:repeat(3,1fr); }
.proof-photos .media-placeholder{ aspect-ratio:1/1; border-radius:0; }
.proof-stats{ display:grid; grid-template-columns:repeat(3,1fr); text-align:center; padding:40px 0; }
.proof-stats .num{ font-family:var(--font-display); font-size:30px; color:var(--lve-gold); font-weight:700; }
.proof-stats small{ font-size:11.5px; color:rgba(255,255,255,.65); text-transform:uppercase; letter-spacing:.04em; }

/* =====================================================================
   RISK-FREE GUARANTEE  (sections/14-risk-free.html)
   ===================================================================== */
.risk-free{ padding:80px 0; background:var(--lve-cream-100); text-align:center; }
.risk-free .badge-circle{
  width:120px; height:120px; border-radius:50%; border:2px solid var(--lve-maroon-accent); margin:0 auto 18px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--lve-maroon-800);
}
.risk-free .badge-circle .big{ font-family:var(--font-display); font-size:34px; font-weight:700; }
.risk-free .badge-circle small{ font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.risk-free h2{ font-size:28px; margin-bottom:8px; }
.risk-free p{ color:var(--lve-ink-soft); font-size:14px; max-width:460px; margin:0 auto; }

/* =====================================================================
   FAQ  (sections/15-faq.html)
   ===================================================================== */
.faq{ padding:80px 0; background:var(--lve-cream-200); }
.faq .wrap{ display:grid; grid-template-columns: 1fr 1.6fr; gap:60px; }
.faq-head .eyebrow{ display:block; margin-bottom:10px; }
.faq-head h2{ font-size:32px; }
.faq-item{ border-bottom:1px solid var(--lve-cream-300); }
.faq-question{
  width:100%; display:flex; justify-content:space-between; align-items:center;
  padding:20px 4px; font-size:15.5px; font-weight:600; color:var(--lve-maroon-900); text-align:left;
}
.faq-question .icon{ font-size:20px; color:var(--lve-maroon-accent); transition:transform .2s ease; flex-shrink:0; margin-left:20px; }
.faq-item.open .faq-question .icon{ transform:rotate(45deg); }
.faq-answer{ max-height:0; overflow:hidden; transition:max-height .25s ease; }
.faq-answer-inner{ padding:0 4px 20px; font-size:14px; color:var(--lve-ink-soft); max-width:640px; }

/* =====================================================================
   FOOTER  (sections/16-footer.html)
   ===================================================================== */
footer.site{ background: var(--lve-maroon-800); color:rgba(255,255,255,.75); padding:56px 0 0; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,.14); }
.footer-grid h4{ color:var(--lve-white); font-size:12px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:16px; }
.footer-grid ul li{ margin-bottom:10px; font-size:13.5px; }
.footer-grid ul a:hover{ color:var(--lve-gold); }
.footer-logo{ font-family:var(--font-display); font-size:24px; color:var(--lve-white); margin-bottom:14px; }
.footer-bottom{ display:flex; justify-content:space-between; padding:24px 0; font-size:12px; color:rgba(255,255,255,.55); flex-wrap:wrap; gap:10px; }
.footer-wordmark{ text-align:center; font-family:var(--font-display); font-weight:700; font-size:14vw; line-height:1; color:var(--lve-maroon-900);
  background: var(--lve-maroon-700); letter-spacing:.05em; padding:20px 0 0; overflow:hidden; }

/* =====================================================================
   TYPE MATCH — tight bold grotesque headline style
   ===================================================================== */
h1,h2,h3{ letter-spacing:-0.02em; }

/* =====================================================================
   LIQUID GLASS + LIFT EFFECTS
   Applied globally. Adjust blur/opacity/translateY below to taste.
   ===================================================================== */
body{ position:relative; }
body::before{
  content:"";
  position:fixed; inset:0; z-index:-1;
  background:
    radial-gradient(600px circle at 8% 8%, rgba(160,42,53,0.22), transparent 60%),
    radial-gradient(560px circle at 92% 15%, rgba(201,163,90,0.20), transparent 60%),
    radial-gradient(680px circle at 50% 95%, rgba(109,26,36,0.18), transparent 60%),
    radial-gradient(500px circle at 25% 60%, rgba(243,217,212,0.35), transparent 60%),
    var(--lve-cream-100);
  background-attachment:fixed;
}

/* Frosted glass surfaces — light-context cards */
.buybox, .clinician-card, .expert-card, .trial-card, .formula-card,
.cellular-card, .rating-card, .review-card, .compare-table-card,
.ingredient-card, .plan-option, .footer-grid, table.compare-table,
table.supp-table, .supp-table-card{
  background: rgba(255,255,255,0.45) !important;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.5);
  box-shadow: 0 8px 32px -10px rgba(61,15,22,0.22);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s cubic-bezier(.2,.8,.2,1);
}

/* Frosted glass surfaces — dark-context panels */
header.site, .panel, .panel.panel-a, .panel.panel-b{
  background: rgba(61,15,22,0.55) !important;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.18);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s cubic-bezier(.2,.8,.2,1);
}
header.site{ position:sticky; top:0; z-index:100; }

/* Lift on hover — cards rise off the page */
.buybox:hover, .clinician-card:hover, .expert-card:hover, .trial-card:hover,
.formula-card:hover, .cellular-card:hover, .review-card:hover,
.ingredient-card:hover, .panel:hover, .compare-table-card:hover,
.stat-chip:hover, .avatar-placeholder:hover, .media-placeholder:hover{
  transform: translateY(-10px);
  box-shadow: 0 34px 60px -18px rgba(61,15,22,0.38);
}

/* Buttons already lift slightly (see .btn:hover) — deepen the shadow to match */
.btn-primary:hover{ box-shadow: 0 18px 38px -10px rgba(160,42,53,0.5); }

/* Media placeholders + avatars get a subtle glass edge too */
.media-placeholder, .avatar-placeholder{
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s cubic-bezier(.2,.8,.2,1);
}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width: 980px){
  .hero .wrap, .founder-note .wrap{ grid-template-columns:1fr; }
  .hero-copy h1{ font-size:36px; }
  .buybox{ position:static; }
  .formula-grid, .clinician-grid, .expert-grid, .proof-photos, .proof-stats{ grid-template-columns:repeat(2,1fr); }
  .video-grid, .trial-grid, .cellular-grid, .stat-band-grid{ grid-template-columns:repeat(2,1fr); }
  .organ-grid{ grid-template-columns:repeat(5,1fr); }
  .faq .wrap{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  nav.main-nav{ display:none; }
}
@media (max-width:600px){
  .formula-grid, .clinician-grid, .expert-grid, .video-grid, .trial-grid, .cellular-grid, .stat-band-grid, .proof-photos, .proof-stats{ grid-template-columns:1fr; }
  .organ-grid{ grid-template-columns:repeat(3,1fr); }
  .footer-grid{ grid-template-columns:1fr; }
  .footer-wordmark{ font-size:22vw; }
}