/* ──────────────────────────────────────────────
   01 Foundry v3 — Industrial-dark mobile-first
   Brand-green accents, sharp typography, Cors-Ilyakhov tone
────────────────────────────────────────────── */

:root {
  --bg: #050505;
  --bg-elev: #0a0a0a;
  --bg-card: #111;
  --bg-dim: #080808;
  --border: rgba(255,255,255,.08);
  --border-2: rgba(255,255,255,.14);
  --text: #f4f4f4;
  --text-2: #a8a8a8;
  --text-3: #6b6b6b;
  --accent: #a8ee48;
  --accent-2: #c4f76d;
  --accent-on: #050505;
  --danger: #ff6b4a;

  --font-sans: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --container: 1200px;
  --gutter: 20px;
  --radius: 4px;
  --radius-lg: 10px;
  --ease: cubic-bezier(.16,1,.3,1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.55;
  font-feature-settings: "ss01" on, "cv11" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 1; opacity: .5;
  background-image:
    radial-gradient(ellipse at top, rgba(168,238,72,.04), transparent 50%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }

.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
  position: relative;
}

:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* ─────── DRAFT BANNER ─────── */
.draft-banner {
  position: sticky;
  top: 0; left: 0; right: 0;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  color: var(--accent-on);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 8px 14px;
  text-align: center;
  z-index: 100;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  text-transform: uppercase;
}
.draft-banner__dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent-on);
  animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse { 0%,100%{ opacity:1; } 50%{ opacity:.4; } }

/* ─────── TYPOGRAPHY ─────── */
.label {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--accent);
  text-transform: uppercase;
  margin-bottom: 14px;
  font-weight: 500;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 500;
  margin-bottom: 28px;
  padding: 0;
  background: none;
  border: none;
}
.eyebrow::before {
  content: "";
  display: block;
  width: 36px;
  height: 1px;
  background: var(--accent);
  flex: 0 0 auto;
}
@media (min-width: 700px) {
  .eyebrow { font-size: 12px; }
  .eyebrow::before { width: 48px; }
}

h1, h2, h3, h4 {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.05;
  color: var(--text);
}
h1 { font-size: clamp(32px, 7vw, 64px); }
h2 { font-size: clamp(26px, 4.4vw, 44px); }
h3 { font-size: clamp(18px, 2.6vw, 22px); font-weight: 600; letter-spacing: -.015em; }
h4 { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--text-2); }

p { color: var(--text-2); line-height: 1.6; }
em { font-style: italic; color: var(--text-3); }
strong { color: var(--text); font-weight: 600; }

/* ─────── BUTTONS ─────── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 22px;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  border-radius: var(--radius);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all .22s var(--ease);
  white-space: nowrap;
  text-align: center;
}
.btn--accent {
  background: var(--accent); color: var(--accent-on); border-color: var(--accent);
}
.btn--accent:hover { background: var(--accent-2); border-color: var(--accent-2); transform: translateY(-1px); box-shadow: 0 12px 30px rgba(168,238,72,.22); }
.btn--ghost {
  background: transparent; color: var(--text); border-color: var(--border-2);
}
.btn--ghost:hover { border-color: var(--accent); color: var(--accent); }
.btn--sm { padding: 10px 16px; font-size: 13px; }
.btn--block { width: 100%; padding-top: 16px; padding-bottom: 16px; font-size: 15px; }

.btn__loading { display: none; }
.btn--loading .btn__label { display: none; }
.btn--loading .btn__loading { display: inline; }

/* ─────── NAV ─────── */
.nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(5,5,5,.78);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid var(--border);
}
.nav__row {
  display: flex; align-items: center; justify-content: space-between;
  height: 64px; gap: 16px;
}
/* Mobile order: burger LEFT, brand RIGHT */
.nav__brand { order: 2; display: flex; align-items: center; }
.nav__burger { order: 1; }
.nav__brand-img {
  height: 32px;
  width: auto;
  display: block;
}
@media (min-width: 880px) {
  .nav__brand-img { height: 36px; }
}

.nav__links { display: none; }
.nav__cta { display: none; }
.nav__burger {
  background: transparent; border: none; cursor: pointer;
  width: 34px; height: 34px; display: flex; flex-direction: column;
  justify-content: center; align-items: center; gap: 5px;
}
.nav__burger span {
  display: block; width: 22px; height: 2px;
  background: var(--text); transition: all .25s var(--ease);
}
.nav__burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav__burger.is-open span:nth-child(2) { opacity: 0; }
.nav__burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.nav__mobile {
  display: none;
  flex-direction: column;
  padding: 16px var(--gutter) 24px;
  gap: 4px;
  background: var(--bg);
  border-top: 1px solid var(--border);
}
.nav__mobile.is-open { display: flex; }
.nav__mobile a { padding: 12px 0; color: var(--text-2); font-size: 16px; border-bottom: 1px solid var(--border); }
.nav__mobile a:last-of-type { border-bottom: none; }
.nav__mobile .btn { margin-top: 12px; }

@media (min-width: 880px) {
  .nav__row { height: 72px; }
  .nav__brand { order: 0; }
  .nav__links {
    display: flex; gap: 24px;
    font-size: 14px;
    color: var(--text-2);
  }
  .nav__links a {
    position: relative; padding: 4px 0;
    transition: color .2s var(--ease);
  }
  .nav__links a:hover { color: var(--text); }
  .nav__links a::after {
    content: ""; position: absolute; left: 0; bottom: -2px;
    width: 0; height: 1px; background: var(--accent);
    transition: width .25s var(--ease);
  }
  .nav__links a:hover::after { width: 100%; }
  .nav__cta { display: inline-flex; }
  .nav__burger { display: none; }
  .nav__mobile { display: none !important; }
}

/* ─────── SECTION ─────── */
.section {
  padding: 70px 0;
  position: relative;
}
.section--dim {
  background: var(--bg-dim);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.section__head { max-width: 760px; margin-bottom: 40px; }
.section__title { margin-bottom: 14px; }
.section__sub { font-size: 16px; color: var(--text-2); max-width: 60ch; margin-top: 12px; line-height: 1.55; }
.section__sub--accent { color: var(--accent); font-weight: 500; }

@media (min-width: 880px) {
  .section { padding: 110px 0; }
  .section__head { margin-bottom: 56px; }
}

/* ─────── HERO ─────── */
.hero {
  padding: 60px 0 80px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute; inset: 0; z-index: -2;
  background-image: url("assets/bg/bg-1.jpeg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .75;
}
.hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(ellipse at 30% 50%, rgba(5,5,5,.55), rgba(5,5,5,.88) 70%),
    linear-gradient(180deg, rgba(5,5,5,.4) 0, rgba(5,5,5,.7) 60%, var(--bg) 100%);
}
.hero__title {
  margin: 18px 0 22px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.08;
}
.hero__title-alt {
  display: block;
  color: var(--accent);
  font-size: .8em;
  font-weight: 600;
  margin-top: 6px;
  font-style: italic;
  font-family: var(--font-sans);
}
.hero__sub {
  font-size: 16px;
  color: var(--text-2);
  max-width: 62ch;
  margin-bottom: 28px;
  line-height: 1.55;
}
.hero__cta {
  display: flex; gap: 12px; flex-wrap: wrap;
  margin-bottom: 18px;
}
.hero__cta .btn { flex: 1 1 auto; }
.hero__note {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--text-3);
  letter-spacing: .06em;
  text-transform: uppercase;
}

@media (min-width: 700px) {
  .hero { padding: 100px 0 100px; }
  .hero__sub { font-size: 18px; max-width: 60ch; margin-bottom: 36px; }
  .hero__cta .btn { flex: 0 0 auto; }
}
@media (min-width: 880px) {
  .hero { padding: 140px 0 120px; }
  .hero__sub { font-size: 20px; }
}

/* ─────── CHIPS (Block 2) ─────── */
.chips {
  display: flex; flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}
.chip {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-2);
  background: var(--bg-card);
  border: 1px solid var(--border-2);
  border-radius: 100px;
  padding: 6px 12px;
  white-space: nowrap;
  letter-spacing: .02em;
}
.id__affirm {
  font-size: 19px;
  line-height: 1.5;
  color: var(--text);
  margin-bottom: 16px;
  max-width: 72ch;
}
.id__affirm strong { color: var(--accent); font-weight: 700; }
.id__sub {
  font-size: 14px;
  color: var(--text-3);
  max-width: 72ch;
}

@media (min-width: 880px) {
  .id__affirm { font-size: 22px; max-width: 78ch; margin-bottom: 22px; }
  .id__sub { font-size: 15px; }
}

/* ─────── DIFFERENTIATION (Block 3) ─────── */
.diff__lead { font-size: 16px; color: var(--text-2); margin-bottom: 22px; max-width: 70ch; line-height: 1.6; }
/* SPECTRUM (HTML + inline SVG, mobile-first vertical) */
.spectrum {
  margin: 0 0 32px;
  padding: 28px 18px 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: #000;
  position: relative;
}
.spectrum__header {
  text-align: center;
  margin-bottom: 28px;
}
.spectrum__title {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: .22em;
  color: var(--text);
  font-weight: 500;
  margin: 0;
}
.spectrum__rule {
  width: 80px;
  height: 1px;
  background: var(--accent);
  margin: 10px auto 0;
  opacity: .7;
}
.spectrum__stations {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  position: relative;
}
/* Mobile vertical: connecting line down the left of icons */
.spectrum__stations::before {
  content: "";
  position: absolute;
  top: 36px; bottom: 80px;
  left: 36px;
  width: 0;
  border-left: 1px dashed rgba(255,255,255,.28);
}
.station {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  gap: 18px;
  padding: 4px 0;
  position: relative;
}
.station__icon {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  border: 1px solid var(--border-2);
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.station__icon svg {
  width: 56px;
  height: 56px;
  overflow: visible;
}
.station__icon--apex {
  background: rgba(168,238,72,.04);
  border-color: rgba(168,238,72,.4);
  box-shadow: 0 0 24px rgba(168,238,72,.18);
}
.station__label {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .14em;
  color: var(--text);
  font-weight: 500;
  margin: 0 0 4px;
}
.station__label--apex { color: var(--accent); }
.station__sub {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: rgba(255,255,255,.5);
  font-style: italic;
  margin: 0;
}
.station__sub--apex { color: rgba(168,238,72,.75); }
.spectrum__arrows {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 24px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .04em;
  color: rgba(255,255,255,.38);
  text-align: center;
}

/* SVG colour helpers (re-used) */
.sp-stroke { stroke: rgba(255,255,255,.85); stroke-width: 1; fill: none; }
.sp-faint  { stroke: rgba(255,255,255,.32); stroke-width: 1; fill: none; }
.sp-fill   { fill: rgba(255,255,255,.85); }
.sp-chaos line { stroke: rgba(255,255,255,.55); stroke-width: 1; }
.sp-tiny   { fill: rgba(255,255,255,.5); font-size: 12px; font-family: var(--font-mono); }
.sp-apex-stroke { stroke: var(--accent); stroke-width: 1; fill: none; }
.sp-apex-fill { fill: var(--accent); }
.sp-apex-core {
  fill: var(--accent);
  filter: drop-shadow(0 0 4px rgba(168,238,72,.8));
}
.sp-apex-glow {
  stroke: var(--accent); stroke-width: .5; fill: none;
  opacity: .15;
  filter: drop-shadow(0 0 8px rgba(168,238,72,.6));
}
.sp-apex-icosa {
  transform-origin: center;
  transform-box: fill-box;
  animation: sp-apex-spin 32s linear infinite;
}
@keyframes sp-apex-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .sp-apex-icosa { animation: none; }
}

/* DESKTOP: 4 columns side-by-side, horizontal connector */
@media (min-width: 760px) {
  .spectrum { padding: 36px 28px 28px; }
  .spectrum__title { font-size: 14px; }
  .spectrum__stations {
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    align-items: start;
  }
  .spectrum__stations::before {
    top: 60px; bottom: auto;
    left: 10%;
    right: 10%;
    width: auto;
    height: 0;
    border-left: none;
    border-top: 1px dashed rgba(255,255,255,.28);
  }
  .station {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
    gap: 16px;
  }
  .station__icon {
    width: 96px;
    height: 96px;
  }
  .station__icon svg { width: 72px; height: 72px; }
  .station__label { font-size: 13px; }
  .station__sub { font-size: 12px; }
  .spectrum__arrows {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
    font-size: 11px;
  }
}
/* Shared svg colour helpers */
.sp-stroke      { stroke: rgba(255,255,255,.8); stroke-width: 1; fill: none; }
.sp-faint       { stroke: rgba(255,255,255,.32); stroke-width: 1; fill: none; }
.sp-fill        { fill: rgba(255,255,255,.85); }
/* Title */
.sp-title {
  fill: var(--text);
  font-family: var(--font-mono);
  font-size: 16px;
  letter-spacing: .24em;
  font-weight: 500;
}
.sp-title-rule { stroke: var(--accent); stroke-width: 1; opacity: .6; }
/* Background flair */
.sp-binary { fill: rgba(255,255,255,.16); font-size: 11px; letter-spacing: .12em; font-family: var(--font-mono); }
.sp-equation { fill: rgba(255,255,255,.22); font-size: 12px; font-style: italic; font-family: var(--font-mono); letter-spacing: .08em; }
/* Axis */
.sp-axis { stroke: rgba(255,255,255,.38); stroke-width: 1; stroke-dasharray: 2 5; }
.sp-arrow-lbl { fill: rgba(255,255,255,.38); font-size: 11px; font-family: var(--font-mono); letter-spacing: .06em; text-transform: lowercase; }
/* Station markers */
.sp-marker { fill: rgba(255,255,255,.85); }
.sp-marker--apex {
  fill: var(--accent);
  filter: drop-shadow(0 0 6px rgba(168,238,72,.55));
}
/* Station labels */
.sp-station-lbl {
  fill: var(--text);
  font-size: 12px;
  letter-spacing: .14em;
  font-weight: 500;
  font-family: var(--font-mono);
}
.sp-station-lbl--apex { fill: var(--accent); }
.sp-station-sub {
  fill: rgba(255,255,255,.45);
  font-size: 11px;
  font-style: italic;
  font-family: var(--font-mono);
  letter-spacing: .04em;
}
.sp-station-sub--apex { fill: rgba(168,238,72,.7); font-style: italic; }
.sp-tiny { fill: rgba(255,255,255,.45); font-size: 10px; font-family: var(--font-mono); }
/* Station 1 chaos lines */
.sp-chaos line { stroke: rgba(255,255,255,.55); stroke-width: 1; }
/* Apex (01 Foundry) — accent green palette */
.sp-apex-stroke { stroke: var(--accent); stroke-width: 1; fill: none; }
.sp-apex-fill { fill: var(--accent); }
.sp-apex-core {
  fill: var(--accent);
  filter: drop-shadow(0 0 4px rgba(168,238,72,.7));
}
.sp-apex-glow {
  stroke: var(--accent);
  stroke-width: .5;
  fill: none;
  opacity: .12;
  filter: drop-shadow(0 0 8px rgba(168,238,72,.5));
}
.sp-apex-icon { transform-origin: 0 0; transform-box: fill-box; }
.sp-apex-icosa {
  transform-origin: center;
  transform-box: fill-box;
  animation: sp-apex-spin 32s linear infinite;
}
@keyframes sp-apex-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .sp-apex-icosa { animation: none; }
}
@media (min-width: 880px) {
  .spectrum-diagram { margin-bottom: 36px; }
}
/* Mobile: shrink padding so labels read */
@media (max-width: 600px) {
  .sp-station-lbl { font-size: 14px; }
  .sp-station-sub { font-size: 13px; }
  .sp-title { font-size: 18px; }
  .sp-arrow-lbl { font-size: 13px; }
  .sp-binary, .sp-equation { font-size: 13px; }
}
.pullquote {
  background: rgba(168,238,72,.05);
  border-left: 3px solid var(--accent);
  padding: 22px 24px;
  margin: 22px 0;
  font-size: 18px;
  line-height: 1.45;
  color: var(--text);
}
.pullquote strong { color: var(--accent); }
.diff__twist { font-size: 16px; color: var(--text-2); margin-bottom: 32px; max-width: 70ch; line-height: 1.6; }
.diff__twist strong { color: var(--accent); font-weight: 600; }

/* Compare — desktop table, mobile stacked */
.compare {
  margin: 24px 0 32px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--bg-card);
}
.compare__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 18px 18px;
  border-bottom: 1px solid var(--border);
}
.compare__row--head { display: none; }
.compare__row:last-child { border-bottom: none; }
.compare__metric {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 500;
}
.compare__cell { font-size: 14px; color: var(--text-2); line-height: 1.5; }
.compare__cell--vs { color: var(--text-3); }
.compare__cell--us { color: var(--text); }
.compare__cell--us strong { color: var(--accent); }
/* Mobile: inline-prefix each value with column label since the header row is hidden */
.compare__row:not(.compare__row--head) .compare__cell--vs::before {
  content: "Classic studio: ";
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--text-2);
  margin-right: 6px;
}
.compare__row:not(.compare__row--head) .compare__cell--us::before {
  content: "01 Foundry: ";
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--accent);
  margin-right: 6px;
}

@media (min-width: 960px) {
  .compare__row {
    grid-template-columns: 1.4fr 1.6fr 1.6fr;
    gap: 18px;
    padding: 18px 22px;
    align-items: center;
  }
  .compare__row--head { display: grid; background: rgba(255,255,255,.02); font-weight: 600; }
  .compare__row--head .compare__cell { color: var(--text); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; font-family: var(--font-mono); }
  .compare__metric { font-size: 13px; }
  .compare__cell { font-size: 14px; }
  .compare__row:not(.compare__row--head) .compare__cell--vs::before,
  .compare__row:not(.compare__row--head) .compare__cell--us::before { content: none; }
}

/* Two tracks */
.tracks {
  margin-top: 36px;
  padding-top: 32px;
  border-top: 1px solid var(--border);
}
.tracks__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 16px 0;
}
.track {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 22px;
}
.track__tag {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  background: rgba(168,238,72,.1);
  padding: 4px 10px;
  border-radius: 100px;
  display: inline-block;
  margin-bottom: 12px;
}
.track h3 { font-size: 17px; margin-bottom: 8px; }
.track p { font-size: 14px; color: var(--text-2); line-height: 1.55; }
.track p em { color: var(--accent); font-style: normal; }
.tracks__note { font-size: 13px; color: var(--text-3); font-style: italic; }

/* Unfair advantages block: CHAOS + CIS talent + Founder experience */
.advantages {
  margin-top: 36px;
  display: grid;
  gap: 16px;
}

.chaos {
  padding: 28px;
  background: linear-gradient(180deg, rgba(168,238,72,.04), var(--bg-card) 80%);
  border: 1px solid rgba(168,238,72,.2);
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}
.chaos::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
}
.chaos__head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
.chaos-logo-img {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
  object-fit: contain;
  border-radius: 8px;
}
.chaos__title {
  font-size: clamp(18px, 2.4vw, 22px);
  font-weight: 700;
  line-height: 1.25;
}
.chaos p {
  font-size: 14.5px;
  color: var(--text-2);
  line-height: 1.65;
  margin-bottom: 14px;
  max-width: 72ch;
}
.chaos p:last-child { margin-bottom: 0; }
.chaos p strong { color: var(--text); }

@media (min-width: 700px) {
  .chaos { padding: 36px; }
  .chaos__head { gap: 24px; }
  .chaos-logo-img { width: 96px; height: 96px; }
  .chaos p { font-size: 15.5px; }
}

.advantages-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.advantage-card {
  background: var(--bg-card);
  border: 1px solid var(--border-2);
  border-radius: var(--radius-lg);
  padding: 22px;
  position: relative;
}
.advantage-card__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
  color: var(--text);
}
.advantage-card p {
  font-size: 14px;
  color: var(--text-2);
  line-height: 1.6;
  margin: 0;
}
.advantage-card p strong { color: var(--accent); font-weight: 600; }

@media (min-width: 700px) {
  .advantages-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .advantage-card { padding: 24px; }
  .advantage-card__title { font-size: 17px; }
  .advantage-card p { font-size: 14.5px; }
}

/* 100% skin closer */
.diff__closer {
  margin-top: 36px;
  padding: 28px;
  background: rgba(168,238,72,.05);
  border-radius: var(--radius-lg);
  border-left: 3px solid var(--accent);
}
.diff__closer p { font-size: 17px; color: var(--text); margin-top: 8px; }
.diff__closer strong { color: var(--accent); }
.closer-heading {
  font-size: clamp(24px, 3.6vw, 36px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: 1.1;
  color: var(--accent);
  margin-bottom: 8px;
}

@media (min-width: 700px) {
  .tracks__grid { grid-template-columns: 1fr 1fr; }
}

/* ─────── STATS (Block 4) ─────── */
.stats__source { font-family: var(--font-mono); font-size: 11px; color: var(--text-3); text-transform: uppercase; letter-spacing: .06em; }
.stats__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.stat-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 26px;
  display: flex; flex-direction: column;
  gap: 16px;
}
.stat-card__big {
  font-family: var(--font-sans);
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--accent);
}
.stat-card__big--pair {
  display: flex; align-items: baseline; gap: 14px;
  font-size: 36px;
  flex-wrap: wrap;
}
.stat-card__green { color: var(--accent); }
.stat-card__grey { color: var(--text-3); }
.stat-card__vs { font-size: 14px; color: var(--text-3); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .08em; font-weight: 500; }
.stat-card__x { font-size: .55em; opacity: .8; margin-left: 2px; }
.stat-card__label {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-2);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.stat-card__ctx {
  font-size: 13px;
  color: var(--text-3);
  line-height: 1.55;
}

/* Bars */
.stat-bars { display: flex; flex-direction: column; gap: 10px; }
.stat-bar {
  display: grid;
  grid-template-columns: 110px 1fr 50px;
  gap: 10px;
  align-items: center;
  font-size: 12px;
}
.stat-bar__lbl { font-family: var(--font-mono); color: var(--text-2); font-size: 11px; }
.stat-bar__track {
  height: 8px;
  background: rgba(255,255,255,.05);
  border-radius: 4px;
  overflow: hidden;
}
.stat-bar__fill {
  display: block; height: 100%;
  background: rgba(255,255,255,.25);
  width: 0;
  transition: width 1.2s var(--ease) .1s;
  border-radius: 4px;
}
.stat-bar__fill--green { background: var(--accent); }
.stat-bar__val { font-family: var(--font-mono); color: var(--text); font-size: 12px; text-align: right; font-weight: 500; }
.stat-card.is-visible .stat-bar__fill { width: var(--w, 0%); }

/* Dot grids */
.dotgrids {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
.dotgrid__title { font-family: var(--font-mono); font-size: 10px; color: var(--text-2); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; }
.dotgrid__dots {
  display: grid;
  gap: 4px;
}
.dotgrid__dots--9 { grid-template-columns: repeat(3, 12px); }
.dotgrid__dots--42 { grid-template-columns: repeat(7, 8px); gap: 3px; }
.dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,.08); }
.dotgrid__dots--42 .dot { width: 8px; height: 8px; }
.dot.is-green {
  background: var(--accent);
  box-shadow: 0 0 12px rgba(168,238,72,.5);
}

/* Rings */
.rings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  justify-items: center;
}
.ring {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.ring__svg {
  width: 96px; height: 96px;
  transform: rotate(-90deg);
}
.ring__bg {
  fill: none;
  stroke: rgba(255,255,255,.08);
  stroke-width: 8;
}
.ring__fg {
  fill: none;
  stroke: var(--text-3);
  stroke-width: 8;
  stroke-dasharray: 264;
  stroke-dashoffset: 264;
  transition: stroke-dashoffset 1.4s var(--ease);
}
.ring__fg--green { stroke: var(--accent); }
.stat-card.is-visible .ring__fg { stroke-dashoffset: var(--off, 264); }
.ring__lbl { font-family: var(--font-mono); font-size: 11px; color: var(--text-2); text-align: center; line-height: 1.5; }
.ring__lbl strong { color: var(--text); font-size: 14px; }

.stats__closer {
  margin-top: 32px;
  font-size: 15px;
  color: var(--text-2);
  line-height: 1.65;
  max-width: 76ch;
}
.stats__closer strong { color: var(--text); }

@media (min-width: 880px) {
  .stats__grid { grid-template-columns: 1fr 1fr 1fr; }
  .stat-card__big { font-size: 72px; }
  .stat-card__big--pair { font-size: 36px; }
}

/* ─────── WHY NOW (Block 5) ─────── */
.why-now {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 28px;
}
.why-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  transition: border-color .2s var(--ease);
}
.why-card:hover { border-color: var(--border-2); }
.why-card__num {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 12px;
  display: block;
}
.why-card h3 { font-size: 18px; margin-bottom: 10px; line-height: 1.3; }
.why-card p { font-size: 14px; line-height: 1.6; }

.why-closer {
  padding: 24px;
  background: rgba(168,238,72,.04);
  border-left: 3px solid var(--accent);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}
.why-closer p { font-size: 15px; color: var(--text); line-height: 1.6; max-width: 70ch; }

@media (min-width: 880px) {
  .why-now { grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
}

/* ─────── VENTURES SLIDER (Block 6) ─────── */
.ventures-slider { position: relative; }
.ventures-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 4px 0 16px;
  margin: 0 calc(var(--gutter) * -1);
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}
.ventures-track::-webkit-scrollbar { display: none; }

.venture-card {
  flex: 0 0 86%;
  scroll-snap-align: start;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  position: relative;
}
.venture-card--active {
  border-color: rgba(168,238,72,.3);
  background: linear-gradient(180deg, rgba(168,238,72,.04), var(--bg-card) 60%);
}
.venture-card__head {
  display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border);
}
.venture-logo-large {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.venture-logo-large img {
  max-height: 100%;
  max-width: 85%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
@media (min-width: 700px) {
  .venture-logo-large { height: 96px; }
}
.venture-logo {
  width: 52px; height: 52px;
  background: var(--bg);
  border: 1px solid var(--border-2);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 14px;
  color: var(--text-2);
  letter-spacing: .04em;
}
.venture-logo::before { content: attr(data-fb); }
.venture-logo--active { color: var(--accent); border-color: rgba(168,238,72,.3); }
.venture-logo--chaos { padding: 4px; }
.venture-logo--chaos::before { content: none; }
.venture-logo--chaos img { width: 100%; height: 100%; object-fit: contain; border-radius: 4px; }
.venture-logo--img { padding: 6px; background: var(--bg); }
.venture-logo--img::before { content: none; }
.venture-logo--img img { width: 100%; height: 100%; object-fit: contain; }
.venture-meta h3 { font-size: 20px; margin-bottom: 4px; }
.venture-stage {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.venture-stage--active { color: var(--accent); }
.venture-stage--active::before { animation: pulse 2.4s ease-in-out infinite; }

/* venture tags: vertical + market */
.venture-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}
.venture-tag {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid var(--border-2);
  background: var(--bg);
  color: var(--text-2);
  line-height: 1;
}
.venture-tag--vertical {
  color: var(--text-2);
}
.venture-tag--market {
  color: var(--accent);
  border-color: rgba(168, 238, 72, .25);
  background: rgba(168, 238, 72, .06);
  font-weight: 600;
}

.venture-body { display: grid; gap: 14px; }
.venture-block__label {
  display: block;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--accent);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.venture-block p { font-size: 14px; line-height: 1.55; color: var(--text-2); }

/* Disclaimer card */
.venture-card--disclaimer {
  background: var(--bg);
  border-style: dashed;
  display: flex; align-items: flex-start; gap: 14px;
}
.disclaimer__mark {
  width: 28px; height: 28px;
  background: rgba(168,238,72,.15);
  color: var(--accent);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-mono);
  font-weight: 700;
  flex-shrink: 0;
}
.venture-card--disclaimer p { font-size: 13px; color: var(--text-2); line-height: 1.55; }

/* Corporate-pitch card (informal tone, friendly energy) */
.venture-card--corp {
  background: linear-gradient(160deg, rgba(168, 238, 72, .14), rgba(168, 238, 72, .04) 60%, var(--bg-card) 100%);
  border: 1.5px dashed rgba(168, 238, 72, .45);
  position: relative;
  overflow: hidden;
}
.venture-card--corp::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 80% 20%, rgba(168, 238, 72, .15), transparent 55%);
  pointer-events: none;
}
.venture-card--corp .venture-card__head {
  border-bottom-color: rgba(168, 238, 72, .25);
  position: relative;
  z-index: 1;
  flex-direction: row;
  align-items: center;
}
.venture-card--corp .venture-meta h3 {
  color: var(--accent);
  font-size: 22px;
}
.venture-logo--corp {
  background: rgba(168, 238, 72, .08);
  border: 1px dashed rgba(168, 238, 72, .4);
  color: var(--accent);
}
.venture-logo--corp svg {
  width: 32px;
  height: 32px;
}
.venture-logo--corp::before { content: none; }
.venture-body--corp {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.corp-pitch {
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 600;
  color: var(--text);
  line-height: 1.4;
  margin: 0;
}
.corp-pitch em { color: var(--accent); font-style: italic; }
.corp-pitch--cta {
  color: var(--accent);
  font-size: 15px;
  font-weight: 600;
  font-style: italic;
  margin-top: 4px;
}
.venture-body--corp p {
  font-size: 14.5px;
  color: var(--text-2);
  line-height: 1.6;
  margin: 0;
}
.corp-cta {
  margin-top: 8px;
  align-self: flex-start;
}

.slider-controls {
  margin-top: 18px;
  display: flex; align-items: center; justify-content: center;
  gap: 16px;
}
.slider-btn {
  background: var(--bg-card);
  border: 1px solid var(--border-2);
  color: var(--text);
  width: 40px; height: 40px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  transition: all .2s var(--ease);
  display: flex; align-items: center; justify-content: center;
}
.slider-btn:hover { border-color: var(--accent); color: var(--accent); }
.slider-btn:disabled { opacity: .3; cursor: not-allowed; }
.slider-dots { display: flex; gap: 6px; }
.slider-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--border-2);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all .2s var(--ease);
}
.slider-dot.is-active { background: var(--accent); width: 24px; border-radius: 4px; }

@media (min-width: 880px) {
  .venture-card { flex: 0 0 54%; padding: 28px; }
}
@media (min-width: 1100px) {
  .venture-card { flex: 0 0 38%; }
}

/* ─────── PROCESS (Block 7) ─────── */
.process {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--bg);
  margin-bottom: 24px;
}
.process__step {
  padding: 22px;
  border-bottom: 1px solid var(--border);
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "num head"
    "num body";
  column-gap: 18px;
  row-gap: 6px;
  align-items: start;
}
.process__step:last-child { border-bottom: none; }
.process__num {
  grid-area: num;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-3);
  border: 1px solid var(--border-2);
  border-radius: 100px;
  padding: 4px 12px;
  letter-spacing: .06em;
  align-self: start;
  justify-self: start;
  white-space: nowrap;
}
.process__step h3 { grid-area: head; font-size: 18px; margin: 0 0 4px; line-height: 1.25; }
.process__step p { grid-area: body; font-size: 14.5px; line-height: 1.65; color: var(--text-2); margin: 0; }

@media (max-width: 480px) {
  .process__step {
    grid-template-columns: 1fr;
    grid-template-areas:
      "num"
      "head"
      "body";
    row-gap: 8px;
  }
}
@media (min-width: 880px) {
  .process__step {
    padding: 28px 28px;
    column-gap: 22px;
  }
  .process__step h3 { font-size: 19px; }
  .process__step p { font-size: 15px; max-width: 70ch; }
}

/* ─────── GATES INFOGRAPHIC (Block 7 v5) ─────── */
.gates {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  position: relative;
}
.gate {
  display: grid;
  grid-template-columns: 56px 1fr;
  grid-template-areas:
    "num   icon"
    "title title"
    "sub   sub";
  align-items: center;
  gap: 14px 16px;
  padding: 22px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  position: relative;
}
.gate__num {
  grid-area: num;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-3);
  border: 1px solid var(--border-2);
  border-radius: 100px;
  padding: 4px 10px;
  letter-spacing: .08em;
  width: fit-content;
  align-self: start;
}
.gate__num--apex {
  color: var(--accent);
  border-color: rgba(168,238,72,.4);
  background: rgba(168,238,72,.06);
}
.gate__icon {
  grid-area: icon;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  border: 1px solid var(--border-2);
  border-radius: 8px;
  justify-self: end;
}
.gate__icon svg { width: 44px; height: 44px; overflow: visible; color: var(--accent); }
.gate__icon--apex {
  background: rgba(168,238,72,.04);
  border-color: rgba(168,238,72,.35);
  box-shadow: 0 0 20px rgba(168,238,72,.16);
}
.gate__title {
  grid-area: title;
  font-size: 19px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -.01em;
}
.gate__title--apex { color: var(--accent); }
.gate__sub {
  grid-area: sub;
  font-size: 14px;
  color: var(--text-2);
  line-height: 1.55;
  margin: 0;
}
.gate__sub--apex { color: var(--text); }
.g-fill { fill: rgba(255,255,255,.18); stroke: rgba(255,255,255,.55); }
.g-accent { fill: var(--accent); color: var(--accent); }
.g-accent-stroke { stroke: var(--accent); fill: none; }
@media (min-width: 760px) {
  .gates { grid-template-columns: repeat(5, 1fr); gap: 14px; }
  .gate {
    grid-template-columns: 1fr;
    grid-template-areas:
      "num"
      "icon"
      "title"
      "sub";
    padding: 22px 18px;
    gap: 12px;
    text-align: left;
    justify-items: start;
  }
  .gate__icon { justify-self: start; }
  .gate__title { font-size: 17px; }
  .gate__sub { font-size: 13px; line-height: 1.5; }
}
@media (min-width: 1080px) {
  .gate { padding: 26px 22px; }
  .gate__title { font-size: 18px; }
}

/* ─────── OFFERS (Block 8) ─────── */
.offers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 28px;
}
.offer {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  position: relative;
  transition: all .2s var(--ease);
}
.offer:hover { border-color: var(--border-2); }
.offer--accent {
  border-color: rgba(168,238,72,.3);
  background: linear-gradient(180deg, rgba(168,238,72,.04), var(--bg-card) 60%);
}
.offer__num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent);
  background: rgba(168,238,72,.1);
  border-radius: 6px;
  padding: 4px 10px;
  display: inline-block;
  margin-bottom: 14px;
  font-weight: 600;
}
.offer__title { font-size: 18px; margin-bottom: 12px; line-height: 1.3; }
.offer__for, .offer__what { font-size: 14px; color: var(--text-2); line-height: 1.6; margin-bottom: 10px; }
.offer__for span, .offer__what span { color: var(--accent); font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; margin-right: 6px; }
.offer__what strong { color: var(--text); }
.offer__cta {
  display: inline-block;
  margin-top: 8px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .06em;
  border-bottom: 1px dashed var(--accent);
  padding-bottom: 2px;
}

.offers__secondary {
  padding: 22px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  margin-bottom: 20px;
}
.offers__secondary p { font-size: 14px; color: var(--text-2); line-height: 1.6; margin-bottom: 10px; }
.offers__secondary p:last-child { margin-bottom: 0; }
.offers__secondary strong { color: var(--text); }

.offers__closer {
  padding: 18px 22px;
  border-left: 3px solid var(--accent);
  background: rgba(168,238,72,.04);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}
.offers__closer p { font-size: 14px; color: var(--text); line-height: 1.6; }

@media (min-width: 880px) {
  .offers { grid-template-columns: 1fr 1fr 1fr; }
}

/* ─────── ENTERPRISES (Block 9) ─────── */
.ent__lead {
  font-size: 17px;
  color: var(--text);
  line-height: 1.55;
  max-width: 72ch;
  margin-bottom: 32px;
}
.ent__sub {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  margin-bottom: 16px;
}
.ent__sub p { font-size: 14.5px; color: var(--text-2); line-height: 1.65; margin-bottom: 12px; }
.ent__sub p:last-child { margin-bottom: 0; }
.ent__sub strong { color: var(--text); }

/* Three founder functions sub-grid inside ent__sub */
.three-fns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 18px 0;
}
.fn {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px;
}
.fn__num {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 8px;
  display: block;
}
.fn p { font-size: 13.5px; color: var(--text-2); line-height: 1.55; margin: 0; }

.ent__steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 24px 0;
}
.ent-step {
  background: var(--bg-card);
  border: 1px solid var(--border-2);
  border-radius: var(--radius-lg);
  padding: 22px;
}
.ent-step h3 { font-size: 18px; margin: 8px 0 10px; }
.ent-step p { font-size: 14px; line-height: 1.6; color: var(--text-2); }

.ent__closer {
  font-size: 13px;
  color: var(--text-3);
  font-style: italic;
  margin: 22px 0 14px;
  text-align: center;
}
.ent__cta { margin-top: 8px; width: 100%; }

/* Collapsible deep-dive details (5× text reduction) */
.ent__details {
  margin-top: 28px;
  display: grid;
  gap: 8px;
}
.ent__details-hint {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-3);
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 6px;
  text-align: center;
}
.ent-detail {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  transition: border-color .2s var(--ease);
}
.ent-detail[open] { border-color: rgba(168,238,72,.3); }
.ent-detail summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  padding-right: 48px;
  transition: background .15s var(--ease);
}
.ent-detail summary::-webkit-details-marker { display: none; }
.ent-detail summary::after {
  content: "↓";
  position: absolute;
  right: 18px; top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 14px;
  color: var(--accent);
  transition: transform .25s var(--ease);
}
.ent-detail[open] summary::after { transform: translateY(-50%) rotate(180deg); }
.ent-detail summary:hover { background: rgba(168,238,72,.03); }
.ent-detail__title {
  font-size: 14.5px;
  font-weight: 500;
  color: var(--text);
  line-height: 1.4;
}
.ent-detail__body {
  padding: 6px 18px 20px;
  border-top: 1px solid var(--border);
}
.ent-detail__body p {
  font-size: 14px;
  color: var(--text-2);
  line-height: 1.6;
  margin-bottom: 12px;
}
.ent-detail__body p:last-child { margin-bottom: 0; }
.ent-detail__body strong { color: var(--text); }

/* Info-btn tooltip (clickable ⓘ icon) */
.info-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(168,238,72,.1);
  border: 1px solid rgba(168,238,72,.3);
  color: var(--accent);
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  margin-left: 4px;
  vertical-align: middle;
  transition: all .15s var(--ease);
  line-height: 1;
}
.info-btn:hover { background: rgba(168,238,72,.2); transform: scale(1.05); }
.info-btn.is-open { background: var(--accent); color: var(--accent-on); }

/* Floating tooltip popup (positioned by JS) */
.info-popup {
  position: absolute;
  z-index: 200;
  background: var(--bg-elev);
  border: 1px solid var(--accent);
  border-radius: var(--radius);
  padding: 14px 16px;
  max-width: 320px;
  min-width: 240px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text-2);
  box-shadow: 0 12px 40px rgba(0,0,0,.6);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .15s var(--ease), transform .15s var(--ease);
  pointer-events: none;
}
.info-popup.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.info-popup::before {
  content: "";
  position: absolute;
  top: -6px; left: 18px;
  width: 10px; height: 10px;
  background: var(--bg-elev);
  border-top: 1px solid var(--accent);
  border-left: 1px solid var(--accent);
  transform: rotate(45deg);
}

@media (min-width: 700px) {
  .three-fns { grid-template-columns: 1fr 1fr 1fr; }
  .ent__steps { grid-template-columns: 1fr 1fr 1fr; }
  .ent__cta { width: auto; }
}

/* ─────── FOUNDER (Block 10) ─────── */
.founder {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}
.founder__media { display: grid; gap: 14px; }
.founder__photo {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1;
  background: var(--bg-card);
  border: 1px solid var(--border-2);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.founder__photo img { width: 100%; height: 100%; object-fit: cover; }
.founder__name { font-size: 22px; margin-bottom: 4px; }
.founder__role {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--text-3);
}
.founder__title { margin-bottom: 22px; font-size: clamp(24px, 4vw, 36px); }
.founder__body p { font-size: 15.5px; line-height: 1.7; margin-bottom: 16px; color: var(--text-2); }
.founder__body p strong { color: var(--text); font-weight: 600; }
.founder__bullets {
  list-style: none;
  margin: 24px 0;
  display: grid;
  gap: 10px;
}
.founder__bullets li {
  font-size: 14px;
  color: var(--text-2);
  line-height: 1.6;
  padding-left: 4px;
}
.founder__bullets li strong { color: var(--text); }

@media (min-width: 880px) {
  .founder { grid-template-columns: 280px 1fr; gap: 60px; align-items: start; }
  .founder__media { position: sticky; top: 100px; }
  .founder__body p { font-size: 16px; }
}

/* ─────── OTHER VENTURES (inside founder section) ─────── */
.other-ventures {
  margin-top: 18px;
}
.other-ventures__title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
  letter-spacing: -.01em;
  margin: 0;
}
.marquee {
  margin-top: 18px;
  margin-left: calc(var(--gutter) * -1);
  margin-right: calc(var(--gutter) * -1);
  overflow: hidden;
  width: calc(100% + var(--gutter) * 2);
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);
}
.marquee__track {
  display: flex;
  width: max-content;
  animation: marquee-scroll 90s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}
.marquee__item {
  flex: 0 0 150px;
  min-width: 150px;
  display: grid;
  grid-template-rows: 36px auto;
  gap: 8px;
  text-align: center;
  align-content: center;
  opacity: .8;
  transition: opacity .25s var(--ease);
}
.marquee__item:hover { opacity: 1; }
.marquee__item img {
  height: 36px;
  width: auto;
  max-width: 130px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  align-self: center;
}
.marquee__year {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .04em;
  color: var(--text-3);
  white-space: nowrap;
  text-transform: uppercase;
}
@keyframes marquee-scroll {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .marquee__track { animation: none; }
}
@media (min-width: 880px) {
  .other-ventures { margin-top: 24px; }
  .other-ventures__title { font-size: 20px; }
  .marquee { margin-top: 22px; }
  .marquee__item { flex-basis: 180px; min-width: 180px; grid-template-rows: 44px auto; }
  .marquee__item img { height: 44px; max-width: 160px; }
}

/* ─────── FAQ (Block 11) ─────── */
.faq {
  display: grid;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--bg);
}
.faq__item {
  border-bottom: 1px solid var(--border);
}
.faq__item:last-child { border-bottom: none; }
.faq__item summary {
  list-style: none;
  cursor: pointer;
  padding: 20px 60px 20px 22px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  position: relative;
  transition: background .2s var(--ease);
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
  content: "+";
  position: absolute;
  right: 22px; top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 22px;
  font-weight: 400;
  color: var(--accent);
  transition: transform .2s var(--ease);
}
.faq__item[open] summary::after { content: "−"; }
.faq__item summary:hover { background: rgba(168,238,72,.03); }
.faq__body { padding: 0 22px 22px; }
.faq__body p {
  font-size: 14.5px;
  color: var(--text-2);
  line-height: 1.65;
  max-width: 72ch;
}

/* ─────── CONTACT (Block 12) ─────── */
.section--contact {
  position: relative;
  isolation: isolate;
}
.section--contact::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(circle at 30% 10%, rgba(168,238,72,.08), transparent 55%);
}
.contact__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: start;
}
.contact__title { font-size: clamp(24px, 4vw, 36px); margin-bottom: 16px; }
.contact__title-alt { color: var(--accent); font-style: italic; }
.contact__intro { font-size: 15px; color: var(--text-2); max-width: 50ch; line-height: 1.6; margin-bottom: 22px; }
.contact__bullets {
  list-style: none;
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}
.contact__bullets li {
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--text-2);
  padding-left: 22px;
  position: relative;
}
.contact__bullets li::before {
  content: "✓";
  position: absolute; left: 0;
  color: var(--accent);
}

.contact__form {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  display: grid;
  gap: 16px;
}
.form-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.form-field {
  display: grid;
  gap: 8px;
}
.form-field > span {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-2);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.form-field > span em {
  text-transform: none;
  letter-spacing: 0;
  color: var(--text-3);
  font-size: 11px;
  font-style: normal;
  margin-left: 4px;
}
.form-field input,
.form-field select,
.form-field textarea {
  background: var(--bg);
  border: 1px solid var(--border-2);
  border-radius: var(--radius);
  padding: 12px 14px;
  font-family: var(--font-sans);
  font-size: 15px;
  color: var(--text);
  width: 100%;
  transition: border-color .2s var(--ease);
}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  outline: none;
  border-color: var(--accent);
}
.form-field select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a8a8a8' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}
.form-field textarea { resize: vertical; min-height: 80px; }
.form-note {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--text-3);
  line-height: 1.55;
  letter-spacing: .02em;
}
.form-note a { color: var(--text-2); text-decoration: underline; text-decoration-color: var(--border-2); }
.form-note a:hover { color: var(--accent); }

.form-status {
  font-size: 14px;
  padding: 12px 14px;
  border-radius: var(--radius);
  display: none;
}
.form-status--ok {
  display: block;
  background: rgba(168,238,72,.1);
  border: 1px solid rgba(168,238,72,.4);
  color: var(--accent);
}
.form-status--err {
  display: block;
  background: rgba(255,107,74,.08);
  border: 1px solid rgba(255,107,74,.3);
  color: var(--danger);
}

@media (min-width: 700px) {
  .form-row { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 960px) {
  .contact__grid { grid-template-columns: 1fr 1.1fr; gap: 60px; }
}

/* ─────── FOOTER ─────── */
.footer {
  background: var(--bg-dim);
  border-top: 1px solid var(--border);
  padding: 48px 0 28px;
}
.footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding-bottom: 36px;
  border-bottom: 1px solid var(--border);
}
.footer__brand-img {
  height: 36px;
  width: auto;
  display: block;
  margin-bottom: 14px;
}
.footer__brand p { font-size: 13.5px; color: var(--text-3); line-height: 1.5; max-width: 32ch; }
.footer__col h4 { font-size: 11px; color: var(--accent); font-family: var(--font-mono); letter-spacing: .08em; margin-bottom: 14px; }
.footer__col a { display: block; font-size: 14px; color: var(--text-2); padding: 4px 0; transition: color .2s var(--ease); }
.footer__col a:hover { color: var(--accent); }
.footer__legal { padding-top: 24px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer__legal p { font-size: 11px; color: var(--text-3); line-height: 1.55; max-width: 70ch; }
.footer__copy { font-family: var(--font-mono); letter-spacing: .04em; }
.footer__draft {
  display: inline-block; margin-left: 8px;
  background: var(--accent); color: var(--accent-on);
  padding: 2px 6px; border-radius: 3px; font-weight: 600;
}

@media (min-width: 880px) {
  .footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
}