/* Anthropic · Bright — brutalist: paper white, heavy Archivo black, thick black borders,
   zero radius, hard offset shadows, flat blue accent blocks, mono eyebrows. MOTION 6. */
:root{
  --font-display:'Archivo',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --display-weight:900;
  --canvas:#f5f3ec; --ink:#111111; --ink-muted:#444444;
  --surface-1:#ffffff; --surface-2:#ece9df; --hairline:#111111; --hairline-strong:#111111;
  --accent:#2a44ff; --accent-soft:#2a44ff;
  --btn-bg:#111111; --btn-ink:#ffffff; --btn-radius:0px; --btn-shadow:5px 5px 0 #2a44ff;
  --card-radius:0px; --card-shadow:6px 6px 0 #111111; --ok:#0a8f3c;
}
body{background:var(--canvas)}
h1,h2,h3{text-transform:none;font-weight:900;letter-spacing:-.02em}
.hero h1{font-size:clamp(2.6rem,8vw,5.6rem);line-height:.92}
.eyebrow{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#111;background:var(--accent);color:#fff;padding:.2rem .5rem;display:inline-block}
.nav{border-bottom:2px solid #111;background:var(--canvas)}
.nav-cta{border:2px solid #111;border-radius:0;box-shadow:3px 3px 0 #2a44ff}
.hero-inner{grid-template-columns:1.1fr .9fr}
@media(max-width:860px){.hero-inner{grid-template-columns:1fr}}
.section{border-top:2px solid #111}
.card{border:2px solid #111;box-shadow:var(--card-shadow);background:#fff;transition:transform .12s,box-shadow .12s}
.card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #111}
.icon-badge{border:2px solid #111;border-radius:0;background:var(--accent);color:#fff}
.stats{gap:0}.stat{border:2px solid #111;padding:1.4rem;background:#fff}
.stat b{color:#111}.stat:nth-child(2){background:var(--accent);color:#fff}.stat:nth-child(2) b{color:#fff}
.logowall img{filter:grayscale(1) contrast(1.1)}
.pipeline{list-style:none;display:grid;gap:0;border:2px solid #111}
.step{display:flex;gap:1.1rem;padding:1.3rem;border-bottom:2px solid #111;background:#fff}
.step:last-child{border-bottom:0}.step:nth-child(even){background:var(--surface-2)}
.step-n{flex:0 0 auto;width:38px;height:38px;background:#111;color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:900}
.browser,.ref{border:2px solid #111;border-radius:0;box-shadow:var(--card-shadow)}
.browser-bar i{background:#111}
.btn{border-radius:0}.btn-primary{box-shadow:var(--btn-shadow)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #2a44ff}
.btn-ghost{border:2px solid #111;color:#111}
.compare{border:2px solid #111}.compare th,.compare td{border-color:#111}.compare .ours{background:var(--accent);color:#fff}.compare .ours .yes{color:#fff}
.filter button{border:2px solid #111;border-radius:0}.filter button[aria-pressed=true]{background:#111;color:#fff}
.testi .card{background:#fff}.testi .ava{border:2px solid #111;border-radius:0;background:var(--accent);color:#fff}
.testi .metric{color:#111}
.pricing-sec{background:var(--accent);color:#fff}.pricing-sec .eyebrow{background:#111}
.pricing .btn-primary{background:#fff;color:#111;box-shadow:5px 5px 0 #111}
.ctaband{background:#111;color:#fff}.ctaband .btn-primary{background:var(--accent);box-shadow:5px 5px 0 #fff}
.faq details{border-bottom:2px solid #111}
.cookie{border:2px solid #111;border-radius:0;box-shadow:6px 6px 0 #2a44ff}