/* ── Landing Page B — CSS ───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
    --cream:      #fdf9f4; --lavender: #c8bfe7; --lav-deep:  #8b7cba;
    --peach:      #f0c9b8; --peach-deep:#c98472; --gold:      #d9bc94;
    --ink:        #1c1624; --ink-mid:  #3d3250;  --ink-soft:  #7b6e8f;
    --r-pill:     999px;   --r-card:   28px;
    --shadow-card:0 24px 72px rgba(46,37,53,0.13);
    --spring:     cubic-bezier(0.16,1,0.3,1);
}
@keyframes lb-orb-drift  { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(28px,-18px) scale(1.05)} 66%{transform:translate(-18px,14px) scale(0.97)} }
@keyframes lb-float-slow { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes lb-bar-grow   { from{transform:scaleY(0)} to{transform:scaleY(1)} }
@keyframes lb-bar-grow-h { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes lb-pulse      { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.5);opacity:0.6} }
@keyframes lb-reveal     { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes lb-slide-up   { from{opacity:0;transform:translateY(64px)} to{opacity:1;transform:translateY(0)} }

html { scroll-behavior: smooth; }
body.page-funnel {
    font-family: 'DM Sans', sans-serif; font-weight: 300;
    color: var(--ink); background: var(--cream); overflow-x: hidden;
}

/* ── Sticky Nav ── */
#lb-sticky-nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 900;
    height: 64px;
    background: rgba(28,22,36,0.92);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 32px;
    transform: translateY(-64px); transition: transform 0.4s var(--spring);
}
#lb-sticky-nav.visible { transform: translateY(0); }
.lb-nav-logo { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-style: italic; font-weight: 300; color: var(--cream); letter-spacing: 0.02em; }
.lb-nav-cta  { background: transparent; border: 1.5px solid rgba(200,191,231,0.40); color: var(--lavender); border-radius: var(--r-pill); padding: 9px 22px; font-family: 'DM Sans', sans-serif; font-size: 14px; cursor: pointer; transition: all 0.2s; }
.lb-nav-cta:hover { background: rgba(200,191,231,0.12); border-color: var(--lavender); color: #fff; }

/* ── Ambient orbs ── */
.lb-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.28; pointer-events: none; animation: lb-orb-drift 16s ease-in-out infinite; }
.lb-orb-lav   { background: radial-gradient(circle,var(--lavender),transparent 70%); }
.lb-orb-peach { background: radial-gradient(circle,var(--peach),transparent 70%); }

/* ── Section shared ── */
.lb-section { position: relative; z-index: 1; }
.lb-inner   { max-width: 1080px; margin: 0 auto; }
.lb-label   { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.12em; color: var(--lav-deep); margin-bottom: 14px; }
.lb-h2 em   { font-style: italic; background: linear-gradient(135deg,var(--lav-deep),var(--peach-deep)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

.lb-reveal {
    opacity: 0; transform: translateY(28px);
    transition: opacity 0.7s var(--spring), transform 0.7s var(--spring);
}
.lb-reveal-left  { opacity: 0; transform: translateX(-32px); transition: opacity 0.7s var(--spring), transform 0.7s var(--spring); }
.lb-reveal-right { opacity: 0; transform: translateX(32px);  transition: opacity 0.7s var(--spring), transform 0.7s var(--spring); }
.lb-reveal.visible, .lb-reveal-left.visible, .lb-reveal-right.visible { opacity: 1; transform: none; }

/* ══════════════════════════════════════
   SECTION 1 — HERO (split layout)
   ══════════════════════════════════════ */
#lb-hero {
    background: var(--ink); min-height: 100vh;
    display: flex; align-items: center;
    padding: 100px 24px 80px; overflow: hidden; position: relative;
}
.lb-hero-inner {
    max-width: 1100px; margin: 0 auto; width: 100%;
    display: grid; grid-template-columns: 1fr 1.08fr;
    gap: 72px; align-items: center; position: relative; z-index: 2;
}
.lb-hero-orb-1 { width:600px;height:600px; top:-180px; right:-100px; opacity:0.20; }
.lb-hero-orb-2 { width:440px;height:440px; bottom:-120px; left:-60px; animation-delay:-7s; opacity:0.16; }

.lb-badge {
    display: inline-flex; align-items: center; gap: 9px;
    background: rgba(200,191,231,0.10); border: 1px solid rgba(200,191,231,0.22);
    border-radius: var(--r-pill); padding: 8px 18px;
    font-size: 13px; font-weight: 400; color: var(--lavender);
    margin-bottom: 28px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.lb-badge-dot { width:6px;height:6px;background:var(--lavender);border-radius:50%;animation:lb-pulse 2s ease-in-out infinite; }
.lb-h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(48px,5.5vw,80px); font-weight: 300;
    line-height: 1.04; color: var(--cream); margin-bottom: 22px; letter-spacing: -0.02em;
}
.lb-h1 em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lav-deep), var(--peach-deep));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.lb-hero-sub {
    font-size: 18px; font-weight: 300; color: rgba(255,255,255,0.55);
    line-height: 1.72; margin-bottom: 40px; max-width: 440px;
}

/* CTA */
.lb-btn-primary {
    display: inline-flex; align-items: center; gap: 10px;
    background: linear-gradient(135deg,var(--lav-deep),var(--peach-deep));
    color: #fff; font-family: 'DM Sans', sans-serif;
    font-size: 17px; font-weight: 400; border: none;
    border-radius: var(--r-pill); padding: 18px 44px; height: 56px; cursor: pointer;
    transition: transform 0.3s var(--spring), box-shadow 0.3s;
    box-shadow: 0 10px 40px rgba(139,124,186,0.44);
}
.lb-btn-primary:hover { transform: translateY(-4px); box-shadow: 0 20px 56px rgba(139,124,186,0.60); }
.lb-btn-primary .lb-arrow { display:inline-block; transition:transform 0.2s; }
.lb-btn-primary:hover .lb-arrow { transform:translateX(4px); }
.lb-cta-micro-text { font-size: 12px; color: rgba(255,255,255,0.28); margin-top: 12px; }

/* Social proof row */
.lb-hero-social { display: flex; align-items: center; gap: 12px; margin-top: 24px; }
.lb-hero-avts   { display: flex; }
.lb-hero-avt {
    width: 28px; height: 28px; border-radius: 50%;
    border: 2px solid var(--ink); font-size: 10px; color: #fff;
    display: flex; align-items: center; justify-content: center; font-weight: 400;
    margin-left: -8px; flex-shrink: 0;
}
.lb-hero-avt:first-child { margin-left: 0; }
.lb-avt-1 { background: linear-gradient(135deg,var(--lav-deep),var(--peach-deep)); }
.lb-avt-2 { background: linear-gradient(135deg,#6b8fa8,#4a7f6f); }
.lb-avt-3 { background: linear-gradient(135deg,var(--peach-deep),var(--gold)); }
.lb-avt-4 { background: linear-gradient(135deg,#5e8a7a,var(--lav-deep)); }
.lb-hero-social-text { font-size: 13px; color: rgba(255,255,255,0.40); }
.lb-hero-social-text strong { color: rgba(255,255,255,0.70); font-weight: 400; }

/* ── Right column: sleep dashboard card ── */
.lb-hero-right {
    position: relative; display: flex;
    justify-content: center; align-items: center;
}
.lb-main-card {
    background: linear-gradient(148deg, rgba(45,34,64,0.97), rgba(20,15,32,0.98));
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 32px; padding: 32px 30px; width: 360px;
    box-shadow: 0 56px 140px rgba(0,0,0,0.64), 0 0 80px rgba(139,124,186,0.18);
    position: relative; z-index: 2;
    animation: lb-float-slow 9s ease-in-out infinite;
}
.lb-mc-hdr {
    display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;
}
.lb-mc-title { font-size: 12px; color: rgba(255,255,255,0.38); font-weight: 400; letter-spacing: 0.04em; }
.lb-mc-badge {
    background: rgba(144,212,160,0.14); color: #90d4a0;
    font-size: 10px; padding: 3px 10px; border-radius: 20px;
    border: 1px solid rgba(144,212,160,0.22); letter-spacing: 0.04em;
}
.lb-mc-metric { display: flex; align-items: baseline; gap: 6px; margin-bottom: 4px; }
.lb-mc-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 68px; font-weight: 300; color: var(--cream); line-height: 1; letter-spacing: -0.02em;
}
.lb-mc-sub { font-size: 12px; color: rgba(255,255,255,0.32); margin-bottom: 24px; }
.lb-mc-quality {
    display: flex; align-items: center; gap: 10px; margin-bottom: 22px;
    padding: 10px 14px; border-radius: 14px;
    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07);
}
.lb-mc-q-label { font-size: 11px; color: rgba(255,255,255,0.38); flex: 1; }
.lb-mc-q-score { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; color: var(--lavender); }
.lb-mc-q-stars { color: #f0c060; font-size: 11px; letter-spacing: 1px; }

/* Bar chart — FIXED: direct flex children with pixel heights */
.lb-chart-area { margin-bottom: 6px; }
.lb-chart-header {
    display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;
}
.lb-chart-hd-left  { font-size: 11px; color: rgba(255,255,255,0.30); text-transform: uppercase; letter-spacing: 0.08em; }
.lb-chart-hd-right { font-size: 10px; color: rgba(255,255,255,0.22); }
.lb-chart-bars { display: flex; align-items: flex-end; height: 110px; gap: 7px; }
.lb-bar {
    flex: 1; border-radius: 4px 4px 0 0;
    transform-origin: bottom; transform: scaleY(0);
    animation: lb-bar-grow 0.8s ease-out forwards; animation-delay: var(--d);
}
.lb-bar-lav  { background: linear-gradient(180deg, rgba(200,191,231,0.65), rgba(200,191,231,0.22)); }
.lb-bar-dim  { background: linear-gradient(180deg, rgba(200,191,231,0.28), rgba(200,191,231,0.08)); }
.lb-bar-best {
    background: linear-gradient(180deg, #c8bfe7, var(--lav-deep));
    box-shadow: 0 0 14px rgba(200,191,231,0.32);
}
.lb-chart-days { display: flex; gap: 7px; margin-top: 7px; }
.lb-chart-days span { flex: 1; text-align: center; font-size: 9px; color: rgba(255,255,255,0.28); font-family: -apple-system, sans-serif; }
.lb-day-best { color: var(--lavender) !important; }

.lb-mc-stats {
    display: flex; margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.06); padding-top: 18px;
}
.lb-mc-stat { flex: 1; text-align: center; }
.lb-mc-stat:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.06); }
.lb-mc-stat-val { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; color: var(--cream); line-height: 1; }
.lb-mc-stat-lbl { font-size: 9px; color: rgba(255,255,255,0.28); text-transform: uppercase; letter-spacing: 0.07em; margin-top: 4px; }
.lb-mc-ai {
    margin-top: 16px; padding: 12px 16px; border-radius: 14px;
    background: rgba(139,124,186,0.12); border: 1px solid rgba(200,191,231,0.18);
    font-size: 12px; color: rgba(255,255,255,0.68);
    display: flex; align-items: flex-start; gap: 8px; line-height: 1.5;
}

/* Floating chips */
.lb-fc {
    position: absolute; z-index: 5;
    background: rgba(28,22,36,0.88); border: 1px solid rgba(200,191,231,0.18);
    border-radius: 14px; padding: 11px 16px;
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 16px 48px rgba(0,0,0,0.44);
    opacity: 0; max-width: 200px;
    transition: opacity 0.5s ease, transform 0.5s var(--spring);
}
.lb-fc-1 { top: -28px; left: -40px; transform: rotate(-2deg) translateY(12px); }
.lb-fc-2 { bottom: -24px; right: -36px; transform: rotate(1.5deg) translateY(12px); }
.lb-fc-1.show { opacity: 1; transform: rotate(-2deg) translateY(0); }
.lb-fc-2.show { opacity: 1; transform: rotate(1.5deg) translateY(0); }
.lb-fc-label { font-size: 9px; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }
.lb-fc-val   { font-size: 13px; color: var(--cream); font-weight: 400; }
.lb-fc-sub   { font-size: 10px; color: rgba(255,255,255,0.40); margin-top: 3px; display: flex; align-items: center; gap: 5px; }
.lb-fc-dot   { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.lb-fc-dot-green { background: #90d4a0; box-shadow: 0 0 6px rgba(144,212,160,0.70); }
.lb-fc-dot-lav   { background: var(--lavender); box-shadow: 0 0 6px rgba(200,191,231,0.70); }

/* ══════════════════════════════════════
   SECTION 2 — EMOTIONAL RESONANCE
   ══════════════════════════════════════ */
#lb-emotion { background: var(--cream); padding: 80px 24px; }
.lb-emotion-inner { max-width: 1080px; margin: 0 auto; }
.lb-emotion-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px,4vw,52px); font-weight: 300; font-style: italic;
    color: var(--ink); line-height: 1.20; max-width: 760px; margin-bottom: 24px;
}
.lb-emotion-p { font-size: 18px; font-weight: 300; color: var(--ink-soft); line-height: 1.72; max-width: 660px; margin-bottom: 64px; }
.lb-empathy-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
.lb-empathy-card {
    background: #fff; border-radius: var(--r-card);
    padding: 36px 32px; box-shadow: var(--shadow-card);
    transition: transform 0.3s var(--spring), box-shadow 0.3s;
}
.lb-empathy-card:hover { transform: translateY(-6px); box-shadow: 0 32px 80px rgba(46,37,53,0.18); }
.lb-ec-q  { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 400; color: var(--ink); margin-bottom: 12px; }
.lb-ec-a  { font-size: 15px; color: var(--ink-soft); line-height: 1.65; }
.lb-ec-icon { font-size: 28px; margin-bottom: 16px; }
.lb-ec-accent { width: 32px; height: 3px; border-radius: 2px; margin-bottom: 14px; }
.lb-acc-lav   { background: var(--lavender); }
.lb-acc-peach { background: var(--peach-deep); }
.lb-acc-gold  { background: var(--gold); }

/* ══════════════════════════════════════
   SECTION 3 — SLEEP FEATURE DEEP DIVE
   ══════════════════════════════════════ */
#lb-features { padding: 0; }
.lb-feat-block { padding: 70px 24px; }
.lb-feat-block:nth-child(odd)  { background: var(--cream); }
.lb-feat-block:nth-child(even) { background: #f5efe8; }
.lb-feat-inner { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.lb-feat-inner.reverse { direction: rtl; }
.lb-feat-inner.reverse > * { direction: ltr; }
.lb-feat-label { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.12em; color: var(--lav-deep); margin-bottom: 14px; }
.lb-feat-h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px,4vw,50px); font-weight: 300; font-style: italic;
    line-height: 1.12; color: var(--ink); margin-bottom: 18px;
}
.lb-feat-h2 em { font-style: italic; background: linear-gradient(135deg,var(--lav-deep),var(--peach-deep)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.lb-feat-p { font-size: 17px; font-weight: 300; color: var(--ink-soft); line-height: 1.72; }
.lb-feat-visual { display: flex; justify-content: center; }

/* Regression timeline */
.lb-regression-timeline {
    max-width: 380px; width: 100%;
    background: rgba(28,22,36,0.96); border: 1px solid rgba(255,255,255,0.09);
    border-radius: 24px; padding: 28px; box-shadow: 0 40px 100px rgba(28,22,36,0.28);
}
.lb-rt-title { font-size: 11px; color: rgba(255,255,255,0.38); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 22px; }
.lb-rt-nodes { display: flex; justify-content: space-between; align-items: center; position: relative; }
.lb-rt-nodes::before { content: ''; position: absolute; top: 20px; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.07); }
.lb-rt-node { display: flex; flex-direction: column; align-items: center; gap: 10px; z-index: 1; flex: 1; }
.lb-rt-dot  { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; border: 2px solid transparent; }
.lb-rt-dot-1 { background: rgba(200,191,231,0.14); border-color: var(--lav-deep); color: var(--lavender); }
.lb-rt-dot-2 { background: rgba(240,201,184,0.14); border-color: var(--peach-deep); color: var(--peach); }
.lb-rt-dot-3 { background: rgba(100,200,120,0.14); border-color: rgba(100,200,120,0.40); color: #90d4a0; }
.lb-rt-label { font-size: 10px; color: rgba(255,255,255,0.45); text-align: center; line-height: 1.4; max-width: 80px; }
.lb-rt-connector { height: 2px; flex: 1; margin-top: -30px; position: relative; z-index: 0; }
.lb-rt-line { height: 100%; background: linear-gradient(90deg, var(--lav-deep), var(--peach-deep)); transform-origin: left; animation: lb-bar-grow-h 1s ease-out 0.5s forwards; transform: scaleX(0); }
.lb-rt-result { margin-top: 22px; padding: 14px 16px; background: rgba(100,200,120,0.10); border: 1px solid rgba(100,200,120,0.18); border-radius: 12px; font-size: 13px; color: #90d4a0; }

/* Clock visual */
.lb-clock-visual {
    max-width: 340px; width: 100%;
    background: rgba(28,22,36,0.96); border: 1px solid rgba(255,255,255,0.09);
    border-radius: 24px; padding: 32px; box-shadow: 0 40px 100px rgba(28,22,36,0.28);
    text-align: center;
}
.lb-clock-ring {
    width: 180px; height: 180px; border-radius: 50%; position: relative; margin: 0 auto 24px;
    background: conic-gradient(
        rgba(255,255,255,0.04) 0deg,
        rgba(255,255,255,0.04) 180deg,
        rgba(139,124,186,0.35) 180deg,
        rgba(200,191,231,0.55) 240deg,
        rgba(139,124,186,0.35) 270deg,
        rgba(255,255,255,0.04) 270deg
    );
    border: 2px solid rgba(255,255,255,0.07);
    display: flex; align-items: center; justify-content: center;
}
.lb-clock-inner {
    width: 140px; height: 140px; border-radius: 50%;
    background: #0a0812;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.lb-clock-time { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 300; color: var(--cream); line-height: 1; }
.lb-clock-label { font-size: 10px; color: var(--lavender); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 4px; }
.lb-clock-note  { font-size: 12px; color: rgba(255,255,255,0.45); line-height: 1.5; }
.lb-clock-stats { display: flex; gap: 20px; justify-content: center; margin-top: 18px; }
.lb-cs-val { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; color: var(--cream); }
.lb-cs-lbl { font-size: 10px; color: rgba(255,255,255,0.34); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 2px; }

/* Growth sleep connection */
.lb-growth-card {
    max-width: 380px; width: 100%;
    background: rgba(28,22,36,0.96); border: 1px solid rgba(255,255,255,0.09);
    border-radius: 24px; padding: 28px; box-shadow: 0 40px 100px rgba(28,22,36,0.28);
}
.lb-gc-hdr  { font-size: 11px; color: rgba(255,255,255,0.38); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 20px; }
.lb-gc-row  { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.lb-gc-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
.lb-gc-icon-sleep { background: rgba(200,191,231,0.14); }
.lb-gc-icon-grow  { background: rgba(100,200,120,0.12); }
.lb-gc-icon-ai    { background: rgba(139,124,186,0.14); }
.lb-gc-label { font-size: 12px; color: rgba(255,255,255,0.50); margin-bottom: 4px; }
.lb-gc-val   { font-size: 14px; color: rgba(255,255,255,0.82); font-weight: 400; }
.lb-gc-bar-wrap { flex: 1; }
.lb-gc-bar   { height: 4px; background: rgba(255,255,255,0.07); border-radius: 2px; overflow: hidden; }
.lb-gc-fill  { height: 100%; border-radius: 2px; transform-origin: left; animation: lb-bar-grow-h 1s ease-out var(--d) forwards; transform: scaleX(0); }
.lb-gc-fill-lav   { background: linear-gradient(90deg,var(--lav-deep),var(--lavender)); }
.lb-gc-fill-green { background: linear-gradient(90deg,rgba(100,200,120,0.60),#90d4a0); }
.lb-gc-fill-ai    { background: linear-gradient(90deg,var(--peach-deep),var(--peach)); }
.lb-gc-insight { margin-top: 20px; padding: 14px 16px; background: rgba(139,124,186,0.10); border: 1px solid rgba(200,191,231,0.16); border-radius: 12px; font-size: 13px; color: rgba(255,255,255,0.68); line-height: 1.55; }

/* ══════════════════════════════════════
   SECTION 4 — SLEEP TESTIMONIALS
   ══════════════════════════════════════ */
#lb-testimonials { background: var(--ink); padding: 70px 24px; }
.lb-social-hl { font-family: 'Cormorant Garamond', serif; font-size: clamp(34px,4vw,52px); font-weight: 300; font-style: italic; color: var(--cream); text-align: center; margin-bottom: 56px; }
.lb-testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.lb-testi-card {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.09);
    border-radius: var(--r-card); padding: 32px;
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    transition: transform 0.3s var(--spring), box-shadow 0.3s;
}
.lb-testi-card:hover { transform: scale(1.01); box-shadow: 0 24px 72px rgba(0,0,0,0.32); }
.lb-testi-stars { color: #f0c060; font-size: 13px; letter-spacing: 2px; margin-bottom: 16px; }
.lb-testi-quote {
    font-family: 'Cormorant Garamond', serif; font-size: 18px; font-style: italic;
    font-weight: 300; color: var(--cream); line-height: 1.55; margin-bottom: 20px; transition: color 0.3s;
}
.lb-testi-card:hover .lb-testi-quote { color: #fff; }
.lb-testi-author { display: flex; align-items: center; gap: 12px; }
.lb-testi-avt { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff; flex-shrink: 0; font-weight: 400; }
.tb-1{background:linear-gradient(135deg,var(--lav-deep),var(--peach-deep))}
.tb-2{background:linear-gradient(135deg,#6b8fa8,#4a7f6f)}
.tb-3{background:linear-gradient(135deg,var(--peach-deep),var(--gold))}
.lb-testi-name { font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.45); }

/* ══════════════════════════════════════
   SECTION 5 — COMPARISON TABLE
   ══════════════════════════════════════ */
#lb-compare { background: var(--cream); padding: 70px 24px; }
.lb-cmp-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(34px,4vw,52px); font-weight: 300; font-style: italic;
    color: var(--ink); text-align: center; margin-bottom: 56px;
}
.lb-cmp-hl em { font-style: italic; background: linear-gradient(135deg,var(--lav-deep),var(--peach-deep)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.lb-cmp-table {
    width: 100%; border-collapse: separate; border-spacing: 0;
    background: #fff; border-radius: 24px; overflow: hidden;
    box-shadow: var(--shadow-card);
}
.lb-cmp-table thead tr { background: var(--ink); }
.lb-cmp-table th { padding: 20px 24px; font-size: 13px; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255,255,255,0.55); text-align: left; }
.lb-cmp-table th:first-child { border-radius: 24px 0 0 0; }
.lb-cmp-table th:last-child  { border-radius: 0 24px 0 0; }
.lb-th-lunara { background: rgba(139,124,186,0.20) !important; color: var(--lavender) !important; font-weight: 500 !important; box-shadow: inset 0 0 0 1px rgba(200,191,231,0.20); }
.lb-cmp-table td { padding: 16px 24px; font-size: 14px; border-bottom: 1px solid rgba(28,22,36,0.06); vertical-align: middle; }
.lb-cmp-table tr:last-child td { border-bottom: none; }
.lb-cmp-table tr:nth-child(even) td { background: rgba(200,191,231,0.05); }
.lb-td-lunara { background: rgba(200,191,231,0.08) !important; font-weight: 400; color: var(--ink-mid); }
.lb-check-icon { color: #5db87a; font-size: 16px; font-weight: 600; }
.lb-cross-icon { color: rgba(28,22,36,0.20); font-size: 15px; }
.lb-row-feat   { color: var(--ink-mid); font-weight: 400; }
.lb-row-basic  { color: var(--ink-soft); }
.lb-cmp-cta { margin-top: 32px; text-align: center; }

/* ══════════════════════════════════════
   SECTION 6 — FINAL CTA
   ══════════════════════════════════════ */
#lb-cta { background: var(--ink); padding: 120px 24px; text-align: center; overflow: hidden; position: relative; }
.lb-cta-orb-1 { position: absolute; width:500px;height:500px; top:-120px; left:50%; transform:translateX(-60%); }
.lb-cta-orb-2 { position: absolute; width:360px;height:360px; bottom:-80px; right:-60px; animation-delay:-6s; }
.lb-cta-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(44px,5.5vw,72px); font-weight: 300; font-style: italic;
    color: var(--cream); line-height: 1.05; margin-bottom: 16px; position: relative; z-index: 1;
}
.lb-cta-hl em { font-style: italic; background: linear-gradient(135deg,var(--lav-deep),var(--peach-deep)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.lb-cta-sub { font-size: 18px; color: rgba(255,255,255,0.52); margin-bottom: 36px; position: relative; z-index: 1; }
.lb-cta-wrap { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.lb-cta-micro { font-size: 13px; color: rgba(255,255,255,0.28); }

/* ══════════════════════════════════════
   FAQ SECTION
   ══════════════════════════════════════ */
#lb-faq { background: #f5efe8; padding: 70px 24px; }
.lb-faq-inner { max-width: 820px; margin: 0 auto; }
.lb-faq-label { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.12em; color: var(--lav-deep); margin-bottom: 14px; text-align: center; }
.lb-faq-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px,4vw,48px); font-weight: 300; font-style: italic;
    color: var(--ink); text-align: center; line-height: 1.18; margin-bottom: 60px;
}
.lb-faq-list { display: flex; flex-direction: column; gap: 4px; }
.lb-faq-item {
    border: 1px solid rgba(28,22,36,0.09); border-radius: 18px;
    background: #fff; overflow: hidden;
    transition: box-shadow 0.25s; box-shadow: 0 2px 8px rgba(28,22,36,0.04);
}
.lb-faq-item:hover { box-shadow: 0 8px 28px rgba(28,22,36,0.10); }
.lb-faq-q {
    width: 100%; background: none; border: none; cursor: pointer;
    padding: 22px 28px; text-align: left;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 400; color: var(--ink); line-height: 1.45;
}
.lb-faq-q:hover { color: var(--lav-deep); }
.lb-faq-icon {
    width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
    background: rgba(200,191,231,0.18); border: 1px solid rgba(200,191,231,0.28);
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; color: var(--lav-deep); transition: transform 0.3s, background 0.2s;
}
.lb-faq-item.open .lb-faq-icon { transform: rotate(45deg); background: rgba(200,191,231,0.32); }
.lb-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.16,1,0.3,1), padding 0.3s; padding: 0 28px; }
.lb-faq-item.open .lb-faq-a { max-height: 400px; padding: 0 28px 22px; }
.lb-faq-a p { font-size: 15px; font-weight: 300; color: var(--ink-soft); line-height: 1.75; }
.lb-faq-a strong { color: var(--ink-mid); font-weight: 400; }


/* ── Responsive ── */
@media (max-width: 960px) {
    .lb-hero-inner    { grid-template-columns:1fr; gap:56px; text-align:center; }
    .lb-hero-left     { display:flex; flex-direction:column; align-items:center; }
    .lb-hero-sub      { max-width:100%; }
    .lb-hero-social   { justify-content:center; }
    .lb-fc-1          { top:-18px; left:-10px; }
    .lb-fc-2          { bottom:-18px; right:-10px; }
    .lb-empathy-grid  { grid-template-columns:1fr; }
    .lb-feat-inner    { grid-template-columns:1fr; gap:40px; }
    .lb-feat-inner.reverse { direction:ltr; }
    .lb-testi-grid    { grid-template-columns:1fr; }
    .lb-cmp-table     { font-size:13px; }
    .lb-cmp-table td, .lb-cmp-table th { padding:14px 16px; }
}
@media (max-width: 640px) {
    .lb-h1        { font-size:44px; }
    .lb-main-card { width:300px; padding:24px 20px; }
    .lb-mc-num    { font-size:52px; }
    .lb-fc        { display:none; }
    .lb-feat-block { padding:50px 24px; }
    .lb-cmp-table th:nth-child(2),
    .lb-cmp-table td:nth-child(2) { display:none; }
    #lb-footer .lb-footer-inner { flex-direction:column; align-items:flex-start; }
    #lb-emotion{padding: 40px 24px;}
    #lb-compare{padding: 50px 24px;}
    #lb-faq{padding: 50px 24px;}
}
#fn-back-top {
    position: fixed; bottom: 32px; right: 28px; z-index: 500;
    width: 44px; height: 44px; border-radius: 50%;
    background: rgba(28,22,36,0.82); border: 1px solid rgba(200,191,231,0.22);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; color: var(--lavender); cursor: pointer;
    opacity: 0; pointer-events: none;
    transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 4px 18px rgba(0,0,0,0.28);
}
#fn-back-top.show { opacity: 1; pointer-events: auto; }
#fn-back-top:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(139,124,186,0.38); }
.lb-seo-link { color: var(--lav-deep); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(139,124,186,0.40); transition: text-decoration-color 0.2s, color 0.2s; }
.lb-seo-link:hover { color: var(--lav-deep); text-decoration-color: var(--lav-deep); }

/* ════════════════════════════════════════════════════════════
   SEO SECTIONS — Newborn Tracker (7 sections)
   lb-ans · lb-wake · lb-feed · lb-ms · lb-xfaq · lb-cmp · lb-links
   ════════════════════════════════════════════════════════════ */

/* ── S1: Answer Capsule ──────────────────────────────────── */
#lb-ans { background: var(--ink); padding: 80px 24px; position: relative; overflow: hidden; }
.lb-ans-orb {
    position: absolute; width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(217,188,148,0.10) 0%, transparent 70%);
    border-radius: 50%; top: -100px; right: -80px;
    pointer-events: none; filter: blur(80px);
    animation: lb-orb-drift 20s ease-in-out infinite;
}
.lb-ans-inner { max-width: 880px; margin: 0 auto; position: relative; z-index: 2; }
.lb-ans-tag {
    display: inline-block;
    font-family: 'Jost', sans-serif; font-size: 10px; font-weight: 500;
    letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold);
    background: rgba(217,188,148,0.10); border: 1px solid rgba(217,188,148,0.22);
    border-radius: 999px; padding: 4px 14px; margin-bottom: 24px;
}
.lb-ans-card {
    border-left: 3px solid var(--gold);
    background: rgba(255,255,255,0.04);
    border-radius: 0 20px 20px 0; padding: 36px 44px;
}
.lb-ans-q {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(24px, 3vw, 36px); font-weight: 300; font-style: italic;
    color: var(--cream); line-height: 1.2; margin-bottom: 20px;
}
.lb-ans-def {
    font-size: 16px; font-weight: 300; line-height: 1.80;
    color: rgba(255,255,255,0.66); margin-bottom: 28px;
}
.lb-ans-def strong { color: rgba(255,255,255,0.88); font-weight: 400; }
.lb-ans-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.lb-ans-pill {
    font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 400;
    color: rgba(255,255,255,0.68); background: rgba(217,188,148,0.08);
    border: 1px solid rgba(217,188,148,0.18); border-radius: 999px; padding: 6px 16px;
}
.lb-ans-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; }
.lb-ans-fact {
    background: rgba(255,255,255,0.03); border: 1px solid rgba(217,188,148,0.14);
    border-radius: 16px; padding: 24px 20px; text-align: center;
    transition: border-color 0.25s;
}
.lb-ans-fact:hover { border-color: rgba(217,188,148,0.28); }
.lb-ans-fact-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 34px; font-weight: 300; font-style: italic;
    color: var(--gold); display: block; margin-bottom: 8px; line-height: 1;
}
.lb-ans-fact-lbl { font-size: 12px; font-weight: 300; line-height: 1.55; color: rgba(255,255,255,0.44); }
@media (max-width: 700px) {
    .lb-ans-card { padding: 26px 24px; }
    .lb-ans-facts { grid-template-columns: 1fr; gap: 10px; }
    #lb-ans { padding: 56px 20px; }
}

/* ── S2: Wake Windows Guide ──────────────────────────────── */
#lb-wake { background: var(--ink); padding: 110px 24px; position: relative; overflow: hidden; }
#lb-wake::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(217,188,148,0.20), transparent);
}
.lb-wake-orb {
    position: absolute; width: 520px; height: 520px;
    background: radial-gradient(circle, rgba(139,124,186,0.13) 0%, transparent 70%);
    border-radius: 50%; bottom: -100px; right: -80px;
    pointer-events: none; filter: blur(80px);
    animation: lb-orb-drift 18s ease-in-out infinite reverse;
}
.lb-wake-inner { max-width: 1080px; margin: 0 auto; position: relative; z-index: 2; }
.lb-wake-top { max-width: 720px; margin-bottom: 48px; }
.lb-wake-eyebrow {
    display: inline-block;
    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;
    letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold);
    border: 1px solid rgba(217,188,148,0.22);
    border-radius: 999px; padding: 5px 16px; margin-bottom: 18px;
}
.lb-wake-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 3.8vw, 48px); font-weight: 300; font-style: italic;
    color: var(--cream); line-height: 1.18; margin-bottom: 16px;
}
.lb-wake-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lavender), var(--gold));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.lb-wake-intro { font-size: 16px; font-weight: 300; line-height: 1.78; color: rgba(255,255,255,0.58); }
.lb-wake-intro strong { color: rgba(255,255,255,0.84); font-weight: 400; }
.lb-wake-table-wrap {
    overflow-x: auto; border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.08); margin: 40px 0 10px;
}
.lb-wake-table { width: 100%; border-collapse: collapse; font-family: 'DM Sans', sans-serif; }
.lb-wake-table thead tr { background: rgba(217,188,148,0.10); border-bottom: 1px solid rgba(255,255,255,0.07); }
.lb-wake-table thead th {
    padding: 16px 22px; font-size: 11px; font-weight: 500;
    letter-spacing: 0.10em; text-transform: uppercase;
    color: var(--gold); text-align: left; white-space: nowrap;
}
.lb-wake-table tbody tr { border-bottom: 1px solid rgba(255,255,255,0.05); transition: background 0.2s; }
.lb-wake-table tbody tr:last-child { border-bottom: none; }
.lb-wake-table tbody tr:hover { background: rgba(255,255,255,0.025); }
.lb-wake-table tbody td { padding: 18px 22px; font-size: 14px; font-weight: 300; line-height: 1.5; color: rgba(255,255,255,0.68); vertical-align: middle; }
.lb-wake-table tbody td:first-child {
    font-family: 'Cormorant Garamond', serif;
    font-size: 17px; font-weight: 400; font-style: italic; color: var(--cream); white-space: nowrap;
}
.lb-wake-source { font-size: 11px; font-weight: 300; color: rgba(255,255,255,0.26); text-align: right; margin-bottom: 44px; letter-spacing: 0.02em; }
.lb-wake-paras { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.lb-wake-para {
    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
    border-radius: 20px; padding: 30px 26px; position: relative;
}
.lb-wake-para::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(90deg, transparent, rgba(217,188,148,0.18), transparent);
}
.lb-wake-para h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 19px; font-weight: 400; font-style: italic;
    color: var(--cream); line-height: 1.3; margin-bottom: 12px;
}
.lb-wake-para p { font-size: 14px; font-weight: 300; line-height: 1.75; color: rgba(255,255,255,0.48); }
.lb-wake-para p strong { color: rgba(255,255,255,0.78); font-weight: 400; }
.lb-wake-para a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(217,188,148,0.36); }
.lb-wake-disclaimer { font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.26); margin-top: 28px; line-height: 1.65; font-style: italic; }
@media (max-width: 860px) { .lb-wake-paras { grid-template-columns: 1fr; gap: 14px; } #lb-wake { padding: 72px 20px; } }

/* ── S3: Feeding Guide ───────────────────────────────────── */
#lb-feed { background: var(--cream); padding: 110px 24px; position: relative; overflow: hidden; }
#lb-feed::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,132,114,0.20), transparent);
}
.lb-feed-inner { max-width: 1080px; margin: 0 auto; }
.lb-feed-top { max-width: 720px; margin-bottom: 40px; }
.lb-feed-eyebrow {
    display: inline-block;
    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;
    letter-spacing: 0.12em; text-transform: uppercase; color: var(--peach-deep);
    border: 1px solid rgba(201,132,114,0.24); border-radius: 999px; padding: 5px 16px; margin-bottom: 18px;
}
.lb-feed-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(26px, 3.5vw, 44px); font-weight: 300; font-style: italic;
    color: var(--ink); line-height: 1.18; margin-bottom: 16px;
}
.lb-feed-hl 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;
}
.lb-feed-intro {
    background: rgba(201,132,114,0.07); border: 1px solid rgba(201,132,114,0.14);
    border-left: 3px solid var(--peach-deep); border-radius: 0 16px 16px 0;
    padding: 20px 24px; font-size: 15px; font-weight: 300; line-height: 1.75;
    color: var(--ink-soft); margin-bottom: 36px;
}
.lb-feed-intro strong { color: var(--ink-mid); font-weight: 500; }
.lb-feed-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 28px; }
.lb-feed-col {
    background: #fff; border-radius: 22px; padding: 30px 26px;
    border: 1px solid rgba(28,22,36,0.08); box-shadow: 0 6px 24px rgba(28,22,36,0.06);
}
.lb-feed-col-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px; font-weight: 400; font-style: italic;
    color: var(--ink); margin-bottom: 20px; padding-bottom: 14px;
    border-bottom: 1px solid rgba(28,22,36,0.08);
}
.lb-feed-col-hl span {
    display: block; font-family: 'Jost', sans-serif; font-size: 10px;
    font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--peach-deep); margin-bottom: 6px; font-style: normal;
}
.lb-feed-list { display: flex; flex-direction: column; gap: 12px; }
.lb-feed-item { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; font-weight: 300; line-height: 1.6; color: var(--ink-soft); }
.lb-feed-item::before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--peach-deep); flex-shrink: 0; margin-top: 7px; }
.lb-feed-item strong { color: var(--ink-mid); font-weight: 500; }
.lb-feed-combo {
    background: rgba(217,188,148,0.10); border: 1px solid rgba(217,188,148,0.18);
    border-radius: 18px; padding: 24px 28px; margin-bottom: 24px;
}
.lb-feed-combo h3 { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 400; font-style: italic; color: var(--ink); margin-bottom: 10px; }
.lb-feed-combo p { font-size: 14px; font-weight: 300; line-height: 1.72; color: var(--ink-soft); }
.lb-feed-combo p strong { color: var(--ink-mid); font-weight: 500; }
.lb-feed-app { font-size: 15px; font-weight: 300; line-height: 1.75; color: var(--ink-soft); margin-bottom: 16px; }
.lb-feed-app strong { color: var(--ink-mid); font-weight: 500; }
.lb-feed-disclaimer { font-size: 12px; font-weight: 300; color: var(--ink-soft); font-style: italic; line-height: 1.65; }
@media (max-width: 700px) { .lb-feed-cols { grid-template-columns: 1fr; } #lb-feed { padding: 72px 20px; } }

/* ── S4: Milestones Checklist ────────────────────────────── */
#lb-ms { background: var(--ink); padding: 110px 24px; position: relative; overflow: hidden; }
.lb-ms-orb {
    position: absolute; width: 560px; height: 560px;
    background: radial-gradient(circle, rgba(217,188,148,0.09) 0%, transparent 70%);
    border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%);
    pointer-events: none; filter: blur(90px);
}
.lb-ms-inner { max-width: 1080px; margin: 0 auto; position: relative; z-index: 2; }
.lb-ms-top { text-align: center; margin-bottom: 52px; }
.lb-ms-eyebrow {
    display: inline-block;
    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;
    letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold);
    border: 1px solid rgba(217,188,148,0.22); border-radius: 999px; padding: 5px 16px; margin-bottom: 20px;
}
.lb-ms-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 3.8vw, 48px); font-weight: 300; font-style: italic;
    color: var(--cream); line-height: 1.18; margin-bottom: 14px;
}
.lb-ms-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lavender), var(--gold));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.lb-ms-source { font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.40); max-width: 600px; margin: 0 auto; }
.lb-ms-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }
.lb-ms-month {
    background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px; overflow: hidden; transition: border-color 0.25s;
}
.lb-ms-month:hover { border-color: rgba(217,188,148,0.20); }
.lb-ms-month-head {
    background: rgba(217,188,148,0.10); border-bottom: 1px solid rgba(217,188,148,0.12);
    padding: 18px 24px; display: flex; align-items: center; gap: 12px;
}
.lb-ms-month-num { font-family: 'Cormorant Garamond', serif; font-size: 32px; font-weight: 300; font-style: italic; color: var(--gold); line-height: 1; }
.lb-ms-month-label { font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.70); line-height: 1.3; }
.lb-ms-month-label strong { display: block; color: var(--cream); font-weight: 500; font-size: 14px; }
.lb-ms-list { padding: 20px 24px; display: flex; flex-direction: column; gap: 12px; }
.lb-ms-item { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; font-weight: 300; line-height: 1.55; color: rgba(255,255,255,0.68); }
.lb-ms-icon { font-size: 17px; flex-shrink: 0; line-height: 1.4; }
.lb-ms-lunara {
    margin-top: 40px; text-align: center;
    background: rgba(217,188,148,0.08); border: 1px solid rgba(217,188,148,0.16);
    border-radius: 18px; padding: 24px 28px;
}
.lb-ms-lunara p { font-size: 15px; font-weight: 300; line-height: 1.72; color: rgba(255,255,255,0.60); max-width: 680px; margin: 0 auto; }
.lb-ms-lunara p strong { color: rgba(255,255,255,0.84); font-weight: 400; }
.lb-ms-disclaimer { font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.26); text-align: center; margin-top: 22px; font-style: italic; line-height: 1.65; }
@media (max-width: 860px) { .lb-ms-grid { grid-template-columns: 1fr; gap: 14px; } #lb-ms { padding: 72px 20px; } }

/* ── S5: Extended FAQ ─────────────────────────────────────── */
#lb-xfaq { background: var(--cream); padding: 110px 24px; position: relative; overflow: hidden; }
#lb-xfaq::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139,124,186,0.20), transparent);
}
.lb-xfaq-inner { max-width: 860px; margin: 0 auto; }
.lb-xfaq-top { text-align: center; margin-bottom: 48px; }
.lb-xfaq-eyebrow {
    display: inline-block;
    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;
    letter-spacing: 0.12em; text-transform: uppercase; color: var(--lav-deep);
    border: 1px solid rgba(139,124,186,0.22); border-radius: 999px; padding: 5px 16px; margin-bottom: 20px;
}
.lb-xfaq-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 3.8vw, 48px); font-weight: 300; font-style: italic;
    color: var(--ink); line-height: 1.18;
}
.lb-xfaq-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lav-deep), var(--peach-deep));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.lb-xfaq-list { display: flex; flex-direction: column; gap: 4px; }
details.lb-xfaq-item {
    background: #fff; border: 1px solid rgba(28,22,36,0.09);
    border-radius: 16px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(28,22,36,0.04);
    transition: border-color 0.25s, box-shadow 0.25s;
}
details.lb-xfaq-item[open] { border-color: rgba(139,124,186,0.22); box-shadow: 0 8px 28px rgba(28,22,36,0.08); }
details.lb-xfaq-item > summary {
    display: flex; align-items: center; justify-content: space-between;
    padding: 22px 28px; cursor: pointer; list-style: none;
    font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 400;
    color: var(--ink-mid); line-height: 1.45; gap: 16px; transition: color 0.2s;
}
details.lb-xfaq-item > summary::-webkit-details-marker { display: none; }
details.lb-xfaq-item > summary::marker { display: none; }
details.lb-xfaq-item > summary:hover { color: var(--lav-deep); }
.lb-xfaq-icon {
    flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%;
    background: rgba(200,191,231,0.14); border: 1px solid rgba(139,124,186,0.18);
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; font-weight: 300; color: var(--lav-deep);
    transition: transform 0.3s var(--spring), background 0.2s;
}
details.lb-xfaq-item[open] .lb-xfaq-icon { transform: rotate(45deg); background: rgba(200,191,231,0.24); }
.lb-xfaq-body { padding: 0 28px 22px; font-size: 15px; font-weight: 300; line-height: 1.76; color: var(--ink-soft); }
.lb-xfaq-body strong { color: var(--ink-mid); font-weight: 500; }
.lb-xfaq-body a { color: var(--lav-deep); text-decoration: underline; text-underline-offset: 3px; }
.lb-xfaq-disclaimer { font-size: 12px; font-weight: 300; color: var(--ink-soft); text-align: center; margin-top: 28px; font-style: italic; line-height: 1.65; }
@media (max-width: 640px) {
    #lb-xfaq { padding: 64px 16px; }
    details.lb-xfaq-item > summary { padding: 18px 20px; font-size: 14px; }
    .lb-xfaq-body { padding: 0 20px 18px; }
}

/* ── S6: Competitor Comparison ───────────────────────────── */
#lb-cmp { background: var(--ink); padding: 110px 24px; position: relative; overflow: hidden; }
#lb-cmp::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(217,188,148,0.18), transparent);
}
.lb-cmp-orb {
    position: absolute; width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(139,124,186,0.12) 0%, transparent 70%);
    border-radius: 50%; top: -80px; left: -100px;
    pointer-events: none; filter: blur(80px);
    animation: lb-orb-drift 24s ease-in-out infinite;
}
.lb-cmp-inner { max-width: 1100px; margin: 0 auto; position: relative; z-index: 2; }
.lb-cmp-top { text-align: center; margin-bottom: 52px; }
.lb-cmp-eyebrow {
    display: inline-block;
    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;
    letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold);
    border: 1px solid rgba(217,188,148,0.22); border-radius: 999px; padding: 5px 16px; margin-bottom: 20px;
}
.lb-cmp-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 3.8vw, 48px); font-weight: 300; font-style: italic;
    color: var(--cream); line-height: 1.18; margin-bottom: 14px;
}
.lb-cmp-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lavender), var(--gold));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.lb-cmp-table-wrap { overflow-x: auto; border-radius: 20px; border: 1px solid rgba(255,255,255,0.08); }
.lb-cmp-table { width: 100%; border-collapse: collapse; font-family: 'DM Sans', sans-serif; }
.lb-cmp-table thead tr { background: rgba(217,188,148,0.08); border-bottom: 1px solid rgba(255,255,255,0.07); }
.lb-cmp-table thead th { padding: 16px 14px; font-size: 12px; font-weight: 500; text-align: center; white-space: nowrap; color: rgba(255,255,255,0.55); }
.lb-cmp-table thead th:first-child { text-align: left; font-size: 10px; letter-spacing: 0.10em; text-transform: uppercase; }
.lb-cmp-th-lunara { color: var(--gold) !important; }
.lb-cmp-table tbody tr { border-bottom: 1px solid rgba(255,255,255,0.05); transition: background 0.2s; }
.lb-cmp-table tbody tr:last-child { border-bottom: none; }
.lb-cmp-table tbody tr:hover { background: rgba(255,255,255,0.025); }
.lb-cmp-table tbody td { padding: 15px 14px; font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.58); text-align: center; vertical-align: middle; }
.lb-cmp-table tbody td:first-child { text-align: left; color: rgba(255,255,255,0.80); font-weight: 400; font-size: 13px; }
.lb-cmp-col-lunara { background: rgba(217,188,148,0.06); }
.lb-cmp-yes { color: var(--gold); font-size: 16px; }
.lb-cmp-partial { font-size: 11px; font-weight: 400; color: rgba(255,255,255,0.48); background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); border-radius: 999px; padding: 3px 9px; display: inline-block; }
.lb-cmp-no { color: rgba(255,255,255,0.16); font-size: 16px; }
.lb-cmp-price { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.60); }
.lb-cmp-diff { margin-top: 28px; background: rgba(217,188,148,0.06); border: 1px solid rgba(217,188,148,0.14); border-radius: 18px; padding: 24px 28px; }
.lb-cmp-diff p { font-size: 15px; font-weight: 300; line-height: 1.74; color: rgba(255,255,255,0.54); }
.lb-cmp-diff p strong { color: rgba(255,255,255,0.82); font-weight: 400; }
.lb-cmp-disclaimer { font-size: 11px; font-weight: 300; color: rgba(255,255,255,0.24); text-align: center; margin-top: 16px; line-height: 1.65; }
@media (max-width: 860px) { #lb-cmp { padding: 72px 16px; } .lb-cmp-table thead th, .lb-cmp-table tbody td { padding: 12px 8px; font-size: 11px; } }

/* ── S7: Internal Link Hub ───────────────────────────────── */
#lb-links { background: var(--cream); padding: 110px 24px 124px; position: relative; overflow: hidden; }
#lb-links::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139,124,186,0.20), transparent);
}
.lb-links-inner { max-width: 1080px; margin: 0 auto; }
.lb-links-top { text-align: center; margin-bottom: 52px; }
.lb-links-eyebrow {
    display: inline-block;
    font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500;
    letter-spacing: 0.12em; text-transform: uppercase; color: var(--lav-deep);
    border: 1px solid rgba(139,124,186,0.22); border-radius: 999px; padding: 5px 16px; margin-bottom: 20px;
}
.lb-links-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 3.8vw, 48px); font-weight: 300; font-style: italic;
    color: var(--ink); line-height: 1.18;
}
.lb-links-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lav-deep), var(--peach-deep));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.lb-links-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.lb-links-card {
    background: #fff; border: 1px solid rgba(139,124,186,0.10); border-radius: 22px; padding: 28px 24px 24px;
    display: flex; flex-direction: column; gap: 10px; text-decoration: none;
    box-shadow: 0 4px 16px rgba(28,22,36,0.05);
    transition: transform 0.35s var(--spring), box-shadow 0.35s, border-color 0.3s;
}
.lb-links-card:hover { transform: translateY(-5px); box-shadow: 0 20px 56px rgba(28,22,36,0.11); border-color: rgba(139,124,186,0.18); }
.lb-links-icon { font-size: 24px; line-height: 1; margin-bottom: 4px; }
.lb-links-card-hl { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 400; font-style: italic; color: var(--ink); line-height: 1.3; }
.lb-links-card-p { font-size: 13px; font-weight: 300; line-height: 1.65; color: var(--ink-soft); flex: 1; }
.lb-links-arrow { display: flex; align-items: center; gap: 5px; font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.06em; color: var(--lav-deep); margin-top: 4px; transition: gap 0.2s; }
.lb-links-card:hover .lb-links-arrow { gap: 9px; }
.lb-links-updated { text-align: center; margin-top: 44px; font-size: 12px; font-weight: 300; color: var(--ink-soft); letter-spacing: 0.03em; }
@media (max-width: 860px) { .lb-links-grid { grid-template-columns: 1fr 1fr; gap: 14px; } #lb-links { padding: 72px 20px 80px; } }
@media (max-width: 520px) { .lb-links-grid { grid-template-columns: 1fr; } }