/* Reference · Bright — Stripe/Apple editorial: warm off-white, Fraunces serif display +
   Inter body, big whitespace, oversized imagery, restraint, gradient-as-atmosphere */
:root{
  --font-display:'Fraunces',Georgia,serif; --font-body:'Inter',system-ui,sans-serif; --display-weight:600;
  --canvas:#fcfcfa; --ink:#1a1a18; --ink-muted:#5a5a52;
  --surface-1:#ffffff; --surface-2:#f4f4ef; --hairline:#e6e6dd; --hairline-strong:#d2d2c6;
  --accent:#2a54ff; --accent-soft:#eef1ff;
  --btn-bg:#161616; --btn-ink:#fff; --btn-radius:999px; --btn-shadow:0 16px 34px -18px rgba(0,0,0,.4);
  --card-radius:16px; --card-shadow:0 16px 40px -24px rgba(20,20,16,.16); --ok:#1a7f4b;
}
.hero h1,.section-head h2,.article h1,.price-tag{font-weight:500;letter-spacing:-.01em}
.hero h1{font-size:clamp(2.6rem,6.5vw,5.2rem);line-height:1.02}
.eyebrow{color:var(--accent);font-style:italic;font-family:var(--font-display);font-size:1rem;letter-spacing:0}
.nav{background:rgba(252,252,250,.85);backdrop-filter:blur(10px)}
.section{padding-block:clamp(4rem,9vw,8rem)}
.hero{padding-top:clamp(4rem,9vw,8rem)}
.hero-inner{grid-template-columns:1fr;gap:3rem}
.hero p.lead{max-width:40ch;font-size:1.3rem}
.section-head{max-width:32ch}.section-head h2{font-size:clamp(2rem,4.4vw,3.4rem)}
/* atmospheric gradient band dividers */
.refbento-sec{background:linear-gradient(180deg,#fff, #f1f4ff)}
.testi-sec{background:var(--surface-2)}
.card{box-shadow:var(--card-shadow);border:0}
.icon-badge{background:var(--accent-soft);border-radius:14px}
.stat b{font-weight:500;color:var(--ink)}
.pipeline{list-style:none;display:grid;gap:2rem;max-width:680px;margin-inline:auto}
.step{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start}
.step-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--font-display);font-size:1.1rem}
.btn-primary:hover{filter:none;transform:translateY(-2px)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}
.compare{font-size:1rem}.compare .ours{background:var(--accent-soft)}
.pricing-sec{background:linear-gradient(180deg,var(--accent-soft),#fff)}
.ctaband{background:var(--ink);color:#fcfcfa}.ctaband .btn-primary{background:#fff;color:var(--ink)}
.footer{background:var(--surface-2)}