/* ProMax · Dark — systematic, near-black, electric-blue accent, dense hairline grid + subtle glow */
:root{
  --font-display:'Inter Tight',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --display-weight:700;
  --canvas:#0b0b10; --ink:#f2f4f8; --ink-muted:#9aa1ad;
  --surface-1:#131420; --surface-2:#1a1b27; --hairline:#262934; --hairline-strong:#3a3e4c;
  --accent:#4d8bff; --accent-soft:rgba(77,139,255,.13);
  --btn-bg:#2a54ff; --btn-ink:#fff; --btn-radius:9px; --btn-shadow:0 12px 30px -12px rgba(77,139,255,.7);
  --card-radius:12px; --card-shadow:none; --ok:#37d399;
}
body{background:
  radial-gradient(900px 500px at 80% -10%, rgba(77,139,255,.10), transparent 60%),
  var(--canvas);}
.section-head h2,.hero h1{letter-spacing:-.03em}
.nav{border-bottom:1px solid var(--hairline);backdrop-filter:blur(10px);background:rgba(11,11,16,.7)}
.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 0 0 1px var(--accent),0 18px 40px -24px rgba(77,139,255,.6);transform:translateY(-3px)}
.svc-grid .icon-badge{border:1px solid var(--hairline-strong)}
.stats-sec{border-block:1px solid var(--hairline)}
.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:var(--surface-1)}
.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}
.browser,.ref{background:var(--surface-1)}
.btn-ghost{border-color:var(--hairline-strong)}
.testi .card:hover{transform:none}
.refbento-sec,.pricing-sec{background:var(--surface-1);border-block:1px solid var(--hairline)}