/* Anthropic · Dark — editorial-kinetic: warm ink, oversized Bricolage display,
   asymmetric flow, gradient-mesh atmosphere, clip-path headline. MOTION 8. */
:root{
  --font-display:'Bricolage Grotesque',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --display-weight:800;
  --canvas:#131119; --ink:#f3efe6; --ink-muted:#a79fb0;
  --surface-1:#1d1a25; --surface-2:#252130; --hairline:#352f42; --hairline-strong:#4a4256;
  --accent:#37c4ff; --accent-soft:rgba(55,196,255,.14);
  --btn-bg:#1d85ff; --btn-ink:#fff; --btn-radius:10px; --btn-shadow:0 16px 40px -16px rgba(29,133,255,.8);
  --card-radius:18px; --card-shadow:none; --ok:#46d39a;
}
body{background:
  radial-gradient(700px 500px at 12% 0%, rgba(29,133,255,.18), transparent 55%),
  radial-gradient(600px 460px at 92% 14%, rgba(55,196,255,.12), 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:transparent}
/* services: clean 4-up (asymmetry carried by the mesh + oversized type, not a dead-gap span) */
.svc-grid{grid-template-columns:repeat(4,1fr)}
.card{background:linear-gradient(160deg,var(--surface-1),rgba(37,33,48,.4));border:1px solid var(--hairline)}
.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,#fff,var(--accent));-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:var(--surface-1);border-radius:0 14px 14px 0}
.step-n{flex:0 0 auto;font-family:var(--font-display);font-size:1.6rem;color:var(--accent);line-height:1}
.refbento-sec{background:var(--surface-1)}
.btn-ghost{border-color:var(--hairline-strong)}
.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:#06122a}
.ctaband .btn-primary{background:#06122a;color:#fff}