/* ProMax · Light — the systematic dark design, recreated on WHITE (Inter Tight, dense hairline grid) */
:root{
  --font-display:'Inter Tight',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --display-weight:700;
  --canvas:#ffffff; --ink:#0c1220; --ink-muted:#5b6577;
  --surface-1:#ffffff; --surface-2:#f6f8fc; --hairline:#e6e9f1; --hairline-strong:#cfd6e4;
  --accent:#2a54ff; --accent-soft:#eaf0ff;
  --btn-bg:#2a54ff; --btn-ink:#fff; --btn-radius:9px; --btn-shadow:0 14px 30px -14px rgba(42,84,255,.5);
  --card-radius:12px; --card-shadow:0 12px 30px -20px rgba(12,18,32,.16); --ok:#1a9f57;
}
.section-head h2,.hero h1{letter-spacing:-.03em}
.nav{border-bottom:1px solid var(--hairline);backdrop-filter:blur(10px);background:rgba(255,255,255,.8)}
.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.hero-inner{grid-template-columns:1.05fr 1fr;align-items:center}
@media(max-width:860px){.hero-inner{grid-template-columns:1fr}}
.card{transition:border-color .2s,box-shadow .2s,transform .2s}
.card:hover{border-color:var(--accent);box-shadow:0 18px 40px -22px rgba(42,84,255,.35);transform:translateY(-3px)}
.svc-grid .icon-badge{border:1px solid var(--hairline)}
.stats-sec{border-block:1px solid var(--hairline);background:var(--surface-2)}
.stat b{color:var(--accent)}
.pipeline{list-style:none;display:grid;gap:.6rem}
.step{display:flex;gap:1rem;padding:1.1rem 1.2rem;border:1px solid var(--hairline);border-radius:12px;background:#fff;box-shadow:var(--card-shadow)}
.step-n{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);font-weight:700}
.btn-ghost{border-color:var(--hairline-strong);color:var(--ink)}
.refbento-sec,.pricing-sec,.testi-sec{background:var(--surface-2);border-block:1px solid var(--hairline)}
.compare .ours{background:var(--accent-soft)}
.ctaband{background:var(--accent);color:#fff}.ctaband .btn-primary{background:#fff;color:var(--accent)}