/* Anthropic · Light — the editorial-kinetic dark design, recreated on WHITE (oversized Bricolage,
   subtle blue mesh on white, asymmetric, clip-path feel). */
:root{
  --font-display:'Bricolage Grotesque',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --display-weight:800;
  --canvas:#ffffff; --ink:#171520; --ink-muted:#5a5566;
  --surface-1:#ffffff; --surface-2:#f5f3fb; --hairline:#e8e4f0; --hairline-strong:#d6cfe4;
  --accent:#2a54ff; --accent-soft:rgba(42,84,255,.10);
  --btn-bg:#1d85ff; --btn-ink:#fff; --btn-radius:10px; --btn-shadow:0 16px 38px -16px rgba(29,133,255,.5);
  --card-radius:18px; --card-shadow:0 18px 44px -26px rgba(23,21,32,.2); --ok:#1a9f57;
}
body{background:
  radial-gradient(680px 460px at 10% -4%, rgba(29,133,255,.10), transparent 55%),
  radial-gradient(560px 420px at 94% 10%, rgba(6,218,255,.08), transparent 55%),
  var(--canvas);}
.hero h1{font-size:clamp(2.8rem,8vw,6rem);letter-spacing:-.04em;line-height:.96}
.hero-inner{grid-template-columns:1.2fr .9fr;align-items:end}
@media(max-width:860px){.hero-inner{grid-template-columns:1fr}}
.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}
.section-head{max-width:30ch}.section-head h2{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.03em}
.nav{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}
.svc-grid{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--hairline);box-shadow:var(--card-shadow)}
.card:hover{transform:translateY(-6px) rotate(-.4deg);border-color:var(--accent)}
.icon-badge{background:var(--accent-soft);color:var(--accent)}
.stat b{background:linear-gradient(120deg,#1d85ff,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.pipeline{list-style:none;display:grid;gap:1rem}
.step{display:flex;gap:1.2rem;padding:1.2rem 1.4rem;border-left:2px solid var(--accent);background:#fff;border-radius:0 14px 14px 0;box-shadow:var(--card-shadow)}
.step-n{flex:0 0 auto;font-family:var(--font-display);font-size:1.6rem;color:var(--accent);line-height:1}
.refbento-sec,.testi-sec{background:var(--surface-2)}
.btn-ghost{border-color:var(--hairline-strong);color:var(--ink)}
.testi blockquote{font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:-.01em}
.pricing-sec .price-tag{font-size:clamp(3rem,7vw,5rem)}
.ctaband{background:linear-gradient(120deg,#1d85ff,#37c4ff);color:#fff}
.ctaband .btn-primary{background:#fff;color:#1d85ff}