/* ─────────────────────────────────────────────────────────────────────────────
   REVEAL Landing — Signal-Providers + Invite Shared Styles
   landing-shared.css

   Linked by: /signal-providers  /invite

   This file contains the shared section CSS extracted from the former inline
   <style> blocks of signal-providers.html and invite.html. Both pages were
   byte-for-byte identical — the duplication now lives here exactly once.
   ───────────────────────────────────────────────────────────────────────────── */

    /* ── WORDMARK HEADER ── */
    .site-header {
      background: var(--charcoal);
      padding: 22px 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid rgba(255,255,255,0.05);
    }

    .site-header--funnel {
      flex-direction: column;
      gap: 10px;
      text-align: center;
    }

    .site-header--funnel img {
      flex: 0 0 auto;
    }

    .site-header--funnel .eyebrow {
      margin: 0;
      padding-top: 0 !important;
    }

    .site-header--funnel nav {
      margin-top: 0 !important;
      align-items: center;
      line-height: 1.2;
    }

    .wordmark {
      font-family: 'DM Sans', sans-serif;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--ivory);
      user-select: none;
    }

    .wordmark .lambda {
      color: var(--gold);
      font-weight: 400;
      letter-spacing: 0;
      margin-left: 2px;
    }

    /* ── SECTIONS ── */
    section { position: relative; z-index: 1; }

    /* ── HERO ── */
    .hero-section {
      background: var(--ivory);
      padding: 90px 60px 80px;
      /*border-bottom: 1px solid var(--stone);*/
    }

    .hero-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.25fr 1fr;
      grid-template-rows: auto auto;
      gap: 0 72px;
      align-items: start;
    }
    .hero-inner1col {
      max-width: 1080px;
      margin: 0 auto;
      display: grid;
      /*grid-template-columns: 1.25fr 1fr;*/
      grid-template-rows: auto auto;
      gap: 0 72px;
      align-items: start;
    }
    .hero-pricing-summary {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.25fr 1fr;
      grid-template-rows: auto auto;
      gap: 0 72px;
      align-items: start;
    }

    .founding-section-hero {
      background: var(--eggshell);
      padding: 56px 50px 50px;
      /*border-bottom: 1px solid var(--stone);*/
      /*border-top: 1px solid var(--stone);*/
      position: relative;
      overflow: hidden;
    }

    /* Center the pricing block + button as a unit; keep text inside left-aligned */
    .founding-section-hero .hero-pricing-summary {
      display: block;
      max-width: 440px;
      margin: 28px auto 0;
      text-align: left;
    }

    .founding-section-hero .hero-cta-wrap {
      max-width: 440px;
      margin: 24px auto 0;
    }

    .tiers-section-bg {
    position: absolute;
    inset: 0;
    background-image: url(/assets/bg-leather.jpg);
    background-size: cover;
    background-position: center 40%;
    filter: brightness(0.32) saturate(0.75);
}
    .tiers-section-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(30, 42, 56, 0.88) 0%, rgba(44, 40, 36, 0.78) 100%);
}

    .hero-left-top {
      grid-column: 1;
      grid-row: 1;
    }

    .hero-left-bottom {
      grid-column: 1;
      grid-row: 2;
    }

    .hero-left {}

    .eyebrow {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 28px;
      opacity: 0;
      animation: fadeUp 0.8s ease 0.1s forwards;
    }

    .hero-h1 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(28px, 4vw, 54px);
      font-weight: 600;
      line-height: 1.08;
      color: var(--charcoal);
      margin-bottom: 36px;
      opacity: 0;
      animation: fadeUp 0.8s ease 0.2s forwards;
    }

    .pull-quote {
      font-family: 'Lora', serif;
      font-size: 16px;
      font-style: italic;
      line-height: 1.75;
      color: var(--slate);
      padding-left: 22px;
      border-left: 2px solid var(--gold-rule);
      margin-bottom: 36px;
      opacity: 0;
      animation: fadeUp 0.8s ease 0.3s forwards;
    }

    .hero-body {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.85;
      color: var(--slate);
      margin-bottom: 32px;
      opacity: 0;
      animation: fadeUp 0.8s ease 0.4s forwards;
    }

    .hero-body p + p { margin-top: 18px; }
    .hero-body strong { color: var(--charcoal); font-weight: 500; }

    .hero-sec-eye-copy {
      max-width: 620px;
      letter-spacing: 1.4px;
      line-height: 1.7;
    }

    .hero-bullet-list {
      list-style: none;
      display: grid;
      gap: 10px;
      margin: 18px 0 0;
      padding: 0;
    }

    .hero-bullet-list li {
      position: relative;
      padding-left: 28px;
      line-height: 1.75;
    }

    .hero-bullet-list li::before {
      content: "🟤";
      position: absolute;
      left: 0;
      top: 0.12em;
      font-size: 13px;
      line-height: 1;
    }

    .realm-language-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      margin-top: 24px;
    }

    .realm-language-card {
      padding: 18px;
      border: 1px solid rgba(184,134,11,0.24);
      border-radius: 6px;
      background: rgba(255,255,255,0.28);
    }

    .realm-language-card-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--gold);
      margin: 0 0 8px;
    }

    .realm-language-card-body {
      font-size: 13px;
      color: rgba(44,40,36,0.82);
      line-height: 1.7;
      margin: 0;
    }

    .hero-pricing-summary {
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.5px;
      color: var(--taupe);
      line-height: 2.1;
      margin-bottom: 28px;
      padding-left: 0;
      opacity: 0;
      animation: fadeUp 0.8s ease 0.45s forwards;
    }

    .hero-pricing-summary span {
      color: var(--charcoal);
      font-weight: 500;
    }

    .hero-cta-wrap {
      opacity: 0;
      animation: fadeUp 0.8s ease 0.5s forwards;
    }

    /* ── HERO SCREENSHOT ── */
    .hero-right {
      grid-column: 2;
      grid-row: 1 / span 2;
      opacity: 0;
      animation: fadeUp 0.9s ease 0.4s forwards;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .hero-screenshot-frame {
      background: transparent;
      border-radius: 0;
      overflow: visible;
      box-shadow: none;
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
    }

    .hero-screenshot-frame img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 24px;
    }

    .cta-btn-primary {
      display: block;
      width: 100%;
      max-width: 440px;
      background: var(--gold);
      color: var(--charcoal);
      text-decoration: none;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 18px 32px;
      text-align: center;
      border-radius: 2px;
      transition: background 0.2s, transform 0.15s;
    }

    .cta-btn-primary:hover {
      background: #A07508;
      transform: translateY(-1px);
    }

    .cta-secondary-note {
      margin-top: 14px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.5px;
      color: var(--taupe);
    }

    /* ── DIVIDER ── */
    .divider {
      max-width: 800px;
      margin: 0 auto;
      padding: 0 60px;
      display: flex;
      align-items: center;
      gap: 24px;
    }

    .div-line { flex: 1; height: 1px; background: var(--stone); }
    .div-mark { font-family: 'DM Sans', sans-serif; font-size: 18px; color: var(--gold); }

    .divider-wrap { padding: 40px 0; position: relative; z-index: 1; }

    /* ── PROOF SECTION ── */
    .proof-section {
      position: relative;
      overflow: hidden;
      background: var(--slate-mid);
      padding: 90px 60px;
      border-top: 1px solid var(--slate-deep);
      border-bottom: 1px solid var(--slate-deep);
    }

    .proof-section-bg {
    position: absolute;
    inset: 0;
    background-image: url(/assets/reveal-veil.jpg);
    background-size: cover;
    background-position: center 40%;
    filter: brightness(0.32) saturate(0.75);
}
    .proof-section-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(30, 42, 56, 0.88) 0%, rgba(44, 40, 36, 0.78) 50%);
    }

    .proof-inner { max-width: 800px; margin: 0 auto; }

    .sec-eye {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 24px;
    }

    .sec-h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(24px, 3.5vw, 40px);
      font-weight: 600;
      line-height: 1.18;
      color: var(--eggshell);
      margin-bottom: 36px;
    }

    .proof-body {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.85;
      color: var(--linen);
      margin-bottom: 32px;
    }

    .proof-body p + p { margin-top: 20px; }

    .proof-pull {
      font-family: 'Lora', serif;
      font-size: 18px;
      font-style: italic;
      line-height: 1.7;
      color: var(--parchment);
      padding-left: 22px;
      border-left: 4px solid var(--gold);
      margin-top: 40px;
    }

    .proof-attribution {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 1px;
      color: var(--gold);
      margin-top: 16px;
      padding-left: 22px;
    }

    /* ── THREE QUESTIONS ── */
    .questions-section {
      background: var(--ivory);
      padding: 90px 60px;
      border-bottom: 1px solid var(--stone);
    }

    .questions-inner { max-width: 1000px; margin: 0 auto; }

    .questions-intro {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.7;
      color: var(--slate);
      margin-bottom: 56px;
      max-width: 560px;
    }

    .questions-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      margin-top: 0;
    }

    .q-card {
      border-top: 2px solid var(--gold);
      padding-top: 28px;
    }

    .q-num {
      font-family: 'Playfair Display', serif;
      font-size: 48px;
      font-weight: 400;
      color: var(--stone);
      line-height: 1;
      margin-bottom: 16px;
    }

    .q-question {
      font-family: 'Playfair Display', serif;
      font-size: 19px;
      font-weight: 600;
      color: var(--charcoal);
      margin-bottom: 14px;
      line-height: 1.3;
    }

    .q-answer {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.8;
      color: var(--slate);
    }

    .q-answer strong { color: var(--charcoal); font-weight: 500; }

    .questions-close {
      margin-top: 56px;
      padding-top: 28px;
      border-top: 1px solid var(--stone);
      font-family: 'Playfair Display', serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.7;
      color: var(--slate);
    }

    /* ── MOTION PICTURE (new section) ── */
    .motion-section {
      background: var(--slate-deep);
      padding: 90px 60px;
      position: relative;
      overflow: hidden;
      border-top: 1px solid rgba(255,255,255,0.04);
      border-bottom: 1px solid rgba(255,255,255,0.04);
    }


    .motion-inner {
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
    }

    .motion-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: start;
    }

    .motion-text-col { min-width: 0; }

    .motion-video-col {
      min-width: 0;
      display: flex;
      align-items: flex-start;
      justify-content: center;
    }

    .motion-video-col video {
      width: 100%;
      max-width: 100%;
      display: block;
      border-radius: 8px;
      box-shadow: 0 8px 48px rgba(0,0,0,0.55);
    }

    @media (max-width: 860px) {
      .motion-layout {
        grid-template-columns: 1fr;
        gap: 32px;
      }
      .motion-video-col { order: 2; }
      .motion-text-col  { order: 1; }
      .motion-video-col video {
        border-radius: 6px;
      }
    }

    .motion-eye {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: rgba(184,134,11,1);
      margin-bottom: 8px;
    }

    .motion-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: rgba(245,240,230,1);
      margin-bottom: 24px;
    }

    .motion-h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(26px, 3.5vw, 44px);
      font-weight: 600;
      color: var(--ivory);
      margin-bottom: 12px;
      line-height: 1.15;
    }

    .motion-tagline {
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: rgba(184,134,11,0.65);
      margin-bottom: 32px;
    }

    .motion-body {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.88;
      color: rgba(242,237,224,0.72);
      margin-bottom: 24px;
    }

    .motion-body p + p { margin-top: 18px; }
    .motion-body strong { color: rgba(242,237,224,0.92); font-weight: 400; }

    .motion-tier-note {
      padding: 48px 32px;
      margin-top: 80px;
      border: 1px solid rgba(184,134,11,0.2);
      border-radius: 3px;
      background: rgba(184,134,11,0.04);
    }

    .motion-tier-note p {
      font-size: 13px;
      font-weight: 300;
      line-height: 1.75;
      color: rgba(242,237,224,0.65);
    }

    .motion-tier-note p + p { margin-top: 10px; }

    .motion-tier-note strong {
      color: rgba(184,134,11,0.85);
      font-weight: 400;
    }

    .motion-close {
      margin-top: 36px;
      font-family: 'Lora', serif;
      font-size: 16px;
      font-style: italic;
      line-height: 1.7;
      color: rgba(242,237,224,0.9);
    }

    /* ── EOD STRUCTURAL REPLAY CARD ── */
    .replay-section {
      background: #0D1117;
      padding: 90px 60px;
      position: relative;
      overflow: hidden;
      border-top: 1px solid rgba(184,134,11,0.15);
      border-bottom: 1px solid rgba(184,134,11,0.12);
    }

    .replay-inner {
      max-width: 900px;
      margin: 0 auto;
    }

    .replay-eye {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: rgba(184,134,11,0.85);
      margin-bottom: 16px;
    }

    .replay-h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(28px, 4vw, 48px);
      font-weight: 600;
      color: var(--ivory);
      line-height: 1.1;
      margin-bottom: 14px;
    }

    .replay-intro {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.85;
      color: rgba(242,237,224,0.55);
      margin-bottom: 48px;
      max-width: 620px;
    }

    .replay-card {
      background: rgba(20, 26, 36, 0.95);
      border: 1px solid rgba(184,134,11,0.25);
      border-radius: 4px;
      overflow: hidden;
      margin-bottom: 40px;
    }

    .replay-card-header {
      background: rgba(184,134,11,0.06);
      border-bottom: 1px solid rgba(184,134,11,0.18);
      padding: 24px 32px;
    }

    .replay-card-title-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 8px;
    }

    .replay-ticker {
      font-family: 'JetBrains Mono', monospace;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 2px;
      color: var(--ivory);
      margin-right: 16px;
    }

    .replay-card-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: rgba(184,134,11,0.9);
    }

    .replay-session-tag {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: rgba(242,237,224,0.35);
    }

    .replay-card-subtitle {
      font-family: 'Lora', serif;
      font-size: 13px;
      font-style: italic;
      color: rgba(242,237,224,0.5);
      margin-top: 4px;
    }

    .replay-block {
      padding: 28px 32px;
    }

    .replay-block-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: rgba(184,134,11,0.65);
      margin-bottom: 14px;
    }

    .replay-block-body {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.88;
      color: rgba(242,237,224,0.72);
    }

    .replay-divider {
      height: 1px;
      background: rgba(184,134,11,0.1);
      margin: 0 32px;
    }

    .replay-events {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .replay-event {
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }

    .replay-event-tag {
      font-family: 'JetBrains Mono', monospace;
      font-size: 8px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 4px 8px;
      border-radius: 2px;
      white-space: nowrap;
      flex-shrink: 0;
      margin-top: 3px;
    }

    .replay-event-tag.confirmed {
      background: rgba(34,197,94,0.1);
      color: rgba(74,222,128,0.85);
      border: 1px solid rgba(34,197,94,0.22);
    }

    .replay-event-tag.activated {
      background: rgba(34,197,94,0.1);
      color: rgba(74,222,128,0.85);
      border: 1px solid rgba(34,197,94,0.22);
    }

    .replay-event-tag.superseded {
      background: rgba(184,134,11,0.1);
      color: rgba(184,134,11,0.85);
      border: 1px solid rgba(184,134,11,0.25);
    }

    .replay-event-tag.invalidated {
      background: rgba(185,28,28,0.1);
      color: rgba(248,113,113,0.85);
      border: 1px solid rgba(185,28,28,0.25);
    }

    .replay-event-content { flex: 1; min-width: 0; }

    .replay-event-time {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: rgba(242,237,224,0.3);
      margin-bottom: 4px;
    }

    .replay-event-desc {
      font-size: 13px;
      font-weight: 300;
      line-height: 1.75;
      color: rgba(242,237,224,0.65);
    }

    .replay-carry-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .replay-carry-list li {
      font-size: 13px;
      font-weight: 300;
      line-height: 1.72;
      color: rgba(242,237,224,0.65);
      padding-left: 20px;
      position: relative;
    }

    .replay-carry-list li::before {
      content: '→';
      position: absolute;
      left: 0;
      color: rgba(184,134,11,0.55);
      font-size: 11px;
    }

    .replay-card-footer {
      background: rgba(0,0,0,0.22);
      border-top: 1px solid rgba(184,134,11,0.08);
      padding: 14px 32px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 8px;
      letter-spacing: 0.5px;
      line-height: 1.65;
      color: rgba(242,237,224,0.22);
    }

    .replay-explainer {
      font-family: 'Lora', serif;
      font-size: 15px;
      font-style: italic;
      line-height: 1.85;
      color: rgba(242,237,224,0.4);
      text-align: center;
      max-width: 680px;
      margin: 0 auto;
    }

    @media (max-width: 768px) {
      .replay-section { padding: 60px 24px; }
      .replay-card-header,
      .replay-block { padding: 20px 20px; }
      .replay-divider { margin: 0 20px; }
      .replay-card-footer { padding: 12px 20px; }
      .replay-card-title-row { flex-direction: column; align-items: flex-start; }
    }

    /* ── FULL FRAME + MOTION PICTURE ── */
    .mental-model-section {
      background: #E8EAEC;
      padding: 90px 60px;
      border-top: 1px solid var(--stone);
      border-bottom: 1px solid var(--stone);
      position: relative;
      overflow: hidden;
    }

    .mental-model-inner {
      max-width: 1120px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .mental-model-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
      gap: 56px;
      align-items: start;
    }

    .mental-model-eye {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 14px;
    }

    .mental-model-kicker {
      font-family: 'Playfair Display', serif;
      font-size: clamp(28px, 4vw, 46px);
      font-weight: 600;
      color: var(--charcoal);
      line-height: 1.12;
      margin-bottom: 18px;
    }

    .mental-model-h2 {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      letter-spacing: 1.5px;
      color: var(--gold);
      margin-bottom: 40px;
    }

    .mental-model-intro,
    .mental-model-body,
    .mental-model-close {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.9;
      color: var(--slate);
    }

    .mental-model-intro {
      margin-bottom: 48px;
      max-width: 640px;
    }

    .mental-model-points {
      display: grid;
      gap: 20px;
      margin-bottom: 28px;
    }

    .mental-model-point {
      padding-left: 18px;
      border-left: 2px solid rgba(184,134,11,0.35);
    }

    .mental-model-point-title {
      display: block;
      font-family: 'Playfair Display', serif;
      font-size: 20px;
      font-weight: 600;
      color: var(--charcoal);
      margin-bottom: 8px;
      text-align: center;
    }

    .mental-model-point p + p,
    .mental-model-body p + p,
    .mental-model-cta-copy p + p {
      margin-top: 14px;
    }

    .mental-model-video-wrap {
      background: linear-gradient(145deg, rgba(30,42,56,0.96), rgba(44,40,36,0.92));
      border: 1px solid rgba(184,134,11,0.24);
      border-radius: 4px;
      padding: 18px;
      box-shadow: 0 16px 44px rgba(30,42,56,0.16);
    }

    .mental-model-video-wrap video {
      width: 100%;
      display: block;
      border-radius: 4px;
      box-shadow: 0 8px 34px rgba(0,0,0,0.42);
      background: #111;
    }

    .mental-model-video-note {
      margin-top: 14px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      color: rgba(184,134,11,0.68);
      text-align: center;
    }

    .mental-model-close {
      margin-top: 26px;
      margin: 0 auto;
      width: 80%;
    }

    .mental-model-cta {
      margin-top: 58px;
      margin: 0 auto;
      padding: 20px 50px;
      border: 1px solid rgba(184,134,11,0.22);
      border-radius: 3px;
      background: rgba(184,134,11,0.05);
      max-width: 80%;
    }

    .mental-model-cta-head {
      font-family: 'Playfair Display', serif;
      font-size: 26px;
      font-weight: 600;
      color: var(--charcoal);
      line-height: 1.2;
      margin-bottom: 12px;
    }

    .mental-model-cta-copy {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.85;
      color: var(--slate);
      margin-bottom: 24px;
    }

    /* ── MENTAL MODEL CHART ROWS ── */
    .mental-model-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center;
      margin-bottom: 44px;
    }

    .mental-model-text-block { min-width: 0;}
    .mental-model-chart-block { min-width: 0; }

    .mental-model-chart-img {
      width: 80%;
      display: block;
      border-radius: 4px;
      box-shadow: 0 8px 32px rgba(44,40,36,0.14);
    }

    .mental-model-video-row {
      margin-top: 8px;
      margin-bottom: 16px;
    }

    .mental-model-video-row .mental-model-video-wrap {
      max-width: 80%;
      margin: 0 auto;
    }

    /* ── FOUNDING COHORT ── */
    .founding-section {
      background: var(--charcoal);
      padding: 90px 60px;
      position: relative;
      overflow: hidden;
    }

    .founding-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse at 70% 50%, rgba(184,134,11,0.06) 0%, transparent 60%),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 200 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23F5F0E6' stroke-width='0.35' opacity='0.045'%3E%3Cpath d='M10 0 Q15 150 10 300 Q5 450 10 600'/%3E%3Cpath d='M30 0 Q25 150 30 300 Q35 450 30 600'/%3E%3Cpath d='M50 0 Q55 150 50 300 Q45 450 50 600'/%3E%3Cpath d='M70 0 Q65 150 70 300 Q75 450 70 600'/%3E%3Cpath d='M90 0 Q95 150 90 300 Q85 450 90 600'/%3E%3Cpath d='M110 0 Q105 150 110 300 Q115 450 110 600'/%3E%3Cpath d='M130 0 Q135 150 130 300 Q125 450 130 600'/%3E%3Cpath d='M150 0 Q145 150 150 300 Q155 450 150 600'/%3E%3Cpath d='M170 0 Q175 150 170 300 Q165 450 170 600'/%3E%3Cpath d='M190 0 Q185 150 190 300 Q195 450 190 600'/%3E%3C/g%3E%3C/svg%3E");
      background-size: auto, 200px 600px;
      pointer-events: none;
    }

    .founding-inner {
      max-width: 800px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .founding-eye {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: rgba(184,134,11,0.9);
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .founding-eye::after {
      content: '';
      flex: 1;
      height: 1px;
      background: rgba(184,134,11,0.6);
    }

    .founding-h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(28px, 4vw, 50px);
      font-weight: 600;
      color: var(--ivory);
      margin-bottom: 28px;
      line-height: 1.1;
    }

    .founding-body {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.85;
      color: rgba(242,237,224,0.75);
      margin-bottom: 20px;
    }

    .founding-list {
      list-style: none;
      margin-bottom: 44px;
    }

    .founding-list li {
      font-size: 14px;
      font-weight: 300;
      color: rgba(242,237,224,0.8);
      padding: 9px 0;
      border-bottom: 1px solid rgba(255,255,255,0.06);
      padding-left: 18px;
      position: relative;
      line-height: 1.6;
    }

    .founding-list li::before {
      content: '·';
      position: absolute;
      left: 0;
      color: var(--gold);
      font-size: 18px;
      line-height: 1.3;
    }

    .founding-list li em {
      font-style: normal;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      color: rgba(184,134,11,0.6);
      letter-spacing: 0.5px;
    }

    .founding-warning {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.75;
      color: rgba(242,237,224,0.6);
      margin-bottom: 36px;
      padding: 18px 20px;
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 2px;
      background: rgba(255,255,255,0.02);
    }

    .cta-btn-founding {
      display: inline-block;
      background: var(--gold);
      color: var(--charcoal);
      text-decoration: none;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 18px 36px;
      border-radius: 2px;
      transition: background 0.2s, transform 0.15s;
      margin-bottom: 18px;
      display: block;
      max-width: 440px;
      text-align: center;
    }

    .cta-btn-founding:hover {
      background: #A07508;
      transform: translateY(-1px);
    }

    .founding-note {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.4px;
      color: rgba(184,134,11,0.5);
    }

    /* ── TIERS ── */
    .tiers-section {
      background: var(--slate-deep);
      padding: 90px 60px;
      /*border-top: 1px solid var(--stone);*/
      /*border-bottom: 1px solid var(--stone);*/
      position: relative;
      overflow: hidden;
    }

    /* Tiers section eyebrow + heading override for dark bg */
    .tiers-section .sec-eye  { color: rgba(236, 178, 29, 0.9); }
    .tiers-section .sec-h2   { color: var(--ivory); }
    .tiers-section .tiers-sub { color: rgba(245,240,230,0.55); }

    .tiers-inner { max-width: 1060px; margin: 0 auto; }

    .tiers-sub {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.7;
      color: var(--slate);
      margin-top: 10px;
      margin-bottom: 0;
    }

    .tiers-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
      margin-top: 56px;
    }

    .tier-card {
      background: var(--eggshell);
      opacity: calc(0.95);
      border: 1px solid var(--stone);
      border-radius: 4px;
      padding: 32px 28px 36px;
      display: flex;
      flex-direction: column;
    }

    .tier-card.founding {
      background: var(--stone);
      /*opacity: calc(0.8);*/
      border-color: rgba(184,134,11,0.3);
    }

    .tier-name {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: var(--cognac);
      margin-bottom: 10px;
    }

    .tier-price {
      font-family: 'Playfair Display', serif;
      font-size: 32px;
      font-weight: 600;
      color: var(--charcoal);
      margin-bottom: 2px;
    }

    .tier-card.founding .tier-price { color: var(--slate); }

    .tier-cadence {
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 1px;
      color: var(--cognac);
      margin-bottom: 20px;
    }

    .tier-card.founding .tier-cadence { color:var(--slate-deep);}

    .tier-rule { height: 1px; background: var(--stone); margin-bottom: 18px; }
    .tier-card.founding .tier-rule { background: rgba(184,134,11,0.2); }

    .tier-tagline {
      font-size: 13px;
      font-weight: 400;
      line-height: 1.6;
      color: var(--charcoal);
      margin-bottom: 16px;
    }

    .tier-card.founding .tier-tagline { color: var(--slate-deep); }

    .tier-includes {
      font-family: 'JetBrains Mono', monospace;
      font-size: 8px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: var(--cognac);
      margin-bottom: 12px;
    }

    .tier-card.founding .tier-includes { color: var(--cognac);}

    .tier-features {
      list-style: none;
      flex: 1;
      margin-bottom: 28px;
    }

    .tier-features li {
      font-size: 13px;
      font-weight: 300;
      line-height: 1.7;
      color: var(--slate);
      padding: 7px 0;
      padding-left: 14px;
      border-bottom: 1px solid rgba(154, 145, 133, 0.4);
      position: relative;
    }

    .tier-features li:last-child { border-bottom: none; }

    .tier-features li::before {
      content: '·';
      position: absolute;
      left: 0;
      color: var(--gold);
      font-size: 16px;
      line-height: 1.4;
    }

    .tier-card.founding .tier-features li {
      color: var(--charcoal);
      border-bottom-color: rgba(46, 38, 38, 0.08);
    }

    .tier-features li em {
      font-style: normal;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      color: rgba(64, 61, 54, 0.7);
      letter-spacing: 0.3px;
    }

    .tier-footer-note {
      font-family: 'JetBrains Mono', monospace;
      font-size: 8px;
      letter-spacing: 0.3px;
      color: var(--gold-light);
      margin-top: -16px;
      margin-bottom: 20px;
      line-height: 1.6;
    }

    .tier-card.founding .tier-footer-note { color: var(--slate); }

    .cta-btn-tier {
      display: block;
      text-align: center;
      text-decoration: none;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      padding: 14px 20px;
      border-radius: 2px;
      transition: background 0.2s, transform 0.15s, border-color 0.2s;
    }

    .cta-btn-tier:hover { transform: translateY(-1px); }

    .cta-btn-tier.outline {
      border: 1px solid var(--gold);
      color: var(--charcoal);
      background: transparent;
    }

    .cta-btn-tier.outline:hover { background: var(--gold); color: var(--charcoal); }

    .cta-btn-tier.gold {
      background: var(--gold);
      color: var(--charcoal);
      border: 1px solid var(--gold);
    }

    .cta-btn-tier.gold:hover { background: #A07508; border-color: #A07508; }

    /* ── EMAIL CAPTURE ── */
    .capture-section {
      background: var(--linen);
      padding: 90px 60px;
      border-bottom: 1px solid var(--stone);
    }

    .capture-inner { max-width: 600px; margin: 0 auto; text-align: center; }

    .capture-h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(24px, 3vw, 36px);
      font-weight: 600;
      color: var(--charcoal);
      margin-bottom: 18px;
      line-height: 1.2;
    }

    .capture-body {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.8;
      color: var(--slate);
      margin-bottom: 36px;
    }

    .form-wrap { position: relative; }

    .form-row {
      display: flex;
      border: 1px solid var(--stone);
      border-radius: 3px;
      overflow: hidden;
      background: var(--warm-white);
      transition: border-color 0.2s, box-shadow 0.2s;
      box-shadow: 0 2px 8px rgba(44,40,36,0.06);
    }

    .form-row:focus-within { border-color: var(--gold); box-shadow: 0 0 0 3px var(--gold-light); }

    .form-input {
      flex: 1;
      background: transparent;
      border: none;
      outline: none;
      padding: 15px 18px;
      font-family: 'DM Sans', sans-serif;
      font-size: 14px;
      color: var(--charcoal);
      min-width: 0;
    }

    .form-input::placeholder { color: var(--taupe); }

    .form-btn {
      background: var(--slate);
      border: none;
      outline: none;
      padding: 15px 22px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: var(--ivory);
      cursor: pointer;
      white-space: nowrap;
      transition: background 0.2s;
      flex-shrink: 0;
    }

    .form-btn:hover { background: var(--gold); }
    .form-btn:disabled { opacity: 0.5; cursor: not-allowed; }

    .form-note {
      margin-top: 12px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.3px;
      color: var(--taupe);
    }

    .capture-success {
      display: none;
      padding: 22px 28px;
      border: 1px solid rgba(74,103,65,0.3);
      border-radius: 3px;
      background: rgba(74,103,65,0.06);
    }

    .success-title {
      font-family: 'Playfair Display', serif;
      font-size: 20px;
      color: var(--charcoal);
      margin-bottom: 6px;
    }

    .success-sub { font-size: 13px; color: var(--slate); line-height: 1.6; }

    .capture-error {
      display: none;
      margin-top: 12px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 9px;
      letter-spacing: 0.3px;
      color: #c0392b;
    }

    /* ── FINAL CLOSE ── */
    .close-section {
      background: var(--charcoal);
      padding: 80px 60px;
      text-align: center;
    }

    .close-inner { max-width: 600px; margin: 0 auto; }

    .close-wordmark {
      font-family: 'DM Sans', sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: rgba(245,240,230,0.5);
      margin-bottom: 36px;
    }

    .close-wordmark .lambda { color: rgba(184,134,11,0.6); }

    .close-copy {
      font-family: 'Lora', serif;
      font-size: 17px;
      font-style: italic;
      line-height: 1.75;
      color: rgba(242,237,224,0.75);
      margin-bottom: 12px;
    }

    .close-sub {
      font-size: 14px;
      font-weight: 300;
      color: rgba(242,237,224,0.45);
      margin-bottom: 40px;
    }

    .cta-btn-close {
      display: block;
      max-width: 360px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      background: var(--gold);
      color: var(--charcoal);
      text-decoration: none;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 16px 40px;
      border-radius: 2px;
      transition: background 0.2s, transform 0.15s;
      margin-bottom: 40px;
    }

    .cta-btn-close:hover { background: #A07508; transform: translateY(-1px); }

    .copyright {
      font-family: 'JetBrains Mono', monospace;
      font-size: 8px;
      letter-spacing: 0.5px;
      color: rgba(184,134,11,0.9);
      margin-top: 28px;
      line-height: 2;
    }

    .copyright a,
    .copyright a:hover,
    .copyright a:focus,
    .copyright a:visited {
      color: rgba(184,134,11,0.5);
      text-decoration: none;
    }

    /* ── CLARITY (WHAT REVEAL IS NOT) ── */
    .clarity-section {
      background: var(--eggshell);
      padding: 90px 60px;
      border-top: 1px solid var(--stone);
      border-bottom: 1px solid var(--stone);
    }

    .clarity-inner { max-width: 800px; margin: 0 auto; }

    .clarity-not-list {
      list-style: none;
      margin: 32px 0 44px;
    }

    .clarity-not-list li {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.75;
      color: var(--slate);
      padding: 11px 0 11px 22px;
      border-bottom: 1px solid rgba(212,196,176,0.5);
      position: relative;
    }

    .clarity-not-list li:last-child { border-bottom: none; }

    .clarity-not-list li::before {
      content: '🟤';
      position: absolute;
      left: 0;
      color: var(--taupe);
      font-size: 9px;
      line-height: 1.85;
    }

    .clarity-close {
      font-family: 'Lora', serif;
      font-size: 16px;
      font-style: italic;
      line-height: 1.8;
      color: var(--slate);
      padding-left: 22px;
      border-left: 2px solid var(--gold-rule);
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 760px) {
      .site-header { padding: 18px 24px; }
      .hero-section, .proof-section, .questions-section,
      .motion-section, .mental-model-section, .founding-section, .tiers-section,
      .clarity-section, .capture-section, .close-section {
        padding-left: 24px;
        padding-right: 24px;
      }

      .hero-section { padding-top: 56px; padding-bottom: 44px; }
      .hero-inner { grid-template-columns: 1fr; grid-template-rows: auto; gap: 40px; }
      .hero-inner1col { grid-template-rows: auto; }
      .hero-left-top { grid-column: 1; grid-row: 1; order: 1; }
      .hero-right { grid-column: 1; grid-row: auto; order: 2; }
      .hero-left-bottom { grid-column: 1; grid-row: auto; order: 3; }
      .hero-screenshot-frame { max-width: 260px; }

      .questions-grid { grid-template-columns: 1fr; gap: 32px; }
      .realm-language-grid { grid-template-columns: 1fr; gap: 16px; }
      .tiers-grid { grid-template-columns: 1fr; gap: 24px; }
      .mental-model-row { grid-template-columns: 1fr; gap: 24px; }

      .cta-btn-primary, .cta-btn-founding, .cta-btn-close { max-width: 100%; }
      .mental-model-cta { padding: 24px 22px 28px; }
    }

    @media (min-width: 761px) and (max-width: 1024px) {
      .hero-inner { grid-template-columns: 1.2fr 1fr; gap: 0 48px; }
      .questions-grid { grid-template-columns: 1fr 1fr; }
      .tiers-grid { grid-template-columns: 1fr 1fr; }
    }