/* ClientsFlow · Light — the signature-kinetic dark design, recreated on WHITE (Montserrat,
   gradient accents that still read on white, glassy→light cards). */
:root{
  --font-display:'Montserrat',system-ui,sans-serif; --font-body:'InterCF','Inter',system-ui,sans-serif; --display-weight:800;
  --canvas:#ffffff; --ink:#0a0f1f; --ink-muted:#4a5878;
  --surface-1:#ffffff; --surface-2:#eef4ff; --hairline:#dce7fb; --hairline-strong:#c2d2f4;
  --accent:#2a54ff; --accent-soft:#e7efff;
  --btn-bg:linear-gradient(135deg,#2540e0,#2a54ff); --btn-ink:#fff; --btn-radius:12px;
  --btn-shadow:0 18px 40px -18px rgba(42,84,255,.5); --card-radius:18px;
  --card-shadow:0 20px 46px -26px rgba(10,15,31,.18); --ok:#1a9f57;
}
body{background:
  radial-gradient(1000px 560px at 82% -8%, rgba(42,84,255,.10), transparent 58%),
  radial-gradient(720px 480px at 6% 6%, rgba(6,218,255,.07), transparent 55%),
  var(--canvas);}
.hero h1{font-size:clamp(2.5rem,6vw,4.4rem);letter-spacing:-.02em;
  background:linear-gradient(120deg,#0a0f1f 30%,#2a54ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.nav{background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}
.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center}
@media(max-width:860px){.hero-inner{grid-template-columns:1fr}}
.section-2,.refbento-sec,.testi-sec{background:var(--surface-2)}
.card{background:#fff;border:1px solid var(--hairline);box-shadow:var(--card-shadow)}
.card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 30px 60px -30px rgba(42,84,255,.3)}
.icon-badge{background:linear-gradient(135deg,#2A54FF,#06DAFF);color:#fff}
.stats-sec{background:linear-gradient(135deg,#0d1b3e,#16306e);color:#eaf0ff}
.stats-sec .stat span{color:#aebed6;opacity:.85}.stats-sec .stat b{background:linear-gradient(120deg,#9fd4ff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pipeline{list-style:none;display:grid;gap:.8rem}
.step{display:flex;gap:1.1rem;padding:1.2rem 1.4rem;border:1px solid var(--hairline);border-radius:14px;background:#fff;box-shadow:var(--card-shadow)}
.step-n{flex:0 0 auto;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#2A54FF,#06DAFF);color:#fff;font-weight:800}
.btn-ghost{border-color:var(--hairline-strong);color:var(--ink)}
.testi .metric{background:linear-gradient(120deg,#2A54FF,#1d85ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pricing-sec{background:linear-gradient(135deg,#0d1b3e,#16306e);color:#eaf0ff}
.pricing-sec .price-tag{color:#fff}.pricing-sec .btn-primary{background:#fff;color:var(--accent)}
.ctaband{background:linear-gradient(135deg,#2A54FF,#1d85ff);color:#fff}.ctaband .btn-primary{background:#fff;color:var(--accent)}