/* -- Page canvas: pure horizontal axis wash (plum left <-> red right,
   both pinned to vertical-center) -- reads like a growth baseline,
   fitting a Market & Traction page; distinct "type" from the diagonal/
   vertical washes used on other pages. -- */
body.page-company {
  background:
    radial-gradient(ellipse 700px 900px at 0% 50%, rgba(89,28,83,0.20), transparent 58%),
    radial-gradient(ellipse 700px 900px at 100% 50%, rgba(195,34,31,0.18), transparent 58%),
    var(--clr-dark);
}
:root[data-theme="light"] body.page-company {
  background:
    radial-gradient(ellipse 700px 900px at 0% 50%, rgba(89,28,83,0.11), transparent 58%),
    radial-gradient(ellipse 700px 900px at 100% 50%, rgba(195,34,31,0.10), transparent 58%),
    var(--clr-dark);
}

/* ── MARKET & TRACTION ───────────────────────────────────── */
#traction {
  background: var(--clr-dark);
  overflow: hidden;
}

.traction-inner {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-xl);
  padding: 5rem 4rem;
  position: relative;
  overflow: hidden;
}
.traction-inner::before {
  content: '';
  position: absolute;
  top: -200px; right: -200px;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: var(--grad-glow-plum);
  pointer-events: none;
}
.traction-inner::after {
  content: '';
  position: absolute;
  bottom: -200px; left: -200px;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: var(--grad-glow-red);
  pointer-events: none;
}

.traction-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  text-align: center;
  position: relative;
  z-index: 1;
}

.traction-item {
  padding: 2rem;
}
.traction-number {
  font-family: var(--font-title);
  font-size: clamp(2.5rem, 4vw, 4rem);
  background-image: var(--grad-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.traction-label {
  font-size: 0.9rem;
  color: var(--clr-text-muted);
  font-weight: 600;
  letter-spacing: 0.05em;
}
.traction-sub {
  font-size: 0.8rem;
  color: rgba(144,144,168,0.7);
  margin-top: 0.3rem;
}