/* Team and Method pages: the home page components (site.css) without the deck, plus a few page pieces. */
body{background:var(--bg)}
/* the home page draws a GPU galaxy behind its sections; these pages get a still glow in the same colours */
.glow{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 45% at 50% -8%,rgba(63,169,255,.16),transparent 70%),
             radial-gradient(40% 35% at 92% 38%,rgba(139,92,246,.08),transparent 70%),
             radial-gradient(45% 40% at 6% 78%,rgba(34,211,255,.06),transparent 70%)}
.page-hero{padding:clamp(140px,18vh,190px) 0 clamp(56px,8vw,96px);border-top:0}
.page-hero h1{max-width:18ch}
.page-hero .lead{margin-top:26px}
.page-hero .hero-facts{margin-top:44px}
.nav-links a.on{color:var(--ink)}
.copy-card+.copy-card{margin-top:20px}
.copy-card p+p{margin-top:14px}
.copy-card p{color:var(--muted);line-height:1.7}
.copy-card .lead{color:var(--ink)}
.quote{margin:34px 0 4px;padding:4px 0 4px 22px;border-left:2px solid var(--blue);font-size:clamp(19px,2.2vw,24px);line-height:1.45;color:var(--ink);letter-spacing:-.01em;max-width:44ch}
.quote small{display:block;margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--muted2);letter-spacing:.06em}
.card .tech{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.65;color:var(--muted2)}
.card p{line-height:1.65}
.pipeline{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.pipeline .card.wide{grid-column:1 / -1}
.rules{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.rules .card h3{font-size:17px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.ink-link{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){ .pipeline,.rules{grid-template-columns:1fr} }

/* the open mobile menu hides the page under it (as on the home page) */
.page{transition:opacity .3s}
body.menu-open .page{opacity:0}