/* Warm black surfaces, with paper sections for sustained reading. */
:root {
  --black: #0c0c0b;
  --black-2: #141413;
  --steel: #1a1917;
  --steel-2: #22211e;
  --ink: #221f1a;
  --white: #ffffff;
  --muted-dark: #f2f2f2;
  --muted-light: #5b554a;
  --line-dark: rgba(244, 238, 226, .16);
  --line-light: rgba(34, 31, 26, .18);
}

.site-header { background: linear-gradient(180deg, rgba(12, 12, 11, .96), rgba(12, 12, 11, .65), transparent); }
.site-header.is-scrolled { background: rgba(12, 12, 11, .96); }
.global-nav.is-open { background: rgba(16, 16, 15, .98); }
.hero, .hero-chart { background: var(--black); }
.hero-backdrop { filter: grayscale(1); }
.hero-chart::before {
  background: radial-gradient(ellipse at 50% 36%, rgba(200, 164, 93, .06), rgba(12, 12, 11, .6) 70%, rgba(12, 12, 11, .86) 100%);
}
.hero-chart::after {
  background: linear-gradient(0deg, #0c0c0b 0%, rgba(12, 12, 11, .08) 31%, rgba(12, 12, 11, .12) 71%, rgba(12, 12, 11, .65) 100%), linear-gradient(90deg, rgba(12, 12, 11, .35), rgba(12, 12, 11, .1) 52%, rgba(12, 12, 11, .2));
}
.hero-message, .final-cta > div > p:not(.eyebrow) { color: var(--white); }
.hero-process, .hero-note, .hero-actions .enrollment-note,
.proof-disclaimer, .free-action > small,
.final-cta small, .final-cta > .shell > small, .condition-final small,
.footer-inner p { color: #cccccc; }
.hero-pursuit, .hero-message-opening strong { color: var(--white); }
.recruitment-badge { background: rgba(12, 12, 11, .65); }
.market-tape { background: #181714; }

.about::before { background: radial-gradient(circle at 88% 15%, rgba(200, 164, 93, .1), transparent 26%); }
.instructor-trade-panel {
  background: linear-gradient(135deg, #10100f, #1b1915 62%, #10100f);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .16);
}
.instructor-trade-panel::before { background: none; }
.member-count-badge {
  background: radial-gradient(ellipse at 18% 0%, rgba(205, 168, 83, .16), transparent 60%), linear-gradient(125deg, #1b1a17, #0f0f0e 64%);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 235, 187, .4);
}
.member-count-badge > .member-count-description { color: var(--white); }
.member-community-trades-heading .member-community-purpose-title,
.member-community-trades-heading > .member-community-purpose-copy { color: var(--ink); }
.member-community-closing > p, .member-community-closing > p strong { color: var(--ink); }
.member-community-trades-heading > .member-community-trades-instruction,
.member-community-panel .trade-carousel-controls > span,
.member-community-panel .proof-disclaimer,
.member-community-closing .enrollment-note { color: var(--muted-light); }

.method { background: linear-gradient(135deg, #10100f, #1b1a17); }
.materials { background: #141413; }
/* The enclosing panel supplies the gutter; avoid a second inset shell. */
.method > .shell, .materials > .shell { width: 100%; padding-inline: 0; }
.market-section::before { background: none; }
.materials-preview { background: #0c0c0b; }
.materials-preview-stage { background: #171613; }
.materials-preview-stage::after { background: rgba(12, 12, 11, .12); }
.cycle-scene { color: #c9c2b4; }
.cycle-scene .cycle-thought { background: #20201c; }
.cycle-result .cycle-thought { background: rgba(200, 164, 93, .16); }
.method-feedback-visual, .method-feedback-image { background: #161614; }
.scenario-proof { background: #1a1917; }
.scenario-proof blockquote { background: rgba(244, 238, 226, .035); }

.trades { background: #1a1917; }
.trade-card { background: #191816; }
.trade-carousel-controls button { background: rgba(16, 16, 15, .6); }
.member-trade-grid .trade-card-visual, .testimonial-image { background: #11110f; }
.member-voice-card { background: #181715; box-shadow: 0 18px 45px rgba(0, 0, 0, .16); }
.member-dms::before { background: radial-gradient(circle at 10% 20%, rgba(200, 164, 93, .1), transparent 27%); }
.member-dms .proof-disclaimer, .mentors .enrollment-note { color: var(--muted-light); }
.mentors { background: linear-gradient(135deg, #e8e3da, #e6dfd3); }
.reopening-history .is-current { background: #171613; }
.free-section { background: linear-gradient(120deg, #11110f, #201e1a); }
.free-action { background: rgba(9, 9, 8, .75); }
.final-cta, .condition-final { background: linear-gradient(135deg, #0c0c0b, #171613 68%, #211d14); }
footer { background: #070706; }

.conditions-chart { background: radial-gradient(circle at 82% 42%, #363125 0, #191713 34%, #070706 73%); }
.conditions-chart::before {
  background: linear-gradient(90deg, #0c0c0b 0%, rgba(12, 12, 11, .97) 28%, rgba(12, 12, 11, .84) 47%, rgba(12, 12, 11, .16) 76%, rgba(12, 12, 11, .4) 100%);
}
.conditions-chart::after {
  background: linear-gradient(0deg, #0c0c0b 0%, transparent 29%, rgba(12, 12, 11, .08) 65%, rgba(12, 12, 11, .44) 100%);
}
.conditions-hero-inner > .condition-recruitment-note { background: rgba(12, 12, 11, .6); }
.why-free { background: linear-gradient(120deg, #0c0c0b, #181714); }
.faq-section { background: #161614; }

@media (max-width: 760px) {
  .site-header { background: rgba(12, 12, 11, .96); }
  .hero-chart::after {
    background: linear-gradient(0deg, #0c0c0b 0%, rgba(12, 12, 11, .12) 29%, rgba(12, 12, 11, .16) 70%, rgba(12, 12, 11, .65) 100%), linear-gradient(90deg, rgba(12, 12, 11, .56), rgba(12, 12, 11, .24) 54%, rgba(12, 12, 11, .38));
  }
}