/* ── Reset ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#FAF6F0;
  --cream-dark:#F0EBE1;
  --forest:#1B4332;
  --forest-mid:#2D6A4F;
  --gold:#C9A84C;
  --fg:#1A1A1A;
  --muted:#6B6B6B;
  --border:#DDD5C4;
  --white:#fff;
  --shadow:0 4px 32px rgba(27,67,50,0.10);
  --shadow-lg:0 12px 48px rgba(27,67,50,0.14);
}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--cream);color:var(--fg);font-family:'DM Sans',sans-serif;line-height:1.6}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.15}

/* ── Nav ─────────────────────────────────────────────────── */
.nav{padding:1.1rem 2rem;border-bottom:1px solid var(--border);background:var(--white)}
.nav-inner{display:flex;align-items:center;gap:0.5rem}
.nav-brand{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:var(--forest)}
.nav-sep{color:var(--border);font-weight:300}
.nav-tagline{font-size:0.75rem;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase}

/* ── Hero ────────────────────────────────────────────────── */
.hero{padding:5rem 2rem 4.5rem}
.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.hero-headline{font-size:clamp(2.1rem,4vw,3.1rem);color:var(--forest);margin-bottom:1.2rem;max-width:17ch}
.hero-sub{font-size:1.05rem;color:var(--muted);max-width:46ch;line-height:1.75;margin-bottom:2.5rem}
.hero-proof{display:flex;gap:2.5rem;flex-wrap:wrap}
.hero-stat{display:flex;flex-direction:column}
.stat-num{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--forest)}
.stat-label{font-size:0.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;margin-top:0.15rem}

/* Call widget */
.hero-visual{display:flex;flex-direction:column;align-items:center;gap:1rem}
.call-widget{width:280px;background:var(--white);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:1.5rem;position:relative;overflow:hidden}
.call-widget::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--forest),var(--gold))}
.call-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem}
.call-avatar{width:40px;height:40px;background:var(--forest);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;flex-shrink:0}
.call-info{flex:1}
.call-name{font-weight:600;font-size:0.95rem;color:var(--fg)}
.call-sub{font-size:0.72rem;color:var(--muted);margin-top:0.1rem}
.call-status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;flex-shrink:0}
.call-wave{display:flex;align-items:center;gap:3px;height:28px;margin-bottom:1.25rem;padding:0 0.25rem}
.wave-bar{width:3px;background:var(--forest);border-radius:2px;animation:wave 1.1s ease-in-out infinite}
.wave-bar:nth-child(1){height:40%;animation-delay:0s}
.wave-bar:nth-child(2){height:70%;animation-delay:0.15s}
.wave-bar:nth-child(3){height:100%;animation-delay:0.3s}
.wave-bar:nth-child(4){height:85%;animation-delay:0.45s}
.wave-bar:nth-child(5){height:60%;animation-delay:0.6s}
.wave-bar:nth-child(6){height:40%;animation-delay:0.75s}
.wave-bar:nth-child(7){height:20%;animation-delay:0.9s}
@keyframes wave{0%,100%{transform:scaleY(0.3)}50%{transform:scaleY(1)}}
.call-msg{background:var(--cream);border-radius:8px;padding:0.6rem 0.9rem;font-size:0.8rem;color:var(--fg);margin-bottom:0.5rem}
.call-msg::before{content:'→ ';color:var(--forest);font-weight:600}
.call-msg-2{color:var(--muted);font-style:italic}
.call-msg-2::before{content:'✓ ';color:#22c55e}
.visual-label{font-size:0.72rem;color:var(--muted);text-align:center;font-style:italic}

/* ── Features ────────────────────────────────────────────── */
.features{padding:5rem 2rem;background:var(--white)}
.features-inner{max-width:1100px;margin:0 auto}
.section-label{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold);margin-bottom:2rem}
.features-list{display:flex;flex-direction:column}
.feature-row{display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;padding:2.5rem 0;border-top:1px solid var(--border);align-items:start}
.feature-row:last-child{border-bottom:1px solid var(--border)}
.feature-num{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--gold);padding-top:0.1rem}
.feature-title{font-size:1.15rem;color:var(--forest);margin-bottom:0.6rem}
.feature-desc{color:var(--muted);font-size:0.95rem;line-height:1.75;max-width:54ch}

/* Setup steps */
.setup-steps{display:flex;align-items:center;gap:1.5rem;margin-top:4rem;flex-wrap:wrap}
.setup-step{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:200px}
.step-badge{width:36px;height:36px;background:var(--forest);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9rem;flex-shrink:0}
.step-title{font-weight:600;font-size:0.9rem;color:var(--fg);margin-bottom:0.25rem}
.step-desc{font-size:0.8rem;color:var(--muted);line-height:1.6}
.step-arrow{font-size:1.2rem;color:var(--gold);flex-shrink:0;padding-top:0.4rem}

/* ── Proof ────────────────────────────────────────────────── */
.proof{padding:5rem 2rem;background:var(--forest);color:var(--white)}
.proof-inner{max-width:1100px;margin:0 auto}
.proof-headline{font-size:clamp(1.6rem,2.8vw,2.2rem);color:var(--white);max-width:26ch;margin-bottom:3rem;line-height:1.35}
.proof-stats{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.proof-item{padding:0 3rem 0 0}
.proof-item:first-child{padding-left:0}
.proof-figure{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:700;color:var(--gold);line-height:1}
.proof-label{font-size:0.78rem;color:rgba(255,255,255,0.65);margin-top:0.4rem;max-width:20ch;line-height:1.5}
.proof-divider{width:1px;height:56px;background:rgba(255,255,255,0.15);flex-shrink:0}

/* ── Niches ──────────────────────────────────────────────── */
.niches{padding:5rem 2rem;background:var(--cream)}
.niches-inner{max-width:1100px;margin:0 auto}
.niches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.niche-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:1.5rem;text-align:center;transition:box-shadow 0.2s,transform 0.2s}
.niche-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.niche-icon{font-size:2.2rem;margin-bottom:0.75rem;display:block}
.niche-name{font-weight:600;font-size:0.9rem;color:var(--fg);margin-bottom:0.4rem}
.niche-desc{font-size:0.78rem;color:var(--muted);line-height:1.5}

/* ── Closing ─────────────────────────────────────────────── */
.closing{padding:5rem 2rem;background:var(--white)}
.closing-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:center}
.closing-wrap{max-width:640px;text-align:center}
.closing-stmt{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.4;color:var(--forest)}
.closing-stmt-2{color:var(--forest);margin-bottom:1.75rem}
.closing-meta{display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:0.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em}
.meta-sep{color:var(--gold)}

/* ── Footer ───────────────────────────────────────────────── */
.footer{padding:1.75rem 2rem 1rem;border-top:1px solid var(--border);background:var(--cream)}
.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:1.25rem}
.footer-brand{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--forest);flex-shrink:0}
.footer-tagline{font-size:0.8rem;color:var(--muted);flex:1}
.footer-bottom{max-width:1100px;margin:0.75rem auto 0;font-size:0.72rem;color:var(--muted);border-top:1px solid var(--border);padding-top:0.75rem}

/* ── Responsive ──────────────────────────────────────────── */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:3rem}
  .hero-headline{max-width:none}
  .hero-sub{max-width:none}
  .hero-visual{order:-1}
  .niches-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .hero{padding:3rem 1.25rem 3rem}
  .features,.proof,.niches,.closing{padding:3.5rem 1.25rem}
  .proof-stats{flex-direction:column;gap:2rem}
  .proof-divider{display:none}
  .proof-item{padding:0}
  .setup-steps{flex-direction:column}
  .step-arrow{display:none}
  .niches-grid{grid-template-columns:1fr 1fr}
  .feature-row{grid-template-columns:2.5rem 1fr;gap:1rem}
  .footer-inner{flex-direction:column;text-align:center}
  .footer-bottom{text-align:center}
}
@media(max-width:400px){
  .niches-grid{grid-template-columns:1fr}
}