/* ALERA production design system */
:root {
  --ink: #0a0a13;
  --soft-ink: #1a1d24;
  --paper: #ededed;
  --purple: #2d1b69;
  --purple-2: #50267f;
  --violet: #a04ef7;
  --lime: #c1ff00;
  --line-dark: rgba(237, 237, 237, .16);
  --line-light: rgba(10, 10, 19, .18);
  --display: "Space Grotesk", sans-serif;
  --body: "Inter", sans-serif;
  --mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--body); }
body, a, button { cursor: default; }
a, button { color: inherit; }
a { text-decoration: none; cursor: pointer; }
button { font: inherit; cursor: pointer; }
img, video { display: block; max-width: 100%; }
svg { width: 1.15em; height: 1.15em; }
.concept { min-height: 100vh; overflow: clip; }
.concept h1, .concept h2, .concept h3, .concept p { margin: 0; }

.site-nav {
  position: relative;
  z-index: 20;
  min-height: 86px;
  padding: 0 clamp(22px, 4.2vw, 72px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  border-bottom: 1px solid var(--line-dark);
}
.brand { width: 114px; }
.brand img { width: 100%; }
.site-nav nav { display: flex; gap: clamp(24px, 3vw, 48px); }
.site-nav nav a, .text-link {
  font-size: 13px;
  color: rgba(237, 237, 237, .72);
  transition: color .2s ease;
}
.site-nav nav a:hover, .text-link:hover { color: var(--paper); }
.nav-actions { display: flex; align-items: center; justify-content: flex-end; gap: 28px; }
.button {
  min-height: 52px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  background: var(--lime);
  color: var(--ink);
  border: 1px solid var(--lime);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.01em;
  transition: background .2s, color .2s, transform .2s;
}
.button:hover { background: transparent; color: var(--lime); transform: translateY(-2px); }
.button-small { min-height: 42px; padding: 0 17px; gap: 12px; }
.menu-button {
  display: none;
  width: 42px;
  height: 42px;
  background: transparent;
  border: 1px solid currentColor;
}
.menu-button span { display: block; width: 17px; height: 1px; margin: 5px auto; background: currentColor; }
.alera-mark { display: inline-grid; grid-template-columns: repeat(4, 3px); gap: 2px; align-items: end; height: 14px; }
.alera-mark i { display: block; width: 3px; background: currentColor; }
.alera-mark i:nth-child(1) { height: 6px; }
.alera-mark i:nth-child(2) { height: 12px; }
.alera-mark i:nth-child(3) { height: 9px; }
.alera-mark i:nth-child(4) { height: 14px; }

.prototype-footer {
  padding: 80px clamp(22px, 5vw, 78px) 100px;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 80px;
  background: var(--ink);
  color: var(--paper);
  border-top: 1px solid var(--line-dark);
}
.footer-brand img { width: 140px; }
.footer-brand p { margin-top: 25px; color: rgba(237,237,237,.48); line-height: 1.5; }
.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer-links div { display: flex; flex-direction: column; gap: 14px; }
.footer-links span { margin-bottom: 8px; font: 10px var(--mono); letter-spacing: .12em; color: rgba(237,237,237,.35); }
.footer-links a { font-size: 13px; color: rgba(237,237,237,.68); }
.footer-base { grid-column: 1 / -1; padding-top: 28px; display: flex; justify-content: space-between; border-top: 1px solid var(--line-dark); font: 10px var(--mono); color: rgba(237,237,237,.35); }

/* A — The Operating System */
.concept-a { background: var(--ink); }
.a-hero {
  position: relative;
  min-height: calc(100vh - 86px);
  padding: clamp(70px, 10vh, 120px) clamp(22px, 4.2vw, 72px) 70px;
  display: grid;
  grid-template-columns: .84fr 1.16fr;
  gap: clamp(40px, 6vw, 100px);
  align-items: center;
}
.a-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(237,237,237,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(237,237,237,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to right, black, transparent 58%);
}
.a-hero-copy { position: relative; z-index: 1; }
.status-line { display: flex; align-items: center; gap: 9px; margin-bottom: 30px; font: 10px var(--mono); letter-spacing: .08em; color: rgba(237,237,237,.58); text-transform: uppercase; }
.status-line span { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 16px rgba(193,255,0,.65); }
.a-hero h1 { max-width: 720px; font: 500 clamp(54px, 6.5vw, 105px)/.91 var(--display); letter-spacing: -.07em; }
.a-hero h1 em { color: var(--lime); font-style: normal; }
.a-hero-copy > p { max-width: 590px; margin-top: 32px; font-size: clamp(16px, 1.35vw, 20px); line-height: 1.55; color: rgba(237,237,237,.62); }
.hero-actions { margin-top: 40px; display: flex; align-items: center; gap: 28px; }
.hero-primary-action { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.hero-primary-action small { padding-left: 3px; color: rgba(237,237,237,.5); font: 9px var(--mono); letter-spacing: .06em; }
.quiet-link { font-size: 12px; color: rgba(237,237,237,.62); }
.quiet-link span { margin-left: 12px; color: var(--lime); }
.hero-proof { margin-top: 62px; padding-top: 22px; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr; gap: 10px; align-items: center; border-top: 1px solid var(--line-dark); }
.hero-proof strong { font: 500 26px var(--display); color: var(--lime); }
.hero-proof span { font: 9px/1.45 var(--mono); color: rgba(237,237,237,.44); text-transform: uppercase; }
.a-console {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid rgba(237,237,237,.17);
  border-radius: 10px;
  background: #11131a;
  box-shadow: 0 36px 110px rgba(0,0,0,.6), 0 0 90px rgba(80,38,127,.24);
  transform: perspective(1500px) rotateY(-4deg) rotateX(1deg);
}
.console-top { height: 43px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(237,237,237,.1); font: 8px var(--mono); letter-spacing: .07em; color: rgba(237,237,237,.52); }
.console-top > span:first-child { display: flex; align-items: center; gap: 9px; }
.console-live { display: flex; gap: 6px; align-items: center; }
.console-live i { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); }
.console-body { display: grid; grid-template-columns: 110px 1fr; min-height: 550px; }
.console-body aside { padding: 26px 15px; display: flex; flex-direction: column; gap: 20px; border-right: 1px solid rgba(237,237,237,.1); font: 8px var(--mono); color: rgba(237,237,237,.38); }
.console-body aside strong { color: var(--lime); font-weight: 400; }
.console-body aside small { margin-top: auto; font: 7px var(--mono); letter-spacing: .08em; }
.mini-metric { display: flex; flex-direction: column; gap: 3px; }
.mini-metric b { color: var(--paper); font: 500 16px var(--display); }
.mini-metric span { color: var(--lime); }
.console-main { padding: 28px; }
.console-heading { display: flex; justify-content: space-between; align-items: flex-end; }
.console-heading span { font: 8px var(--mono); color: rgba(237,237,237,.4); }
.console-heading h2 { margin-top: 8px; font: 500 25px var(--display); letter-spacing: -.04em; }
.console-heading button { height: 32px; padding: 0 12px; border: 1px solid rgba(237,237,237,.14); background: transparent; color: var(--paper); font: 8px var(--mono); }
.pulse-chart { position: relative; height: 240px; margin-top: 24px; padding: 18px; overflow: hidden; border: 1px solid rgba(237,237,237,.1); background: #0d0f15; }
.pulse-chart::after { content:""; position:absolute; inset:0; background: linear-gradient(rgba(237,237,237,.035) 1px, transparent 1px); background-size: 100% 40px; pointer-events:none; }
.chart-meta { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; align-items: end; }
.chart-meta span, .chart-meta small { font: 7px var(--mono); color: rgba(237,237,237,.4); }
.chart-meta strong { grid-row: span 2; font: 500 22px var(--display); }
.pulse-chart svg { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 170px; }
.chart-fill { fill: url(#chartFill); }
.chart-line { fill: none; stroke: var(--lime); stroke-width: 1.4; vector-effect: non-scaling-stroke; }
.console-grid { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 12px; }
.console-grid > div { min-height: 120px; padding: 15px; display: flex; flex-direction: column; gap: 8px; border: 1px solid rgba(237,237,237,.1); }
.console-grid span { font: 7px var(--mono); color: rgba(237,237,237,.38); text-transform: uppercase; }
.console-grid strong { margin-top: auto; font: 500 13px var(--display); }
.console-grid small { color: rgba(237,237,237,.42); font-size: 8px; }
.console-grid .activity { gap: 10px; }
.activity p { font-size: 7px; line-height: 1.4; color: rgba(237,237,237,.58); }
.activity p i { display: inline-block; width: 4px; height: 4px; margin-right: 5px; background: var(--lime); border-radius: 50%; }
.a-principle { padding: clamp(100px, 14vw, 210px) clamp(22px, 8vw, 140px); display: grid; grid-template-columns: 1fr 3fr; background: var(--paper); color: var(--ink); }
.a-principle > span { font: 10px var(--mono); letter-spacing: .1em; color: var(--purple-2); }
.a-principle h2 { font: 500 clamp(46px, 7.2vw, 116px)/.98 var(--display); letter-spacing: -.065em; }
.a-principle h2 em { font-style: normal; color: var(--purple-2); }
.a-principle p { grid-column: 2; max-width: 590px; margin-top: 50px; font-size: 18px; line-height: 1.65; color: rgba(10,10,19,.62); }
.a-system { padding: 130px clamp(22px, 5vw, 78px); background: #11131a; }
.section-index { display: flex; gap: 20px; align-items: center; font: 10px var(--mono); color: rgba(237,237,237,.42); }
.section-index span { color: var(--lime); }
.system-heading { margin-top: 50px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; align-items: end; }
.system-heading h2 { font: 500 clamp(48px, 7vw, 104px)/.92 var(--display); letter-spacing: -.07em; }
.system-heading p { max-width: 560px; padding-bottom: 8px; font-size: 17px; line-height: 1.65; color: rgba(237,237,237,.54); }
.system-sticky { margin-top: 90px; display: grid; grid-template-columns: 220px 1fr; gap: 40px; }
.system-map { position: relative; display: flex; flex-direction: column; }
.map-line { position: absolute; left: 12px; top: 28px; bottom: 28px; width: 1px; background: rgba(237,237,237,.14); }
.map-node { position: relative; z-index: 1; min-height: 76px; padding: 0 0 0 42px; display: flex; gap: 16px; align-items: center; border: 0; background: transparent; color: rgba(237,237,237,.34); text-align: left; }
.map-node span { position: absolute; left: 0; width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(237,237,237,.22); border-radius: 50%; background: #11131a; font: 7px var(--mono); }
.map-node.active { color: var(--paper); }
.map-node.active span { background: var(--lime); border-color: var(--lime); color: var(--ink); }
.system-stage { position: relative; min-height: 670px; overflow: hidden; background: var(--purple); }
.system-stage video { width: 100%; height: 100%; min-height: 670px; object-fit: cover; object-position: center top; }
.stage-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px; display: grid; grid-template-columns: 1fr 2fr; gap: 30px; background: rgba(10,10,19,.9); backdrop-filter: blur(14px); }
.stage-caption > span { font: 9px var(--mono); color: var(--lime); }
.stage-caption h3 { font: 500 clamp(25px, 3vw, 42px) var(--display); letter-spacing: -.04em; }
.stage-caption p { max-width: 620px; margin-top: 10px; font-size: 13px; line-height: 1.55; color: rgba(237,237,237,.56); }
.a-proof { padding: 130px clamp(22px, 8vw, 140px); display: grid; grid-template-columns: 2fr 1fr; gap: 100px; }
.proof-quote > span { font: 9px var(--mono); letter-spacing: .12em; color: var(--lime); }
.proof-quote blockquote { max-width: 950px; margin: 35px 0 50px; font: 500 clamp(34px, 4.5vw, 70px)/1.08 var(--display); letter-spacing: -.05em; }
.quote-person { display: flex; gap: 16px; align-items: center; }
.quote-person img { width: 46px; height: 46px; object-fit: cover; border-radius: 50%; filter: grayscale(1); }
.quote-person div { display: flex; flex-direction: column; gap: 5px; }
.quote-person strong { font-size: 12px; }
.quote-person span { font: 8px var(--mono); color: rgba(237,237,237,.4); }
.proof-aside { padding: 28px 0 0 40px; border-left: 1px solid var(--line-dark); }
.proof-aside strong { font: 500 28px/1.1 var(--display); }
.proof-aside p { margin: 25px 0 35px; font-size: 14px; line-height: 1.65; color: rgba(237,237,237,.5); }
.proof-aside a { display: inline-flex; align-items: center; gap: 20px; font-size: 12px; color: var(--lime); }
.a-final { min-height: 650px; padding: 100px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--purple); }
.a-final > span { font: 9px var(--mono); letter-spacing: .14em; color: var(--lime); }
.a-final h2 { margin: 28px 0 45px; font: 500 clamp(56px, 9vw, 140px)/.88 var(--display); letter-spacing: -.075em; }
.a-final small { margin-top: 16px; font-size: 10px; color: rgba(237,237,237,.5); }

/* B — Artist-Owned Editorial */
.concept-b { background: var(--paper); color: var(--ink); }
.nav-light { border-color: var(--line-light); }
.nav-light .brand img { filter: brightness(0); }
.nav-light nav a, .nav-light .text-link { color: rgba(10,10,19,.62); }
.nav-light nav a:hover, .nav-light .text-link:hover { color: var(--ink); }
.concept-b .button-small { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.b-hero { position: relative; min-height: calc(100vh - 86px); padding: 36px clamp(22px, 4.2vw, 72px) 90px; }
.b-issue { padding-bottom: 16px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--ink); font: 10px var(--mono); letter-spacing: .1em; }
.b-hero h1 { position: relative; z-index: 2; margin-top: 35px; font: 600 clamp(66px, 10.5vw, 174px)/.78 var(--display); letter-spacing: -.085em; text-transform: uppercase; }
.b-hero h1 span { color: var(--purple-2); }
.b-hero-bottom { position: relative; z-index: 3; width: 48%; margin: 50px 0 0 auto; display: flex; gap: 60px; align-items: flex-start; }
.b-hero-bottom p { max-width: 470px; font: 500 17px/1.55 var(--display); }
.round-link { flex: 0 0 104px; width: 104px; height: 104px; display: grid; grid-template-columns: 1fr 1fr; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); }
.round-link svg { grid-column: 2; grid-row: 1; }
.round-link span { grid-column: 1; grid-row: 1; font: 9px/1.2 var(--mono); }
.b-artwork { position: relative; width: min(53vw, 900px); height: 540px; margin-top: -20px; overflow: hidden; background: var(--purple); }
.b-artwork video { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.08); }
.artwork-type { position: absolute; z-index: 2; inset: 22px; display: flex; flex-direction: column; justify-content: space-between; color: var(--lime); font: 600 clamp(50px, 8vw, 130px)/.7 var(--display); letter-spacing: -.08em; mix-blend-mode: difference; pointer-events: none; }
.artwork-type span:last-child { align-self: flex-end; }
.artwork-stamp { position: absolute; right: 0; bottom: 0; padding: 18px 22px; display: flex; align-items: center; gap: 14px; background: var(--lime); color: var(--ink); font: 8px/1.35 var(--mono); letter-spacing: .08em; }
.b-manifesto { padding: clamp(120px, 16vw, 250px) clamp(22px, 5vw, 80px); border-top: 1px solid var(--line-light); }
.manifesto-lead, .manifesto-answer { font: 500 clamp(46px, 7vw, 112px)/1.02 var(--display); letter-spacing: -.065em; }
.manifesto-lead { color: rgba(10,10,19,.22); }
.manifesto-answer { margin-left: 12vw !important; color: var(--purple-2); }
.manifesto-answer em { font-family: Georgia, serif; font-weight: 400; }
.manifesto-note { width: min(580px, 52vw); margin: 90px 0 0 auto; display: grid; grid-template-columns: 150px 1fr; gap: 30px; }
.manifesto-note span { font: 9px var(--mono); color: var(--purple-2); }
.manifesto-note p { font-size: 16px; line-height: 1.7; color: rgba(10,10,19,.65); }
.b-spread { min-height: 820px; padding: 0 clamp(22px, 5vw, 80px); display: grid; grid-template-columns: 80px .7fr 1.3fr; gap: 45px; border-top: 1px solid var(--line-light); }
.spread-number { padding-top: 70px; font: 10px var(--mono); }
.spread-copy { padding-top: 70px; }
.spread-copy > span { font: 9px var(--mono); letter-spacing: .12em; color: var(--purple-2); }
.spread-copy h2 { margin-top: 40px; font: 500 clamp(44px, 5vw, 78px)/.95 var(--display); letter-spacing: -.06em; }
.spread-copy h2 em { color: var(--purple-2); font-family: Georgia, serif; font-weight: 400; }
.spread-copy p { max-width: 470px; margin-top: 35px; font-size: 16px; line-height: 1.7; color: rgba(10,10,19,.6); }
.spread-copy a { margin-top: 35px; display: inline-flex; gap: 22px; align-items: center; padding-bottom: 8px; border-bottom: 1px solid var(--ink); font-size: 12px; }
.spread-media { position: relative; min-height: 820px; overflow: hidden; background: var(--purple); }
.spread-media video { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.spread-media > span { position: absolute; left: 20px; bottom: 20px; padding: 8px 10px; background: var(--lime); color: var(--ink); font: 8px var(--mono); }
.b-spread-reverse { grid-template-columns: 80px 1.3fr .7fr; }
.b-spread-reverse .spread-media { grid-column: 2; grid-row: 1; }
.b-spread-reverse .spread-copy { grid-column: 3; grid-row: 1; }
.b-quote { position: relative; min-height: 970px; padding: 110px clamp(22px, 5vw, 80px); overflow: hidden; background: var(--purple); color: var(--paper); }
.quote-label { font: 9px var(--mono); letter-spacing: .12em; color: var(--lime); }
.b-quote blockquote { position: relative; z-index: 2; margin: 70px 0 0; font: 500 clamp(46px, 7vw, 114px)/.96 var(--display); letter-spacing: -.065em; }
.b-quote blockquote em { color: var(--lime); font-family: Georgia, serif; font-weight: 400; }
.quote-image { position: absolute; right: 6vw; bottom: 60px; width: 27vw; min-width: 320px; }
.quote-image img { width: 100%; aspect-ratio: .82; object-fit: cover; filter: grayscale(1) contrast(1.1); }
.quote-image span { display: block; margin-top: 12px; font: 8px/1.4 var(--mono); color: rgba(237,237,237,.55); }
.quote-stat { position: absolute; left: 6vw; bottom: 70px; display: flex; gap: 18px; align-items: flex-end; }
.quote-stat strong { font: 500 54px var(--display); color: var(--lime); }
.quote-stat span { padding-bottom: 8px; font: 9px/1.4 var(--mono); color: rgba(237,237,237,.55); }
.b-ledger { padding: 130px clamp(22px, 6vw, 100px); display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.ledger-head > span { font: 9px var(--mono); letter-spacing: .12em; color: var(--purple-2); }
.ledger-head h2 { margin-top: 30px; font: 500 clamp(50px, 6vw, 90px)/.95 var(--display); letter-spacing: -.065em; }
.ledger-rows { border-top: 1px solid var(--ink); }
.ledger-rows div { min-height: 100px; display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 20px; border-bottom: 1px solid var(--line-light); }
.ledger-rows span { font: 9px var(--mono); color: var(--purple-2); }
.ledger-rows strong { font: 500 clamp(17px, 2vw, 25px) var(--display); }
.ledger-rows em { font: 400 18px Georgia, serif; color: var(--purple-2); }
.b-final { min-height: 800px; padding: 80px clamp(22px, 5vw, 80px); display: grid; grid-template-columns: 1.5fr .5fr; align-items: end; gap: 80px; background: var(--lime); }
.b-final-word { font: 600 clamp(82px, 15vw, 230px)/.68 var(--display); letter-spacing: -.1em; }
.b-final-word i { margin-left: 21vw; font: 400 .72em Georgia, serif; }
.b-final-copy { padding-bottom: 10px; }
.b-final-copy p { font: 500 20px/1.5 var(--display); }
.button-dark { margin-top: 35px; background: var(--ink); border-color: var(--ink); color: var(--paper); }
.button-dark:hover { color: var(--ink); }
.b-final-copy small { display: block; margin-top: 14px; color: rgba(10,10,19,.55); }

/* C — Frontier Stage */
.concept-c { background: var(--ink); }
.nav-overlay { position: absolute; top: 0; left: 0; right: 0; }
.c-hero { position: relative; min-height: 100svh; display: flex; align-items: flex-end; padding: 150px clamp(22px, 5vw, 80px) 70px; }
.c-reel, .reel-wash { position: absolute; inset: 0; }
.c-reel video { width: 100%; height: 100%; object-fit: cover; }
.reel-wash { background: linear-gradient(90deg, rgba(10,10,19,.93) 0%, rgba(10,10,19,.5) 48%, rgba(10,10,19,.1) 78%), linear-gradient(0deg, rgba(10,10,19,.72), transparent 55%); }
.c-hero-copy { position: relative; z-index: 2; width: min(900px, 75vw); }
.c-overline { font: 10px var(--mono); letter-spacing: .14em; color: var(--lime); }
.c-hero h1 { margin-top: 26px; font: 500 clamp(72px, 10.3vw, 170px)/.78 var(--display); letter-spacing: -.085em; }
.c-hero h1 em { font-family: Georgia, serif; font-weight: 400; color: var(--lime); }
.c-hero-copy > p { max-width: 600px; margin-top: 38px; font-size: 18px; line-height: 1.55; color: rgba(237,237,237,.7); }
.button-lime { border-radius: 50px; padding-inline: 28px; }
.reel-button { display: inline-flex; align-items: center; gap: 10px; border: 0; background: transparent; color: var(--paper); font-size: 11px; }
.reel-button svg { width: 32px; height: 32px; padding: 8px; border: 1px solid rgba(237,237,237,.42); border-radius: 50%; }
.c-reel-index { position: absolute; right: clamp(22px, 5vw, 80px); bottom: 70px; z-index: 2; width: 250px; padding-top: 12px; display: grid; grid-template-columns: 1fr auto; gap: 8px; border-top: 1px solid rgba(237,237,237,.5); }
.c-reel-index span { grid-column: 1 / -1; font: 8px var(--mono); color: var(--lime); }
.c-reel-index strong { font-size: 11px; font-weight: 500; }
.c-reel-index i { font: 8px var(--mono); font-style: normal; color: rgba(237,237,237,.58); }
.c-scroll { position: absolute; right: 24px; top: 45%; z-index: 2; display: flex; gap: 18px; font: 8px var(--mono); letter-spacing: .1em; writing-mode: vertical-rl; color: rgba(237,237,237,.55); }
.c-statement { min-height: 900px; padding: 140px 5vw; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--purple); }
.c-statement > span { font: 9px var(--mono); letter-spacing: .14em; color: var(--lime); }
.c-statement h2 { margin-top: 45px; font: 500 clamp(58px, 9vw, 142px)/.9 var(--display); letter-spacing: -.075em; }
.c-statement h2 em { font: 400 1em Georgia, serif; color: var(--lime); }
.c-portal { min-height: 900px; display: grid; grid-template-columns: 330px 1fr; background: #11131a; }
.portal-nav { padding: 90px 40px 90px 5vw; display: flex; flex-direction: column; border-right: 1px solid var(--line-dark); }
.portal-nav > span { margin-bottom: 90px; font: 9px var(--mono); letter-spacing: .12em; color: var(--lime); }
.portal-nav button { min-height: 80px; display: flex; gap: 18px; align-items: center; border: 0; border-bottom: 1px solid var(--line-dark); background: transparent; color: rgba(237,237,237,.32); text-align: left; }
.portal-nav button i { font: 8px var(--mono); font-style: normal; }
.portal-nav button.active { color: var(--paper); }
.portal-nav button.active i { color: var(--lime); }
.portal-media { position: relative; min-width: 0; overflow: hidden; }
.portal-media::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(10,10,19,.18), transparent), linear-gradient(0deg, rgba(10,10,19,.9), transparent 55%); pointer-events:none; }
.portal-media video { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.portal-caption { position: absolute; z-index: 2; left: 6vw; right: 5vw; bottom: 65px; max-width: 740px; }
.portal-caption > span { font: 9px var(--mono); color: var(--lime); }
.portal-caption h3 { margin-top: 20px; font: 500 clamp(48px, 6vw, 95px)/.92 var(--display); letter-spacing: -.065em; }
.portal-caption h3 em { font-family: Georgia, serif; color: var(--lime); font-weight: 400; }
.portal-caption p { max-width: 560px; margin-top: 26px; font-size: 15px; line-height: 1.6; color: rgba(237,237,237,.68); }
.portal-caption a { margin-top: 25px; display: inline-flex; align-items: center; gap: 18px; font-size: 11px; color: var(--lime); }
.c-collage { position: relative; min-height: 1220px; padding: 150px 5vw; overflow: hidden; background: var(--paper); color: var(--ink); }
.c-collage::after { content: ""; position: absolute; right: -12vw; bottom: -28vw; width: 72vw; aspect-ratio: 1; border: 1px solid rgba(80,38,127,.12); border-radius: 50%; box-shadow: 0 0 0 8vw rgba(80,38,127,.025), 0 0 0 16vw rgba(80,38,127,.018); pointer-events: none; }
.collage-copy { position: relative; z-index: 5; width: 48%; }
.collage-copy > span { font: 9px var(--mono); letter-spacing: .12em; color: var(--purple-2); }
.collage-copy h2 { margin-top: 30px; font: 500 clamp(60px, 9vw, 140px)/.86 var(--display); letter-spacing: -.08em; }
.collage-copy p { max-width: 540px; margin-top: 35px; font-size: 17px; line-height: 1.6; color: rgba(10,10,19,.62); }
.collage-copy .collage-cta { margin-top: 30px; }
.collage-card { position: absolute; z-index: 2; width: clamp(210px, 17vw, 280px); aspect-ratio: 9 / 19.5; padding: 7px; overflow: visible; border: 1px solid rgba(237,237,237,.22); border-radius: 34px; background: #11121a; box-shadow: 0 35px 80px rgba(10,10,19,.25), inset 0 0 0 1px rgba(255,255,255,.08); }
.collage-card::after { content: ""; position: absolute; inset: 7px; z-index: 2; border: 1px solid rgba(255,255,255,.1); border-radius: 27px; pointer-events: none; }
.collage-screen { position: absolute; inset: 7px; overflow: hidden; border-radius: 27px; background: #090a0f; }
.collage-card video { width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; }
.collage-one video,
.collage-three video { transform: scale(1.12); }
.collage-card > i { position: absolute; z-index: 4; top: 14px; left: 50%; width: 29%; height: 18px; border-radius: 999px; background: #090a0f; transform: translateX(-50%); pointer-events: none; }
.collage-card span { position: absolute; z-index: 5; left: 50%; bottom: -38px; width: max-content; padding: 7px 10px; border: 1px solid rgba(10,10,19,.14); background: var(--paper); color: var(--ink); font: 8px var(--mono); letter-spacing: .1em; transform: translateX(-50%); }
.collage-one { top: 420px; left: 50%; transform: translateX(-50%) rotate(-6deg); }
.collage-two { z-index: 3; top: 330px; left: 66%; transform: translateX(-50%); }
.collage-three { top: 420px; left: 82%; transform: translateX(-50%) rotate(6deg); }
.collage-stat { position: absolute; z-index: 4; top: 145px; right: 7vw; width: 224px; min-height: 152px; padding: 20px 22px 19px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; align-items: end; gap: 12px 18px; overflow: hidden; background: var(--ink); color: var(--paper); border-top: 4px solid var(--lime); box-shadow: 0 22px 50px rgba(10,10,19,.24); transform: rotate(3deg); }
.collage-stat::after { content: ""; position: absolute; right: -24px; bottom: -24px; width: 72px; height: 72px; border: 1px solid rgba(193,255,0,.34); transform: rotate(45deg); }
.collage-stat strong { align-self: end; color: var(--lime); font: 500 68px/.76 var(--display); letter-spacing: -.09em; }
.collage-stat span { grid-column: 1 / -1; align-self: start; padding-bottom: 12px; color: rgba(237,237,237,.52); border-bottom: 1px solid rgba(237,237,237,.18); font: 8px var(--mono); letter-spacing: .14em; }
.collage-stat em { position: relative; z-index: 1; max-width: 80px; color: var(--paper); font: 600 11px/1.2 var(--mono); font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.c-signal { min-height: 850px; padding: 120px 7vw; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; background: var(--purple); }
.signal-orbit { position: relative; width: min(36vw, 540px); aspect-ratio: 1; display: grid; place-items: center; }
.signal-orbit::before { content:""; position:absolute; inset:25%; border-radius:50%; background:radial-gradient(circle,rgba(193,255,0,.11),transparent 68%); opacity:.45; transform:scale(.86); animation:signal-field 4.8s ease-in-out infinite paused; }
.signal-orbit > span { position: absolute; border: 1px solid rgba(237,237,237,.18); border-radius: 50%; will-change:transform; animation:signal-orbit-spin 24s linear infinite paused; }
.signal-orbit > span:nth-child(1) { inset: 0; animation-duration:28s; animation-delay:-9s; }
.signal-orbit > span:nth-child(2) { inset: 17%; animation-duration:19s; animation-delay:-13s; animation-direction:reverse; }
.signal-orbit > span:nth-child(3) { inset: 34%; border-color: var(--lime); box-shadow: 0 0 70px rgba(193,255,0,.1); animation-duration:12s; animation-delay:-4s; }
.signal-orbit > span::after { content:""; position:absolute; top:50%; left:-4px; width:7px; height:7px; border-radius:50%; background: var(--lime); box-shadow:0 0 0 0 rgba(193,255,0,.35); animation:signal-node-pulse 2.8s ease-out infinite paused; }
.signal-orbit > span:nth-child(2)::after { animation-delay:-1.1s; }
.signal-orbit > span:nth-child(3)::after { animation-delay:-2s; }
.signal-orbit b { position:relative; z-index:1; width:70px; height:70px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:var(--ink); animation:signal-core 4.8s ease-in-out infinite paused; }
.signal-orbit.is-active::before,
.signal-orbit.is-active > span,
.signal-orbit.is-active > span::after,
.signal-orbit.is-active b { animation-play-state:running; }
@keyframes signal-orbit-spin { to { transform:rotate(1turn); } }
@keyframes signal-node-pulse {
  0%,35% { box-shadow:0 0 0 0 rgba(193,255,0,.38); }
  75%,100% { box-shadow:0 0 0 10px rgba(193,255,0,0); }
}
@keyframes signal-field {
  0%,100% { opacity:.34; transform:scale(.84); }
  50% { opacity:.72; transform:scale(1.08); }
}
@keyframes signal-core {
  0%,100% { box-shadow:0 0 0 0 rgba(193,255,0,0); transform:scale(1); }
  50% { box-shadow:0 0 46px rgba(193,255,0,.2); transform:scale(1.045); }
}
.signal-copy > span { font: 9px var(--mono); letter-spacing: .12em; color: var(--lime); }
.signal-copy h2 { margin-top: 30px; font: 500 clamp(50px, 6vw, 94px)/.95 var(--display); letter-spacing: -.065em; }
.signal-copy p { max-width: 560px; margin-top: 35px; font-size: 17px; line-height: 1.65; color: rgba(237,237,237,.6); }
.signal-sequence { grid-column: 1 / -1; padding-top: 30px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line-dark); font: 10px var(--mono); letter-spacing: .12em; color: rgba(237,237,237,.55); }
.signal-sequence i { color: var(--lime); font-style: normal; }
.c-final { position: relative; min-height: 900px; display: grid; place-items: center; text-align: center; }
.final-reel, .final-overlay { position: absolute; inset: 0; }
.final-reel video { width: 100%; height: 100%; object-fit: cover; object-position: center 10%; }
.final-overlay { background: rgba(10,10,19,.77); backdrop-filter: saturate(.8); }
.c-final-copy { position: relative; z-index: 2; }
.c-final-copy > span { font: 9px var(--mono); letter-spacing: .14em; color: var(--lime); }
.c-final h2 { margin: 35px 0 45px; font: 500 clamp(64px, 9vw, 140px)/.9 var(--display); letter-spacing: -.075em; }
.c-final small { display: block; margin-top: 16px; color: rgba(237,237,237,.55); }

/* C2 — Frontier System: cinematic entry, connected-product core */
.concept-c2 { background: var(--ink); }
.c2-hero { position: relative; min-height: 100svh; padding: 140px clamp(22px, 5vw, 80px) 45px; display: flex; flex-direction: column; justify-content: flex-end; }
.c2-atmosphere { position: absolute; inset: 0; overflow: hidden; }
.c2-atmosphere video { width: 100%; height: 100%; object-fit: cover; object-position:center; opacity:.96; filter:brightness(1.3) saturate(1.02) contrast(1.02); }
.c2-atmosphere::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,10,19,.9) 0%,rgba(10,10,19,.58) 28%,rgba(10,10,19,.12) 56%,rgba(10,10,19,0) 78%),linear-gradient(0deg,rgba(10,10,19,.86) 0%,rgba(10,10,19,.1) 38%,rgba(10,10,19,0) 72%); }
.c2-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(45px, 7vw, 110px); align-items: center; }
.selected-hero .c2-hero-grid { grid-template-columns: minmax(0, 780px); }
.selected-hero .c2-hero-copy > p { max-width: 650px; }
.selected-hero .c2-signal-row { max-width: 760px; }
.c2-hero-copy h1 { margin-top: 25px; font: 500 clamp(66px, 8vw, 126px)/.84 var(--display); letter-spacing: -.08em; }
.c2-hero-copy h1 em { font-family: Georgia, serif; font-weight: 400; color: var(--lime); }
.c2-hero-copy > p { max-width: 570px; margin-top: 32px; font-size: 17px; line-height: 1.6; color: rgba(237,237,237,.66); }
.c2-text-link { font-size: 11px; color: rgba(237,237,237,.62); }
.c2-text-link span { margin-left: 12px; color: var(--lime); }
.c2-signal-row { margin-top: 55px; padding-top: 19px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; border-top: 1px solid rgba(237,237,237,.18); }
.c2-signal-row div { display: grid; grid-template-columns: 1fr auto; gap: 6px; }
.c2-signal-row span { grid-column: 1 / -1; font: 8px var(--mono); letter-spacing: .08em; color: rgba(237,237,237,.38); }
.c2-signal-row strong { font: 500 clamp(20px, 2vw, 30px) var(--display); }
.c2-signal-row i { align-self: end; padding-bottom: 4px; font: 7px var(--mono); font-style: normal; color: var(--lime); }
.c2-product-window { position: relative; overflow: hidden; border: 1px solid rgba(237,237,237,.2); background: #101218; box-shadow: 0 40px 100px rgba(0,0,0,.5); }
.c2-window-bar { height: 48px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(237,237,237,.12); font: 8px var(--mono); letter-spacing: .06em; color: rgba(237,237,237,.5); }
.c2-window-bar span { display: flex; align-items: center; gap: 9px; }
.c2-window-bar span:last-child i { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); }
.c2-product-window > video { width: 100%; aspect-ratio: 1.3; object-fit: cover; object-position: top center; }
.c2-window-note { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px; display: grid; grid-template-columns: .7fr 1.3fr; background: rgba(10,10,19,.92); backdrop-filter: blur(14px); }
.c2-window-note span { font: 8px var(--mono); color: var(--lime); }
.c2-window-note strong { font: 500 20px/1.2 var(--display); }
.c2-rail { position: relative; z-index: 2; margin-top: 60px; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(237,237,237,.17); font: 8px var(--mono); letter-spacing: .12em; color: rgba(237,237,237,.42); }
.c2-rail i { width: 22%; height: 1px; background: linear-gradient(90deg, rgba(237,237,237,.12), var(--lime)); }
.trust-strip { min-height: 190px; padding: 34px 0 34px clamp(22px,5vw,80px); display: grid; grid-template-columns: minmax(210px,25vw) 1fr; align-items: center; overflow: hidden; background: var(--ink); color: var(--paper); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.trust-strip h2 { position: relative; z-index: 2; font: 500 15px/1.45 var(--display); letter-spacing: -.02em; }
.trust-marquee { position: relative; min-width: 0; overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.trust-track { width: max-content; display: flex; animation: trust-scroll 32s linear infinite; }
.trust-marquee:hover .trust-track { animation-play-state: paused; }
.trust-logo-set { display: flex; align-items: center; }
.trust-logo-set img { width: 180px; height: 54px; padding: 0 28px; object-fit: contain; opacity: .72; }
@keyframes trust-scroll { to { transform: translateX(-50%); } }
.c2-thesis { min-height: 850px; padding: 130px 8vw; display: flex; flex-direction: column; justify-content: center; background: var(--purple); }
.c2-thesis > span { font: 9px var(--mono); letter-spacing: .13em; color: var(--lime); }
.c2-thesis h2 { max-width: 1250px; margin-top: 35px; font: 500 clamp(62px, 9vw, 145px)/.9 var(--display); letter-spacing: -.075em; }
.c2-thesis p { max-width: 630px; margin: 45px 0 0 auto; font-size: 18px; line-height: 1.65; color: rgba(237,237,237,.62); }
.c2-system { padding: 120px clamp(22px, 5vw, 80px); background: #11131a; }
.c2-system-head { display: grid; grid-template-columns: 1.4fr .6fr; gap: 80px; align-items: end; }
.c2-system-head span, .c2-outcome-intro span { font: 9px var(--mono); letter-spacing: .12em; color: var(--lime); }
.c2-system-head h2, .c2-outcome-intro h2 { margin-top: 28px; font: 500 clamp(54px, 7vw, 110px)/.9 var(--display); letter-spacing: -.07em; }
.c2-system-head > p { max-width: 530px; padding-bottom: 8px; font-size: 16px; line-height: 1.65; color: rgba(237,237,237,.55); }
.c2-system-body { margin-top: 85px; display: grid; grid-template-columns: 260px 1fr; border: 1px solid rgba(237,237,237,.12); }
.c2-system-nav { display: flex; flex-direction: column; border-right: 1px solid rgba(237,237,237,.12); }
.c2-system-nav button { position: relative; min-height: 112px; padding: 24px; display: grid; grid-template-columns: 30px 1fr; gap: 6px 12px; align-content: center; border: 0; border-bottom: 1px solid rgba(237,237,237,.12); background: transparent; color: rgba(237,237,237,.34); text-align: left; }
.c2-system-nav button span { grid-row: span 2; font: 8px var(--mono); }
.c2-system-nav button strong { font: 500 18px var(--display); }
.c2-system-nav button i { font: 8px var(--mono); font-style: normal; }
.c2-system-nav button.active { background: var(--purple); color: var(--paper); }
.c2-system-nav button.active span, .c2-system-nav button.active i { color: var(--lime); }
.c2-system-stage { position: relative; min-height: 720px; overflow: hidden; background: var(--purple); }
.c2-system-stage video { width: 100%; height: 100%; min-height: 720px; object-fit: cover; object-position: top center; }
.c2-stage-label { position: absolute; left: 0; right: 0; bottom: 0; padding: 27px; display: grid; grid-template-columns: .6fr 1.4fr; gap: 30px; background: rgba(10,10,19,.9); backdrop-filter: blur(16px); }
.c2-stage-label > span { font: 8px var(--mono); color: var(--lime); }
.c2-stage-label h3 { font: 500 clamp(27px, 3vw, 44px) var(--display); letter-spacing: -.04em; }
.c2-stage-label p { max-width: 600px; margin-top: 9px; font-size: 13px; line-height: 1.55; color: rgba(237,237,237,.56); }
.c2-outcomes { padding: 130px clamp(22px, 6vw, 100px); background: var(--paper); color: var(--ink); }
.c2-outcome-intro span { color: var(--purple-2); }
.c2-outcome-grid { margin-top: 85px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.c2-outcome-grid article { min-height: 300px; padding: 28px; display: flex; flex-direction: column; border-right: 1px solid var(--line-light); }
.c2-outcome-grid article:last-child { border-right: 0; }
.c2-outcome-grid span { font: 9px var(--mono); color: var(--purple-2); }
.c2-outcome-grid h3 { margin-top: auto; font: 500 clamp(27px, 3vw, 42px) var(--display); letter-spacing: -.04em; }
.c2-outcome-grid p { margin-top: 15px; font-size: 14px; line-height: 1.6; color: rgba(10,10,19,.58); }
.c2-proof { margin-top: 130px; display: grid; grid-template-columns: 180px 1fr; gap: 45px 65px; align-items: start; }
.c2-proof-media img { width: 180px; aspect-ratio: .82; object-fit: cover; filter: grayscale(1); }
.c2-proof blockquote { margin: 0; font: 500 clamp(34px, 5vw, 75px)/1.02 var(--display); letter-spacing: -.055em; }
.c2-proof-person { grid-column: 2; display: flex; gap: 15px; align-items: center; }
.c2-proof-person strong { font-size: 12px; }
.c2-proof-person span { font: 8px var(--mono); color: rgba(10,10,19,.45); }
.c2-final { min-height: 900px; display: grid; grid-template-columns: 1.05fr .95fr; background: var(--ink); }
.c2-final-product { overflow: hidden; }
.c2-final-product video { width: 100%; height: 100%; object-fit: cover; object-position: center top; opacity: .8; }
.c2-final-copy { padding: 90px 7vw; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: var(--purple); }
.c2-final-copy > span { font: 9px var(--mono); letter-spacing: .12em; color: var(--lime); }
.c2-final-copy h2 { margin-top: 30px; font: 500 clamp(58px, 7vw, 110px)/.9 var(--display); letter-spacing: -.07em; }
.c2-final-copy p { margin: 30px 0 40px; color: rgba(237,237,237,.6); }

/* C3 — Frontier Ownership: cinematic editorial manifesto */
.concept-c3 { background: var(--paper); color: var(--ink); }
.concept-c3 .nav-light .brand img { filter: brightness(0); }
.concept-c3 .button-small { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.c3-hero { padding: 35px clamp(22px, 4.2vw, 72px) 110px; }
.c3-edition { padding-bottom: 15px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--ink); font: 9px var(--mono); letter-spacing: .1em; }
.c3-hero-type { position: relative; z-index: 2; margin-top: 36px; display: flex; flex-direction: column; font: 600 clamp(66px, 10.8vw, 176px)/.72 var(--display); letter-spacing: -.09em; }
.c3-hero-type span:nth-child(2), .c3-hero-type span:nth-child(4) { color: var(--purple-2); }
.c3-hero-type em { font-family: Georgia, serif; font-weight: 400; }
.c3-hero-type .c3-indent { padding-left: 15vw; color: var(--ink); }
.c3-hero-meta { position: relative; z-index: 3; width: 48%; margin: 60px 0 0 auto; display: flex; gap: 55px; align-items: flex-start; }
.c3-hero-meta p { max-width: 500px; font: 500 18px/1.55 var(--display); }
.c3-hero-film { position: relative; width: 65%; height: 620px; margin-top: -15px; overflow: hidden; background: var(--purple); }
.c3-hero-film video { width: 100%; height: 100%; object-fit: cover; }
.c3-film-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; background: var(--lime); color: var(--ink); }
.c3-film-caption span { font: 8px var(--mono); }
.c3-film-caption strong { font: 500 18px var(--display); }
.c3-manifesto { padding: clamp(130px, 16vw, 250px) 7vw; background: var(--purple); color: var(--paper); }
.c3-manifesto > span { font: 9px var(--mono); letter-spacing: .13em; color: var(--lime); }
.c3-manifesto > div { margin-top: 50px; }
.c3-manifesto div p { font: 500 clamp(47px, 7vw, 112px)/1.01 var(--display); letter-spacing: -.065em; }
.c3-manifesto div p:first-child { color: rgba(237,237,237,.3); }
.c3-manifesto div p:last-child { margin-left: 10vw; }
.c3-manifesto em { font-family: Georgia, serif; font-weight: 400; color: var(--lime); }
.c3-manifesto aside { max-width: 600px; margin: 80px 0 0 auto; padding-left: 25px; border-left: 1px solid var(--lime); font-size: 17px; line-height: 1.7; color: rgba(237,237,237,.6); }
.c3-chapters { background: var(--paper); color: var(--ink); }
.c3-chapter { min-height: 880px; display: grid; grid-template-columns: .75fr 1.25fr; border-bottom: 1px solid var(--line-light); }
.c3-chapter-copy { padding: 85px 5vw; display: flex; flex-direction: column; align-items: flex-start; }
.c3-chapter-copy > span { font: 9px var(--mono); letter-spacing: .12em; color: var(--purple-2); }
.c3-chapter-copy h2 { margin-top: 50px; font: 500 clamp(47px, 5.4vw, 86px)/.92 var(--display); letter-spacing: -.06em; }
.c3-chapter-copy h2 em { font-family: Georgia, serif; font-weight: 400; color: var(--purple-2); }
.c3-chapter-copy p { max-width: 470px; margin-top: 35px; font-size: 16px; line-height: 1.7; color: rgba(10,10,19,.6); }
.c3-chapter-copy a { margin-top: auto; display: inline-flex; align-items: center; gap: 22px; padding-bottom: 8px; border-bottom: 1px solid var(--ink); font-size: 12px; }
.c3-chapter-copy a.chapter-cta { min-height: 54px; padding: 0 21px; gap: 30px; border: 1px solid var(--ink); background: var(--ink); color: var(--paper); font-size: 13px; font-weight: 600; transition: background .2s ease, color .2s ease, transform .2s ease; }
.c3-chapter-copy a.chapter-cta span { color: var(--lime); transition: transform .2s ease; }
.c3-chapter-copy a.chapter-cta:hover { background: var(--purple); border-color: var(--purple); transform: translateY(-2px); }
.c3-chapter-copy a.chapter-cta:hover span { transform: translateX(4px); }
.c3-chapter-media { overflow: hidden; background: var(--purple); }
.c3-chapter-media video { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.people-chapter .c3-chapter-media video { object-position: 78% top; }
.c3-chapter-reverse { grid-template-columns: 1.25fr .75fr; }
.c3-chapter-reverse .c3-chapter-copy { grid-column: 2; grid-row: 1; }
.c3-chapter-reverse .c3-chapter-media { grid-column: 1; grid-row: 1; }
.c3-proof { min-height: 1050px; padding: 120px 6vw; display: flex; flex-direction: column; background: var(--purple); color: var(--paper); }
.c3-proof-label { font: 9px var(--mono); letter-spacing: .12em; color: var(--lime); }
.c3-proof blockquote { margin: 70px 0 100px; font: 500 clamp(52px, 7.4vw, 116px)/.94 var(--display); letter-spacing: -.068em; }
.c3-proof blockquote em { font-family: Georgia, serif; font-weight: 400; color: var(--lime); }
.c3-proof-bottom { margin-top: auto; display: flex; align-items: flex-end; justify-content: space-between; }
.c3-artist { display: flex; gap: 18px; align-items: flex-end; }
.c3-artist img { width: 150px; aspect-ratio: .85; object-fit: cover; filter: grayscale(1); }
.c3-artist span, .c3-stat span { font: 8px/1.45 var(--mono); color: rgba(237,237,237,.52); }
.c3-stat { display: flex; gap: 22px; align-items: flex-end; }
.c3-stat strong { font: 500 62px var(--display); color: var(--lime); }
.c3-stat span { padding-bottom: 9px; }
.c3-ledger { padding: 130px 6vw; display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }
.c3-ledger-head > span { font: 9px var(--mono); letter-spacing: .12em; color: var(--purple-2); }
.c3-ledger-head h2 { margin-top: 30px; font: 500 clamp(52px, 6vw, 95px)/.92 var(--display); letter-spacing: -.065em; }
.c3-ledger-head h2 em { font-family: Georgia, serif; font-weight: 400; color: var(--purple-2); }
.c3-ledger-rows { border-top: 1px solid var(--ink); }
.c3-ledger-rows div { min-height: 105px; display: grid; grid-template-columns: 45px 1fr auto; gap: 20px; align-items: center; border-bottom: 1px solid var(--line-light); }
.c3-ledger-rows span { font: 8px var(--mono); color: var(--purple-2); }
.c3-ledger-rows strong { font: 500 clamp(17px, 2vw, 25px) var(--display); }
.c3-ledger-rows em { font: 400 18px Georgia, serif; color: var(--purple-2); }
.c3-final { position: relative; min-height: 950px; display: grid; place-items: center; overflow: hidden; color: var(--paper); text-align: center; }
.c3-final-film, .c3-final-overlay { position: absolute; inset: 0; }
.c3-final-film video { width: 100%; height: 100%; object-fit: cover; }
.c3-final-overlay { background: rgba(10,10,19,.76); }
.c3-final-copy { position: relative; z-index: 2; padding: 80px 22px; }
.c3-final-copy > span { font: 9px var(--mono); letter-spacing: .13em; color: var(--lime); }
.c3-final-copy h2 { margin-top: 35px; font: 500 clamp(64px, 9vw, 142px)/.88 var(--display); letter-spacing: -.075em; }
.c3-final-copy p { margin: 30px 0 42px; font: 400 24px Georgia, serif; color: rgba(237,237,237,.65); }

@media (max-width: 1050px) {
  .site-nav { grid-template-columns: 1fr auto; }
  .site-nav nav, .nav-actions { display: none; }
  .menu-button { display: block; grid-column: 2; }
  .site-nav.menu-open { grid-template-rows: 85px auto; background: var(--ink); color: var(--paper); }
  .site-nav.menu-open nav { grid-column: 1 / -1; padding: 25px 0 35px; display: flex; flex-direction: column; }
  .a-hero { grid-template-columns: 1fr; }
  .a-console { transform: none; }
  .a-principle { grid-template-columns: 1fr; }
  .a-principle h2, .a-principle p { grid-column: 1; }
  .a-principle h2 { margin-top: 35px; }
  .system-heading { grid-template-columns: 1fr; gap: 30px; }
  .a-proof { grid-template-columns: 1fr; gap: 60px; }
  .proof-aside { max-width: 500px; }
  .b-hero-bottom { width: 65%; }
  .b-spread, .b-spread-reverse { grid-template-columns: 55px 1fr; }
  .b-spread .spread-copy, .b-spread-reverse .spread-copy { grid-column: 2; grid-row: 1; padding-bottom: 60px; }
  .b-spread .spread-media, .b-spread-reverse .spread-media { grid-column: 1 / -1; grid-row: 2; min-height: 620px; }
  .b-ledger { grid-template-columns: 1fr; }
  .b-final { grid-template-columns: 1fr; }
  .b-final-copy { max-width: 480px; }
  .c-portal { grid-template-columns: 250px 1fr; }
  .c-collage { min-height: 1200px; }
  .collage-copy { width: 55%; }
  .collage-card { width: clamp(190px, 20vw, 220px); }
  .collage-one { left: 46%; }
  .collage-two { left: 66%; }
  .collage-three { left: 86%; }
  .c-signal { grid-template-columns: 1fr; }
  .signal-orbit { margin: auto; }
  .c2-hero-grid { grid-template-columns: 1fr; }
  .c2-product-window { max-width: 850px; }
  .c2-system-head { grid-template-columns: 1fr; gap: 30px; }
  .c2-final { grid-template-columns: 1fr; }
  .c2-final-product { min-height: 630px; }
  .c3-hero-meta { width: 62%; }
  .c3-chapter, .c3-chapter-reverse { grid-template-columns: 1fr; }
  .c3-chapter .c3-chapter-copy, .c3-chapter-reverse .c3-chapter-copy { grid-column: 1; grid-row: 1; min-height: 600px; }
  .c3-chapter .c3-chapter-media, .c3-chapter-reverse .c3-chapter-media { grid-column: 1; grid-row: 2; min-height: 680px; }
  .c3-ledger { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .site-nav { min-height: 72px; }
  .brand { width: 94px; }
  .prototype-footer { grid-template-columns: 1fr; gap: 50px; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-base { flex-direction: column; gap: 10px; }
  .a-hero { min-height: auto; padding-top: 70px; }
  .a-hero h1 { font-size: clamp(54px, 16vw, 86px); }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-proof { grid-template-columns: auto 1fr; }
  .console-body { grid-template-columns: 1fr; min-height: 0; }
  .console-body aside { display: none; }
  .console-main { padding: 16px; }
  .console-heading button { display: none; }
  .pulse-chart { height: 210px; }
  .console-grid { grid-template-columns: 1fr 1fr; }
  .console-grid .activity { grid-column: 1 / -1; }
  .a-principle, .a-system, .a-proof { padding-block: 90px; }
  .system-sticky { grid-template-columns: 1fr; }
  .system-map { flex-direction: row; overflow-x: auto; }
  .map-line { display: none; }
  .map-node { flex: 0 0 120px; min-height: 50px; padding-left: 32px; }
  .system-stage, .system-stage video { min-height: 540px; }
  .stage-caption { grid-template-columns: 1fr; }
  .a-final { min-height: 520px; }
  .b-issue span { display: none; }
  .b-hero h1 { max-width: calc(100vw - 44px); font-size: clamp(53px, 16.5vw, 84px); letter-spacing: -.1em; }
  .b-hero-bottom { width: calc(100vw - 44px); max-width: calc(100vw - 44px); margin-top: 40px; flex-direction: column; gap: 30px; }
  .b-hero-bottom p { max-width: 100%; font-size: 15px; overflow-wrap: anywhere; }
  .b-artwork { width: 100%; height: 430px; margin-top: 50px; }
  .manifesto-answer { margin-left: 0 !important; margin-top: 16px !important; }
  .manifesto-note { width: 100%; grid-template-columns: 1fr; }
  .b-spread, .b-spread-reverse { grid-template-columns: 1fr; gap: 0; }
  .b-spread .spread-number, .b-spread-reverse .spread-number { grid-column: 1; padding-top: 60px; }
  .b-spread .spread-copy, .b-spread-reverse .spread-copy { grid-column: 1; grid-row: 2; }
  .b-spread .spread-media, .b-spread-reverse .spread-media { grid-column: 1; grid-row: 3; margin-inline: -22px; min-height: 470px; }
  .b-quote { min-height: 1000px; }
  .b-quote blockquote { margin-top: 50px; }
  .quote-image { right: 22px; width: 55vw; min-width: 0; }
  .quote-stat { left: 22px; bottom: 40px; flex-direction: column; align-items: flex-start; }
  .ledger-rows div { grid-template-columns: 35px 1fr; padding-block: 18px; }
  .ledger-rows em { grid-column: 2; }
  .b-final { min-height: 650px; }
  .b-final-word { font-size: clamp(72px, 23vw, 120px); }
  .b-final-word i { margin-left: 14vw; }
  .c-hero { min-height: 900px; padding-bottom: 130px; }
  .c-hero-copy { width: 100%; }
  .c-hero h1 { font-size: clamp(65px, 20vw, 112px); }
  .c-reel-index, .c-scroll { display: none; }
  .c-statement { min-height: 700px; }
  .c-portal { display: block; }
  .portal-nav { padding: 55px 22px 25px; border-right: 0; }
  .portal-nav > span { margin-bottom: 30px; }
  .portal-nav button { min-height: 60px; }
  .portal-media { min-height: 720px; }
  .portal-caption { left: 22px; right: 22px; bottom: 45px; }
  .c-collage { min-height: auto; padding-bottom: 100px; }
  .collage-copy { width: 100%; }
  .collage-copy p { max-width: calc(100vw - 44px); }
  .collage-card { position: relative; inset: auto; width: min(62vw, 270px); height: auto; margin-top: 72px; }
  .collage-one { margin-left: auto; margin-right: 4vw; transform: rotate(3deg); }
  .collage-two { margin-left: 2vw; margin-right: auto; transform: rotate(-3deg); }
  .collage-three { margin-left: auto; margin-right: 3vw; transform: rotate(2deg); }
  .collage-stat { position: relative; inset: auto; width: 190px; min-height: 132px; margin: 78px 4vw 0 auto; padding: 16px 17px; gap: 10px 12px; transform: rotate(-2deg); }
  .collage-stat strong { font-size: 52px; }
  .collage-stat span { padding-bottom: 9px; }
  .collage-stat em { max-width: 72px; font-size: 10px; }
  .signal-orbit { width: 80vw; }
  .signal-sequence { flex-wrap: wrap; gap: 16px; }
  .c-final { min-height: 700px; padding-inline: 22px; }
  .c2-hero { padding-top: 115px; min-height: auto; }
  .c2-hero-copy h1 { font-size: clamp(62px, 19vw, 102px); }
  .c2-signal-row { grid-template-columns: 1fr; }
  .c2-product-window { margin-top: 20px; }
  .c2-window-note { grid-template-columns: 1fr; gap: 8px; }
  .c2-rail { flex-wrap: wrap; gap: 14px; }
  .c2-rail i { width: 8%; }
  .trust-strip { min-height: 210px; padding: 34px 0; grid-template-columns: 1fr; gap: 28px; }
  .trust-strip h2 { padding: 0 22px; }
  .trust-marquee { mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
  .trust-logo-set img { width: 155px; height: 46px; padding-inline: 23px; }
  .c2-thesis { min-height: 720px; padding-inline: 22px; }
  .c2-system, .c2-outcomes { padding-block: 90px; }
  .c2-system-body { grid-template-columns: 1fr; }
  .c2-system-nav { display: grid; grid-template-columns: 1fr 1fr; border-right: 0; }
  .c2-system-nav button { min-height: 90px; padding: 16px; border-right: 1px solid rgba(237,237,237,.12); }
  .c2-system-stage, .c2-system-stage video { min-height: 560px; }
  .c2-stage-label { grid-template-columns: 1fr; }
  .c2-outcome-grid { grid-template-columns: 1fr; }
  .c2-outcome-grid article { min-height: 230px; border-right: 0; border-bottom: 1px solid var(--line-light); }
  .c2-proof { grid-template-columns: 90px 1fr; gap: 28px 22px; }
  .c2-proof-media img { width: 90px; }
  .c2-proof-person { grid-column: 2; flex-direction: column; align-items: flex-start; }
  .c2-final-product { min-height: 470px; }
  .c2-final-copy { padding: 85px 22px 110px; }
  .c3-edition span:last-child { display: none; }
  .c3-hero-type { font-size: clamp(52px, 16vw, 82px); line-height: .78; }
  .c3-hero-type .c3-indent { padding-left: 6vw; }
  .c3-hero-meta { width: 100%; margin-top: 45px; flex-direction: column; gap: 30px; }
  .c3-hero-film { width: 100%; height: 470px; margin-top: 55px; }
  .c3-manifesto { padding-inline: 22px; }
  .c3-manifesto div p:last-child { margin-left: 0; margin-top: 16px; }
  .c3-chapter .c3-chapter-copy, .c3-chapter-reverse .c3-chapter-copy { min-height: 590px; padding: 75px 22px; }
  .c3-chapter .c3-chapter-media, .c3-chapter-reverse .c3-chapter-media { min-height: 500px; }
  .c3-proof { min-height: 1000px; padding-inline: 22px; }
  .c3-proof-bottom { flex-direction: column; align-items: flex-start; gap: 45px; }
  .c3-stat { flex-direction: column; align-items: flex-start; }
  .c3-ledger { padding: 90px 22px; }
  .c3-ledger-rows div { grid-template-columns: 35px 1fr; padding-block: 17px; }
  .c3-ledger-rows em { grid-column: 2; }
  .c3-final { min-height: 740px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Production page system */
.production-page { background: var(--ink); color: var(--paper); }
.production-page .site-nav:not(.nav-overlay) { background: var(--ink); }
.production-page .site-nav.is-light { background: var(--paper); color: var(--ink); border-color: var(--line-light); }
.production-page .site-nav.is-light .brand img { filter: brightness(0); }
.production-page .site-nav.is-light nav a,
.production-page .site-nav.is-light .text-link { color: rgba(10,10,19,.62); }
.production-page .site-nav.is-light .button-small { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.site-nav.is-light { background: var(--paper); color: var(--ink); border-color: var(--line-light); }
.site-nav.is-light .brand img { filter: brightness(0); }
.site-nav.is-light nav a,
.site-nav.is-light .text-link { color: rgba(10,10,19,.62); }
.site-nav.is-light nav a:hover,
.site-nav.is-light .text-link:hover { color: var(--ink); }
.site-nav.is-light .button-small { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.page-shell { overflow: clip; }
[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }
.page-kicker { font: 9px var(--mono); letter-spacing: .13em; text-transform: uppercase; color: var(--lime); }
.page-hero {
  position: relative;
  min-height: 760px;
  padding: 170px clamp(22px, 6vw, 100px) 90px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  background: var(--ink);
}
.page-hero.platform-home-hero { min-height: 100svh; padding: 140px clamp(22px,5vw,80px) 45px; }
.platform-home-hero .page-hero-media video { object-position: center; opacity: .96; filter: brightness(1.3) saturate(1.02) contrast(1.02); }
.platform-home-hero .page-hero-wash { background: linear-gradient(90deg,rgba(10,10,19,.9) 0%,rgba(10,10,19,.58) 28%,rgba(10,10,19,.12) 56%,rgba(10,10,19,0) 78%),linear-gradient(0deg,rgba(10,10,19,.86) 0%,rgba(10,10,19,.1) 38%,rgba(10,10,19,0) 72%); }
.platform-home-hero .c2-signal-row { max-width: 760px; }
.page-hero-media, .page-hero-wash { position: absolute; inset: 0; }
.page-hero-media video, .page-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.page-hero-wash { background: linear-gradient(90deg, rgba(10,10,19,.97), rgba(10,10,19,.62) 55%, rgba(10,10,19,.18)), linear-gradient(0deg, rgba(10,10,19,.82), transparent 60%); }
.page-hero-inner { position: relative; z-index: 2; max-width: 1100px; }
.page-hero h1 { margin-top: 28px; font: 500 clamp(64px, 9.2vw, 145px)/.84 var(--display); letter-spacing: -.08em; }
.page-hero h1 em { font-family: Georgia, serif; font-weight: 400; color: var(--lime); }
.page-hero-copy { max-width: 650px; margin-top: 35px; font-size: 18px; line-height: 1.62; color: rgba(237,237,237,.65); }
.page-hero-actions { margin-top: 38px; display: flex; gap: 25px; align-items: center; }
.page-hero-note { font: 9px var(--mono); color: rgba(237,237,237,.48); }
.editorial-section { padding: clamp(100px, 12vw, 190px) clamp(22px, 7vw, 120px); }
.editorial-section.is-paper { background: var(--paper); color: var(--ink); }
.editorial-section.is-purple { background: var(--purple); color: var(--paper); }
.editorial-head { display: grid; grid-template-columns: .55fr 1.45fr; gap: 70px; align-items: start; }
.editorial-head h2 { font: 500 clamp(48px, 7vw, 110px)/.92 var(--display); letter-spacing: -.07em; }
.editorial-head h2 em { font-family: Georgia, serif; font-weight: 400; color: var(--purple-2); }
.is-purple .editorial-head h2 em { color: var(--lime); }
.editorial-head-copy { max-width: 610px; padding-top: 10px; font-size: 17px; line-height: 1.7; color: rgba(10,10,19,.61); }
.is-purple .editorial-head-copy { color: rgba(237,237,237,.62); }
.statement-section { min-height: 760px; padding: 110px 6vw; display: grid; place-items: center; text-align: center; background: var(--purple); }
.statement-section h2 { max-width: 1300px; font: 500 clamp(58px, 9vw, 142px)/.89 var(--display); letter-spacing: -.078em; }
.statement-section h2 em { font: 400 1em Georgia, serif; color: var(--lime); }
.statement-section .page-kicker { margin-bottom: 35px; }
.product-chapter { min-height: 820px; display: grid; grid-template-columns: .76fr 1.24fr; background: var(--paper); color: var(--ink); border-bottom: 1px solid var(--line-light); }
.product-chapter.reverse { grid-template-columns: 1.24fr .76fr; }
.product-chapter.reverse .product-copy { grid-column: 2; grid-row: 1; }
.product-chapter.reverse .product-media { grid-column: 1; grid-row: 1; }
.product-copy { padding: 80px clamp(30px, 5vw, 85px); display: flex; flex-direction: column; align-items: flex-start; }
.product-copy h2 { margin-top: 45px; font: 500 clamp(46px, 5.4vw, 86px)/.92 var(--display); letter-spacing: -.06em; }
.product-copy h2 em { font: 400 1em Georgia, serif; color: var(--purple-2); }
.product-copy p { max-width: 480px; margin-top: 32px; font-size: 16px; line-height: 1.72; color: rgba(10,10,19,.61); }
.product-copy a.chapter-cta { min-height: 54px; margin-top: auto; padding: 0 21px; display: inline-flex; align-items: center; gap: 30px; border: 1px solid var(--ink); background: var(--ink); color: var(--paper); font-size: 13px; font-weight: 600; transition: background .2s ease, color .2s ease, transform .2s ease; }
.product-copy a.chapter-cta span { color: var(--lime); transition: transform .2s ease; }
.product-copy a.chapter-cta:hover { background: var(--purple); border-color: var(--purple); transform: translateY(-2px); }
.product-copy a.chapter-cta:hover span { transform: translateX(4px); }
.text-arrow { margin-top: auto; display: inline-flex; align-items: center; gap: 20px; padding-bottom: 8px; border-bottom: 1px solid currentColor; font-size: 12px; }
.product-media { overflow: hidden; background: var(--purple); }
.product-media video, .product-media img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.people-product .product-media video { object-position: 78% top; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.metric-card { min-height: 280px; padding: 28px; display: flex; flex-direction: column; border-right: 1px solid currentColor; }
.metric-card:last-child { border-right: 0; }
.metric-card > span { font: 9px var(--mono); color: var(--purple-2); }
.metric-card strong { margin-top: auto; font: 500 clamp(40px, 5vw, 78px) var(--display); letter-spacing: -.06em; }
.metric-card p { margin-top: 12px; max-width: 330px; font-size: 14px; line-height: 1.6; opacity: .62; }
.numbered-list { margin-top: 80px; border-top: 1px solid currentColor; }
.numbered-row { min-height: 120px; display: grid; grid-template-columns: 70px 1fr auto; align-items: center; gap: 25px; border-bottom: 1px solid currentColor; }
.numbered-row > span { font: 9px var(--mono); color: var(--lime); }
.numbered-row strong { font: 500 clamp(22px, 3vw, 38px) var(--display); }
.numbered-row em { font: 400 19px Georgia, serif; color: var(--lime); }
.final-banner { position: relative; min-height: 760px; padding: 100px 22px; display: grid; place-items: center; overflow: hidden; text-align: center; }
.final-banner-media, .final-banner-wash { position: absolute; inset: 0; }
.final-banner-media video, .final-banner-media img { width: 100%; height: 100%; object-fit: cover; object-position: center 10%; }
.final-banner-wash { background: rgba(10,10,19,.78); }
.final-banner-inner { position: relative; z-index: 2; max-width: 1200px; }
.final-banner h2 { margin: 30px 0 40px; font: 500 clamp(60px, 9vw, 140px)/.88 var(--display); letter-spacing: -.075em; }
.final-banner p { margin: -15px auto 38px; max-width: 610px; font-size: 17px; color: rgba(237,237,237,.62); }
.site-footer {
  padding: 85px clamp(22px, 6vw, 100px) 42px;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 80px;
  background: var(--ink);
  color: var(--paper);
  border-top: 1px solid var(--line-dark);
}
.site-footer-brand img { width: 130px; }
.site-footer-brand p { margin-top: 24px; color: rgba(237,237,237,.48); line-height: 1.55; }
.site-footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.site-footer-links div { display: flex; flex-direction: column; gap: 13px; }
.site-footer-links span { margin-bottom: 8px; font: 9px var(--mono); letter-spacing: .12em; color: rgba(237,237,237,.35); }
.site-footer-links a { font-size: 13px; color: rgba(237,237,237,.68); }
.site-footer-base { grid-column: 1 / -1; padding-top: 28px; display: flex; justify-content: space-between; border-top: 1px solid var(--line-dark); font: 9px var(--mono); color: rgba(237,237,237,.35); }

/* Pricing */
.pricing-hero { min-height: 620px; background: var(--purple); }
.pricing-hero .page-hero-wash { background: radial-gradient(circle at 82% 20%, rgba(160,78,247,.35), transparent 28%), linear-gradient(0deg, rgba(10,10,19,.12), transparent); }
.plans-section { padding: 110px clamp(22px, 5vw, 80px); background: var(--paper); color: var(--ink); }
.billing-note { margin-bottom: 25px; text-align: right; font: 9px var(--mono); letter-spacing: .08em; color: var(--purple-2); }
.plans-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--ink); }
.plan-card { position: relative; min-height: 680px; padding: 32px; display: flex; flex-direction: column; border-right: 1px solid var(--ink); }
.plan-card:last-child { border-right: 0; }
.plan-card.featured { background: var(--purple); color: var(--paper); }
.plan-badge { position: absolute; top: 0; right: 0; padding: 9px 12px; background: var(--lime); color: var(--ink); font: 8px var(--mono); }
.plan-card h2 { font: 500 35px var(--display); }
.plan-price { margin-top: 34px; display: flex; align-items: flex-end; gap: 7px; }
.plan-price strong { font: 500 clamp(58px, 6vw, 88px)/.8 var(--display); letter-spacing: -.08em; }
.plan-price span { font: 10px var(--mono); opacity: .55; }
.plan-summary { min-height: 72px; margin-top: 30px; font-size: 14px; line-height: 1.6; opacity: .6; }
.plan-list { margin: 30px 0 38px; padding: 25px 0 0; list-style: none; border-top: 1px solid currentColor; }
.plan-list li { position: relative; padding: 8px 0 8px 19px; font-size: 13px; line-height: 1.45; }
.plan-list li::before { content:""; position:absolute; left:0; top:14px; width:6px; height:6px; border-radius:50%; background: var(--purple-2); }
.featured .plan-list li::before { background: var(--lime); }
.plan-card .button { margin-top: auto; width: 100%; }
.plan-card:not(.featured) .button { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.fee-table { margin-top: 110px; }
.fee-table h2 { margin-bottom: 45px; font: 500 clamp(40px, 5vw, 72px) var(--display); letter-spacing: -.055em; }
.fee-row { min-height: 84px; display: grid; grid-template-columns: 1.3fr repeat(3, .7fr); align-items: center; border-top: 1px solid var(--line-light); }
.fee-row:last-child { border-bottom: 1px solid var(--line-light); }
.fee-row span { font-size: 13px; }
.fee-row strong { font: 500 18px var(--display); color: var(--purple-2); }
.faq-section { padding: 110px clamp(22px, 7vw, 120px); background: var(--ink); }
.faq-section > h2 { margin-bottom: 55px; font: 500 clamp(48px, 7vw, 100px) var(--display); letter-spacing: -.07em; }
.faq-item { border-top: 1px solid var(--line-dark); }
.faq-item:last-child { border-bottom: 1px solid var(--line-dark); }
.faq-item summary { padding: 28px 0; display: flex; justify-content: space-between; gap: 30px; list-style: none; font: 500 clamp(18px, 2.2vw, 27px) var(--display); cursor: pointer; }
.faq-item summary::after { content:"+"; color: var(--lime); }
.faq-item[open] summary::after { content:"–"; }
.faq-item p { max-width: 760px; padding: 0 0 30px; font-size: 15px; line-height: 1.7; color: rgba(237,237,237,.6); }

/* About and partners */
.definition-block { padding: 130px 7vw; background: var(--paper); color: var(--ink); }
.definition-block > span { font: 9px var(--mono); color: var(--purple-2); }
.definition-block h2 { margin-top: 32px; font: 500 clamp(55px, 8vw, 128px)/.9 var(--display); letter-spacing: -.075em; }
.definition-block h2 em { font: 400 1em Georgia, serif; color: var(--purple-2); }
.definition-note { max-width: 610px; margin: 60px 0 0 auto; font-size: 18px; line-height: 1.7; color: rgba(10,10,19,.62); }
.contact-band { padding: 110px 7vw; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; background: var(--lime); color: var(--ink); }
.contact-band h2 { font: 500 clamp(58px, 7vw, 110px)/.9 var(--display); letter-spacing: -.07em; }
.contact-band-copy { align-self: end; }
.contact-band-copy p { max-width: 520px; margin-bottom: 35px; font-size: 17px; line-height: 1.65; }
.contact-band .button { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.partner-economics { padding: 120px 6vw; background: var(--ink); }
.earnings-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line-dark); }
.earning-card { min-height: 360px; padding: 35px; display: flex; flex-direction: column; border-right: 1px solid var(--line-dark); }
.earning-card:last-child { border-right: 0; background: var(--purple); }
.earning-card span { font: 9px var(--mono); color: var(--lime); }
.earning-card h3 { margin-top: 20px; font: 500 32px var(--display); }
.earning-card strong { margin-top: auto; font: 500 clamp(65px, 8vw, 120px)/.8 var(--display); letter-spacing: -.08em; }
.earning-card p { margin-top: 15px; color: rgba(237,237,237,.55); }
.scale-strip { margin-top: 45px; padding: 35px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; border: 1px solid var(--line-dark); }
.scale-strip span { font: 500 clamp(20px, 3vw, 38px) var(--display); }
.scale-strip i { color: var(--lime); font-style: normal; }

/* About hero field */
.about-hero { isolation: isolate; background: var(--ink); }
.about-hero-field { position: absolute; inset: 0; overflow: hidden; background:
  radial-gradient(circle at 78% 34%, rgba(160,78,247,.72) 0, rgba(80,38,127,.44) 17%, transparent 42%),
  linear-gradient(118deg, #0a0a13 4%, #191027 43%, #2d1b69 72%, #50267f 100%); }
.about-hero-field::before { content:""; position:absolute; inset:0; background:
  linear-gradient(rgba(237,237,237,.055) 1px, transparent 1px),
  linear-gradient(90deg, rgba(237,237,237,.055) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(90deg, transparent 4%, black 48%, black 100%); }
.about-hero-field::after { content:""; position:absolute; width: 46vw; height: 140%; right: 8%; top: -20%; background: linear-gradient(180deg, rgba(193,255,0,.16), transparent 62%); border-left: 1px solid rgba(193,255,0,.38); transform: skewX(-18deg); }
.about-hero-field > span { position: absolute; right: clamp(-180px,-7vw,-40px); top: 50%; aspect-ratio: 1; border: 1px solid rgba(237,237,237,.18); border-radius: 50%; transform: translateY(-50%); animation: aboutOrbit 24s linear infinite; }
.about-hero-field > span:nth-child(1) { width: min(66vw,900px); }
.about-hero-field > span:nth-child(2) { width: min(49vw,660px); border-color: rgba(193,255,0,.42); animation-direction: reverse; animation-duration: 31s; }
.about-hero-field > span:nth-child(3) { width: min(31vw,420px); border-color: rgba(237,237,237,.28); animation-duration: 18s; }
.about-hero-field > span::after { content:""; position:absolute; left:-5px; top:50%; width:9px; height:9px; background:var(--lime); border-radius:50%; box-shadow:0 0 22px rgba(193,255,0,.48); }
.about-hero-field > i { position:absolute; right:15%; top:28%; width:13px; height:13px; background:var(--lime); transform:rotate(45deg); box-shadow:0 0 38px rgba(193,255,0,.35); }
.about-hero .page-hero-wash { background: linear-gradient(90deg, rgba(10,10,19,.94) 0%, rgba(10,10,19,.66) 52%, rgba(10,10,19,.08) 100%), linear-gradient(0deg, rgba(10,10,19,.72), transparent 55%); }
@keyframes aboutOrbit {
  from { transform: translateY(-50%) rotate(0deg); }
  to { transform: translateY(-50%) rotate(360deg); }
}

/* ALERA Labs */
.labs-page { background: var(--ink); }
.labs-hero { position: relative; min-height: 900px; padding: 165px clamp(22px,6vw,100px) 70px; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(250px,.6fr); gap: 70px; align-items: end; overflow: hidden; }
.labs-hero-media,
.labs-hero-wash { position: absolute; inset: 0; }
.labs-hero-media video { width: 100%; height: 100%; object-fit: cover; filter: saturate(.55) contrast(1.12); }
.labs-hero-wash { background: linear-gradient(90deg,rgba(10,10,19,.98) 0%,rgba(45,27,105,.9) 48%,rgba(10,10,19,.48) 100%),linear-gradient(0deg,rgba(10,10,19,.82),transparent 58%); }
.labs-hero-copy,
.labs-hero-index { position: relative; z-index: 2; }
.labs-hero-copy h1 { margin-top: 30px; font: 500 clamp(68px,9.5vw,150px)/.84 var(--display); letter-spacing: -.082em; }
.labs-hero-copy h1 em { color: var(--lime); font: 400 1em Georgia,serif; }
.labs-hero-copy p { max-width: 660px; margin-top: 38px; color: rgba(237,237,237,.68); font-size: 18px; line-height: 1.65; }
.labs-hero-index { min-height: 360px; padding: 25px; display: flex; flex-direction: column; border: 1px solid rgba(237,237,237,.25); background: rgba(10,10,19,.52); backdrop-filter: blur(8px); }
.labs-hero-index > span,
.labs-hero-index small { font: 8px var(--mono); letter-spacing: .12em; color: var(--lime); }
.labs-hero-index div { margin: auto 0; display: flex; flex-direction: column; }
.labs-hero-index div > * { padding: 12px 0; border-top: 1px solid rgba(237,237,237,.16); color: var(--paper); font: 500 clamp(22px,2.5vw,34px) var(--display); font-style: normal; }
.labs-hero-index div i { padding-left: 16%; color: rgba(237,237,237,.46); }
.labs-hero-index small { color: rgba(237,237,237,.38); }
.labs-thesis { padding: clamp(105px,13vw,190px) clamp(22px,7vw,120px); display: grid; grid-template-columns: .5fr 1.5fr; gap: 70px; background: var(--paper); color: var(--ink); }
.labs-thesis > .page-kicker { color: var(--purple-2); }
.labs-thesis h2 { max-width: 1050px; font: 500 clamp(48px,7.2vw,110px)/.92 var(--display); letter-spacing: -.07em; }
.labs-thesis h2 em { color: var(--purple-2); font: 400 1em Georgia,serif; }
.labs-thesis p { max-width: 650px; margin: 50px 0 0 auto; color: rgba(10,10,19,.62); font-size: 17px; line-height: 1.72; }
.labs-fields { padding: 120px clamp(22px,6vw,100px); background: var(--purple); }
.labs-section-head { display: grid; grid-template-columns: .55fr 1.45fr; gap: 70px; }
.labs-section-head h2 { font: 500 clamp(58px,8vw,126px)/.88 var(--display); letter-spacing: -.075em; }
.labs-section-head h2 em { color: var(--lime); font: 400 1em Georgia,serif; }
.labs-field-grid { margin-top: 90px; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.labs-field-grid article { min-height: 360px; padding: 26px; display: flex; flex-direction: column; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.labs-field-grid article > span { color: var(--lime); font: 9px var(--mono); }
.labs-field-grid h3 { margin-top: auto; font: 500 clamp(25px,2.6vw,38px)/1 var(--display); letter-spacing: -.045em; }
.labs-field-grid p { margin-top: 22px; color: rgba(237,237,237,.58); font-size: 14px; line-height: 1.65; }
.medici-intro { min-height: 920px; padding: 120px clamp(22px,6vw,100px); display: grid; grid-template-columns: .55fr 1.2fr .55fr; gap: clamp(35px,5vw,80px); align-items: center; background: var(--ink); }
.medici-mark { aspect-ratio: 1; display: grid; place-items: center; position: relative; border: 1px solid rgba(237,237,237,.18); }
.medici-mark span { color: var(--lime); font: 400 clamp(110px,15vw,220px)/1 Georgia,serif; }
.medici-mark i { position: absolute; left: 18px; bottom: 18px; color: rgba(237,237,237,.4); font: 8px var(--mono); font-style: normal; letter-spacing: .1em; }
.medici-copy h2 { margin-top: 30px; font: 500 clamp(60px,7.5vw,116px)/.88 var(--display); letter-spacing: -.075em; }
.medici-copy h2 em { color: var(--lime); font: 400 1em Georgia,serif; }
.medici-copy p { max-width: 680px; margin-top: 38px; color: rgba(237,237,237,.64); font-size: 17px; line-height: 1.72; }
.medici-promise { align-self: stretch; padding: 25px; display: flex; flex-direction: column; background: var(--lime); color: var(--ink); }
.medici-promise span { font: 8px var(--mono); letter-spacing: .11em; }
.medici-promise strong { margin-top: auto; font: 500 clamp(72px,8vw,120px)/.75 var(--display); letter-spacing: -.09em; }
.medici-promise p { margin-top: 20px; max-width: 190px; font: 500 18px/1.25 var(--display); }
.medici-detail { padding: 130px clamp(22px,7vw,120px); background: var(--paper); color: var(--ink); }
.medici-detail-head { display: grid; grid-template-columns: .45fr 1fr .7fr; gap: 60px; align-items: end; }
.medici-detail-head h2 { font: 500 clamp(52px,6vw,92px)/.92 var(--display); letter-spacing: -.065em; }
.medici-detail-head > p { color: rgba(10,10,19,.62); font-size: 16px; line-height: 1.7; }
.medici-formats { margin-top: 90px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.medici-formats span { min-height: 105px; padding: 24px; display: flex; align-items: flex-end; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); font: 500 clamp(20px,2.5vw,32px) var(--display); }
.medici-process { padding: 120px clamp(22px,6vw,100px); background: var(--purple); }
.medici-steps { margin-top: 90px; display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.medici-steps article { min-height: 330px; padding: 30px; display: flex; flex-direction: column; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.medici-steps article > span { color: var(--lime); font: 9px var(--mono); letter-spacing: .1em; }
.medici-steps h3 { margin-top: auto; max-width: 480px; font: 500 clamp(27px,3vw,42px)/1.04 var(--display); letter-spacing: -.045em; }
.medici-steps p { max-width: 540px; margin-top: 20px; color: rgba(237,237,237,.6); font-size: 14px; line-height: 1.65; }
.labs-principle { min-height: 110px; padding: 25px clamp(22px,5vw,80px); display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--lime); color: var(--ink); font: 600 10px var(--mono); letter-spacing: .1em; }
.labs-principle i { font-style: normal; opacity: .35; }
.labs-contact { padding: 120px clamp(22px,7vw,120px); display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; background: var(--ink); }
.labs-contact h2 { margin-top: 30px; font: 500 clamp(55px,7vw,108px)/.9 var(--display); letter-spacing: -.07em; }
.labs-contact-copy { align-self: end; }
.labs-contact-copy > p { max-width: 560px; color: rgba(237,237,237,.62); font-size: 17px; line-height: 1.7; }
.labs-contact-copy .button { margin-top: 35px; }
.labs-contact-copy small { display: block; margin-top: 25px; color: rgba(237,237,237,.4); font: 9px var(--mono); }
.labs-contact-copy small a { color: var(--lime); }

/* Blog listing redesign — preserves archive markup and filtering */
.redesign-blog { background: var(--paper); color: var(--ink); }
.redesign-blog .promo-bar { display: none; }
.redesign-blog .nav { position: relative; width: 100%; height: 86px; min-height: 86px; padding: 0 clamp(22px,4.2vw,72px); background: var(--paper); border-bottom: 1px solid var(--line-light); }
.redesign-blog .nav-logo { width: 114px !important; }
.redesign-blog .nav-logo img { width: 114px !important; height: auto; }
.redesign-blog .nav-toggle span { background: #0a0a13 !important; }
.redesign-blog .nav-logo img { filter: brightness(0); }
.redesign-blog .nav-link { color: rgba(10,10,19,.62); }
.redesign-blog .nav-cta { background: var(--ink); color: var(--paper); }
.redesign-blog .blog-hero { min-height: 670px; padding: 130px 6vw 80px; display: flex; align-items: flex-end; background: var(--purple); color: var(--paper); }
.redesign-blog .blog-hero-bg { background: radial-gradient(circle at 78% 30%, rgba(160,78,247,.45), transparent 28%); }
.redesign-blog .blog-hero-content { width: 100%; max-width: none; text-align: left; }
.redesign-blog .blog-eyebrow { font: 9px var(--mono); letter-spacing: .13em; color: var(--lime); }
.redesign-blog .blog-hero-title { max-width: 1250px; margin-top: 30px; font: 500 clamp(65px, 9vw, 145px)/.86 var(--display); letter-spacing: -.08em; }
.redesign-blog .blog-hero-title .accent { font-family: Georgia, serif; font-weight: 400; color: var(--lime); }
.redesign-blog .blog-hero-text { max-width: 620px; margin: 35px 0 0 auto; font-size: 17px; line-height: 1.65; color: rgba(237,237,237,.62); }
.redesign-blog .blog-grid-section { padding: 85px 5vw 130px; background: var(--paper); }
.redesign-blog .blog-filters { justify-content: flex-start; gap: 0; margin-bottom: 55px; border-bottom: 1px solid var(--line-light); }
.redesign-blog .blog-filter-tab { padding: 14px 18px; border: 0; border-radius: 0; background: transparent; color: rgba(10,10,19,.5); font: 9px var(--mono); letter-spacing: .08em; }
.redesign-blog .blog-filter-tab.active { background: var(--ink); color: var(--paper); }
.redesign-blog .blog-grid { gap: 0; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.redesign-blog .blog-card { padding: 18px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); border-radius: 0; background: transparent; color: var(--ink); box-shadow: none; }
.redesign-blog .blog-card:hover { transform: none; background: rgba(80,38,127,.06); }
.redesign-blog .blog-card-image { border-radius: 0; aspect-ratio: 1.35; }
.redesign-blog .blog-card-image img { filter: saturate(.75); }
.redesign-blog .blog-card-content { padding: 22px 0 8px; }
.redesign-blog .blog-card-category { color: var(--purple-2); }
.redesign-blog .blog-card-date { color: rgba(10,10,19,.42); }
.redesign-blog .blog-card-title { color: var(--ink); font: 500 23px/1.12 var(--display); letter-spacing: -.035em; }
.redesign-blog .blog-card-excerpt { color: rgba(10,10,19,.58); line-height: 1.6; }
.redesign-blog .blog-card-link { color: var(--purple-2); }
.redesign-blog .cta { background: var(--purple); }
.redesign-blog .footer { background: var(--ink); }

/* Legal redesign — preserves the legal copy verbatim */
.redesign-legal { background: var(--paper); color: var(--ink); }
.redesign-legal .nav { position: relative; width: 100%; height: 86px; min-height: 86px; padding: 0 clamp(22px,4.2vw,72px); background: var(--paper); border-bottom: 1px solid var(--line-light); }
.redesign-legal .nav-logo { width: 114px !important; }
.redesign-legal .nav-logo img { width: 114px !important; height: auto; }
.redesign-legal .nav-toggle span { background: #0a0a13 !important; }
.redesign-legal .nav-logo img { filter: brightness(0); }
.redesign-legal .nav-link { color: rgba(10,10,19,.62); }
.redesign-legal .nav-cta { background: var(--ink); color: var(--paper); }
.redesign-legal .legal-page { width: 100%; max-width: none; margin: 0; padding: 0 0 130px; background: var(--paper); }
.redesign-legal .legal-header { max-width: none; min-height: 520px; margin: 0; padding: 120px 7vw 70px; display: flex; flex-direction: column; justify-content: flex-end; background: var(--purple); color: var(--paper); text-align: left; }
.redesign-legal .legal-title { font: 500 clamp(68px, 10vw, 150px)/.84 var(--display); letter-spacing: -.08em; }
.redesign-legal .legal-updated { margin-top: 35px; font: 9px var(--mono); letter-spacing: .1em; color: var(--lime); }
.redesign-legal .legal-content { width: min(100% - 44px, 980px); margin: 90px auto 0; color: rgba(10,10,19,.68); }
.redesign-legal .legal-section { margin-bottom: 65px; }
.redesign-legal .legal-intro { padding: 35px; border-left: 4px solid var(--lime); background: var(--ink); color: var(--paper); }
.redesign-legal .legal-content h2 { margin: 75px 0 28px; padding-top: 24px; border-top: 1px solid var(--line-light); font: 500 clamp(28px, 4vw, 45px)/1.08 var(--display); letter-spacing: -.04em; color: var(--purple-2); }
.redesign-legal .legal-content h3 { margin: 32px 0 12px; font: 600 18px var(--display); color: var(--ink); }
.redesign-legal .legal-content p,
.redesign-legal .legal-content li { font-size: 15px; line-height: 1.78; color: rgba(10,10,19,.68); }
.redesign-legal .legal-content strong,
.redesign-legal .legal-section ul li strong,
.redesign-legal .cookie-type strong,
.redesign-legal .cookie-row.cookie-header .cookie-type,
.redesign-legal .cookie-row.cookie-header .cookie-purpose { color: var(--ink); }
.redesign-legal .legal-intro p { color: rgba(237,237,237,.75); }
.redesign-legal .legal-intro strong { color: var(--paper); }
.redesign-legal .legal-content a { color: var(--purple-2); text-decoration: underline; text-underline-offset: 3px; }
.redesign-legal .legal-content .legal-intro a { color: var(--lime); }
.redesign-legal .cookie-table,
.redesign-legal .legal-table { border: 1px solid var(--line-light); border-radius: 0; }
.redesign-legal .cookie-row { border-bottom-color: var(--line-light); }
.redesign-legal .cookie-row.cookie-header,
.redesign-legal .cookie-type { background: rgba(80,38,127,.05); }
.redesign-legal .cookie-type { border-right-color: var(--line-light); }
.redesign-legal .cookie-purpose { color: rgba(10,10,19,.68); }
.redesign-legal .legal-table { width: 100%; border-collapse: collapse; color: rgba(10,10,19,.68); }
.redesign-legal .legal-table th,
.redesign-legal .legal-table td { padding: 16px 18px; border: 1px solid var(--line-light); text-align: left; vertical-align: top; }
.redesign-legal .legal-table th { background: rgba(80,38,127,.05); color: var(--ink); }

@media (max-width: 960px) {
  .editorial-head, .contact-band { grid-template-columns: 1fr; }
  .product-chapter, .product-chapter.reverse { grid-template-columns: 1fr; }
  .product-chapter .product-copy, .product-chapter.reverse .product-copy { grid-column: 1; grid-row: 1; min-height: 560px; }
  .product-chapter .product-media, .product-chapter.reverse .product-media { grid-column: 1; grid-row: 2; min-height: 620px; }
  .plans-grid { grid-template-columns: 1fr; }
  .plan-card { min-height: 610px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .plan-card:last-child { border-bottom: 0; }
  .site-footer { grid-template-columns: 1fr; }
  .redesign-blog .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .labs-hero { grid-template-columns: 1fr; }
  .labs-hero-index { width: min(100%,620px); min-height: 280px; }
  .labs-thesis,
  .labs-section-head,
  .medici-detail-head,
  .labs-contact { grid-template-columns: 1fr; }
  .labs-field-grid { grid-template-columns: repeat(2,1fr); }
  .medici-intro { grid-template-columns: 1fr 1fr; }
  .medici-copy { grid-column: 1 / -1; grid-row: 1; }
  .medici-detail-head > p { max-width: 620px; }
}

@media (max-width: 640px) {
  .redesign-blog .nav-toggle,
  .redesign-legal .nav-toggle { width: 42px; height: 42px; padding: 9px; border: 1px solid #0a0a13 !important; background: #0a0a13 !important; }
  .redesign-blog .nav-toggle span,
  .redesign-legal .nav-toggle span { background: #ededed !important; }
  .page-hero { min-height: 720px; padding: 130px 22px 70px; }
  .page-hero.platform-home-hero { min-height: 100svh; padding: 115px 22px 55px; }
  .page-hero h1 { font-size: clamp(58px, 18vw, 92px); }
  .page-hero-actions { flex-direction: column; align-items: flex-start; }
  .editorial-section { padding-block: 90px; }
  .metric-grid { grid-template-columns: 1fr; }
  .metric-card { min-height: 220px; border-right: 0; border-bottom: 1px solid currentColor; }
  .numbered-row { grid-template-columns: 35px 1fr; padding: 22px 0; }
  .numbered-row em { grid-column: 2; }
  .product-chapter .product-copy, .product-chapter.reverse .product-copy { min-height: 580px; padding: 70px 22px; }
  .product-chapter .product-media, .product-chapter.reverse .product-media { min-height: 480px; }
  .site-footer-links { grid-template-columns: 1fr 1fr; }
  .site-footer-base { flex-direction: column; gap: 10px; }
  .fee-row { grid-template-columns: 1fr repeat(3, .5fr); gap: 8px; }
  .fee-row span, .fee-row strong { font-size: 11px; }
  .earnings-grid { grid-template-columns: 1fr; }
  .earning-card { border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .scale-strip { grid-template-columns: 1fr; }
  .scale-strip i { transform: rotate(90deg); }
  .redesign-blog .blog-hero { min-height: 620px; padding-inline: 22px; }
  .redesign-blog .blog-grid { grid-template-columns: 1fr; }
  .redesign-blog .blog-filters { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; }
  .redesign-legal .legal-header { min-height: 430px; padding: 100px 22px 55px; }
  .redesign-legal .legal-content { margin-top: 60px; }
  .labs-hero { min-height: 820px; padding: 130px 22px 60px; gap: 45px; }
  .labs-hero-copy h1 { font-size: clamp(58px,18vw,88px); }
  .labs-hero-copy p { font-size: 16px; }
  .labs-hero-index { min-height: 250px; }
  .labs-thesis,
  .labs-fields,
  .medici-detail,
  .medici-process,
  .labs-contact { padding: 90px 22px; }
  .labs-thesis { gap: 40px; }
  .labs-thesis p { margin-top: 35px; }
  .labs-field-grid,
  .medici-formats,
  .medici-steps { grid-template-columns: 1fr; }
  .labs-field-grid article { min-height: 290px; }
  .medici-intro { padding: 90px 22px; grid-template-columns: 1fr; }
  .medici-copy { grid-column: 1; }
  .medici-mark { min-height: 340px; }
  .medici-promise { min-height: 310px; }
  .medici-detail-head { gap: 35px; }
  .medici-formats,
  .medici-steps { margin-top: 60px; }
  .medici-steps article { min-height: 290px; }
  .labs-principle { justify-content: flex-start; flex-wrap: wrap; line-height: 1.5; }
  .labs-contact { gap: 55px; }
}

/* Shared scroll progress */
.progress-bar {
  display:none;
}
.site-nav > .progress-bar {
  position:absolute;
  z-index:2;
  top:-1px !important;
  left:-1px;
  display:block;
  width:calc(100% + 2px);
  height:2px;
  background:var(--lime);
  transform:scaleX(0);
  transform-origin:left center;
  transition:none;
  pointer-events:none;
  will-change:transform;
}

/* Shared 2026 navigation rail */
.site-nav,
.site-nav.nav-overlay,
.production-page .site-nav:not(.nav-overlay) {
  --nav-fg: var(--paper);
  --nav-muted: rgba(237,237,237,.62);
  --nav-border: rgba(237,237,237,.18);
  --nav-surface: rgba(10,10,19,.42);
  position: fixed;
  z-index: 1000;
  top: 14px;
  left: clamp(10px,2vw,28px);
  right: clamp(10px,2vw,28px);
  width: auto;
  height: 68px;
  min-height: 68px;
  padding: 8px 10px 8px 18px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  color: var(--nav-fg);
  background: var(--nav-surface);
  border: 1px solid var(--nav-border);
  border-radius: 2px;
  box-shadow: 0 12px 38px rgba(10,10,19,.08);
  backdrop-filter: blur(22px) saturate(145%);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  transition: top .35s cubic-bezier(.22,1,.36,1), height .35s cubic-bezier(.22,1,.36,1), min-height .35s cubic-bezier(.22,1,.36,1), background .35s ease, border-color .35s ease, box-shadow .35s ease, transform .35s cubic-bezier(.22,1,.36,1);
}
.site-nav::before { content:none; }
.site-nav.is-scrolled { top:8px; height:60px; min-height:60px; padding:5px 10px 5px 18px; --nav-surface:rgba(10,10,19,.68); --nav-border:rgba(237,237,237,.2); box-shadow:0 16px 48px rgba(10,10,19,.2); }
.site-nav.is-hidden { transform:translateY(calc(-100% - 24px)); }
.site-nav.menu-open { transform:none; }
.site-nav.is-scrolled::before { width:72px; }
.site-nav .brand { position:relative; width:96px; height:40px; display:block; overflow:hidden; transition:width .35s cubic-bezier(.22,1,.36,1), opacity .2s ease; }
.site-nav.is-scrolled .brand { width:88px; }
.site-nav .brand img { position:absolute; top:50%; left:0; width:100%; height:auto; transform:translateY(-50%); filter:none; }
.site-nav nav { display:flex; align-items:center; gap:clamp(24px,3vw,46px); }
.site-nav nav > a,
.site-nav .text-link { position:relative; padding:10px 0; color:var(--nav-muted); font-size:12px; transition:color .2s ease; }
.site-nav nav > a::after { content:""; position:absolute; left:0; right:100%; bottom:3px; height:1px; background:var(--lime); transition:right .3s cubic-bezier(.22,1,.36,1); }
.site-nav nav > a:hover,
.site-nav nav > a[aria-current="page"],
.site-nav .text-link:hover { color:var(--nav-fg); }
.site-nav nav > a:hover::after,
.site-nav nav > a[aria-current="page"]::after { right:0; }
.site-nav .nav-actions { gap:24px; }
.site-nav .button-small { min-height:48px; padding:0 19px; background:var(--lime); border-color:var(--lime); color:var(--ink); }
.site-nav .button-small:hover { background:var(--paper); border-color:var(--paper); color:var(--ink); transform:none; }
.site-nav .menu-button { color:var(--nav-fg); }
.site-nav.is-light,
.production-page .site-nav.is-light {
  --nav-fg:var(--ink);
  --nav-muted:rgba(10,10,19,.58);
  --nav-border:rgba(10,10,19,.16);
  --nav-surface:rgba(237,237,237,.58);
  color:var(--nav-fg);
  background:var(--nav-surface);
  border-color:var(--nav-border);
}
.site-nav.is-light.is-scrolled,
.production-page .site-nav.is-light.is-scrolled { --nav-surface:rgba(237,237,237,.76); box-shadow:0 16px 44px rgba(10,10,19,.13); }
.site-nav.is-light .brand img { filter:brightness(0); }
.site-nav.is-light nav > a,
.site-nav.is-light .text-link { color:var(--nav-muted); }
.site-nav.is-light nav > a:hover,
.site-nav.is-light nav > a[aria-current="page"],
.site-nav.is-light .text-link:hover { color:var(--ink); }
.site-nav.is-light .button-small { background:var(--ink); border-color:var(--ink); color:var(--paper); }
.nav-mobile-actions { display:none; }
body.nav-menu-open { overflow:hidden; }

@media (prefers-reduced-motion:reduce) {
  .site-nav,
  .site-nav.nav-overlay,
  .production-page .site-nav:not(.nav-overlay) { transition:none; }
  .signal-orbit::before,
  .signal-orbit > span,
  .signal-orbit > span::after,
  .signal-orbit b { animation:none; }
}

@media (max-width:1050px) {
  .site-nav,
  .site-nav.nav-overlay,
  .production-page .site-nav:not(.nav-overlay) {
    height:64px;
    min-height:64px;
    padding:7px 8px 7px 16px;
    grid-template-columns:1fr auto;
  }
  .site-nav .brand,
  .site-nav.is-scrolled .brand { grid-row:1; width:90px; }
  .site-nav.is-scrolled { padding:5px 8px 5px 16px; }
  .site-nav .nav-actions { display:none; }
  .site-nav .menu-button { position:relative; z-index:2; grid-column:2; grid-row:1; display:block; width:48px; height:48px; background:transparent; border:1px solid var(--nav-border); }
  .site-nav .menu-button span { transition:transform .3s cubic-bezier(.22,1,.36,1), opacity .2s ease; }
  .site-nav.menu-open .menu-button span:first-child { transform:translateY(3px) rotate(45deg); }
  .site-nav.menu-open .menu-button span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .site-nav nav {
    grid-column:1 / -1;
    grid-row:2;
    max-height:0;
    padding:0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(-10px);
    pointer-events:none;
    transition:max-height .55s cubic-bezier(.22,1,.36,1), padding .45s ease, opacity .25s ease, transform .45s cubic-bezier(.22,1,.36,1);
  }
  .site-nav.menu-open {
    --nav-fg:var(--paper);
    --nav-muted:rgba(237,237,237,.56);
    --nav-border:rgba(237,237,237,.16);
    --nav-surface:rgba(10,10,19,.97);
    height:auto;
    min-height:64px;
    grid-template-rows:48px auto;
    background:var(--nav-surface);
    color:var(--paper);
    box-shadow:0 25px 80px rgba(10,10,19,.42);
  }
  .site-nav.is-light.menu-open .brand img { filter:none; }
  .site-nav.menu-open nav { max-height:540px; padding:20px 8px 12px; opacity:1; transform:none; pointer-events:auto; }
  .site-nav.menu-open nav > a { padding:17px 4px; color:var(--paper); border-top:1px solid rgba(237,237,237,.13); font:500 clamp(25px,6vw,38px)/1 var(--display); letter-spacing:-.04em; }
  .site-nav.menu-open nav > a::after { display:none; }
  .nav-mobile-actions { padding-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:10px; border-top:1px solid rgba(237,237,237,.13); }
  .nav-mobile-actions a { min-height:48px; display:flex; align-items:center; justify-content:center; color:var(--paper); border:1px solid rgba(237,237,237,.25); font-size:12px; }
  .nav-mobile-actions a:last-child { background:var(--lime); border-color:var(--lime); color:var(--ink); }
}

@media (max-width:560px) {
  .site-nav,
  .site-nav.nav-overlay,
  .production-page .site-nav:not(.nav-overlay) { top:8px; left:8px; right:8px; }
  .site-nav.is-scrolled { top:6px; }
}