/* Landing-page-only styles. Shares tokens/reset with styles.css — this
   file only adds what the marketing page needs on top of it. */

.landing-nav{ display:flex; align-items:center; justify-content:space-between; padding:22px 0; }
.landing-nav-links{ display:flex; align-items:center; gap:28px; }
.landing-nav-links a{ color:var(--ink-dim); font-size:.9rem; text-decoration:none; }
.landing-nav-links a:hover{ color:var(--ink); }
.landing-nav-actions{ display:flex; align-items:center; gap:10px; }

.hero{ padding:56px 0 64px; display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:center; }
.hero-copy .eyebrow{ color:var(--gold); font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; margin:0 0 14px; }
.hero-copy h1{ font-family:var(--serif); font-weight:600; font-size:clamp(2.1rem,4.5vw,3.4rem); line-height:1.12; margin:0 0 18px; }
.hero-copy h1 span{ color:var(--gold); }
.hero-copy p.lede{ color:var(--ink-dim); font-size:1.08rem; line-height:1.65; max-width:46ch; margin:0 0 28px; }
.hero-cta{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:28px; }
.hero-trust{ display:flex; flex-wrap:wrap; gap:10px 22px; color:var(--ink-dim); font-size:.85rem; }
.hero-trust span::before{ content:'✓'; color:var(--green); font-weight:600; margin-right:8px; }

.hero-preview{ background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:22px; box-shadow:var(--shadow); }
.hero-preview .wa-label{ font-size:.78rem; color:var(--ink-dim); margin-bottom:10px; }
.hero-preview .preview-amount{ font-family:var(--serif); font-weight:600; font-size:1.6rem; color:var(--gold); margin:14px 0 4px; }
.hero-preview .preview-note{ color:var(--ink-dim); font-size:.85rem; }

.landing-section{ padding:56px 0; border-top:1px solid var(--line); }
.landing-section .section-head{ max-width:56ch; margin:0 0 36px; }
.landing-section .section-head .eyebrow{ color:var(--gold); font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; margin:0 0 10px; }
.landing-section .section-head h2{ font-family:var(--serif); font-weight:600; font-size:clamp(1.5rem,3vw,2.1rem); margin:0 0 10px; }
.landing-section .section-head p{ color:var(--ink-dim); line-height:1.6; margin:0; }

.steps-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.step-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px 20px; }
.step-card .step-num{ font-family:var(--mono); color:var(--gold); font-size:.85rem; font-weight:600; margin-bottom:10px; }
.step-card h3{ font-family:var(--serif); font-size:1.1rem; margin:0 0 8px; font-weight:600; }
.step-card p{ color:var(--ink-dim); font-size:.88rem; line-height:1.55; margin:0; }

.features-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; }
.feature-card h3{ font-family:var(--serif); font-size:1.05rem; margin:0 0 8px; font-weight:600; }
.feature-card p{ color:var(--ink-dim); font-size:.87rem; line-height:1.55; margin:0; }
.feature-card .badge-new{ display:inline-block; font-family:var(--mono); font-size:.66rem; letter-spacing:.05em; text-transform:uppercase; color:var(--bg); background:var(--gold); padding:2px 8px; border-radius:100px; margin-bottom:10px; }

.trust-band{ background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:36px; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.trust-band .trust-item h3{ font-family:var(--serif); font-size:1rem; margin:0 0 6px; font-weight:600; }
.trust-band .trust-item p{ color:var(--ink-dim); font-size:.86rem; line-height:1.55; margin:0; }

.cta-band{ text-align:center; padding:64px 0; }
.cta-band h2{ font-family:var(--serif); font-weight:600; font-size:clamp(1.6rem,3.5vw,2.3rem); margin:0 0 14px; }
.cta-band p{ color:var(--ink-dim); margin:0 0 26px; }
.cta-band .hero-cta{ justify-content:center; }

.landing-footer{ border-top:1px solid var(--line); padding:32px 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; color:var(--ink-dim); font-size:.82rem; }
.landing-footer-links{ display:flex; gap:20px; }
.landing-footer-links a{ color:var(--ink-dim); text-decoration:none; }
.landing-footer-links a:hover{ color:var(--ink); }

@media (max-width:900px){
  .hero{ grid-template-columns:1fr; padding:40px 0 48px; }
  .steps-grid{ grid-template-columns:1fr 1fr; }
  .features-grid{ grid-template-columns:1fr 1fr; }
  .trust-band{ grid-template-columns:1fr; padding:26px; }
}
@media (max-width:600px){
  .landing-nav-links{ display:none; }
  .steps-grid{ grid-template-columns:1fr; }
  .features-grid{ grid-template-columns:1fr; }
  .landing-footer{ flex-direction:column; align-items:flex-start; }
}