/* ── Landing Page A — 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 la-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 la-float-slow { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes la-float-1    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes la-float-2    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
@keyframes la-float-3    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes la-bar-grow   { from{transform:scaleY(0)} to{transform:scaleY(1)} }
@keyframes la-pulse      { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.5);opacity:0.6} }
@keyframes la-reveal     { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes la-slide-up   { from{opacity:0;transform:translateY(64px)} to{opacity:1;transform:translateY(0)} }
@keyframes la-bar-grow-h { from{transform:scaleX(0)} to{transform:scaleX(1)} }

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;
}


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

/* ── Section shared ── */
.la-section { position: relative; z-index: 1; }
.la-inner   { max-width: 1080px; margin: 0 auto; }
.la-label   { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.12em; color: var(--lav-deep); margin-bottom: 14px; }
.la-h2      { font-family: 'Cormorant Garamond', serif; font-size: clamp(38px,4.5vw,64px); font-weight: 300; font-style: italic; line-height: 1.1; margin-bottom: 20px; }
.la-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; }
.la-p       { font-size: 17px; font-weight: 300; line-height: 1.72; color: var(--ink-soft); }

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

/* ══════════════════════════════════════
   SECTION 1 — HERO
   ══════════════════════════════════════ */
#la-hero {
    background: var(--ink); min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    padding: 80px 24px 72px; overflow: hidden;
}
.la-hero-grid {
    max-width: 1080px; width: 100%; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 64px; align-items: center;
    position: relative; z-index: 2;
}
.la-hero-orb-1 { width:520px;height:520px; top:-140px; right:-100px; }
.la-hero-orb-2 { width:400px;height:400px; bottom:-80px; left:-80px; animation-delay:-7s; }

/* Hero text */
.la-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);
}
.la-badge-dot { width:6px;height:6px;background:var(--lavender);border-radius:50%;animation:la-pulse 2s ease-in-out infinite; }
.la-h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(52px,5.5vw,92px); font-weight: 300;
    line-height: 1.03; color: var(--cream); margin-bottom: 22px;
    letter-spacing: -0.02em;
}
.la-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;
}
.la-hero-sub {
    font-size: 18px; font-weight: 300; color: rgba(255,255,255,0.60);
    line-height: 1.70; margin-bottom: 32px; max-width: 440px;
}
.la-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.la-pill  {
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.11);
    border-radius: var(--r-pill); padding: 8px 16px; font-size: 13px;
    color: rgba(255,255,255,0.70); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.la-btn-primary {
    display: inline-flex; align-items: center; gap: 8px;
    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 8px 32px rgba(139,124,186,0.40);
    margin-bottom: 14px;
}
.la-btn-primary:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(139,124,186,0.55); }
.la-btn-primary .la-arrow { display: inline-block; transition: transform 0.2s; }
.la-btn-primary:hover .la-arrow { transform: translateX(4px); }
.la-micro { font-size: 13px; color: rgba(255,255,255,0.35); margin-bottom: 32px; }
.la-social-row {
    display: flex; align-items: center; gap: 10px;
    flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,0.40);
}
.la-stars { color: #f0c060; letter-spacing: 1px; }
.la-sep   { opacity: 0.25; }
.la-avatars { display: flex; }
.la-avatar-circle {
    width: 28px; height: 28px; border-radius: 50%;
    border: 2px solid var(--ink); margin-left: -8px; font-size: 10px;
    display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 400;
}
.la-avatar-circle:first-child { margin-left: 0; }
.av-a1{background:linear-gradient(135deg,var(--lav-deep),var(--peach-deep))}
.av-a2{background:linear-gradient(135deg,#6b8fa8,#4a7f6f)}
.av-a3{background:linear-gradient(135deg,var(--peach-deep),var(--gold))}
.av-a4{background:linear-gradient(135deg,#8b7cba,#6b8fa8)}
.av-a5{background:linear-gradient(135deg,var(--gold),var(--lavender))}

/* ── Phone mockup ── */
.la-phone-wrap {
    position: relative; display: flex; justify-content: center;
    align-items: center; min-height: 600px; overflow: visible;
}
.la-phone-glow {
    position: absolute; width: 460px; height: 460px;
    background: radial-gradient(circle, rgba(139,124,186,0.32) 0%, transparent 65%);
    top: 50%; left: 50%; transform: translate(-50%,-52%);
    filter: blur(40px); border-radius: 50%; pointer-events: none; z-index: 0;
}
.la-phone-tilt {
    position: relative; z-index: 2;
    transform-style: preserve-3d; will-change: transform;
    transition: transform 0.7s var(--spring);
}
.la-phone-float { animation: la-float-slow 7s ease-in-out infinite; }
.la-phone-shell {
    position: relative; width: 280px; height: 560px;
    background: linear-gradient(160deg,#2a2240,#1e1928,#140f20);
    border-radius: 44px;
    border: 1.5px solid rgba(200,191,231,0.20);
    box-shadow: 0 40px 120px rgba(0,0,0,0.60), 0 0 80px rgba(139,124,186,0.22);
}
.la-phone-island {
    position: absolute; top: 14px; left: 50%; transform: translateX(-50%);
    width: 80px; height: 24px; background: #000; border-radius: 20px;
}
.la-phone-screen {
    position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;
    background: linear-gradient(162deg,#19112a,#0a0812,#110e1c);
    border-radius: 36px; overflow: hidden;
}
.la-screen-status {
    padding: 10px 16px 0; margin-top: 28px;
    display: flex; justify-content: space-between; align-items: center;
}
.la-status-time { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.88); letter-spacing: -0.3px; font-family: -apple-system, sans-serif; }
.la-status-icons{ font-size: 11px; color: rgba(255,255,255,0.65); }
.la-app-hdr  { padding: 10px 16px; display: flex; justify-content: space-between; align-items: center; }
.la-app-greeting { font-size: 12px; color: rgba(255,255,255,0.80); font-family: -apple-system, sans-serif; }
.la-app-avt  { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg,var(--lav-deep),var(--peach-deep)); display: flex; align-items: center; justify-content: center; font-size: 10px; color: #fff; }
.la-app-body { padding: 0 10px; display: flex; flex-direction: column; gap: 6px; }
.la-app-card { background: rgba(255,255,255,0.055); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 10px 12px; }
.la-ac-title { font-size: 9px; font-weight: 400; color: rgba(255,255,255,0.38); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }
.la-ac-val   { font-size: 20px; font-weight: 300; color: #fff; font-family: -apple-system, sans-serif; letter-spacing: -0.5px; }
.la-ac-sub   { font-size: 10px; color: #90d4a0; margin-top: 2px; }
.la-mini-bars { display: flex; align-items: flex-end; gap: 3px; height: 24px; margin-top: 6px; }
.la-mini-bar  {
    flex: 1; border-radius: 2px 2px 0 0; height: var(--h);
    background: linear-gradient(180deg,rgba(200,191,231,0.65),rgba(200,191,231,0.25));
    transform-origin: bottom; animation: la-bar-grow 0.8s ease-out forwards; animation-delay: var(--d); transform: scaleY(0);
}
.la-phone-nav { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: rgba(10,8,18,0.96); border-top: 1px solid rgba(255,255,255,0.06); display: flex; justify-content: space-around; align-items: center; padding: 0 4px 8px; }
.la-nav-ic    { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.la-nav-ic span:first-child { font-size: 14px; }
.la-nav-ic span:last-child  { font-size: 8px; color: rgba(255,255,255,0.26); font-family: -apple-system, sans-serif; }
.la-nav-ic.active span:last-child { color: var(--lavender); }
.la-phone-reflect { position: absolute; top: 0; left: 0; right: 0; height: 50%; background: linear-gradient(152deg,rgba(255,255,255,0.10) 0%,rgba(255,255,255,0.04) 20%,transparent 45%); border-radius: 36px 36px 0 0; pointer-events: none; z-index: 5; }

/* Floating stat cards */
.la-stat-card {
    position: absolute; background: rgba(16,12,24,0.80);
    border: 1px solid rgba(255,255,255,0.13); border-radius: 18px;
    padding: 14px 16px; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.40);
    opacity: 0; transform: translateY(10px);
    transition: opacity 0.55s var(--spring), transform 0.55s var(--spring);
    white-space: nowrap; z-index: 5; min-width: 140px;
}
.la-stat-card.show { opacity: 1; transform: translateY(0); }
.la-sc-label { font-size: 9px; color: rgba(255,255,255,0.36); text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 4px; }
.la-sc-val   { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 300; color: var(--cream); line-height: 1; }
.la-sc-sub   { font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 3px; }
.la-sc-bar   { height: 3px; background: rgba(255,255,255,0.10); border-radius: 2px; margin-top: 8px; overflow: hidden; }
.la-sc-bar-fill { height: 100%; border-radius: 2px; transform-origin: left; transform: scaleX(0); animation: la-bar-grow-h 1s ease-out 1s forwards; }
.la-sc-bars  { display: flex; align-items: flex-end; gap: 3px; height: 22px; margin-top: 8px; }
.la-sc-b     { flex: 1; border-radius: 2px 2px 0 0; background: rgba(200,191,231,0.55); transform-origin: bottom; }
.la-sc-pulse { width: 8px; height: 8px; background: var(--peach-deep); border-radius: 50%; animation: la-pulse 2s ease-in-out infinite; display: inline-block; margin-right: 5px; }

.la-sc-1 { top: 6%;   left: -50%;  border-color: rgba(200,191,231,0.25); animation: la-float-1 5.5s ease-in-out infinite; }
.la-sc-2 { top: 22%;  right: -46%; border-color: rgba(240,201,184,0.25); animation: la-float-2 6.5s ease-in-out infinite; animation-delay: .8s; }
.la-sc-3 { bottom:28%;left: -54%;  border-color: rgba(217,188,148,0.25); animation: la-float-3 5.2s ease-in-out infinite; animation-delay: 1.5s; }
.la-sc-4 { bottom:8%; right:-44%;  border-color: rgba(144,212,160,0.25); animation: la-float-1 7s ease-in-out infinite; animation-delay: 2.1s; }

/* ══════════════════════════════════════
   SECTION 2 — PROBLEM / SOLUTION
   ══════════════════════════════════════ */
#la-problem {
    background: var(--cream); padding: 70px 24px;
}
.la-problem-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(34px,4vw,64px); font-weight: 300;
    font-style: italic; line-height: 1.10; color: var(--ink);
    max-width: 780px; margin-bottom: 72px;
}
.la-problem-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;
}
.la-ps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 36px; margin-bottom: 60px; }
.la-ps-card {
    background: #fff; border-radius: var(--r-card);
    padding: 36px 32px; box-shadow: var(--shadow-card);
}
.la-ps-icon { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 18px; }
.la-ps-icon-lav   { background: rgba(200,191,231,0.18); }
.la-ps-icon-peach { background: rgba(240,201,184,0.22); }
.la-ps-icon-gold  { background: rgba(217,188,148,0.18); }
.la-pain-text { font-size: 14px; color: var(--ink-soft); line-height: 1.65; text-decoration: line-through; text-decoration-color: rgba(139,124,186,0.35); margin-bottom: 16px; }
.la-arrow-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--lav-deep); font-weight: 400; margin-bottom: 14px; }
.la-solution-text { font-size: 15px; color: var(--ink); line-height: 1.65; font-weight: 400; }
.la-mid-cta { text-align: center; }
.la-btn-outline {
    display: inline-flex; align-items: center; gap: 8px;
    background: transparent; border: 2px solid var(--lav-deep);
    color: var(--lav-deep); border-radius: var(--r-pill);
    padding: 16px 38px; font-family: 'DM Sans', sans-serif;
    font-size: 16px; font-weight: 400; cursor: pointer;
    transition: all 0.3s var(--spring);
}
.la-btn-outline:hover { background: var(--lav-deep); color: #fff; transform: translateY(-3px); box-shadow: 0 12px 40px rgba(139,124,186,0.35); }
.la-btn-outline .la-arrow { display: inline-block; transition: transform 0.2s; }
.la-btn-outline:hover .la-arrow { transform: translateX(4px); }

/* ══════════════════════════════════════
   SECTION 3 — FEATURE DEEP DIVE
   ══════════════════════════════════════ */
#la-features { padding: 0; }
.la-feat-block { padding: 40px 24px; }
.la-feat-block:nth-child(odd)  { background: var(--cream); }
.la-feat-block:nth-child(even) { background: #f5efe8; }
.la-feat-inner {
    max-width: 1080px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 80px; align-items: center;
}
.la-feat-inner.reverse { direction: rtl; }
.la-feat-inner.reverse > * { direction: ltr; }
.la-feat-text {}
.la-feat-h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(34px,4vw,52px); font-weight: 300; font-style: italic;
    line-height: 1.12; color: var(--ink); margin-bottom: 18px;
}
.la-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;
}
.la-feat-p { font-size: 17px; font-weight: 300; color: var(--ink-soft); line-height: 1.72; margin-bottom: 24px; }
.la-feat-bullets { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.la-feat-bullet { display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--ink-mid); }
.la-feat-bullet::before { content: '✓'; color: var(--lav-deep); font-weight: 500; flex-shrink: 0; }

/* Feature visuals */
.la-feat-visual { display: flex; justify-content: center; align-items: center; }

/* Sleep chart card */
.la-sleep-card {
    background: rgba(28,22,36,0.96); border: 1px solid rgba(255,255,255,0.09);
    border-radius: 24px; padding: 28px; max-width: 340px; width: 100%;
    box-shadow: 0 40px 100px rgba(28,22,36,0.30);
}
.la-sleep-card-hdr { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.la-sleep-card-title { font-size: 11px; color: rgba(255,255,255,0.40); text-transform: uppercase; letter-spacing: 0.08em; }
.la-sleep-badge { background: rgba(200,191,231,0.18); color: var(--lavender); font-size: 11px; padding: 3px 10px; border-radius: 20px; border: 1px solid rgba(200,191,231,0.22); }
.la-chart-bars { display: flex; align-items: flex-end; gap: 6px; height: 80px; margin-bottom: 14px; }
.la-chart-bar  {
    flex: 1; border-radius: 4px 4px 0 0; height: var(--h);
    background: linear-gradient(180deg,rgba(200,191,231,0.60),rgba(200,191,231,0.22));
    transform-origin: bottom; animation: la-bar-grow 0.9s ease-out forwards; animation-delay: var(--d); transform: scaleY(0);
}
.la-chart-bar.today { background: linear-gradient(180deg,var(--lavender),rgba(200,191,231,0.45)); }
.la-chart-labels { display: flex; justify-content: space-between; margin-bottom: 18px; }
.la-chart-label { font-size: 9px; color: rgba(255,255,255,0.28); text-align: center; flex: 1; }
.la-sleep-stats { display: flex; gap: 20px; }
.la-sleep-stat-val { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 300; color: var(--cream); }
.la-sleep-stat-lbl { font-size: 10px; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 2px; }

/* AI insight bubbles */
.la-insight-bubbles { display: flex; flex-direction: column; gap: 14px; max-width: 360px; width: 100%; }
.la-insight-bubble {
    background: rgba(28,22,36,0.96); border: 1px solid rgba(255,255,255,0.09);
    border-radius: 18px; padding: 20px 22px;
    box-shadow: 0 8px 32px rgba(28,22,36,0.20);
}
.la-ib-hdr { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.la-ib-icon { font-size: 14px; }
.la-ib-title { font-size: 11px; color: var(--lavender); text-transform: uppercase; letter-spacing: 0.08em; font-weight: 500; flex: 1; }
.la-ib-conf  { font-size: 10px; color: rgba(255,255,255,0.36); }
.la-ib-text  { font-size: 13px; color: rgba(255,255,255,0.72); line-height: 1.55; margin-bottom: 10px; }
.la-ib-bar   { height: 3px; background: rgba(255,255,255,0.08); border-radius: 2px; overflow: hidden; }
.la-ib-fill  { height: 100%; border-radius: 2px; transform-origin: left; transform: scaleX(0); animation: la-bar-grow-h 1s ease-out 0.4s forwards; background: linear-gradient(90deg,var(--lav-deep),var(--lavender)); }

/* Milestone timeline */
.la-ms-timeline { max-width: 340px; width: 100%; }
.la-ms-item { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 28px; position: relative; }
.la-ms-item:not(:last-child)::after {
    content: ''; position: absolute; left: 15px; top: 32px;
    width: 2px; height: calc(100% - 4px);
    background: linear-gradient(180deg, rgba(200,191,231,0.30), rgba(200,191,231,0.08));
}
.la-ms-dot-wrap { flex-shrink: 0; }
.la-ms-dot { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.la-ms-done { background: rgba(100,200,120,0.18); border: 1.5px solid rgba(100,200,120,0.28); }
.la-ms-soon { background: rgba(200,191,231,0.14); border: 1.5px solid rgba(200,191,231,0.28); }
.la-ms-up   { background: rgba(255,255,255,0.04); border: 1.5px dashed rgba(255,255,255,0.12); }
.la-ms-body { padding-top: 4px; }
.la-ms-name { font-size: 14px; color: rgba(255,255,255,0.88); font-weight: 400; margin-bottom: 3px; }
.la-ms-age  { font-size: 11px; color: rgba(255,255,255,0.36); }
.la-ms-badge { display: inline-block; font-size: 10px; padding: 2px 8px; border-radius: 20px; margin-top: 4px; }
.la-ms-badge-done { background: rgba(100,200,120,0.15); color: #90d4a0; border: 1px solid rgba(100,200,120,0.18); }
.la-ms-badge-soon { background: rgba(200,191,231,0.12); color: var(--lavender); border: 1px solid rgba(200,191,231,0.16); }
.la-ms-wrap { 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); }

/* ══════════════════════════════════════
   SECTION 4 — SOCIAL PROOF
   ══════════════════════════════════════ */
#la-social { background: var(--ink); padding: 70px 24px; }
.la-social-hl { font-family: 'Cormorant Garamond', serif; font-size: clamp(34px,4vw,56px); font-weight: 300; font-style: italic; color: var(--cream); text-align: center; margin-bottom: 52px; }
.la-stats-bar { display: flex; justify-content: center; gap: 0; flex-wrap: wrap; margin-bottom: 64px; border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; overflow: hidden; }
.la-stat-item { flex: 1; min-width: 140px; text-align: center; padding: 32px 20px; border-right: 1px solid rgba(255,255,255,0.07); }
.la-stat-item:last-child { border-right: none; }
.la-stat-num { font-family: 'Cormorant Garamond', serif; font-size: clamp(34px,4vw,52px); font-weight: 300; color: var(--cream); line-height: 1; }
.la-stat-lbl { font-size: 12px; color: rgba(255,255,255,0.38); margin-top: 6px; text-transform: uppercase; letter-spacing: 0.08em; }
.la-testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.la-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;
}
.la-testi-card:hover { transform: scale(1.01); box-shadow: 0 24px 72px rgba(0,0,0,0.32); }
.la-testi-stars { color: #f0c060; font-size: 13px; letter-spacing: 2px; margin-bottom: 16px; }
.la-testi-quote {
    font-size: 16px; 
    font-weight: 300; color: var(--cream); line-height: 1.55; margin-bottom: 20px;
    transition: color 0.3s;
}
.la-testi-card:hover .la-testi-quote { color: #fff; }
.la-testi-author { display: flex; align-items: center; gap: 12px; }
.la-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;
}
.ta-1{background:linear-gradient(135deg,var(--lav-deep),var(--peach-deep))}
.ta-2{background:linear-gradient(135deg,#6b8fa8,#4a7f6f)}
.ta-3{background:linear-gradient(135deg,var(--peach-deep),var(--gold))}
.la-testi-name { font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.50); }
.la-testi-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--lavender) 0%, var(--peach) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.07);
    width: 100%;
}

/* ══════════════════════════════════════
   SECTION 5 — FINAL CTA
   ══════════════════════════════════════ */
#la-cta { background: var(--ink); padding: 70px 24px; text-align: center; overflow: hidden; position: relative; }
.la-cta-orb-1 { position: absolute; width:500px;height:500px; top:-120px; left:50%; transform:translateX(-60%); }
.la-cta-orb-2 { position: absolute; width:360px;height:360px; bottom:-80px; right:-60px; animation-delay:-6s; }
.la-cta-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(44px,5.5vw,80px); font-weight: 300; font-style: italic;
    color: var(--cream); line-height: 1.05; margin-bottom: 18px; position: relative; z-index: 1;
}
.la-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;
}
.la-cta-sub { font-size: 18px; color: rgba(255,255,255,0.55); margin-bottom: 40px; position: relative; z-index: 1; }
.la-cta-btn-wrap { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.la-cta-micro { font-size: 13px; color: rgba(255,255,255,0.30); }

/* ══════════════════════════════════════
   FAQ SECTION
   ══════════════════════════════════════ */
#la-faq { background: var(--cream); padding: 110px 24px; }
.la-faq-inner { max-width: 820px; margin: 0 auto; }
.la-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; }
.la-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;
}
.la-faq-list { display: flex; flex-direction: column; gap: 4px; }
.la-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);
}
.la-faq-item:hover { box-shadow: 0 8px 28px rgba(28,22,36,0.10); }
.la-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;
}
.la-faq-q:hover { color: var(--lav-deep); }
.la-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;
}
.la-faq-item.open .la-faq-icon { transform: rotate(45deg); background: rgba(200,191,231,0.32); }
.la-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;
}
.la-faq-item.open .la-faq-a { max-height: 400px; padding: 0 28px 22px; }
.la-faq-a p { font-size: 15px; font-weight: 300; color: var(--ink-soft); line-height: 1.75; }
.la-faq-a strong { color: var(--ink-mid); font-weight: 400; }




/* ── Responsive ── */
@media (max-width: 960px) {
    .la-hero-grid     { grid-template-columns:1fr; gap:48px; text-align:center; }
    .la-phone-wrap    { order:-1; min-height:480px; }
    .la-hero-sub      { max-width:100%; }
    .la-pills         { justify-content:center; }
    .la-btn-primary   { margin:0 auto 14px; }
    .la-social-row    { justify-content:center; }
    .la-ps-grid       { grid-template-columns:1fr; }
    .la-feat-inner    { grid-template-columns:1fr; gap:40px; }
    .la-feat-inner.reverse { direction:ltr; }
    .la-testi-grid    { grid-template-columns:1fr; }
    .la-stats-bar     { flex-direction:column; }
    .la-stat-item     { border-right:none; border-bottom:1px solid rgba(255,255,255,0.07); }
    .la-stat-item:last-child { border-bottom:none; }
    .la-stat-card     { display:none; }
}
@media (max-width: 640px) {
    .la-h1            { font-size:48px; }
    .la-phone-shell   { width:240px; height:480px; border-radius:38px; }
    .la-phone-screen  { border-radius:30px; }
    .la-phone-island  { width:70px; height:20px; }
    .la-phone-wrap    { min-height:380px; }
    .la-feat-block    { padding:50px 24px; }
    #la-footer .la-footer-inner { flex-direction:column; align-items:flex-start; }
    #la-problem{padding:20px 24px}
    #la-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); }
.la-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; }
.la-seo-link:hover { color: var(--peach-deep); text-decoration-color: rgba(201,132,114,0.50); }

/* ── SEO Editorial Section ─────────────────────────────────────── */
#la-seo {
    background: var(--ink);
    padding: 120px 24px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.la-seo-orb-1 {
    position: absolute; width: 580px; height: 580px;
    background: radial-gradient(circle, rgba(139,124,186,0.17) 0%, transparent 68%);
    border-radius: 50%; top: -140px; left: -160px;
    pointer-events: none; filter: blur(72px);
    animation: la-orb-drift 18s ease-in-out infinite;
}
.la-seo-orb-2 {
    position: absolute; width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(201,132,114,0.12) 0%, transparent 68%);
    border-radius: 50%; bottom: -100px; right: -120px;
    pointer-events: none; filter: blur(72px);
    animation: la-orb-drift 22s ease-in-out infinite reverse;
}
.la-seo-inner {
    max-width: 1120px; margin: 0 auto; position: relative; z-index: 2;
}
.la-seo-top {
    text-align: center; margin-bottom: 64px;
}
.la-seo-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(--lavender);
    border: 1px solid rgba(200,191,231,0.22);
    border-radius: 999px; padding: 5px 16px;
    margin-bottom: 22px;
}
.la-seo-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px, 4vw, 56px);
    font-weight: 300; font-style: normal;
    color: var(--cream); line-height: 1.15;
    margin-bottom: 20px;
}
.la-seo-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lavender) 0%, var(--peach) 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
.la-seo-intro {
    font-size: 17px; font-weight: 300; line-height: 1.78;
    color: rgba(255,255,255,0.50);
    max-width: 660px; margin: 0 auto;
}
.la-seo-cols {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.la-seo-card {
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 24px; padding: 36px 30px;
    position: relative; overflow: hidden;
    transition: transform 0.35s var(--spring), box-shadow 0.35s var(--spring), border-color 0.35s;
}
.la-seo-card::before {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(200,191,231,0.22) 50%, transparent 100%);
}
.la-seo-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 40px 100px rgba(0,0,0,0.36), 0 0 0 1px rgba(200,191,231,0.12);
    border-color: rgba(200,191,231,0.13);
}
.la-seo-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 52px; font-weight: 300; font-style: italic;
    background: linear-gradient(135deg, var(--lavender) 0%, var(--peach) 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text; line-height: 1;
    margin-bottom: 16px;
}
.la-seo-card h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 22px; font-weight: 400; font-style: italic;
    color: var(--cream); line-height: 1.3;
    margin-bottom: 14px;
}
.la-seo-card p {
    font-size: 15px; font-weight: 300; line-height: 1.74;
    color: rgba(255,255,255,0.50);
}
.la-seo-card p strong {
    color: rgba(255,255,255,0.78); font-weight: 500;
}
.la-seo-card .la-seo-link {
    color: var(--lavender);
    text-decoration: underline; text-underline-offset: 3px;
    text-decoration-color: rgba(200,191,231,0.32);
    transition: color 0.2s, text-decoration-color 0.2s;
    font-style: normal;
}
.la-seo-card .la-seo-link:hover {
    color: var(--peach); text-decoration-color: rgba(240,201,184,0.50);
}
@media (max-width: 900px) {
    .la-seo-cols { grid-template-columns: 1fr; }
    #la-seo { padding: 80px 24px; }
    .la-seo-top { margin-bottom: 44px; }
}
@media (max-width: 640px) {
    #la-seo { padding: 60px 20px; }
    .la-seo-card { padding: 28px 24px; }
    .la-seo-hl { font-size: 30px; }
}
.la-seo-link:hover { color: var(--lav-deep); text-decoration-color: var(--lav-deep); }

/* ════════════════════════════════════════════════════════════
   SEO SECTIONS — Answer Capsule · Age Guide · Comparison
                  Extended FAQ · Social Proof · Link Hub
   ════════════════════════════════════════════════════════════ */

/* ── S1: Answer Capsule ──────────────────────────────────── */
#la-ans {
    background: var(--cream);
    padding: 96px 24px;
    position: relative; overflow: hidden;
}
#la-ans::before {
    content: ''; position: absolute;
    top: 0; left: 10%; right: 10%; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139,124,186,0.25), transparent);
}
.la-ans-inner { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: 44px; }
.la-ans-capsule {
    background: #fff;
    border: 1px solid rgba(139,124,186,0.14);
    border-radius: 28px; padding: 48px 52px;
    box-shadow: 0 8px 40px rgba(28,22,36,0.07);
    position: relative;
}
.la-ans-capsule::before {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; height: 3px;
    border-radius: 28px 28px 0 0;
    background: linear-gradient(90deg, var(--lav-deep), var(--peach-deep));
}
.la-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(--lav-deep);
    background: rgba(139,124,186,0.10);
    border: 1px solid rgba(139,124,186,0.20);
    border-radius: 999px; padding: 4px 14px; margin-bottom: 20px;
}
.la-ans-q {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(26px, 3.5vw, 40px); font-weight: 300; font-style: italic;
    color: var(--ink); line-height: 1.2; margin-bottom: 20px;
}
.la-ans-def {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px; font-weight: 300; line-height: 1.80;
    color: var(--ink-soft); margin-bottom: 24px;
}
.la-ans-def strong { color: var(--ink-mid); font-weight: 500; }
.la-ans-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.la-ans-pill {
    font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 400;
    color: var(--ink-mid);
    background: rgba(200,191,231,0.14);
    border: 1px solid rgba(139,124,186,0.16);
    border-radius: 999px; padding: 6px 16px;
}
.la-ans-facts {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.la-ans-fact {
    background: #fff;
    border: 1px solid rgba(139,124,186,0.12);
    border-radius: 20px; padding: 28px 24px;
    display: flex; flex-direction: column; gap: 8px;
    box-shadow: 0 4px 16px rgba(28,22,36,0.05);
    transition: transform 0.3s var(--spring), box-shadow 0.3s;
}
.la-ans-fact:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(28,22,36,0.10); }
.la-ans-fact-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 36px; font-weight: 300; font-style: italic; line-height: 1;
    background: linear-gradient(135deg, var(--lav-deep), var(--peach-deep));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.la-ans-fact-lbl {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px; font-weight: 300; line-height: 1.55; color: var(--ink-soft);
}
@media (max-width: 700px) {
    .la-ans-capsule { padding: 32px 24px; }
    .la-ans-facts { grid-template-columns: 1fr; gap: 12px; }
    #la-ans { padding: 64px 20px; }
}

/* ── S2: Baby Sleep By Age Guide ─────────────────────────── */
#la-age {
    background: var(--ink);
    padding: 110px 24px;
    position: relative; overflow: hidden;
}
.la-age-orb-1 {
    position: absolute; width: 520px; height: 520px;
    background: radial-gradient(circle, rgba(139,124,186,0.16) 0%, transparent 70%);
    border-radius: 50%; top: -80px; right: -100px;
    pointer-events: none; filter: blur(80px);
    animation: la-orb-drift 20s ease-in-out infinite;
}
.la-age-orb-2 {
    position: absolute; width: 440px; height: 440px;
    background: radial-gradient(circle, rgba(201,132,114,0.11) 0%, transparent 70%);
    border-radius: 50%; bottom: -80px; left: -100px;
    pointer-events: none; filter: blur(72px);
    animation: la-orb-drift 24s ease-in-out infinite reverse;
}
.la-age-inner { max-width: 1080px; margin: 0 auto; position: relative; z-index: 2; }
.la-age-top { text-align: center; margin-bottom: 52px; }
.la-age-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(--lavender);
    border: 1px solid rgba(200,191,231,0.22);
    border-radius: 999px; padding: 5px 16px; margin-bottom: 20px;
}
.la-age-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(30px, 4vw, 52px); font-weight: 300; font-style: italic;
    color: var(--cream); line-height: 1.15; margin-bottom: 16px;
}
.la-age-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lavender), var(--peach));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.la-age-sub {
    font-size: 16px; font-weight: 300; line-height: 1.72;
    color: rgba(255,255,255,0.44); max-width: 600px; margin: 0 auto;
}
.la-age-table-wrap {
    overflow-x: auto; border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.08); margin-bottom: 16px;
}
.la-age-table { width: 100%; border-collapse: collapse; font-family: 'DM Sans', sans-serif; }
.la-age-table thead tr {
    background: rgba(139,124,186,0.13);
    border-bottom: 1px solid rgba(255,255,255,0.07);
}
.la-age-table thead th {
    padding: 16px 22px;
    font-size: 11px; font-weight: 500; letter-spacing: 0.10em; text-transform: uppercase;
    color: var(--lavender); text-align: left; white-space: nowrap;
}
.la-age-table tbody tr {
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: background 0.2s;
}
.la-age-table tbody tr:last-child { border-bottom: none; }
.la-age-table tbody tr:hover { background: rgba(255,255,255,0.025); }
.la-age-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;
}
.la-age-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;
}
.la-age-table-note {
    font-size: 11px; font-weight: 300; color: rgba(255,255,255,0.26);
    text-align: center; margin-bottom: 48px; letter-spacing: 0.02em;
}
.la-age-paras {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 8px;
}
.la-age-para {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 20px; padding: 30px 26px; position: relative;
}
.la-age-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(200,191,231,0.18), transparent);
}
.la-age-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;
}
.la-age-para p {
    font-size: 14px; font-weight: 300; line-height: 1.75;
    color: rgba(255,255,255,0.46);
}
.la-age-para p strong { color: rgba(255,255,255,0.78); font-weight: 400; }
@media (max-width: 860px) {
    .la-age-paras { grid-template-columns: 1fr; gap: 14px; }
    #la-age { padding: 72px 20px; }
    .la-age-table thead th, .la-age-table tbody td { padding: 14px 16px; }
}

/* ── S3: Competitor Comparison ───────────────────────────── */
#la-cmp {
    background: var(--cream);
    padding: 110px 24px;
    position: relative; overflow: hidden;
}
#la-cmp::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139,124,186,0.20), transparent);
}
.la-cmp-inner { max-width: 1000px; margin: 0 auto; }
.la-cmp-top { text-align: center; margin-bottom: 52px; }
.la-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(--lav-deep);
    border: 1px solid rgba(139,124,186,0.22);
    border-radius: 999px; padding: 5px 16px; margin-bottom: 20px;
}
.la-cmp-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; margin-bottom: 14px;
}
.la-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;
}
.la-cmp-sub {
    font-size: 15px; font-weight: 300; line-height: 1.70;
    color: var(--ink-soft); max-width: 560px; margin: 0 auto;
}
.la-cmp-table-wrap {
    overflow-x: auto; border-radius: 24px;
    box-shadow: 0 16px 56px rgba(28,22,36,0.09);
}
.la-cmp-table {
    width: 100%; border-collapse: collapse;
    font-family: 'DM Sans', sans-serif;
    background: #fff; border-radius: 24px; overflow: hidden;
}
.la-cmp-table thead tr { background: var(--ink); }
.la-cmp-table thead th {
    padding: 18px 20px; font-size: 13px; font-weight: 500;
    letter-spacing: 0.05em; text-align: center; white-space: nowrap;
}
.la-cmp-table thead th:first-child {
    text-align: left; color: rgba(255,255,255,0.45);
    font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
}
.la-cmp-th-lunara {
    background: linear-gradient(135deg, rgba(139,124,186,0.34), rgba(201,132,114,0.22));
    color: #fff !important;
}
.la-cmp-th-other { color: rgba(255,255,255,0.58); }
.la-cmp-table tbody tr {
    border-bottom: 1px solid rgba(28,22,36,0.07);
    transition: background 0.2s;
}
.la-cmp-table tbody tr:last-child { border-bottom: none; }
.la-cmp-table tbody tr:hover { background: rgba(200,191,231,0.05); }
.la-cmp-table tbody td {
    padding: 16px 20px; font-size: 14px; font-weight: 300;
    color: var(--ink-soft); text-align: center; vertical-align: middle;
}
.la-cmp-table tbody td:first-child {
    text-align: left; color: var(--ink-mid); font-weight: 400;
}
.la-cmp-col-lunara { background: rgba(139,124,186,0.06); }
.la-cmp-yes { color: var(--lav-deep); font-size: 17px; }
.la-cmp-partial {
    font-size: 12px; font-weight: 400; color: var(--gold);
    background: rgba(217,188,148,0.14); border: 1px solid rgba(217,188,148,0.28);
    border-radius: 999px; padding: 3px 10px; display: inline-block;
}
.la-cmp-no { color: rgba(28,22,36,0.20); font-size: 18px; }
.la-cmp-disclaimer {
    font-size: 12px; font-weight: 300; color: var(--ink-soft);
    text-align: center; margin-top: 18px; line-height: 1.6;
}
@media (max-width: 700px) {
    #la-cmp { padding: 64px 16px; }
    .la-cmp-table tbody td, .la-cmp-table thead th { padding: 13px 10px; font-size: 12px; }
}

/* ── S4: Extended FAQ ────────────────────────────────────── */
#la-xfaq {
    background: var(--ink);
    padding: 110px 24px;
    position: relative; overflow: hidden;
}
.la-xfaq-orb {
    position: absolute; width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(139,124,186,0.12) 0%, transparent 70%);
    border-radius: 50%; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; filter: blur(90px);
}
.la-xfaq-inner { max-width: 860px; margin: 0 auto; position: relative; z-index: 2; }
.la-xfaq-top { text-align: center; margin-bottom: 48px; }
.la-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(--lavender);
    border: 1px solid rgba(200,191,231,0.22);
    border-radius: 999px; padding: 5px 16px; margin-bottom: 20px;
}
.la-xfaq-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;
}
.la-xfaq-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lavender), var(--peach));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.la-xfaq-list { display: flex; flex-direction: column; gap: 4px; }
details.la-xfaq-item {
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px; overflow: hidden;
    transition: border-color 0.25s, background 0.25s;
}
details.la-xfaq-item[open] {
    background: rgba(255,255,255,0.055);
    border-color: rgba(200,191,231,0.18);
}
details.la-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: rgba(255,255,255,0.82); line-height: 1.45; gap: 16px;
    transition: color 0.2s;
}
details.la-xfaq-item > summary::-webkit-details-marker { display: none; }
details.la-xfaq-item > summary::marker { display: none; }
details.la-xfaq-item > summary:hover { color: var(--lavender); }
.la-xfaq-icon {
    flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%;
    background: rgba(200,191,231,0.10);
    border: 1px solid rgba(200,191,231,0.20);
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; font-weight: 300; color: var(--lavender);
    transition: transform 0.3s var(--spring), background 0.2s;
}
details.la-xfaq-item[open] .la-xfaq-icon {
    transform: rotate(45deg); background: rgba(200,191,231,0.20);
}
.la-xfaq-body {
    padding: 0 28px 22px;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px; font-weight: 300; line-height: 1.76;
    color: rgba(255,255,255,0.48);
}
.la-xfaq-body strong { color: rgba(255,255,255,0.78); font-weight: 400; }
.la-xfaq-disclaimer {
    font-size: 12px; font-weight: 300;
    color: rgba(255,255,255,0.24);
    text-align: center; margin-top: 28px; line-height: 1.65;
}
@media (max-width: 640px) {
    #la-xfaq { padding: 64px 16px; }
    details.la-xfaq-item > summary { padding: 18px 20px; font-size: 14px; }
    .la-xfaq-body { padding: 0 20px 18px; }
}

/* ── S5: Social Proof ────────────────────────────────────── */
#la-proof {
    background: var(--cream);
    padding: 110px 24px;
    position: relative; overflow: hidden;
}
#la-proof::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139,124,186,0.20), transparent);
}
.la-proof-inner { max-width: 1080px; margin: 0 auto; }
.la-proof-top { text-align: center; margin-bottom: 52px; }
.la-proof-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;
}
.la-proof-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;
}
.la-proof-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;
}
.la-proof-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.la-proof-card {
    background: #fff;
    border: 1px solid rgba(139,124,186,0.11);
    border-radius: 24px; padding: 36px 32px;
    box-shadow: 0 8px 32px rgba(28,22,36,0.06);
    display: flex; flex-direction: column; gap: 18px;
    position: relative;
    transition: transform 0.35s var(--spring), box-shadow 0.35s;
}
.la-proof-card:hover { transform: translateY(-6px); box-shadow: 0 24px 64px rgba(28,22,36,0.12); }
.la-proof-card::before {
    content: '\201C'; position: absolute; top: 14px; right: 26px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 80px; font-weight: 300; font-style: italic;
    color: rgba(139,124,186,0.09); line-height: 1; pointer-events: none;
}
.la-proof-stars { display: flex; gap: 3px; align-items: center; }
.la-proof-star {
    width: 15px; height: 15px;
    background: linear-gradient(135deg, var(--gold), var(--peach-deep));
    clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
}
.la-proof-quote {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px; font-weight: 300; line-height: 1.74;
    color: var(--ink-soft); flex: 1;
}
.la-proof-quote strong { color: var(--ink-mid); font-weight: 500; }
.la-proof-author {
    display: flex; align-items: center; gap: 12px;
    border-top: 1px solid rgba(28,22,36,0.07); padding-top: 18px;
}
.la-proof-avatar {
    width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg, var(--lavender), var(--peach));
    display: flex; align-items: center; justify-content: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px; font-weight: 400; font-style: italic; color: var(--ink-mid);
}
.la-proof-name {
    font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 500;
    color: var(--ink); line-height: 1.2;
}
.la-proof-role {
    font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 300;
    color: var(--ink-soft); margin-top: 2px;
}
@media (max-width: 860px) {
    .la-proof-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
    #la-proof { padding: 72px 20px; }
}

/* ── S6: Internal Link Hub ───────────────────────────────── */
#la-links {
    background: var(--ink);
    padding: 110px 24px 124px;
    position: relative; overflow: hidden;
}
.la-links-orb-1 {
    position: absolute; width: 560px; height: 560px;
    background: radial-gradient(circle, rgba(139,124,186,0.14) 0%, transparent 70%);
    border-radius: 50%; top: -100px; left: -120px;
    pointer-events: none; filter: blur(80px);
    animation: la-orb-drift 22s ease-in-out infinite;
}
.la-links-orb-2 {
    position: absolute; width: 480px; height: 480px;
    background: radial-gradient(circle, rgba(217,188,148,0.10) 0%, transparent 70%);
    border-radius: 50%; bottom: -80px; right: -100px;
    pointer-events: none; filter: blur(72px);
    animation: la-orb-drift 18s ease-in-out infinite reverse;
}
.la-links-inner { max-width: 1080px; margin: 0 auto; position: relative; z-index: 2; }
.la-links-top { text-align: center; margin-bottom: 52px; }
.la-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(--lavender);
    border: 1px solid rgba(200,191,231,0.22);
    border-radius: 999px; padding: 5px 16px; margin-bottom: 20px;
}
.la-links-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;
}
.la-links-hl em {
    font-style: italic;
    background: linear-gradient(135deg, var(--lavender), var(--peach));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.la-links-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.la-links-card {
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 22px; padding: 30px 26px 26px;
    display: flex; flex-direction: column; gap: 12px;
    text-decoration: none;
    position: relative; overflow: hidden;
    transition: transform 0.35s var(--spring), box-shadow 0.35s, border-color 0.3s;
}
.la-links-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200,191,231,0.18), transparent);
}
.la-links-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 32px 80px rgba(0,0,0,0.30);
    border-color: rgba(200,191,231,0.14);
}
.la-links-icon {
    width: 44px; height: 44px; border-radius: 12px;
    background: rgba(200,191,231,0.10);
    border: 1px solid rgba(200,191,231,0.16);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.la-links-card-hl {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px; font-weight: 400; font-style: italic;
    color: var(--cream); line-height: 1.3;
}
.la-links-card-p {
    font-family: 'DM Sans', sans-serif;
    font-size: 13px; font-weight: 300; line-height: 1.65;
    color: rgba(255,255,255,0.40); flex: 1;
}
.la-links-arrow {
    display: flex; align-items: center; gap: 6px;
    font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 400;
    letter-spacing: 0.06em; color: var(--lavender); margin-top: 4px;
    transition: gap 0.2s;
}
.la-links-card:hover .la-links-arrow { gap: 10px; }
.la-links-updated {
    text-align: center; margin-top: 44px;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px; font-weight: 300;
    color: rgba(255,255,255,0.22); letter-spacing: 0.03em;
}
@media (max-width: 860px) {
    .la-links-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
    #la-links { padding: 72px 20px 80px; }
}
@media (max-width: 520px) {
    .la-links-grid { grid-template-columns: 1fr; }
}