/* ════════════════════════════════════════════════════════════
   Body Composition Program — landing page styles
   Tone matches main Eden site: forest palette, calm editorial
   ════════════════════════════════════════════════════════════ */

:root {
  --eden-void: #0D1612;
  --eden-bg: #131F1A;
  --eden-surface: #1A2620;
  --eden-surface-2: #21302A;
  --eden-bone: #EDE5D2;
  --eden-bone-dim: #B8B19E;
  --eden-bone-mute: #8E8671;
  --eden-amber: #C9A875;
  --eden-amber-dim: rgba(201, 168, 117, 0.7);
  --eden-moss: #8AC478;
  --eden-clay: #B08868;
  --eden-hairline: rgba(232, 224, 204, 0.10);
  --eden-hairline-strong: rgba(232, 224, 204, 0.20);
  --font-display: 'Instrument Serif', serif;
  --font-sans: 'Inter Tight', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: #F5F1E8;
  color: var(--eden-void);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

/* ───────────────────────────── PAGE CHROME ─────────────────────────── */
.page-header {
  padding: 56px 32px 32px;
  text-align: center;
  border-bottom: 1px solid rgba(13, 22, 18, 0.08);
  max-width: 900px;
  margin: 0 auto;
}
.page-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #5A6B5E;
  margin-bottom: 14px;
}
.page-title {
  font-family: var(--font-display);
  font-size: 44px;
  font-weight: 400;
  margin: 0 0 16px;
  letter-spacing: -0.02em;
  color: var(--eden-void);
}
.page-subtitle {
  font-size: 14px;
  color: rgba(13, 22, 18, 0.65);
  max-width: 680px;
  margin: 0 auto 24px;
  line-height: 1.6;
}
.page-subtitle code {
  background: rgba(13, 22, 18, 0.06);
  padding: 1px 6px;
  border-radius: 3px;
  font-family: var(--font-mono);
  font-size: 12px;
}
.page-meta {
  display: flex;
  gap: 28px;
  justify-content: center;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(13, 22, 18, 0.6);
}
.page-meta-item { display: inline-flex; align-items: center; gap: 8px; }
.dot { width: 8px; height: 8px; border-radius: 50%; }
.dot-a { background: var(--eden-moss); }
.dot-b { background: var(--eden-amber); }

/* ─────────────────────────── COMPARE GRID ───────────────────────────── */
.compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  padding: 40px 32px 80px;
  max-width: 1700px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .compare-grid { grid-template-columns: 1fr; gap: 56px; }
}

.option-wrap { display: flex; flex-direction: column; gap: 14px; }
.option-label { padding: 0 4px; }
.option-tag {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(13, 22, 18, 0.55);
  margin-bottom: 4px;
}
.option-tag .marker { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 8px; vertical-align: middle; transform: translateY(-1px); }
.option-tag.a .marker { background: var(--eden-moss); }
.option-tag.b .marker { background: var(--eden-amber); }
.option-name {
  font-family: var(--font-display);
  font-size: 26px;
  color: var(--eden-void);
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.option-desc {
  font-size: 13px;
  color: rgba(13, 22, 18, 0.55);
  line-height: 1.55;
}

.option-frame {
  border-radius: 14px;
  overflow: hidden;
  background: var(--eden-bg);
  box-shadow: 0 30px 80px -20px rgba(13, 22, 18, 0.32), 0 0 0 1px rgba(13, 22, 18, 0.06);
  height: 80vh;
  min-height: 760px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(232, 224, 204, 0.18) transparent;
}
.option-frame::-webkit-scrollbar { width: 6px; }
.option-frame::-webkit-scrollbar-thumb { background: rgba(232, 224, 204, 0.18); border-radius: 4px; }

/* ════════════════════════════════════════════════════════════
   LANDING PAGE — shared between A and B
   ════════════════════════════════════════════════════════════ */
.lp { color: var(--eden-bone); font-family: var(--font-sans); }
.lp em {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--eden-amber);
  font-weight: 400;
}
.lp-container { max-width: 1100px; margin: 0 auto; padding: 0 32px; }
.lp-container-narrow { max-width: 760px; margin: 0 auto; padding: 0 32px; }

.lp-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--eden-amber);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.lp-eyebrow::before {
  content: '';
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--eden-amber);
}

/* ── Buttons ── */
.lp-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 18px 28px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: transform 200ms ease, background 200ms ease, color 200ms ease;
  user-select: none;
}
.lp-btn:hover { transform: translateY(-1px); }
.lp-btn-primary {
  background: var(--eden-bone);
  color: var(--eden-void);
}
.lp-btn-primary:hover { background: var(--eden-amber); }
.lp-btn-arrow {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--eden-void);
  color: var(--eden-amber);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 400;
  transition: transform 200ms ease;
}
.lp-btn:hover .lp-btn-arrow { transform: translateX(2px); }
.lp-btn-ghost {
  background: transparent;
  color: var(--eden-bone);
  border: 1px solid var(--eden-hairline-strong);
}
.lp-btn-ghost:hover { background: rgba(232, 224, 204, 0.06); }

/* ── Brand bar (replaces nav) ── */
.lp-brand {
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--eden-hairline);
  background: rgba(13, 22, 18, 0.4);
  backdrop-filter: blur(8px);
  position: sticky;
  top: 0;
  z-index: 10;
}
.lp-brand-left { display: flex; align-items: center; gap: 14px; }
.lp-brand-mark {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--eden-moss), var(--eden-amber));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  color: var(--eden-void);
  font-size: 16px;
  font-weight: 500;
}
.lp-brand-name {
  font-family: var(--font-display);
  font-size: 18px;
  color: var(--eden-bone);
  letter-spacing: -0.01em;
}
.lp-brand-divider { color: var(--eden-bone-mute); margin: 0 4px; }
.lp-brand-program {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--eden-amber);
}
.lp-brand-cta {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eden-bone);
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid var(--eden-hairline-strong);
  transition: all 200ms ease;
}
.lp-brand-cta:hover { background: var(--eden-bone); color: var(--eden-void); border-color: var(--eden-bone); }

/* ── Scarcity bar (variant B) ── */
.lp-scarcity {
  background: var(--eden-amber);
  color: var(--eden-void);
  text-align: center;
  padding: 11px 24px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
}
.lp-scarcity strong { font-weight: 600; }

/* ────────────────────────── HERO ───────────────────────────── */
.lp-hero {
  padding: 88px 0 96px;
  background:
    radial-gradient(ellipse 60% 50% at 100% 10%, rgba(201, 168, 117, 0.10), transparent 70%),
    radial-gradient(ellipse 50% 40% at 0% 90%, rgba(138, 196, 120, 0.08), transparent 70%);
}
.lp-hero-eyebrow { margin-bottom: 28px; }
.lp-hero h1 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(44px, 5.5vw, 76px);
  line-height: 1.02;
  letter-spacing: -0.025em;
  margin: 0 0 28px;
  color: var(--eden-bone);
  max-width: 780px;
}
.lp-hero-sub {
  font-size: 18px;
  line-height: 1.55;
  color: var(--eden-bone-dim);
  max-width: 600px;
  margin: 0 0 40px;
}
.lp-hero-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.lp-hero-trust {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--eden-bone-mute);
}

/* Variant B hero — centered */
.lp-hero.b-hero { text-align: center; padding-top: 64px; padding-bottom: 64px; }
.lp-hero.b-hero h1, .lp-hero.b-hero .lp-hero-sub { margin-left: auto; margin-right: auto; }
.lp-hero.b-hero h1 { max-width: 920px; }
.lp-hero.b-hero .lp-hero-actions { justify-content: center; flex-direction: column; gap: 14px; }

/* Hero meta strip (variant A) */
.lp-hero-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid var(--eden-hairline);
  padding-top: 32px;
  margin-top: 56px;
  max-width: 720px;
}
.lp-hero-meta-item {
  padding-right: 24px;
  border-right: 1px solid var(--eden-hairline);
}
.lp-hero-meta-item:last-child { border-right: none; padding-left: 24px; padding-right: 0; }
.lp-hero-meta-item:first-child { padding-left: 0; }
.lp-hero-meta-num {
  font-family: var(--font-display);
  font-size: 32px;
  color: var(--eden-bone);
  line-height: 1;
  margin-bottom: 8px;
}
.lp-hero-meta-num em { font-style: italic; color: var(--eden-amber); }
.lp-hero-meta-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--eden-bone-mute);
}

/* Stat row (variant B) */
.lp-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--eden-hairline);
  border-bottom: 1px solid var(--eden-hairline);
  background: var(--eden-surface);
}
.lp-stat {
  padding: 36px 24px;
  text-align: center;
  border-right: 1px solid var(--eden-hairline);
}
.lp-stat:last-child { border-right: none; }
.lp-stat-num {
  font-family: var(--font-display);
  font-size: clamp(36px, 4.5vw, 52px);
  color: var(--eden-amber);
  line-height: 1;
  margin-bottom: 10px;
  font-style: italic;
}
.lp-stat-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--eden-bone-dim);
}

/* ────────────────────── SECTION SHELLS ─────────────────────── */
.lp-section {
  padding: 96px 0;
  border-top: 1px solid var(--eden-hairline);
}
.lp-section-header {
  margin-bottom: 56px;
  max-width: 720px;
}
.lp-section.b-section .lp-section-header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.lp-section h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(36px, 4.5vw, 56px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 16px 0 0;
  color: var(--eden-bone);
}
.lp-section-lede {
  font-size: 17px;
  line-height: 1.6;
  color: var(--eden-bone-dim);
  margin: 24px 0 0;
  max-width: 640px;
}
.lp-section.b-section .lp-section-lede { margin-left: auto; margin-right: auto; }

/* ────────────────────── PROMISE / DIFFERENCE ─────────────────────── */
.lp-promise {
  padding: 80px 0;
  border-top: 1px solid var(--eden-hairline);
  background: var(--eden-surface);
}
.lp-promise-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
.lp-promise-text h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 16px 0 24px;
  color: var(--eden-bone);
}
.lp-promise-text p {
  font-size: 16px;
  line-height: 1.65;
  color: var(--eden-bone-dim);
  margin: 0 0 18px;
}
.lp-promise-points {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.lp-promise-point {
  padding: 24px 0;
  border-top: 1px solid var(--eden-hairline);
}
.lp-promise-point:first-child { border-top: none; padding-top: 0; }
.lp-promise-point h3 {
  font-family: var(--font-display);
  font-size: 22px;
  color: var(--eden-bone);
  margin: 0 0 8px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.lp-promise-point p {
  font-size: 14px;
  color: var(--eden-bone-dim);
  line-height: 1.6;
  margin: 0;
}
.lp-promise-point-num {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  color: var(--eden-amber);
  margin-bottom: 10px;
  display: block;
}
@media (max-width: 720px) {
  .lp-promise-grid { grid-template-columns: 1fr; }
}

/* ────────────────────── INCLUDES GRID ─────────────────────── */
.lp-includes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--eden-hairline);
  border-left: 1px solid var(--eden-hairline);
}
.lp-include-item {
  padding: 32px 28px;
  border-right: 1px solid var(--eden-hairline);
  border-bottom: 1px solid var(--eden-hairline);
}
.lp-include-num {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  color: var(--eden-amber);
  margin-bottom: 16px;
}
.lp-include-title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 22px;
  color: var(--eden-bone);
  margin: 0 0 10px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.lp-include-desc {
  font-size: 14px;
  color: var(--eden-bone-dim);
  line-height: 1.55;
  margin: 0;
}
@media (max-width: 720px) {
  .lp-includes { grid-template-columns: 1fr; }
}

/* ────────────────────── WHO IT'S FOR ─────────────────────── */
.lp-audience {
  padding: 80px 0;
  border-top: 1px solid var(--eden-hairline);
}
.lp-audience-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 40px;
}
.lp-audience-card {
  padding: 28px;
  border: 1px solid var(--eden-hairline);
  border-radius: 4px;
  background: rgba(232, 224, 204, 0.02);
}
.lp-audience-card h3 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 22px;
  color: var(--eden-bone);
  margin: 0 0 16px;
}
.lp-audience-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp-audience-card li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--eden-bone-dim);
  line-height: 1.5;
}
.lp-audience-card li::before {
  content: '✓';
  position: absolute;
  left: 0; top: 0;
  color: var(--eden-amber);
  font-size: 12px;
}
.lp-audience-card.not-for li::before { content: '–'; color: var(--eden-bone-mute); }
@media (max-width: 720px) {
  .lp-audience-grid { grid-template-columns: 1fr; }
}

/* ────────────────────── PROVIDER / TEAM ─────────────────────── */
.lp-team {
  padding: 96px 0;
  border-top: 1px solid var(--eden-hairline);
  background: var(--eden-surface);
}
.lp-team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 48px;
}
.lp-team-card {
  display: flex;
  flex-direction: column;
}
.lp-team-photo {
  aspect-ratio: 4/5;
  background: var(--eden-bg);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.lp-team-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92);
}
.lp-team-photo-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--eden-surface-2), var(--eden-bg));
  font-family: var(--font-display);
  font-size: 64px;
  color: rgba(201, 168, 117, 0.3);
}
.lp-team-name {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 22px;
  color: var(--eden-bone);
  margin: 0 0 4px;
  letter-spacing: -0.01em;
}
.lp-team-suffix {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  color: var(--eden-amber);
  margin-bottom: 12px;
}
.lp-team-role {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--eden-bone-mute);
  margin-bottom: 14px;
}
.lp-team-bio {
  font-size: 13px;
  line-height: 1.6;
  color: var(--eden-bone-dim);
  margin: 0;
}
@media (max-width: 900px) {
  .lp-team-grid { grid-template-columns: 1fr; gap: 40px; }
}

.lp-team-creds {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.lp-team-cred {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--eden-bone-dim);
  padding: 5px 10px;
  border: 1px solid var(--eden-hairline);
  border-radius: 999px;
}

/* ────────────────────── FAQ ─────────────────────── */
.lp-faq {
  display: flex;
  flex-direction: column;
}
.lp-faq-item {
  padding: 28px 0;
  border-top: 1px solid var(--eden-hairline);
  cursor: pointer;
  transition: background 200ms ease;
}
.lp-faq-item:last-child { border-bottom: 1px solid var(--eden-hairline); }
.lp-faq-q {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 22px;
  color: var(--eden-bone);
  margin: 0 0 0;
  letter-spacing: -0.01em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.lp-faq-toggle {
  flex-shrink: 0;
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid var(--eden-hairline-strong);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--eden-amber);
  font-family: var(--font-mono);
  font-size: 14px;
  transition: transform 250ms ease, background 250ms ease;
}
.lp-faq-item.open .lp-faq-toggle {
  background: var(--eden-amber);
  color: var(--eden-void);
  transform: rotate(45deg);
}
.lp-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 350ms ease, margin-top 350ms ease;
  font-size: 15px;
  color: var(--eden-bone-dim);
  line-height: 1.65;
  margin: 0;
  max-width: 720px;
}
.lp-faq-item.open .lp-faq-a {
  max-height: 600px;
  margin-top: 16px;
}

/* ────────────────────── QUIZ / LEAD CAPTURE ─────────────────────── */
.lp-quiz-section {
  padding: 96px 0;
  border-top: 1px solid var(--eden-hairline);
  background:
    radial-gradient(ellipse 70% 60% at 50% 100%, rgba(201, 168, 117, 0.10), transparent 70%),
    var(--eden-bg);
}
.lp-quiz-card {
  max-width: 760px;
  margin: 56px auto 0;
  padding: 48px 40px;
  background: var(--eden-surface);
  border: 1px solid var(--eden-hairline);
  border-radius: 6px;
  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.5);
}
.lp-quiz-progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eden-bone-mute);
}
.lp-quiz-progress-bar {
  flex: 1;
  height: 1px;
  background: var(--eden-hairline);
  margin: 0 16px;
  position: relative;
}
.lp-quiz-progress-fill {
  position: absolute;
  inset: 0;
  background: var(--eden-amber);
  transform-origin: left center;
  transition: transform 400ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.lp-quiz-section-tag {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eden-amber);
  margin-bottom: 14px;
}
.lp-quiz-q {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.2;
  margin: 0 0 10px;
  color: var(--eden-bone);
  letter-spacing: -0.01em;
}
.lp-quiz-sub {
  font-size: 14px;
  color: var(--eden-bone-dim);
  margin: 0 0 28px;
  line-height: 1.55;
}
.lp-quiz-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lp-quiz-option {
  padding: 18px 22px;
  background: rgba(232, 224, 204, 0.02);
  border: 1px solid var(--eden-hairline);
  border-radius: 4px;
  color: var(--eden-bone);
  font-size: 14px;
  font-family: var(--font-sans);
  text-align: left;
  cursor: pointer;
  transition: all 180ms ease;
  display: flex;
  align-items: center;
  gap: 14px;
}
.lp-quiz-option:hover {
  background: rgba(232, 224, 204, 0.06);
  border-color: var(--eden-amber-dim);
  transform: translateX(2px);
}
.lp-quiz-option.selected {
  background: rgba(201, 168, 117, 0.08);
  border-color: var(--eden-amber);
}
.lp-quiz-option-marker {
  width: 18px; height: 18px;
  border-radius: 50%;
  border: 1px solid var(--eden-hairline-strong);
  flex-shrink: 0;
  position: relative;
  transition: all 180ms ease;
}
.lp-quiz-option.selected .lp-quiz-option-marker {
  border-color: var(--eden-amber);
  background: var(--eden-amber);
}
.lp-quiz-option.selected .lp-quiz-option-marker::after {
  content: '';
  position: absolute;
  inset: 4px;
  background: var(--eden-void);
  border-radius: 50%;
}
/* multi-select uses square */
.lp-quiz-option.multi .lp-quiz-option-marker { border-radius: 3px; }
.lp-quiz-option.multi.selected .lp-quiz-option-marker::after { border-radius: 0; inset: 5px 5px 5px 5px; }

.lp-quiz-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--eden-hairline);
}
.lp-quiz-back {
  background: transparent;
  border: none;
  color: var(--eden-bone-mute);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 8px 0;
}
.lp-quiz-back:hover { color: var(--eden-amber); }
.lp-quiz-back:disabled { opacity: 0.3; cursor: not-allowed; }

.lp-quiz-next {
  background: var(--eden-amber);
  border: none;
  color: var(--eden-void);
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 14px 24px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 180ms ease;
}
.lp-quiz-next:hover { background: var(--eden-bone); transform: translateY(-1px); }
.lp-quiz-next:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }

/* Contact form */
.lp-quiz-contact {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.lp-quiz-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lp-quiz-field label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eden-bone-mute);
}
.lp-quiz-field input,
.lp-quiz-field textarea {
  background: rgba(232, 224, 204, 0.04);
  border: 1px solid var(--eden-hairline);
  border-radius: 4px;
  padding: 14px 16px;
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--eden-bone);
  transition: border-color 180ms ease, background 180ms ease;
}
.lp-quiz-field input:focus,
.lp-quiz-field textarea:focus {
  outline: none;
  border-color: var(--eden-amber);
  background: rgba(232, 224, 204, 0.06);
}
.lp-quiz-field textarea { min-height: 80px; resize: vertical; }

.lp-quiz-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--eden-bone-dim);
  cursor: pointer;
}
.lp-quiz-consent input { margin-top: 3px; cursor: pointer; accent-color: var(--eden-amber); }

.lp-quiz-error {
  background: rgba(176, 136, 104, 0.1);
  border: 1px solid var(--eden-clay);
  border-radius: 4px;
  padding: 14px 16px;
  font-size: 13px;
  color: var(--eden-clay);
  margin-bottom: 16px;
}

/* ────────────────────── FINAL CTA / DISCLAIMER ─────────────────────── */
.lp-final {
  padding: 80px 0;
  text-align: center;
  border-top: 1px solid var(--eden-hairline);
}
.lp-final h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.1;
  margin: 16px auto;
  max-width: 720px;
  color: var(--eden-bone);
  letter-spacing: -0.02em;
}
.lp-final p {
  font-size: 16px;
  color: var(--eden-bone-dim);
  max-width: 560px;
  margin: 0 auto 32px;
  line-height: 1.6;
}

.lp-disclaimer {
  padding: 36px 0;
  border-top: 1px solid var(--eden-hairline);
  background: var(--eden-void);
}
.lp-disclaimer p {
  font-size: 11px;
  color: var(--eden-bone-mute);
  line-height: 1.6;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.lp-disclaimer-meta {
  margin-top: 18px !important;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}


/* ════════════════════════════════════════════════════════════
   ADDITIONS — comparison-led + story-led variants
   ════════════════════════════════════════════════════════════ */

/* ── Asymmetric hero (Variant B) ── */
.b-hero-asym { padding: 72px 0 80px; }
.b-hero-inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 56px;
  align-items: center;
}
.b-hero-text h1 { max-width: 100%; }
.b-hero-stats {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--eden-hairline);
  border-bottom: 1px solid var(--eden-hairline);
}
.b-hero-stat {
  padding: 24px 0;
  border-bottom: 1px solid var(--eden-hairline);
  display: flex;
  align-items: baseline;
  gap: 20px;
}
.b-hero-stat:last-child { border-bottom: none; }
.b-hero-stat-num {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 56px;
  color: var(--eden-amber);
  line-height: 1;
  min-width: 90px;
}
.b-hero-stat-label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--eden-bone-dim);
  line-height: 1.4;
}
@media (max-width: 900px) {
  .b-hero-inner { grid-template-columns: 1fr; gap: 40px; }
}

/* ── Story-led includes flow ── */
.b-includes-flow {
  padding: 96px 0;
  border-top: 1px solid var(--eden-hairline);
}
.b-flow-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 56px;
}
.b-flow-item {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 28px;
  padding: 28px 0;
  border-top: 1px solid var(--eden-hairline);
  align-items: start;
}
.b-flow-item:last-child { border-bottom: 1px solid var(--eden-hairline); }
.b-flow-num {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 38px;
  color: var(--eden-amber);
  line-height: 1;
}
.b-flow-content h3 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 24px;
  color: var(--eden-bone);
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
.b-flow-content p {
  font-size: 15px;
  color: var(--eden-bone-dim);
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 600px) {
  .b-flow-item { grid-template-columns: 1fr; gap: 8px; }
  .b-flow-num { font-size: 28px; }
}

/* ── Comparison table (Eden vs. mill) ── */
.lp-compare {
  padding: 96px 0;
  border-top: 1px solid var(--eden-hairline);
  background: var(--eden-surface);
}
.lp-compare.b-compare { background: transparent; }
.lp-compare-table {
  margin-top: 48px;
  border: 1px solid var(--eden-hairline);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(13, 22, 18, 0.4);
}
.lp-compare-head, .lp-compare-row {
  display: grid;
  grid-template-columns: 1.4fr 1.3fr 1.3fr;
}
.lp-compare-head {
  background: var(--eden-void);
  border-bottom: 1px solid var(--eden-hairline-strong);
}
.lp-compare-row {
  border-bottom: 1px solid var(--eden-hairline);
}
.lp-compare-row:last-child { border-bottom: none; }
.lp-compare-cell {
  padding: 18px 22px;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.lp-compare-row-head { color: var(--eden-bone-mute); }
.lp-compare-eden-head, .lp-compare-mill-head {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--eden-bone);
  font-weight: 500;
  align-items: center;
  border-left: 1px solid var(--eden-hairline);
}
.lp-compare-mark { font-size: 14px; line-height: 1; }
.lp-compare-mark.eden { color: var(--eden-amber); }
.lp-compare-mark.mill { color: var(--eden-bone-mute); }
.lp-compare-row-label {
  color: var(--eden-bone-dim);
  font-weight: 500;
  font-family: var(--font-sans);
}
.lp-compare-eden {
  color: var(--eden-bone);
  border-left: 1px solid var(--eden-hairline);
  background: rgba(201, 168, 117, 0.04);
}
.lp-compare-mill {
  color: var(--eden-bone-mute);
  border-left: 1px solid var(--eden-hairline);
}
.lp-compare-check {
  flex-shrink: 0;
  color: var(--eden-amber);
  font-weight: 600;
  width: 16px;
}
.lp-compare-x {
  flex-shrink: 0;
  color: var(--eden-bone-mute);
  width: 16px;
}
.lp-compare-footer {
  margin-top: 28px;
  text-align: center;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 22px;
  color: var(--eden-amber);
  letter-spacing: -0.01em;
}
@media (max-width: 720px) {
  .lp-compare-head, .lp-compare-row { grid-template-columns: 1fr; }
  .lp-compare-cell { border-left: none !important; }
  .lp-compare-row-label {
    background: var(--eden-void);
    font-family: var(--font-mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
  }
}

/* ════════════════════════════════════════════════════════════
   QUIZ — new flow with BMI feedback, lead capture, branching
   ════════════════════════════════════════════════════════════ */
.quiz-card {
  background: var(--eden-surface);
  border: 1px solid var(--eden-hairline);
  border-radius: 6px;
  padding: 44px 40px;
  margin-top: 56px;
  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.6);
  scroll-margin-top: 24px;
}
.quiz-progress {
  height: 2px;
  background: var(--eden-hairline);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 12px;
}
.quiz-progress-bar {
  height: 100%;
  background: var(--eden-amber);
  transition: width 400ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.quiz-progress-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eden-bone-mute);
  margin-bottom: 32px;
}
.quiz-question { display: flex; flex-direction: column; }
.quiz-title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.2;
  margin: 0 0 12px;
  color: var(--eden-bone);
  letter-spacing: -0.01em;
}
.quiz-subtitle {
  font-size: 14px;
  color: var(--eden-bone-dim);
  line-height: 1.55;
  margin: 0 0 28px;
}
.quiz-options { display: flex; flex-direction: column; gap: 10px; }
.quiz-options-tight { gap: 6px; }
.quiz-option {
  padding: 16px 20px;
  background: rgba(232, 224, 204, 0.02);
  border: 1px solid var(--eden-hairline);
  border-radius: 4px;
  color: var(--eden-bone);
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: all 180ms ease;
}
.quiz-option:hover {
  background: rgba(232, 224, 204, 0.06);
  border-color: var(--eden-amber-dim);
}
.quiz-option.selected {
  background: rgba(201, 168, 117, 0.08);
  border-color: var(--eden-amber);
}
.quiz-option input { margin-top: 2px; accent-color: var(--eden-amber); cursor: pointer; flex-shrink: 0; }
.quiz-option-content { flex: 1; }
.quiz-option-label {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--eden-bone);
  line-height: 1.4;
}
.quiz-option-desc {
  font-size: 13px;
  color: var(--eden-bone-dim);
  margin-top: 4px;
  line-height: 1.5;
}
.quiz-option-compact { padding: 12px 16px; }
.quiz-option-compact .quiz-option-label { font-size: 13px; font-weight: 400; }
.quiz-option-none {
  margin-top: 6px;
  border-style: dashed;
}

.quiz-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.quiz-row-tight { display: flex; gap: 8px; }
.quiz-field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.quiz-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eden-bone-mute);
}
.quiz-input {
  background: rgba(232, 224, 204, 0.04);
  border: 1px solid var(--eden-hairline);
  border-radius: 4px;
  padding: 13px 15px;
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--eden-bone);
  width: 100%;
  transition: all 180ms ease;
}
.quiz-input:focus {
  outline: none;
  border-color: var(--eden-amber);
  background: rgba(232, 224, 204, 0.07);
}
.quiz-input::placeholder { color: var(--eden-bone-mute); }
.quiz-input-tight { width: 90px; padding-right: 36px; }
.quiz-input-group { position: relative; display: inline-block; }
.quiz-input-unit {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--eden-bone-mute);
  pointer-events: none;
}
.quiz-textarea { resize: vertical; min-height: 90px; }
.quiz-help {
  font-size: 12px;
  color: var(--eden-bone-mute);
  line-height: 1.5;
}

.quiz-options-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.quiz-pill {
  padding: 10px 16px;
  border: 1px solid var(--eden-hairline);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--eden-bone-dim);
  cursor: pointer;
  transition: all 180ms ease;
}
.quiz-pill:hover { border-color: var(--eden-amber-dim); color: var(--eden-bone); }
.quiz-pill.selected {
  background: var(--eden-amber);
  border-color: var(--eden-amber);
  color: var(--eden-void);
  font-weight: 500;
}
.quiz-pill input { display: none; }

/* BMI feedback box */
.quiz-bmi-feedback {
  margin-top: 24px;
  padding: 18px 22px;
  border-left: 2px solid var(--eden-amber);
  background: rgba(201, 168, 117, 0.06);
  border-radius: 0 4px 4px 0;
}
.quiz-bmi-feedback.caution {
  border-left-color: var(--eden-clay);
  background: rgba(176, 136, 104, 0.08);
}
.quiz-bmi-headline {
  font-family: var(--font-display);
  font-size: 18px;
  color: var(--eden-bone);
  margin-bottom: 8px;
  letter-spacing: -0.005em;
}
.quiz-bmi-body {
  font-size: 13px;
  color: var(--eden-bone-dim);
  line-height: 1.6;
}
.quiz-bmi-disclaimer {
  margin-top: 10px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--eden-bone-mute);
  line-height: 1.5;
}

.quiz-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--eden-hairline);
}
.quiz-btn-back {
  background: transparent;
  border: none;
  color: var(--eden-bone-mute);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 8px 0;
}
.quiz-btn-back:hover:not(:disabled) { color: var(--eden-amber); }
.quiz-btn-back:disabled { opacity: 0.3; cursor: not-allowed; }
.quiz-btn-next {
  background: var(--eden-amber);
  border: none;
  color: var(--eden-void);
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 14px 28px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 180ms ease;
}
.quiz-btn-next:hover:not(:disabled) {
  background: var(--eden-bone);
  transform: translateY(-1px);
}
.quiz-btn-next:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }

.quiz-error {
  background: rgba(176, 136, 104, 0.12);
  border: 1px solid var(--eden-clay);
  border-radius: 4px;
  padding: 14px 16px;
  font-size: 13px;
  color: var(--eden-clay);
  margin-top: 16px;
}

/* Success */
.quiz-success { text-align: center; padding: 64px 40px; }
.quiz-success-mark {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: var(--eden-amber);
  color: var(--eden-void);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 24px;
  font-weight: 600;
}
.quiz-success-title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(28px, 4vw, 40px);
  color: var(--eden-bone);
  margin: 0 0 16px;
  letter-spacing: -0.02em;
}
.quiz-success-body {
  font-size: 15px;
  color: var(--eden-bone-dim);
  line-height: 1.65;
  max-width: 520px;
  margin: 0 auto 32px;
}
.quiz-success-meta {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--eden-bone-mute);
  line-height: 1.7;
}
.quiz-success-meta a { color: var(--eden-amber); text-decoration: none; }
.quiz-success-meta a:hover { color: var(--eden-bone); }

/* Native select styling within quiz */
.quiz-input[type="select"], select.quiz-input {
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--eden-bone-dim) 50%), linear-gradient(135deg, var(--eden-bone-dim) 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 36px;
}
select.quiz-input option, select.quiz-input optgroup {
  background: var(--eden-surface);
  color: var(--eden-bone);
}


/* ── All-inclusive emphasis additions ── */
.lp-stat-feature {
  background: rgba(201, 168, 117, 0.06);
}
.lp-stat-num-text {
  font-size: clamp(28px, 3.4vw, 38px) !important;
  font-style: italic;
  letter-spacing: -0.01em;
}
.lp-stat-feature .lp-stat-label {
  color: var(--eden-bone);
}
.lp-includes-footer {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.lp-includes-footer-anchor {
  padding: 28px 32px;
  border: 1px solid var(--eden-amber);
  background: rgba(201, 168, 117, 0.08);
  border-radius: 6px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lp-includes-anchor-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eden-bone-mute);
}
.lp-includes-anchor-num {
  font-family: var(--font-display);
  font-size: clamp(28px, 4vw, 38px);
  color: var(--eden-bone);
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.lp-includes-anchor-num em {
  font-family: var(--font-display);
  font-style: italic;
  color: var(--eden-amber);
  font-size: 1.3em;
  margin-right: 6px;
}
.lp-includes-anchor-sub {
  font-size: 13px;
  color: var(--eden-bone-dim);
  font-style: italic;
}
.lp-includes-footer-line {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 17px;
  color: var(--eden-bone-dim);
  line-height: 1.55;
  letter-spacing: -0.005em;
  text-align: center;
  margin: 0;
  padding: 0 16px;
}
.lp-compare-footer-sub {
  display: block;
  margin-top: 12px;
  font-family: var(--font-sans);
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0;
  color: var(--eden-bone-dim);
  line-height: 1.55;
}


/* ── Per-include value pill ── */
.lp-include-value {
  margin-top: 14px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--eden-amber);
  padding-top: 12px;
  border-top: 1px dashed var(--eden-hairline-strong);
  line-height: 1.4;
}


/* ════════════════════════════════════════════════════════════
   LIGHT PALETTE — Option A2 (warmer, more feminine register)
   Same brand DNA: Instrument Serif, Inter Tight, Eden Amber.
   Background flips to bone/cream, text flips to Eden Void.
   ════════════════════════════════════════════════════════════ */
.lp-light {
  background: #F5F1E8;
  color: var(--eden-void);
}
.lp-light em { color: #8B6F3D; } /* slightly deeper amber for legibility on light field */

/* Light-mode reskins for shared components */
.lp-light .lp-brand {
  background: rgba(245, 241, 232, 0.85);
  border-bottom-color: rgba(13, 22, 18, 0.10);
}
.lp-light .lp-brand-name { color: var(--eden-void); }
.lp-light .lp-brand-program { color: #8B6F3D; }
.lp-light .lp-brand-cta {
  color: var(--eden-void);
  border-color: rgba(13, 22, 18, 0.20);
}
.lp-light .lp-brand-cta:hover {
  background: var(--eden-void);
  color: #F5F1E8;
  border-color: var(--eden-void);
}

.lp-light .lp-scarcity {
  background: var(--eden-void);
  color: #F5F1E8;
}
.lp-light .lp-scarcity strong { color: var(--eden-amber); }

.lp-light .lp-hero {
  background:
    radial-gradient(ellipse 60% 50% at 100% 10%, rgba(201, 168, 117, 0.20), transparent 70%),
    radial-gradient(ellipse 50% 40% at 0% 90%, rgba(138, 196, 120, 0.10), transparent 70%);
}
.lp-light .lp-hero h1 { color: var(--eden-void); }
.lp-light .lp-hero-sub { color: rgba(13, 22, 18, 0.72); }
.lp-light .lp-hero-trust { color: rgba(13, 22, 18, 0.55); }
.lp-light .lp-eyebrow { color: #8B6F3D; }
.lp-light .lp-eyebrow::before { background: #8B6F3D; }

.lp-light .lp-btn-primary {
  background: var(--eden-void);
  color: #F5F1E8;
}
.lp-light .lp-btn-primary:hover { background: #8B6F3D; color: #F5F1E8; }
.lp-light .lp-btn-arrow {
  background: var(--eden-amber);
  color: var(--eden-void);
}

/* Stats row on light */
.lp-light .lp-stats {
  background: #EDE5D2;
  border-top-color: rgba(13, 22, 18, 0.10);
  border-bottom-color: rgba(13, 22, 18, 0.10);
}
.lp-light .lp-stat {
  border-right-color: rgba(13, 22, 18, 0.10);
}
.lp-light .lp-stat-num { color: #8B6F3D; }
.lp-light .lp-stat-label { color: rgba(13, 22, 18, 0.60); }
.lp-light .lp-stat-feature { background: rgba(201, 168, 117, 0.18); }
.lp-light .lp-stat-feature .lp-stat-label { color: rgba(13, 22, 18, 0.78); }

/* Sections on light */
.lp-light .lp-section { border-top-color: rgba(13, 22, 18, 0.10); }
.lp-light .lp-section h2 { color: var(--eden-void); }
.lp-light .lp-section-lede { color: rgba(13, 22, 18, 0.70); }

/* Comparison table on light */
.lp-light .lp-compare {
  background: #EDE5D2;
  border-top-color: rgba(13, 22, 18, 0.10);
}
.lp-light .lp-compare-table {
  background: #FFFFFF;
  border-color: rgba(13, 22, 18, 0.12);
}
.lp-light .lp-compare-head {
  background: var(--eden-void);
}
.lp-light .lp-compare-head .lp-compare-eden-head,
.lp-light .lp-compare-head .lp-compare-mill-head {
  color: #F5F1E8;
}
.lp-light .lp-compare-row { border-bottom-color: rgba(13, 22, 18, 0.08); }
.lp-light .lp-compare-row-label { color: var(--eden-void); }
.lp-light .lp-compare-row-head { color: rgba(13, 22, 18, 0.55); }
.lp-light .lp-compare-cell { border-left-color: rgba(13, 22, 18, 0.08); }
.lp-light .lp-compare-eden {
  color: var(--eden-void);
  background: rgba(201, 168, 117, 0.10);
}
.lp-light .lp-compare-mill { color: rgba(13, 22, 18, 0.55); }
.lp-light .lp-compare-check { color: #8B6F3D; }
.lp-light .lp-compare-x { color: rgba(13, 22, 18, 0.40); }
.lp-light .lp-compare-footer {
  color: #8B6F3D;
}
.lp-light .lp-compare-footer-sub { color: rgba(13, 22, 18, 0.65); }

/* Includes grid on light */
.lp-light .lp-includes {
  border-top-color: rgba(13, 22, 18, 0.10);
  border-left-color: rgba(13, 22, 18, 0.10);
}
.lp-light .lp-include-item {
  border-right-color: rgba(13, 22, 18, 0.10);
  border-bottom-color: rgba(13, 22, 18, 0.10);
  background: #FFFFFF;
}
.lp-light .lp-include-num { color: #8B6F3D; }
.lp-light .lp-include-title { color: var(--eden-void); }
.lp-light .lp-include-desc { color: rgba(13, 22, 18, 0.65); }
.lp-light .lp-include-value {
  color: #8B6F3D;
  border-top-color: rgba(13, 22, 18, 0.12);
}

/* Includes footer anchor on light */
.lp-light .lp-includes-footer-anchor {
  border-color: #8B6F3D;
  background: rgba(201, 168, 117, 0.14);
}
.lp-light .lp-includes-anchor-label { color: rgba(13, 22, 18, 0.55); }
.lp-light .lp-includes-anchor-num { color: var(--eden-void); }
.lp-light .lp-includes-anchor-num em { color: #8B6F3D; }
.lp-light .lp-includes-anchor-sub { color: rgba(13, 22, 18, 0.60); }
.lp-light .lp-includes-footer-line { color: rgba(13, 22, 18, 0.65); }

/* Audience grid on light */
.lp-light .lp-audience { border-top-color: rgba(13, 22, 18, 0.10); }
.lp-light .lp-audience-card {
  border-color: rgba(13, 22, 18, 0.10);
  background: rgba(255, 255, 255, 0.5);
}
.lp-light .lp-audience-card h3 { color: var(--eden-void); }
.lp-light .lp-audience-card li { color: rgba(13, 22, 18, 0.70); }
.lp-light .lp-audience-card li::before { color: #8B6F3D; }
.lp-light .lp-audience-card.not-for li::before { color: rgba(13, 22, 18, 0.40); }

/* Team on light */
.lp-light .lp-team {
  background: #EDE5D2;
  border-top-color: rgba(13, 22, 18, 0.10);
}
.lp-light .lp-team-name { color: var(--eden-void); }
.lp-light .lp-team-suffix { color: #8B6F3D; }
.lp-light .lp-team-role { color: rgba(13, 22, 18, 0.55); }
.lp-light .lp-team-bio { color: rgba(13, 22, 18, 0.70); }
.lp-light .lp-team-photo { background: #F5F1E8; }
.lp-light .lp-team-photo-fallback {
  background: linear-gradient(135deg, #F5F1E8, #EDE5D2);
  color: rgba(201, 168, 117, 0.6);
}
.lp-light .lp-team-cred {
  border-color: rgba(13, 22, 18, 0.15);
  color: rgba(13, 22, 18, 0.65);
}

/* FAQ on light */
.lp-light .lp-faq-item {
  border-top-color: rgba(13, 22, 18, 0.10);
}
.lp-light .lp-faq-item:last-child { border-bottom-color: rgba(13, 22, 18, 0.10); }
.lp-light .lp-faq-q { color: var(--eden-void); }
.lp-light .lp-faq-toggle {
  border-color: rgba(13, 22, 18, 0.20);
  color: #8B6F3D;
}
.lp-light .lp-faq-item.open .lp-faq-toggle {
  background: var(--eden-void);
  color: var(--eden-amber);
}
.lp-light .lp-faq-a { color: rgba(13, 22, 18, 0.70); }

/* Quiz section on light */
.lp-light .lp-quiz-section {
  background:
    radial-gradient(ellipse 70% 60% at 50% 100%, rgba(201, 168, 117, 0.18), transparent 70%),
    #EDE5D2;
  border-top-color: rgba(13, 22, 18, 0.10);
}

/* Quiz card on light — quiz UI lives inside .lp-light context */
.lp-light .quiz-card {
  background: #FFFFFF;
  border-color: rgba(13, 22, 18, 0.10);
  box-shadow: 0 30px 80px -30px rgba(13, 22, 18, 0.18);
}
.lp-light .quiz-progress { background: rgba(13, 22, 18, 0.08); }
.lp-light .quiz-progress-label { color: rgba(13, 22, 18, 0.50); }
.lp-light .quiz-title { color: var(--eden-void); }
.lp-light .quiz-subtitle { color: rgba(13, 22, 18, 0.65); }
.lp-light .quiz-option {
  background: #FFFFFF;
  border-color: rgba(13, 22, 18, 0.10);
  color: var(--eden-void);
}
.lp-light .quiz-option:hover {
  background: rgba(201, 168, 117, 0.08);
  border-color: rgba(201, 168, 117, 0.5);
}
.lp-light .quiz-option.selected {
  background: rgba(201, 168, 117, 0.14);
  border-color: #8B6F3D;
}
.lp-light .quiz-option-label { color: var(--eden-void); }
.lp-light .quiz-option-desc { color: rgba(13, 22, 18, 0.60); }
.lp-light .quiz-label { color: rgba(13, 22, 18, 0.55); }
.lp-light .quiz-input {
  background: #FFFFFF;
  border-color: rgba(13, 22, 18, 0.15);
  color: var(--eden-void);
}
.lp-light .quiz-input:focus {
  border-color: #8B6F3D;
  background: #FFFFFF;
}
.lp-light .quiz-input::placeholder { color: rgba(13, 22, 18, 0.40); }
.lp-light .quiz-input-unit { color: rgba(13, 22, 18, 0.50); }
.lp-light .quiz-help { color: rgba(13, 22, 18, 0.55); }
.lp-light .quiz-bmi-feedback {
  background: rgba(201, 168, 117, 0.12);
  border-left-color: #8B6F3D;
}
.lp-light .quiz-bmi-feedback.caution {
  background: rgba(176, 136, 104, 0.14);
  border-left-color: var(--eden-clay);
}
.lp-light .quiz-bmi-headline { color: var(--eden-void); }
.lp-light .quiz-bmi-body { color: rgba(13, 22, 18, 0.70); }
.lp-light .quiz-bmi-disclaimer { color: rgba(13, 22, 18, 0.55); }
.lp-light .quiz-pill {
  border-color: rgba(13, 22, 18, 0.18);
  color: rgba(13, 22, 18, 0.65);
}
.lp-light .quiz-pill:hover {
  border-color: #8B6F3D;
  color: var(--eden-void);
}
.lp-light .quiz-pill.selected {
  background: var(--eden-void);
  border-color: var(--eden-void);
  color: #F5F1E8;
}
.lp-light .quiz-actions { border-top-color: rgba(13, 22, 18, 0.10); }
.lp-light .quiz-btn-back { color: rgba(13, 22, 18, 0.50); }
.lp-light .quiz-btn-back:hover:not(:disabled) { color: #8B6F3D; }
.lp-light .quiz-btn-next {
  background: var(--eden-void);
  color: #F5F1E8;
}
.lp-light .quiz-btn-next:hover:not(:disabled) {
  background: #8B6F3D;
  color: #F5F1E8;
}
.lp-light select.quiz-input option, .lp-light select.quiz-input optgroup {
  background: #FFFFFF;
  color: var(--eden-void);
}
.lp-light .quiz-success-mark {
  background: var(--eden-void);
  color: var(--eden-amber);
}
.lp-light .quiz-success-title { color: var(--eden-void); }
.lp-light .quiz-success-body { color: rgba(13, 22, 18, 0.70); }
.lp-light .quiz-success-meta { color: rgba(13, 22, 18, 0.55); }
.lp-light .quiz-success-meta a { color: #8B6F3D; }
.lp-light .quiz-success-meta a:hover { color: var(--eden-void); }

/* Disclaimer on light */
.lp-light .lp-disclaimer {
  background: var(--eden-void);
  border-top-color: rgba(13, 22, 18, 0.10);
}
/* (disclaimer text is already light on dark — keep that even in light mode for legibility/contrast) */

/* A2 hero treatment — slightly more spacious, narrower h1 max-width */
.lp-light .a2-hero {
  padding: 96px 0 104px;
}
.lp-light .a2-hero h1 {
  max-width: 880px;
  font-size: clamp(40px, 5vw, 68px);
}


/* ── Standalone overrides ── */

#root { min-height: 100vh; }

/* ════════ Shared landing additions (men/women GLP-1 + BHRT) ════════ */
body{margin:0;background:var(--eden-bg)}
body.is-light{background:#F5F1E8}
a{color:var(--eden-amber)}a:hover{color:var(--eden-bone)}
.lp-light a:hover{color:var(--eden-void)}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center}
.lp-hero-split h1{font-size:clamp(40px,5vw,68px)}
.lp-hero-photo{position:relative;aspect-ratio:4/5;border-radius:4px;overflow:hidden;border:1px solid var(--eden-hairline-strong);background:var(--eden-surface)}
.lp-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.lp-hero-photo-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--eden-bone-mute);border:1px dashed var(--eden-hairline-strong);margin:14px;border-radius:2px;text-align:center;padding:16px}
.lp-hero-photo-empty span:first-child{color:var(--eden-amber)}
@media (max-width:900px){.lp-hero-grid{grid-template-columns:1fr;gap:40px}.lp-hero-photo{aspect-ratio:4/3}}
.lp-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--eden-hairline);border-left:1px solid var(--eden-hairline)}
.lp-start-step{padding:32px 28px;border-right:1px solid var(--eden-hairline);border-bottom:1px solid var(--eden-hairline)}
@media (max-width:900px){.lp-start-steps{grid-template-columns:1fr}}
.lp-pricing{margin-top:48px;padding:36px;border:1px solid var(--eden-hairline-strong);border-radius:4px;display:grid;grid-template-columns:auto 1fr;gap:12px 40px;align-items:center;background:var(--eden-surface)}
.lp-pricing-label{grid-column:1/-1;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--eden-amber)}
.lp-pricing-tiers{display:flex;gap:32px;flex-wrap:wrap}
.lp-pricing-tier > span{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--eden-bone)}
.lp-pricing-tier small{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--eden-bone-dim);margin-left:6px}
.lp-pricing-note{margin:0;color:var(--eden-bone-dim);font-size:15px;line-height:1.6;max-width:520px;text-wrap:pretty}
@media (max-width:900px){.lp-pricing{grid-template-columns:1fr;padding:28px 22px}.lp-pricing-tier > span{font-size:36px}}
.lp-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lp-pillar{padding:28px 24px;border-top:2px solid var(--eden-amber);background:var(--eden-surface)}
.lp-pillar h3{font-family:var(--font-display);font-weight:400;font-size:24px;margin:0 0 10px;color:var(--eden-bone)}
.lp-pillar p{margin:0;font-size:15px;line-height:1.6;color:var(--eden-bone-dim)}
@media (max-width:1000px){.lp-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.lp-pillars{grid-template-columns:1fr}}
.lp-local{padding:40px 0;border-top:1px solid var(--eden-hairline);background:var(--eden-surface)}
.lp-local-inner{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:baseline}
.lp-local-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--eden-amber)}
.lp-local p{margin:0;flex:1;min-width:260px;color:var(--eden-bone-dim);font-size:15px;line-height:1.6}
/* light versions */
.lp-light .lp-hero-photo{background:#EDE5D2;border-color:rgba(13,22,18,.12)}
.lp-light .lp-hero-photo-empty{color:#5A6B5E;border-color:rgba(13,22,18,.18)}
.lp-light .lp-hero-photo-empty span:first-child,.lp-light .lp-pricing-label,.lp-light .lp-local-label{color:#8A6A36}
.lp-light .lp-start-steps{border-color:rgba(13,22,18,.10)}
.lp-light .lp-start-step{border-color:rgba(13,22,18,.10);background:#fff}
.lp-light .lp-pricing{background:#fff;border-color:rgba(13,22,18,.12)}
.lp-light .lp-pricing-tier > span{color:var(--eden-void)}
.lp-light .lp-pricing-tier small,.lp-light .lp-pricing-note{color:#4A5A4F}
.lp-light .lp-pillar{background:#fff;border-top-color:#B8925A}
.lp-light .lp-pillar h3{color:var(--eden-void)}
.lp-light .lp-pillar p{color:#4A5A4F}
.lp-light .lp-local{background:#EDE5D2;border-top-color:rgba(13,22,18,.10)}
.lp-light .lp-local p{color:#3A4A3F}

/* Fixes: consistent section headings + pricing layout */
.lp-compare h2,.lp-quiz-section h2,.lp-audience h2,.lp-team h2{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,4.5vw,56px);line-height:1.1;letter-spacing:-0.02em;margin:16px 0 0;color:var(--eden-bone)}
.lp-quiz-section h2{font-size:clamp(32px,4vw,48px)}
.lp-compare h2 em,.lp-quiz-section h2 em,.lp-audience h2 em,.lp-team h2 em,.lp-section h2 em{font-style:italic;color:var(--eden-amber)}
.lp-light .lp-compare h2,.lp-light .lp-quiz-section h2,.lp-light .lp-audience h2,.lp-light .lp-team h2{color:var(--eden-void)}
.lp-light .lp-compare h2 em,.lp-light .lp-quiz-section h2 em,.lp-light .lp-audience h2 em,.lp-light .lp-team h2 em,.lp-light .lp-section h2 em{color:#8A6A36}
.lp-pricing{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lp-pricing-tiers{gap:24px 32px}
.lp-pricing-tier{white-space:nowrap}
@media (max-width:900px){.lp-pricing{grid-template-columns:minmax(0,1fr)}}
.lp-pricing-tier small,.lp-pricing-tier small *{font-family:var(--font-mono);font-size:11px;line-height:1}
.lp-team-grid.lp-team-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.lp-team-grid.lp-team-grid-4{grid-template-columns:1fr}}

/* ════════ Atmosphere (shared with main site) ════════ */
/* Scroll reveal: default hidden, fade + lift on .in-view */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 1s cubic-bezier(0.2,0.8,0.2,1), transform 1s cubic-bezier(0.2,0.8,0.2,1);
  will-change: opacity, transform;
}
.reveal.in-view { opacity: 1; transform: translateY(0); }

.reveal-fade { opacity: 0; transition: opacity 1.2s ease-out; }
.reveal-fade.in-view { opacity: 1; }

.reveal-stagger > * {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.9s cubic-bezier(0.2,0.8,0.2,1), transform 0.9s cubic-bezier(0.2,0.8,0.2,1);
}
.reveal-stagger > *.in-view { opacity: 1; transform: translateY(0); }
.reveal-stagger > *:nth-child(1) { transition-delay: 0ms; }
.reveal-stagger > *:nth-child(2) { transition-delay: 80ms; }
.reveal-stagger > *:nth-child(3) { transition-delay: 160ms; }
.reveal-stagger > *:nth-child(4) { transition-delay: 240ms; }
.reveal-stagger > *:nth-child(5) { transition-delay: 320ms; }
.reveal-stagger > *:nth-child(6) { transition-delay: 400ms; }

/* Parallax layer */
.parallax-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.parallax-img {
  position: absolute;
  inset: -15%;
  background-size: cover;
  background-position: center;
  will-change: transform;
  transition: transform 0s linear;
}
.parallax-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* Hero with full-bleed imagery */
.hero {
  overflow: hidden;
}
.hero > .container { z-index: 3; }

/* Ken Burns slow zoom/pan background */
.kenburns-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.kenburns-img {
  position: absolute;
  inset: -8%;
  background-size: cover;
  background-position: center;
  animation: kenburns 40s ease-in-out infinite alternate;
  will-change: transform;
}
@keyframes kenburns {
  0%   { transform: scale(1.05) translate3d(-1%, -1%, 0); }
  100% { transform: scale(1.18) translate3d(2%, 2%, 0); }
}

/* Hero image vignette */
.hero-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 80% 60% at 30% 50%, rgba(10,17,13,0.55) 0%, rgba(10,17,13,0.80) 50%, rgba(10,17,13,0.92) 100%),
    linear-gradient(180deg, rgba(10,17,13,0.3) 0%, rgba(10,17,13,0) 30%, rgba(10,17,13,0.6) 100%);
}

/* Drifting particles */
.drifting-particles {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}
.drifting-particles span {
  position: absolute;
  border-radius: 50%;
  filter: blur(0.4px);
  opacity: 0;
  animation-name: drift;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  will-change: transform, opacity;
}
@keyframes drift {
  0%   { opacity: 0; transform: translate3d(0, 30vh, 0); }
  20%  { opacity: 1; }
  80%  { opacity: 0.9; }
  100% { opacity: 0; transform: translate3d(var(--drift, 0px), -30vh, 0); }
}

/* Parallax band between sections */
.parallax-band {
  position: relative;
  height: 60vh;
  min-height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.parallax-band .parallax-band-text {
  position: relative;
  z-index: 3;
  max-width: 900px;
  padding: 0 32px;
  text-align: center;
}
.parallax-band-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--eden-amber);
  margin-bottom: 24px;
}
.parallax-band-title {
  font-family: var(--font-display);
  font-size: clamp(36px, 6vw, 84px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--eden-bone);
}
.parallax-band-title em { font-style: italic; color: var(--eden-amber); }


.hero-scrim-deep {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(10,17,13,0.70) 0%, rgba(10,17,13,0.25) 35%, rgba(10,17,13,0.50) 75%, rgba(10,17,13,0.92) 100%),
    linear-gradient(90deg, rgba(10,17,13,0.82) 0%, rgba(10,17,13,0.35) 45%, rgba(10,17,13,0.12) 75%, rgba(10,17,13,0.0) 100%);
}
.hero > .container{z-index:auto}
/* Logo */
.lp-brand-logo{height:64px;width:auto;margin:-14px -10px -14px -14px;display:block}
@media (max-width:600px){.lp-brand{padding:14px 18px}.lp-brand-logo{height:52px}.lp-brand-divider,.lp-brand-program{display:none}}
/* Full-bleed hero */
.lp-hero-media{position:relative;overflow:hidden;min-height:min(88vh,860px);display:flex;align-items:center;padding:120px 0 110px;background:var(--eden-void)}
.lp-hero-media > .lp-container{position:relative;z-index:3;width:100%}
.lp .lp-hero-media h1,.lp-light .lp-hero-media h1{color:var(--eden-bone)}
.lp .lp-hero-media h1 em,.lp-light .lp-hero-media h1 em{color:var(--eden-amber)}
.lp .lp-hero-media .lp-hero-sub,.lp-light .lp-hero-media .lp-hero-sub{color:var(--eden-bone-dim)}
.lp .lp-hero-media .lp-hero-trust,.lp-light .lp-hero-media .lp-hero-trust{color:var(--eden-bone-dim)}
.lp .lp-hero-media .lp-eyebrow,.lp-light .lp-hero-media .lp-eyebrow{color:var(--eden-amber)}
.lp-light .lp-hero-media .lp-eyebrow::before{background:var(--eden-amber)}
.lp-light .lp-hero-media .lp-btn-primary{background:var(--eden-bone);color:var(--eden-void)}
.lp-hero-media .lp-hero-photo,.lp-light .lp-hero-media .lp-hero-photo{background:rgba(13,22,18,.35);border-color:rgba(237,229,210,.22);backdrop-filter:blur(4px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.lp-hero-media .lp-hero-photo-empty,.lp-light .lp-hero-media .lp-hero-photo-empty{color:var(--eden-bone-dim);border-color:rgba(237,229,210,.25)}
.lp-light .lp-hero-media .lp-hero-photo-empty span:first-child{color:var(--eden-amber)}
@media (max-width:900px){.lp-hero-media{min-height:0;padding:72px 0 64px}}
/* Brand bar over dark hero on light pages stays light-glass */
/* Section tones for rhythm */
.lp .lp-tone-a{background:var(--eden-bg)}
.lp .lp-tone-b{background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(201,168,117,.07),transparent 70%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(122,143,111,.08),transparent 70%),var(--eden-surface)}
.lp-light .lp-tone-a{background:#F5F1E8}
.lp-light .lp-tone-b{background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(201,168,117,.22),transparent 70%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(138,160,120,.14),transparent 70%),#EAE1CC}
.lp-quiz-glow{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(201,168,117,.10),transparent 70%),var(--eden-bg)!important}
.lp-light .lp-quiz-glow{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(201,168,117,.25),transparent 70%),#F5F1E8!important}
/* Bands */
.lp-band{min-height:360px}
.lp-band .parallax-band-title{max-width:900px}
@media (max-width:600px){.lp-band{min-height:300px;height:44vh!important}}
/* Local image strip */
.lp-local-media{position:relative;overflow:hidden;padding:96px 0;border-top:none;background:var(--eden-void)}
.lp-local-media .lp-local-inner{position:relative;z-index:3;flex-direction:column;align-items:center;text-align:center;gap:16px}
.lp-local-media p,.lp-light .lp-local-media p{color:var(--eden-bone);font-family:var(--font-display);font-size:clamp(22px,2.6vw,32px);line-height:1.35;max-width:820px;flex:none;min-width:0;text-wrap:pretty}
.lp-local-media .lp-local-label,.lp-light .lp-local-media .lp-local-label{color:var(--eden-amber)}
/* Comparison: mobile cards */
@media (max-width:760px){
  .lp-compare-table{border:none;background:transparent!important;display:flex;flex-direction:column;gap:14px;overflow:visible}
  .lp-compare-head{display:none}
  .lp-compare-row{display:flex;flex-direction:column;border:1px solid var(--eden-hairline-strong);border-radius:6px;overflow:hidden;background:var(--eden-bg)}
  .lp-compare-row:last-child{border-bottom:1px solid var(--eden-hairline-strong)}
  .lp-compare-cell{padding:14px 18px;font-size:14px;border-left:none!important}
  .lp-compare-row-label{font-family:var(--font-display);font-size:20px;font-weight:400;line-height:1.25;color:var(--eden-bone);padding:18px 18px 12px}
  .lp-compare-eden,.lp-compare-mill{flex-wrap:wrap;column-gap:10px;row-gap:6px}
  .lp-compare-eden::before,.lp-compare-mill::before{content:attr(data-label);flex-basis:100%;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
  .lp-compare-eden{background:rgba(201,168,117,.10);border-top:1px solid rgba(201,168,117,.35)}
  .lp-compare-eden::before{color:var(--eden-amber)}
  .lp-compare-mill{border-top:1px solid var(--eden-hairline)}
  .lp-compare-mill::before{color:var(--eden-bone-mute)}
  .lp-light .lp-compare-row{background:#fff;border-color:rgba(13,22,18,.12)}
  .lp-light .lp-compare-row-label{color:var(--eden-void)}
  .lp-light .lp-compare-eden{background:rgba(201,168,117,.14);border-top-color:rgba(139,111,61,.35)}
  .lp-light .lp-compare-eden::before{color:#7A5F30}
  .lp-light .lp-compare-mill{border-top-color:rgba(13,22,18,.08)}
  .lp-light .lp-compare-mill::before{color:rgba(13,22,18,.55)}
}
.lp-brand-logo{height:90px;margin:-20px -16px -20px -22px}
@media (max-width:600px){.lp-brand-logo{height:66px;margin:-16px -12px -16px -16px}}