/* =====================================================================
   Q4 OFFER PATH + MENTORSHIP PRICING (shared by index.html and mentorship.html)
   ===================================================================== */

/* ---------- Offer path ---------- */
.offer-path{ background:var(--paper); padding:120px 24px; border-top:1px solid rgba(42,35,29,0.06); }
.offer-path__inner{ max-width:1100px; margin:0 auto; }
.offer-path__head{ text-align:center; max-width:640px; margin:0 auto 60px; }
.offer-path__head .op-eyebrow{ font-size:11.5px; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold-text); margin-bottom:18px; }
.offer-path__head h2{ font-family:'Bodoni Moda', serif; font-weight:400; font-size:clamp(34px, 4.4vw, 54px); line-height:1.08; color:var(--ink); }
.offer-path__head h2 em{ font-style:italic; color:var(--gold-text); }
.offer-path__head p{ margin-top:18px; font-size:16px; line-height:1.7; color:rgba(42,35,29,0.7); }
.op-steps{ display:grid; grid-template-columns:1fr 1fr 0.9fr; gap:0; position:relative; }
.op-step{ position:relative; padding:38px 34px 34px; border:1px solid rgba(42,35,29,0.1); display:flex; flex-direction:column; }
.op-step + .op-step{ border-left:none; }
.op-step--main{ background:rgba(185,143,78,0.06); border-color:var(--gold-line); }
.op-step--alt{ background:transparent; border-style:dashed; border-color:rgba(42,35,29,0.16); }
.op-step__num{ font-family:'Bodoni Moda', serif; font-size:15px; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold-text); margin-bottom:16px; }
.op-step h3{ font-family:'Bodoni Moda', serif; font-weight:400; font-size:28px; line-height:1.15; color:var(--ink); margin-bottom:12px; }
.op-step h3 em{ font-style:italic; color:var(--gold-text); }
.op-step__meta{ font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:rgba(42,35,29,0.55); line-height:1.7; margin-bottom:14px; }
.op-step p{ font-size:15px; line-height:1.7; color:rgba(42,35,29,0.75); margin-bottom:20px; }
.op-step__price{ margin-top:auto; padding-top:18px; border-top:1px solid rgba(42,35,29,0.1); font-family:'Bodoni Moda', serif; font-size:26px; color:var(--ink); }
.op-step__price small{ display:block; font-family:'Jost', sans-serif; font-size:12px; letter-spacing:0.04em; color:rgba(42,35,29,0.55); margin-top:4px; }
.op-step__price .free{ color:var(--gold-text); }
.op-step__cta{ display:inline-block; margin-top:20px; font-size:12px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold-text); text-decoration:none; }
.op-step__cta:hover{ color:var(--ink); }
.op-arrow{ position:absolute; top:50%; right:-15px; width:30px; height:30px; margin-top:-15px; border-radius:50%; background:var(--paper); border:1px solid var(--gold-line); color:var(--gold-text); display:flex; align-items:center; justify-content:center; font-size:14px; z-index:2; }
.op-note{ margin:34px auto 0; max-width:760px; text-align:center; padding:18px 22px; border:1px solid var(--gold-line); font-size:14px; line-height:1.65; color:rgba(42,35,29,0.8); }
.op-note strong{ color:var(--ink); font-weight:600; }

/* ---------- Pricing ---------- */
.mp{ max-width:1080px; margin:90px auto 0; }
.mp__head{ text-align:center; max-width:640px; margin:0 auto 44px; }
.mp__head .mp-eyebrow{ font-size:11.5px; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold-text); margin-bottom:16px; }
.mp__head h2, .mp__head h3{ font-family:'Bodoni Moda', serif; font-weight:400; font-size:clamp(32px, 4vw, 48px); line-height:1.1; color:var(--ink); }
.mp__head h2 em, .mp__head h3 em{ font-style:italic; color:var(--gold-text); }
.mp__grid{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:24px; align-items:stretch; max-width:900px; margin:0 auto; }
.tier{ display:flex; flex-direction:column; padding:40px 36px 34px; background:#fff; border:1px solid rgba(23,22,26,0.12); position:relative; }
.tier__label{ font-size:11px; letter-spacing:0.2em; text-transform:uppercase; color:#6b665c; margin-bottom:10px; }
.tier__name{ font-family:'Bodoni Moda', serif; font-size:28px; line-height:1.15; color:var(--ink); margin-bottom:22px; }
.tier__price{ font-family:'Bodoni Moda', serif; font-size:56px; line-height:1; color:var(--ink); }
.tier__usd{ display:block; margin-top:8px; font-size:13px; color:#6b665c; }
.tier__desc{ margin:20px 0 26px; font-size:15px; line-height:1.65; color:#3a3833; }
.tier .tier__btn{ margin-top:auto; display:block; text-align:center; text-decoration:none; text-transform:uppercase; letter-spacing:0.12em; font-weight:600; font-size:13px; padding:18px 20px; border:1px solid var(--charcoal); background:var(--paper); color:var(--ink); transition:all .25s ease; }
.tier .tier__btn:hover{ background:var(--gold-fill); border-color:var(--gold-fill); color:var(--ink); }
/* founding tier: emphasised */
.tier--founding{ background:var(--paper); border:1px solid var(--gold); box-shadow:0 24px 50px rgba(23,22,26,0.18); }
.tier--founding .tier__ribbon{ position:absolute; top:-14px; left:36px; background:var(--gold-fill); color:var(--ink); font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; padding:7px 14px; }
.tier--founding .tier__label{ color:var(--gold-text); }
.tier--founding .tier__name{ color:var(--ink); }
.tier--founding .tier__price{ color:var(--gold-text); font-size:64px; }
.tier--founding .tier__was{ display:block; margin-top:10px; font-size:13px; color:rgba(42,35,29,0.55); }
.tier--founding .tier__was s{ color:rgba(42,35,29,0.45); }
.tier--founding .tier__usd{ color:rgba(42,35,29,0.6); }
.tier--founding .tier__desc{ color:rgba(42,35,29,0.8); }
.tier--founding .tier__seats{ display:inline-block; margin-top:14px; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink); border:1px solid var(--gold-line); padding:6px 12px; }
.tier--founding .tier__seats:empty{ display:none; }
.tier--founding .tier__btn{ background:var(--gold-fill); border-color:var(--gold-fill); color:var(--ink); }
.tier--founding .tier__btn:hover{ background:var(--ivory-bg); border-color:var(--ink); }
.mp__note{ max-width:900px; margin:26px auto 0; text-align:center; font-size:14px; line-height:1.7; color:#3a3833; }
.mp__note strong{ color:var(--ink); }
.mp__min{ max-width:900px; margin:22px auto 0; padding:22px 26px; border:1px solid rgba(23,22,26,0.14); background:rgba(255,255,255,0.5); font-size:14.5px; line-height:1.7; color:#3a3833; }
.mp__min h4{ font-family:'Bodoni Moda', serif; font-weight:500; font-size:22px; color:var(--ink); margin-bottom:8px; }
.mp__min ul{ margin:10px 0 0 18px; }
.mp__min li{ margin:4px 0; }
.mp__fine{ max-width:900px; margin:16px auto 0; text-align:center; font-size:12.5px; color:#6b665c; }
.mp__fine a{ color:#7C5E34; }

/* founding tier switched off (site-config.js → FOUNDING_OPEN: false, or after the deadline) */
body.founding-closed .tier--founding,
body.founding-closed .founding-only{ display:none !important; }
body.founding-closed .mp__grid{ grid-template-columns:minmax(0, 520px); justify-content:center; }
.standard-only{ display:none; }
body.founding-closed .standard-only{ display:inline; }

/* ---------- What's included ---------- */
.inc-list{ list-style:none; margin:0; padding:0; }
.inc-list li{ position:relative; padding:12px 0 12px 28px; border-bottom:1px solid rgba(42,35,29,0.08); font-size:15.5px; line-height:1.55; color:rgba(42,35,29,0.86); }
.inc-list li::before{ content:""; position:absolute; left:0; top:23px; width:14px; height:1px; background:var(--gold-fill); }
.inc-list li strong{ color:var(--ink); font-weight:500; }

@media (max-width:900px){
  .offer-path{ padding:84px 16px; }
  .op-steps{ grid-template-columns:1fr; }
  .op-step + .op-step{ border-left:1px solid rgba(42,35,29,0.1); border-top:none; }
  .op-step--main{ border-color:var(--gold-line); }
  .op-step--alt{ margin-top:18px; border-top:1px dashed rgba(42,35,29,0.16) !important; border-left:1px dashed rgba(42,35,29,0.16) !important; }
  .op-arrow{ top:auto; bottom:-15px; right:50%; margin-right:-15px; transform:rotate(90deg); }
  .op-step{ padding:32px 24px 28px; }
  .mp{ margin-top:64px; }
  .mp__grid{ grid-template-columns:1fr; gap:34px; }
  .tier{ padding:36px 24px 28px; }
  .tier--founding .tier__price{ font-size:54px; }
  .tier__price{ font-size:48px; }
}


/* ---------- 1-on-1 mentorship (single offer, benefits, poster) ---------- */
.mp__grid--single{ grid-template-columns:minmax(0, 520px); justify-content:center; }
.tier--full{ display:none; }
body.founding-closed .tier--full{ display:flex; }
.q4-poster{ display:block; width:100%; height:auto; margin:0 0 28px; box-shadow:0 24px 50px rgba(42,35,29,0.16); }
.q4-sub, .hero__tag{ margin-top:12px; font-size:12.5px; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold-text, #7F612F); }
.benefits{ list-style:none; margin:34px 0 8px; padding:0; display:grid; grid-template-columns:repeat(5, 1fr); gap:0; border-top:1px solid var(--gold-line); border-bottom:1px solid var(--gold-line); }
.benefits li{ padding:22px 14px; text-align:center; border-left:1px solid var(--gold-line); }
.benefits li:first-child{ border-left:none; }
.benefits__icon svg{ width:34px; height:34px; fill:none; stroke:var(--gold-text, #7F612F); stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.benefits strong{ display:block; margin:10px 0 6px; font-size:11.5px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink, #2A231D); }
.benefits span:last-child{ display:block; font-size:13.5px; line-height:1.55; color:var(--ink-2, #4B4139); }
.q4-mentor .benefits{ grid-template-columns:1fr 1fr; }
.q4-mentor .benefits li{ border-left:none; border-top:1px solid var(--gold-line); text-align:left; display:grid; grid-template-columns:40px 1fr; column-gap:12px; align-items:start; padding:18px 14px 18px 0; }
.q4-mentor .benefits li:nth-child(-n+2){ border-top:none; }
.q4-mentor .benefits li:nth-child(even){ border-left:1px solid var(--gold-line); padding-left:16px; }
.q4-mentor .benefits li:last-child{ grid-column:1 / -1; border-left:none; padding-left:0; }
.q4-mentor .benefits__icon{ grid-row:1 / span 2; padding-top:2px; }
.q4-mentor .benefits strong{ margin:2px 0 4px; }
@media (max-width:900px){
  .benefits{ grid-template-columns:1fr 1fr; }
  .benefits li{ border-left:none; border-top:1px solid var(--gold-line); padding:20px 10px; }
  .benefits li:nth-child(-n+2){ border-top:none; }
  .benefits li:nth-child(even){ border-left:1px solid var(--gold-line); }
  .benefits li:last-child{ grid-column:1 / -1; border-left:none; }
  .q4-mentor .benefits li:last-child{ grid-column:1 / -1; border-left:none; }
}