.feeding-orb {
      position: fixed; border-radius: 50%; pointer-events: none;
    }
    .feeding-orb-1 {
      width: 520px; height: 520px;
      background: rgba(201,132,114,0.24);
      top: -90px; left: -70px;
      animation: dark-float 22s ease-in-out infinite;
    }
    .feeding-orb-2 {
      width: 380px; height: 380px;
      background: rgba(240,201,184,0.18);
      bottom: -70px; right: -50px;
      animation: dark-float 26s ease-in-out infinite reverse;
    }
    .feeding-orb-3 {
      width: 280px; height: 280px;
      background: rgba(217,188,148,0.16);
      top: 40%; left: 58%;
      animation: dark-float 18s ease-in-out infinite;
      animation-delay: -6s;
    }
    .feeding-orb-4 {
      width: 200px; height: 200px;
      background: rgba(201,132,114,0.10);
      top: 70%; left: 20%;
      animation: dark-float 24s ease-in-out infinite;
      animation-delay: -10s;
    }

    @keyframes dark-float {
      0%, 100% { transform: translate(0, 0) scale(1); }
      33% { transform: translate(30px, -40px) scale(1.05); }
      66% { transform: translate(-20px, 30px) scale(0.97); }
    }

    /* Sections */
    section { position: relative; z-index: 1; }

    /* Reveal animations */
    .reveal {
      opacity: 0; transform: translateY(32px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    .d1 { transition-delay: 0.08s; }
    .d2 { transition-delay: 0.16s; }
    .d3 { transition-delay: 0.24s; }
    .d4 { transition-delay: 0.32s; }
    .d5 { transition-delay: 0.40s; }
    .d6 { transition-delay: 0.48s; }

    /* ── SECTION 3: HERO ── */
    .hero {
      background: #1c1624;
      min-height: 100vh;
      padding: 60px 56px 80px;
      display: grid;
      grid-template-columns: 52% 48%;
      gap: 48px;
      align-items: center;
    }
    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(201,132,114,0.12);
      border: 1px solid rgba(201,132,114,0.35);
      border-radius: var(--r-pill);
      padding: 8px 18px; font-size: 13px;
      color: rgba(240,201,184,0.90);
      margin-bottom: 28px;
    }
    .hero h1 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(52px, 6vw, 60px);
      line-height: 1.1;
      color: var(--cream);
      margin-bottom: 24px;
    }
    .hero h1 em {
      font-style: italic;
      background: linear-gradient(135deg, var(--peach-deep), var(--gold));
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero-capsule {
      font-size: 18px; color: rgba(253,249,244,0.65);
      max-width: 460px; line-height: 1.75;
      margin-bottom: 32px;
    }
    .hero-pills {
      display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px;
    }
    .hero-pill {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(201,132,114,0.30);
      border-radius: var(--r-pill);
      padding: 8px 16px; font-size: 13px;
      color: rgba(253,249,244,0.80);
    }
    .btn-primary {
      display: inline-flex; align-items: center; gap: 8px;
      background: linear-gradient(135deg, var(--lav-deep), var(--peach-deep));
      color: white; padding: 18px 36px;
      border-radius: var(--r-pill);
      font-size: 15px; font-weight: 400;
      cursor: pointer; border: none;
      transition: transform 0.45s, box-shadow 0.45s;
      height: 56px;
    }
    .btn-primary:hover { transform: translateY(-6px); box-shadow: 0 20px 56px rgba(201,132,114,0.40); }
    .btn-ghost {
      display: inline-flex; align-items: center; gap: 6px;
      background: transparent;
      border: 1px solid rgba(255,255,255,0.25);
      color: rgba(253,249,244,0.70); padding: 16px 28px;
      border-radius: var(--r-pill); font-size: 14px;
      cursor: pointer; transition: border-color 0.3s, color 0.3s;
      height: 52px; margin-left: 12px;
    }
    .btn-ghost:hover { border-color: var(--peach); color: var(--peach); }
    .hero-cta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 0; margin-bottom: 20px; }
    .hero-trust {
      font-size: 13px; color: rgba(253,249,244,0.50);
      margin-bottom: 12px;
    }
    .hero-nonjudgment {
      font-size: 13px; color: rgba(253,249,244,0.45);
      font-style: italic;
    }

    /* Hero visual */
    .hero-visual { display: flex; flex-direction: column; gap: 12px; }
    .app-card {
      background: linear-gradient(160deg, rgba(42,26,22,0.95), rgba(30,25,40,0.95));
      border: 1.5px solid rgba(240,201,184,0.20);
      border-radius: var(--r-card);
      padding: 24px 28px;
    }
    .card-header-row {
      display: flex; justify-content: space-between; align-items: center;
      margin-bottom: 20px;
    }
    .card-title { font-size: 14px; font-weight: 400; color: var(--peach); }
    .card-date { font-size: 11px; color: rgba(253,249,244,0.45); }

    .feed-timeline { display: flex; flex-direction: column; gap: 8px; }
    .feed-entry {
      display: flex; align-items: center; gap: 12px;
      background: rgba(255,255,255,0.05);
      border-radius: 12px; padding: 10px 14px;
      opacity: 0; transform: translateX(-20px);
      transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1), transform 0.5s cubic-bezier(0.16,1,0.3,1);
    }
    .feed-entry.slide-in { opacity: 1; transform: translateX(0); }
    .feed-icon { font-size: 18px; }
    .feed-info { flex: 1; }
    .feed-info-title { font-size: 12px; color: rgba(253,249,244,0.85); font-weight: 400; }
    .feed-info-sub { font-size: 11px; color: rgba(253,249,244,0.50); }
    .feed-dur {
      font-family: 'Cormorant Garamond', serif;
      font-size: 16px; color: var(--peach);
    }
    .ai-chip {
      margin-top: 14px;
      background: rgba(201,132,114,0.15);
      border: 1px solid rgba(201,132,114,0.35);
      border-radius: var(--r-pill);
      padding: 8px 14px; font-size: 12px;
      color: rgba(240,201,184,0.90);
      opacity: 0; transform: translateY(10px);
      transition: opacity 0.5s ease 0.7s, transform 0.5s ease 0.7s;
    }
    .ai-chip.visible { opacity: 1; transform: translateY(0); }

    /* ── SECTION 4: SOCIAL PROOF ── */
    .social-proof {
      background: #1c1624;
      border-top: 1px solid rgba(240,201,184,0.08);
      border-bottom: 1px solid rgba(240,201,184,0.08);
      padding: 32px 56px;
    }
    .proof-inner {
      max-width: 1080px; margin: 0 auto;
      display: flex; align-items: center; justify-content: space-around;
      flex-wrap: wrap; gap: 24px;
    }
    .proof-item {
      display: flex; align-items: center; gap: 12px;
      font-size: 14px; color: rgba(253,249,244,0.65);
    }
    .proof-rating {
      font-family: 'Cormorant Garamond', serif;
      font-size: 22px; color: var(--gold); font-weight: 300;
    }
    .proof-divider {
      width: 1px; height: 32px;
      background: rgba(240,201,184,0.15);
    }

    /* ── SECTION 5: NON-JUDGMENT ── */
    .nonjudgment {
      background: var(--cream);
      padding: 80px 56px;
      text-align: center;
    }
    .nonjudgment .inner { max-width: 800px; margin: 0 auto; }
    .nonjudgment h2 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(36px, 4vw, 52px);
      color: var(--ink); margin-bottom: 24px;
    }
    .nonjudgment h2 em {
      font-style: italic; color: var(--peach-deep);
    }
    .nonjudgment .sub {
      font-size: 18px; color: var(--ink-soft);
      max-width: 620px; margin: 0 auto 36px;
      line-height: 1.75;
    }
    .method-pills {
      display: flex; justify-content: center;
      flex-wrap: wrap; gap: 12px; margin-bottom: 28px;
    }
    .method-pill {
      background: var(--glass-bg);
      border: 1.5px solid var(--glass-border);
      border-radius: var(--r-pill);
      padding: 12px 24px; font-size: 14px;
      color: var(--ink-mid);
      backdrop-filter: blur(12px);
      box-shadow: var(--sh-soft);
      display: flex; align-items: center; gap: 8px;
      font-weight: 400;
    }
    .nj-divider {
      height: 1px; max-width: 480px; margin: 0 auto 20px;
      background: linear-gradient(90deg, transparent, var(--peach), transparent);
    }
    .nj-trust {
      font-size: 13px; color: var(--ink-soft); font-style: italic;
    }

    /* ── FEATURE DEEP-DIVES ── */
    .feature-section {
      padding: 100px 56px;
    }
    .feature-section .inner {
      max-width: 1080px; margin: 0 auto;
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 72px; align-items: center;
    }
    .feature-section.reverse .inner { }
    .section-label {
      font-size: 13px; letter-spacing: 0.06em;
      text-transform: uppercase; font-weight: 500;
      margin-bottom: 16px; display: block;
    }
    .section-label.peach { color: var(--peach-deep); }
    .section-label.gold { color: var(--gold); }
    .section-label.lav { color: var(--lav-deep); }
    .feature-section h2 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(36px, 4vw, 52px);
      line-height: 1.15; margin-bottom: 24px;
    }
    .feature-section h2 em {
      font-style: italic; color: var(--peach-deep);
    }
    .feature-section.dark h2 em { color: var(--peach); }
    .feature-section.dark h2 { color: var(--cream); }
    .feature-body {
      font-size: 16px; line-height: 1.8;
      color: var(--ink-mid); margin-bottom: 28px;
    }
    .feature-section.dark .feature-body { color: rgba(253,249,244,0.65); }
    .feature-bullets {
      list-style: none; display: flex;
      flex-direction: column; gap: 10px;
    }
    .feature-bullets li {
      display: flex; align-items: flex-start; gap: 10px;
      font-size: 15px; color: var(--ink-mid);
    }
    .feature-section.dark .feature-bullets li { color: rgba(253,249,244,0.70); }
    .bullet-check {
      color: var(--peach-deep); flex-shrink: 0;
      margin-top: 1px; font-weight: 500;
    }
    .feature-section.dark .bullet-check { color: var(--peach); }

    /* Glass card (dark) */
    .dark-glass-card {
      background: linear-gradient(160deg, rgba(42,26,22,0.95), rgba(30,25,40,0.95));
      border: 1.5px solid rgba(240,201,184,0.20);
      border-radius: var(--r-card);
      padding: 28px;
      box-shadow: var(--sh-card);
    }
    /* Glass card (light) */
    .light-glass-card {
      background: rgba(255,255,255,0.70);
      border: 1.5px solid rgba(255,255,255,0.85);
      border-radius: var(--r-card);
      padding: 32px;
      box-shadow: var(--sh-card);
    }

    /* Breastfeeding card */
    .bf-sides { display: flex; gap: 16px; margin-bottom: 20px; }
    .bf-side {
      flex: 1; text-align: center; padding: 16px 12px;
      border-radius: 16px;
    }
    .bf-side.active {
      background: rgba(201,132,114,0.18);
      border: 1.5px solid rgba(201,132,114,0.40);
    }
    .bf-side.inactive {
      background: rgba(255,255,255,0.04);
      border: 1.5px solid rgba(240,201,184,0.10);
    }
    .bf-circle {
      width: 60px; height: 60px; border-radius: 50%;
      margin: 0 auto 10px;
      display: flex; align-items: center; justify-content: center;
      font-size: 24px;
    }
    .bf-circle.filled { background: var(--peach-deep); }
    .bf-circle.outline {
      border: 2px solid rgba(201,132,114,0.50);
      background: transparent; position: relative;
    }
    .bf-circle.outline::after {
      content: ''; position: absolute; inset: -4px;
      border-radius: 50%;
      border: 2px solid rgba(201,132,114,0.25);
      animation: pulse-ring 2s ease-in-out infinite;
    }
    @keyframes pulse-ring {
      0%, 100% { opacity: 0.5; transform: scale(1); }
      50% { opacity: 0.1; transform: scale(1.15); }
    }
    .bf-side-label { font-size: 11px; color: rgba(253,249,244,0.55); margin-bottom: 4px; }
    .bf-side-time { font-family: 'Cormorant Garamond', serif; font-size: 18px; color: var(--peach); }
    .bf-side-note { font-size: 10px; color: rgba(253,249,244,0.50); }

    .timer-display { text-align: center; margin-bottom: 16px; position: relative; }
    .timer-ring-wrap {
      position: relative; width: 110px; height: 110px; margin: 0 auto 8px;
    }
    .timer-ring-wrap svg {
      transform: rotate(-90deg);
    }
    .timer-text {
      position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
      flex-direction: column;
    }
    .timer-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 32px; color: var(--cream); line-height: 1;
    }
    .timer-status { font-size: 9px; color: var(--peach); margin-top: 2px; }

    .session-list { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
    .session-row {
      font-size: 12px; color: rgba(253,249,244,0.60);
      padding: 6px 10px; background: rgba(255,255,255,0.04);
      border-radius: 8px;
    }

    /* Bar chart */
    .bar-chart { display: flex; align-items: flex-end; gap: 6px; height: 80px; margin: 16px 0; }
    .bar {
      flex: 1; border-radius: 4px 4px 0 0;
      transform-origin: bottom;
      transform: scaleY(0);
      transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);
    }
    .bar.animated { transform: scaleY(1); }
    .bar.peach-bar {
      background: linear-gradient(180deg, rgba(201,132,114,0.90), rgba(240,201,184,0.70));
    }
    .chart-labels {
      display: flex; gap: 6px;
      font-size: 9px; color: rgba(28,22,36,0.40);
    }
    .chart-labels span { flex: 1; text-align: center; }

    .daily-summary {
      display: flex; gap: 16px; margin: 16px 0;
      padding: 14px; background: rgba(201,132,114,0.06);
      border-radius: 14px;
    }
    .summary-stat { flex: 1; text-align: center; }
    .summary-val {
      font-family: 'Cormorant Garamond', serif;
      font-size: 24px; color: var(--ink);
    }
    .summary-label { font-size: 11px; color: var(--ink-soft); }

    .aap-bar-wrap { margin: 12px 0; }
    .aap-label { font-size: 12px; color: var(--ink-soft); margin-bottom: 6px; }
    .progress-track {
      height: 6px; background: rgba(201,132,114,0.15);
      border-radius: 99px; overflow: hidden;
    }
    .progress-fill {
      height: 100%; background: var(--peach-deep);
      border-radius: 99px;
      transform: scaleX(0); transform-origin: left;
      transition: transform 1s cubic-bezier(0.16,1,0.3,1);
    }
    .progress-fill.animated { transform: scaleX(1); }
    .status-chip {
      display: inline-flex; align-items: center; gap: 6px;
      font-size: 12px; color: #4a7c6f;
      background: rgba(184,207,196,0.30);
      border-radius: var(--r-pill); padding: 5px 12px; margin-top: 8px;
    }

    /* Pumping */
    .pump-weekly { display: flex; align-items: flex-end; gap: 5px; height: 80px; margin: 16px 0; }
    .pump-bar {
      flex: 1; border-radius: 4px 4px 0 0;
      background: linear-gradient(180deg, rgba(240,201,184,0.60), rgba(201,132,114,0.80));
      transform-origin: bottom; transform: scaleY(0);
      transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);
    }
    .pump-bar.animated { transform: scaleY(1); }

    .stash-card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(240,201,184,0.15);
      border-radius: 14px; padding: 14px; margin-top: 12px;
    }
    .stash-label { font-size: 12px; color: rgba(253,249,244,0.55); margin-bottom: 6px; }
    .stash-val {
      font-family: 'Cormorant Garamond', serif;
      font-size: 22px; color: var(--cream);
    }

    /* Weaning */
    .food-log { display: flex; flex-direction: column; gap: 10px; }
    .food-entry {
      background: rgba(255,255,255,0.70);
      border: 1.5px solid rgba(255,255,255,0.85);
      border-radius: 14px; padding: 12px 16px;
    }
    .food-entry.next {
      border-style: dashed;
      border-color: rgba(201,132,114,0.40);
      background: rgba(201,132,114,0.04);
    }
    .food-name { font-size: 14px; font-weight: 400; color: var(--ink); margin-bottom: 3px; }
    .food-detail { font-size: 12px; color: var(--ink-soft); margin-bottom: 2px; }
    .food-status { font-size: 11px; color: var(--ink-soft); }
    .allergen-badge {
      display: inline-flex; align-items: center; gap: 4px;
      background: rgba(217,188,148,0.20);
      border: 1px solid var(--gold);
      border-radius: var(--r-pill);
      padding: 2px 10px; font-size: 10px;
      color: #8a6f2f; font-weight: 500;
      margin-left: 8px;
    }

    /* AI section */
    .ai-insights-grid {
      display: flex; flex-direction: column; gap: 24px;
    }
    .ai-insight-row {
      display: flex; gap: 16px; align-items: flex-start;
    }
    .ai-icon-wrap {
      width: 48px; height: 48px; flex-shrink: 0;
      border-radius: 14px;
      background: rgba(201,132,114,0.15);
      border: 1px solid rgba(201,132,114,0.25);
      display: flex; align-items: center; justify-content: center;
      font-size: 22px;
    }
    .ai-row-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 22px; font-weight: 300;
      color: var(--cream); margin-bottom: 6px;
    }
    .ai-row-body { font-size: 15px; color: rgba(253,249,244,0.60); line-height: 1.7; }
    .internal-link {
      display: inline-flex; align-items: center; gap: 6px;
      color: var(--peach); font-size: 14px; margin-top: 8px;
      border-bottom: 1px solid rgba(201,132,114,0.30);
      padding-bottom: 2px; transition: border-color 0.3s;
    }
    .internal-link:hover { border-color: var(--peach); }
.correlation-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--ink-mid);
    margin-bottom: 18px;
}

.correlation-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.corr-card {
    background: rgba(255,255,255,0.55);
    border: 1px solid rgba(255,255,255,0.45);
    border-radius: 20px;
    padding: 18px;
    text-align: left;
    backdrop-filter: blur(12px);
}

.corr-icon {
    font-size: 20px;
    margin-bottom: 8px;
}

.corr-heading {
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 4px;
}

.corr-text {
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-soft);
}

.corr-arrow {
    text-align: center;
    font-size: 20px;
    color: var(--peach-deep);
    line-height: 1;
}

.correlation-chip {
    margin-top: 16px;
    color: var(--ink-mid);
    background: rgba(201,132,114,0.08);
    border: 1px solid rgba(201,132,114,0.25);
    opacity: 1;
    transform: none;
    line-height: 1.45;
}

/* Mobile Optimization */
@media (max-width: 767px) {

    .light-glass-card {
        padding: 20px;
        border-radius: 28px;
    }

    .correlation-title {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .corr-card {
        padding: 16px;
        border-radius: 18px;
    }

    .corr-heading {
        font-size: 14px;
    }

    .corr-text {
        font-size: 12px;
    }

    .correlation-chip {
        font-size: 12px;
        padding: 12px 14px;
        border-radius: 18px;
    }
}
    /* AI Visual card */
    .ai-visual-card {
      background: rgba(255,255,255,0.05);
      border: 1.5px solid rgba(201,132,114,0.20);
      border-radius: var(--r-card); padding: 28px;
    }
    .insight-chip {
      background: rgba(201,132,114,0.15);
      border: 1px solid rgba(201,132,114,0.30);
      border-radius: var(--r-pill); padding: 8px 14px;
      font-size: 13px; color: rgba(240,201,184,0.90);
      margin-bottom: 12px; display: inline-flex; align-items: center; gap: 6px;
    }
    .correlation-row {
      display: flex; gap: 12px; align-items: center; margin: 16px 0;
    }
    .corr-card {
      flex: 1; background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 16px; padding: 14px;
      text-align: center;
    }
    .corr-icon { font-size: 24px; margin-bottom: 6px; }
    .corr-title { font-size: 12px; color: rgba(253,249,244,0.70); font-weight: 400; }
    .corr-arrow { font-size: 20px; color: var(--peach); }

    /* Age tabs */
    .age-tabs-section {
      background: var(--cream);
      padding: 100px 56px;
    }
    .age-tabs-section .inner { max-width: 1080px; margin: 0 auto; }
    .age-tabs-header { text-align: center; margin-bottom: 48px; }
    .age-tabs-header h2 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(36px, 4vw, 52px);
      color: var(--ink); margin-bottom: 16px;
    }
    .age-tabs-header h2 em { font-style: italic; color: var(--peach-deep); }
    .age-tabs-header .sub { font-size: 16px; color: var(--ink-soft); max-width: 560px; margin: 0 auto 12px; }
    .disclaimer {
      font-size: 12px; color: var(--ink-soft); font-style: italic;
      text-align: center; margin-bottom: 28px;
    }
    .tab-list {
      display: flex; gap: 6px; overflow-x: auto;
      padding-bottom: 6px; margin-bottom: 24px;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      list-style: none;
    }
    .tab-btn {
      flex-shrink: 0;
      padding: 10px 20px; border-radius: var(--r-pill);
      border: 1.5px solid rgba(201,132,114,0.25);
      background: transparent;
      font-size: 13px; color: var(--ink-mid);
      cursor: pointer;
      font-family: 'DM Sans', sans-serif;
      transition: background 0.3s, color 0.3s, border-color 0.3s;
      scroll-snap-align: start;
    }
    .tab-btn.active, .tab-btn:hover {
      background: linear-gradient(135deg, rgba(240,201,184,0.30), rgba(201,132,114,0.20));
      border-color: var(--peach-deep);
      color: var(--ink);
    }
    .tab-panel { display: none; }
    .tab-panel.active { display: block; }
    .age-panel-grid {
      display: grid; grid-template-columns: 1fr 1fr 1fr;
      gap: 20px;
    }
    .age-panel-card {
      background: var(--glass-bg);
      border: 1.5px solid var(--glass-border);
      border-radius: 20px; padding: 24px;
      backdrop-filter: blur(20px) saturate(1.4);
      box-shadow: var(--sh-soft);
    }
    .age-card-label {
      font-size: 12px; font-weight: 500; letter-spacing: 0.05em;
      text-transform: uppercase; color: var(--peach-deep); margin-bottom: 12px;
    }
    .age-card-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 22px; font-weight: 300;
      color: var(--ink); margin-bottom: 12px;
    }
    .age-item {
      font-size: 14px; color: var(--ink-mid); line-height: 1.7; margin-bottom: 8px;
      padding-left: 14px; position: relative;
    }
    .age-item::before {
      content: '·'; position: absolute; left: 0; color: var(--peach-deep);
    }

    /* Comparison */
    .comparison-section { background: var(--cream-warm); padding: 100px 56px; }
    .comparison-section .inner { max-width: 1080px; margin: 0 auto; }
    .comparison-header { text-align: center; margin-bottom: 48px; }
    .comparison-header h2 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(36px, 4vw, 52px);
      color: var(--ink); margin-bottom: 16px;
    }
    .comparison-header h2 em { font-style: italic; color: var(--peach-deep); }
    .comparison-header .sub { font-size: 16px; color: var(--ink-soft); max-width: 580px; margin: 0 auto; }
    .comp-table-wrap {
      background: var(--glass-bg);
      border: 1.5px solid var(--glass-border);
      border-radius: var(--r-card);
      overflow: hidden; box-shadow: var(--sh-card);
      backdrop-filter: blur(20px) saturate(1.4);
      margin-bottom: 20px;
      overflow-x: auto;
    }
    table { width: 100%; border-collapse: collapse; min-width: 600px; }
    table caption {
      font-size: 12px; color: var(--ink-soft);
      padding: 12px 16px; text-align: left; font-style: italic;
    }
    thead th {
      padding: 16px 16px; font-size: 13px; font-weight: 500;
      text-align: center; color: var(--ink-soft);
      border-bottom: 1px solid rgba(201,132,114,0.12);
    }
    thead th.lunara-col {
      background: linear-gradient(180deg, rgba(240,201,184,0.20), rgba(201,132,114,0.10));
      color: var(--peach-deep);
    }
    tbody td {
      padding: 12px 16px; font-size: 13px; text-align: center;
      color: var(--ink-mid); border-bottom: 1px solid rgba(201,132,114,0.07);
    }
    tbody td:first-child { text-align: left; font-size: 13px; }
    tbody td.lunara-col { color: var(--peach-deep); font-weight: 500; }
    .check { color: var(--peach-deep); }
    .cross { color: rgba(28,22,36,0.25); }
    .comp-disclaimer {
      font-size: 12px; color: var(--ink-soft); font-style: italic; text-align: center; margin-bottom: 28px;
    }
    .comp-cta { text-align: center; }

    /* Testimonials */
    .testimonials { background: var(--cream); padding: 100px 56px; }
    .testimonials .inner { max-width: 1080px; margin: 0 auto; }
    .testimonials-header { text-align: center; margin-bottom: 48px; }
    .testimonials-header h2 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(36px, 4vw, 52px);
      color: var(--ink); margin-bottom: 10px;
    }
    .testimonials-header h2 em { font-style: italic; color: var(--peach-deep); }
    .testi-grid {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
    }
    .testi-card {
      background: var(--glass-bg);
      border: 1.5px solid var(--glass-border);
      border-radius: var(--r-card); padding: 32px;
      box-shadow: var(--sh-card);
      backdrop-filter: blur(20px) saturate(1.4);
    }
    .testi-stars { color: var(--gold); font-size: 15px; margin-bottom: 16px; }
    .testi-quote {
      font-family: 'Cormorant Garamond', serif;
      font-size: 20px; font-style: italic; font-weight: 300;
      color: var(--ink); line-height: 1.65; margin-bottom: 20px;
    }
    .testi-author { font-size: 13px; color: var(--ink-soft); margin-bottom: 8px; }
    .testi-tag {
      display: inline-flex; align-items: center; gap: 6px;
      background: rgba(201,132,114,0.12);
      border-radius: var(--r-pill);
      padding: 5px 12px; font-size: 12px; color: var(--peach-deep);
    }

    /* Stats bar */
    .stats-bar-1 {
      background: var(--ink);
      border-top: 1px solid rgba(240,201,184,0.10);
      border-bottom: 1px solid rgba(240,201,184,0.10);
      padding: 52px 56px;
    }
    .stats-bar-1 .inner {
      max-width: 1080px; margin: 0 auto;
      display: flex; justify-content: space-around; flex-wrap: wrap; gap: 32px;
    }
    .stat-item {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
    }
    .feeding-stat-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 52px; font-weight: 300; color: var(--peach);
      line-height: 1;
      flex-shrink: 0;
    }
    .stat-label {
      font-size: 13px; color: rgba(253,249,244,0.55);
      line-height: 1.5; max-width: 140px;
    }

    /* FAQ */
    .faq-section { background: var(--cream); padding: 100px 56px; }
    .faq-inner { max-width: 720px; margin: 0 auto; }
    .faq-header { text-align: center; margin-bottom: 48px; }
    .faq-header h2 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(36px, 4vw, 52px);
      color: var(--ink); margin-bottom: 10px;
    }
    .faq-header h2 em { font-style: italic; color: var(--peach-deep); }
    .faq-item {
      border-bottom: 1px solid rgba(201,132,114,0.15); padding: 0;
    }
    .faq-q {
      width: 100%; text-align: left; background: none; border: none;
      padding: 20px 0; display: flex; justify-content: space-between; align-items: center;
      font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 400;
      color: var(--ink); cursor: pointer; gap: 12px;
    }
    .faq-q:hover { color: var(--peach-deep); }
    .faq-icon {
      width: 28px; height: 28px; flex-shrink: 0;
      border-radius: 50%;
      background: rgba(201,132,114,0.12);
      display: flex; align-items: center; justify-content: center;
      font-size: 16px; color: var(--peach-deep);
      transition: transform 0.3s;
    }
    .faq-item.open .faq-icon { transform: rotate(45deg); }
    .faq-a {
      font-size: 15px; line-height: 1.75; color: var(--ink-soft);
      max-height: 0; overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s;
    }
    .faq-item.open .faq-a { max-height: 400px; padding-bottom: 20px; }

    /* Final CTA */
    .final-cta {
      background: linear-gradient(160deg, #1c1624 0%, #2a1a1c 100%);
      padding: 120px 56px;
      text-align: center;
      position: relative; overflow: hidden;
    }
    .final-cta .inner { max-width: 680px; margin: 0 auto; position: relative; z-index: 1; }
    .cta-eyebrow {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(201,132,114,0.12);
      border: 1px solid rgba(201,132,114,0.30);
      border-radius: var(--r-pill);
      padding: 8px 18px; font-size: 13px;
      color: rgba(240,201,184,0.80);
      margin-bottom: 28px;
    }
    .final-cta h2 {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(40px, 5vw, 68px);
      color: var(--cream); line-height: 1.15; margin-bottom: 20px;
    }
    .final-cta h2 em {
      font-style: italic;
      background: linear-gradient(135deg, var(--peach), var(--gold));
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .final-cta .sub { font-size: 17px; color: rgba(253,249,244,0.60); margin-bottom: 40px; line-height: 1.7; }
    .final-cta-btns { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
    .cta-trust { font-size: 13px; color: rgba(253,249,244,0.50); margin-bottom: 14px; }
    .cta-nonjudgment { font-size: 13px; color: rgba(253,249,244,0.40); font-style: italic; }

    /* Feed growth section */
    .feed-growth { background: var(--cream-warm); padding: 100px 56px; }

    /* Footer */
    footer {
      background: var(--ink);
      border-top: 1px solid rgba(240,201,184,0.08);
      padding: 48px 56px;
      text-align: center;
    }
    .footer-logo {
      font-family: 'Cormorant Garamond', serif;
      font-size: 28px; color: var(--cream); margin-bottom: 12px;
    }
    .footer-logo span { color: var(--peach); }
    .footer-sub { font-size: 13px; color: rgba(253,249,244,0.35); }

    /* Wave SVG */
    .wave-top { line-height: 0; }
    .wave-top svg { display: block; }

    /* Responsive */
    @media (max-width: 900px) {
      body.page-features-feeding nav.site-nav { padding: 14px 24px; }
      body.page-features-feeding nav.site-nav.scrolled { padding: 14px 24px; }
      .hero { grid-template-columns: 1fr; padding: 40px 24px 60px; min-height: auto; }
      .hero-visual { display: none; }
      .feature-section { padding: 64px 24px; }
      .feature-section .inner { grid-template-columns: 1fr; gap: 36px; }
      .testi-grid { grid-template-columns: 1fr; }
      .age-panel-grid { grid-template-columns: 1fr; }
      .stats-bar-1 { padding: 40px 20px; }
      .stats-bar-1 .inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        align-items: stretch;
      }
      .stats-bar-1 .stat-item {
        padding: 28px 12px;
        justify-content: center;
        border-right: 1px solid rgba(240,201,184,0.12);
        border-bottom: 1px solid rgba(240,201,184,0.12);
      }
      .stats-bar-1 .stat-item:nth-child(2n) { border-right: none; }
      .stats-bar-1 .stat-item:nth-last-child(-n+2) { border-bottom: none; }
      .nonjudgment { padding: 64px 24px; }
      .social-proof { padding: 24px; }
      .comparison-section, .age-tabs-section, .testimonials, .faq-section, .final-cta, .feed-growth { padding: 64px 24px; }
      .feed-growth .inner { grid-template-columns: 1fr !important; gap: 36px !important; }
      .breadcrumb-nav { padding: 10px 24px; }
    }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes timer-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }

    /* ── NAV SCROLL EFFECT ── */
    body.page-features-feeding nav.site-nav {
      transition: background 0.5s ease, box-shadow 0.5s ease, padding 0.5s ease;
    }
    body.page-features-feeding nav.site-nav.scrolled {
      padding: 16px 48px;
      background: rgba(44,26,28,0.92);
      backdrop-filter: blur(28px) saturate(1.4);
      -webkit-backdrop-filter: blur(28px) saturate(1.4);
      border-bottom: 1px solid rgba(240,201,184,0.12);
      box-shadow: 0 2px 40px rgba(0,0,0,0.28);
    }
    body.page-features-feeding .nav-logo { color: #fdf9f4; font-size: 26px; }
    body.page-features-feeding .nav-links a { color: rgba(253,249,244,0.65); }
    body.page-features-feeding .nav-links a:hover,
    body.page-features-feeding .nav-links a.active { color: #fdf9f4; }
    body.page-features-feeding .nav-hamburger span { background: #fdf9f4; }
    body.page-features-feeding .nav-cta {
      background: linear-gradient(135deg, #8b7cba, #c98472);
      color: #fff; border: none; padding: 10px 24px;
      border-radius: var(--r-pill); font-size: 14px; font-weight: 500;
      cursor: pointer; transition: transform 0.3s, box-shadow 0.3s;
    }
    body.page-features-feeding .nav-cta:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(201,132,114,0.45);
    }

    /* ── 640px: small phone landscape ── */
    @media (max-width: 640px) {
      body.page-features-feeding .hero { padding: 28px 16px 44px; }
      body.page-features-feeding .hero h1 { font-size: clamp(36px, 10vw, 52px); }
      body.page-features-feeding .nonjudgment { padding: 48px 16px; }
      body.page-features-feeding .feature-section { padding: 52px 16px; }
      body.page-features-feeding .testi-grid { gap: 16px; }
      body.page-features-feeding .testi-card { padding: 24px 20px; }
      body.page-features-feeding .testi-quote { font-size: 17px; }
      body.page-features-feeding .age-tabs-section { padding: 52px 16px; }
      body.page-features-feeding .tab-list { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
      body.page-features-feeding .tab-list::-webkit-scrollbar { display: none; }
      body.page-features-feeding .tab-btn { font-size: 12px; padding: 8px 14px; }
      body.page-features-feeding .faq-section { padding: 52px 16px; }
      body.page-features-feeding .faq-q { font-size: 14px; }
      body.page-features-feeding .final-cta { padding: 72px 16px; }
      body.page-features-feeding .comparison-section { padding: 52px 16px; }
      body.page-features-feeding .stats-bar-1 { padding: 32px 16px; }
      body.page-features-feeding .stats-bar-1 .inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      body.page-features-feeding .stats-bar-1 .stat-item { padding: 22px 10px; }
      body.page-features-feeding .feeding-stat-num { font-size: 38px; }
      body.page-features-feeding .stat-label { font-size: 11px; max-width: 110px; }
      body.page-features-feeding .feed-growth { padding: 52px 16px; }
      body.page-features-feeding .feed-growth .inner { gap: 24px !important; }
      body.page-features-feeding .feed-growth .light-glass-card { padding: 20px 16px; }
     .hero-cta-row{gap: 25px;}
      .hero-cta-row {
        display: flex;
        flex-direction: column;
        gap: 14px;
        width: 100%;
    }

    .hero-cta-row .btn-primary,
    .hero-cta-row .btn-ghost {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
        margin-left: 0;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }

    .hero-cta-row .btn-primary {
        height: 56px;
    }

    .hero-cta-row .btn-ghost {
        height: 56px;
    }
    .hero-pills {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        width: 100%;
    }

    .hero-pill {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-height: 48px;
        width: 100%;
        padding: 10px 14px;
        font-size: 13px;
        line-height: 1.3;
        box-sizing: border-box;
    }.hero-eyebrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 12px 18px;
        font-size: 12px;
        line-height: 1.4;
        letter-spacing: 0.08em;
        box-sizing: border-box;
        gap: 6px;
    }
     .social-proof {
        padding: 28px 20px;
    }

    .proof-inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .proof-item {
        width: 100%;
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
        padding: 16px 0;
        font-size: 15px;
        line-height: 1.5;
    }

    .proof-rating {
        font-size: 28px;
        flex-shrink: 0;
    }

    .proof-divider {
        width: 100%;
        height: 1px;
        background: rgba(240,201,184,0.10);
    }
    .method-pills {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        width: 100%;
        margin-bottom: 24px;
    }

    .method-pill {
        width: 100%;
        min-height: 52px;
        padding: 12px 14px;
        justify-content: center;
        text-align: center;
        font-size: 13px;
        line-height: 1.35;
        box-sizing: border-box;
        gap: 6px;
        border-radius: 18px;
    }
    .final-cta-btns {
        display: flex;
        flex-direction: column;
        gap: 14px;
        width: 100%;
    }

    .final-cta-btns .btn-primary,
    .final-cta-btns .btn-ghost {
        width: 100%;
        max-width: 100%;
        height: 56px;
        justify-content: center;
        text-align: center;
        padding-left: 24px;
        padding-right: 24px;
        margin-left: 0;
        box-sizing: border-box;
    }
      
  }