/* Home page polish: readability, mobile length, footer, flat buttons that match the mentorship page.
   Loaded only by index.html, after conversion.css. */

/* ---- shared basics with the mentorship page: flat buttons, same corner radius ---- */
.btn-liquid-primary, .mp-btn, .btn-nav, .modal-enroll-btn, #mobile-sticky-cta a,
.curriculum-grid a[href*="whop.com"]{
  border-radius:6px !important;box-shadow:none !important;
  background-image:none !important;background-color:#754437 !important;
}
.btn-liquid-primary::before, .btn-liquid-primary::after{box-shadow:none !important;}
.btn-liquid-ghost, .start-card .btn-liquid-ghost{border-radius:6px !important;box-shadow:none !important;}
.for-grid .btn-liquid-primary{margin-bottom:20px !important;}

/* ---- pricing cards: Enroll Now + View Details only. The separate "Roadmap"
   button and its standalone modal were removed on 2026-10-17; the roadmap now
   lives inside each tier's View Details modal. ---- */

/* ---- mentorship strip ---- */
.mentorship-pointer .mp-sub{font-size:.9rem !important;line-height:1.55;color:rgba(40,55,74,.85) !important;}
.mentorship-pointer .mp-sub b{color:#28374A;font-weight:700;}

/* ---- footer: links were cream on cream (invisible) ---- */
footer .footer-links a, footer .footer-links .nav-link{color:rgba(40,55,74,.85) !important;}
footer .footer-legal{max-width:1200px;margin:22px auto 0;padding:20px 24px 0;border-top:1px solid rgba(40,55,74,.1);display:flex;flex-direction:column;gap:14px;}
footer .footer-legal-links{display:flex;flex-wrap:wrap;gap:8px 26px;}
footer .footer-legal-links a{color:rgba(40,55,74,.85);font-size:.8125rem;font-weight:600;text-decoration:none;padding:4px 0;}
footer .footer-legal-links a:hover{text-decoration:underline;}
footer .footer-legal-links a:focus-visible{outline:2px solid #754437;outline-offset:3px;border-radius:2px;}
footer .footer-legal-copy{font-size:.75rem;line-height:1.65;color:rgba(40,55,74,.7);max-width:62em;}

/* ---- WhatsApp button: revealed after the first scroll on phones so it never sits on the hero ---- */
.wa-fab{transition:opacity .3s ease, transform .3s ease;}
@media (max-width:760px){
  .wa-fab{opacity:0;pointer-events:none;transform:translateY(8px);}
  .wa-fab.show{opacity:1;pointer-events:auto;transform:none;}
}

/* ---- phones: readable body copy, one reading edge, shorter page ---- */
@media (max-width:760px){
  .section-label{font-size:.6875rem !important;letter-spacing:.2em !important;}
  #programs .sec-inner > div:first-child > p,
  .video-lessons-section .sec-inner > div:first-child > p,
  .for-grid p, #about p, .hero-section p{
    font-size:1rem !important;line-height:1.65 !important;color:rgba(40,55,74,.88) !important;
  }
  #programs .sec-inner > div:first-child > p,
  .video-lessons-section .sec-inner > div:first-child > p,
  #about p{text-align:left !important;}
  /* "Choose your path": keep the first line and the scam warning, drop the repeated sales line */
  #programs .sec-inner > div:first-child > p:nth-of-type(2){display:none !important;}
  #programs .sec-inner > div:first-child > p:nth-of-type(3){font-size:.8125rem !important;line-height:1.55 !important;margin-top:4px !important;}
  /* lesson tiles: four instead of five */
  .video-lessons-grid > div:nth-child(5){display:none !important;}
  .check-item span{font-size:.9375rem !important;line-height:1.5;}
}

.mentorship-pointer .mp-title{text-wrap:balance;}

/* ---- hero subtext: three short lines like the mentorship page ---- */
.hero-sub .ln{display:block;}
.hero-sub .ln + .ln{margin-top:2px;}
.hero-sub .ln{text-wrap:balance;}
.nb{white-space:nowrap;}

/* ---- ampersand in headings: Playfair Display's "&" is an ornate double-story ligature that
   reads oddly large/fancy next to the rest of a bold heading -- same fix already used on the
   mentorship page's own "P&L" heading (.amp there), ported here. Switches just that one
   character to the plain Inter glyph, slightly smaller so it sits flush with the surrounding text. */
.amp{font-family:'Inter',sans-serif;font-weight:400;font-size:.88em;letter-spacing:0;padding:0 .04em;}

/* ---- highlights band (same structure as the mentorship page: title + four large numbers, no card, no dividers) ---- */
.home-highlights{padding:clamp(40px,5vw,72px) 0 !important;background:#F4F0E7 !important;}
.home-highlights .sec-inner{max-width:1040px;margin:0 auto;padding:0 28px;text-align:center;}
.hl-title{font-family:'Dollar','Playfair Display',Georgia,'Times New Roman',serif;font-weight:650;font-size:clamp(1.625rem,3vw,2.375rem);letter-spacing:-.02em;line-height:1.15;color:#28374A;margin:0 auto clamp(26px,3.5vw,44px);}
.hl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.hl-stat{padding:clamp(14px,3vw,32px) 12px;text-align:center;}
.hl-num{font-family:'Dollar','Playfair Display',Georgia,'Times New Roman',serif;font-weight:650;font-size:clamp(2.125rem,5.4vw,4rem);letter-spacing:-.03em;line-height:1;color:#28374A;font-feature-settings:"lnum" 1;}
.hl-num span{color:#754437;}
.hl-label{margin:14px auto 0;max-width:15em;font-size:1rem;line-height:1.4;color:rgba(40,55,74,.8);}
@media (max-width:900px){.hl-stats{grid-template-columns:1fr 1fr;}}
@media (max-width:760px){
  .home-highlights{padding:26px 0 18px !important;}
  .hl-title{font-size:1.1875rem;margin-bottom:12px;}
  .hl-stat{padding:14px 8px 16px;}
  .hl-label{margin-top:6px;font-size:.875rem;line-height:1.35;}
}

/* ---- "This is NOT for you if you..." card: flat, hairline, readable (matches mentorship cards) ---- */
.qual-card{box-shadow:none !important;border:1px solid rgba(40,55,74,.14) !important;border-radius:10px !important;background:rgba(40,55,74,.035) !important;}
.qual-card h3{text-transform:none !important;font-size:1.25rem !important;letter-spacing:-.01em !important;}
.qual-card li span{font-size:1rem !important;line-height:1.55 !important;color:rgba(40,55,74,.88) !important;}

/* ---- softer shadows (same flat, hairline feel as the mentorship page) ---- */
.glass, .glass-highlight, .curriculum-grid, .about-img-wrap, .date-pill{
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 14px 30px -22px rgba(40,55,74,.28) !important;
}
div.fade-up.delay-4 > div[style*="border-radius:20px"]{
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 22px 44px -28px rgba(40,55,74,.4) !important;
}

/* ---- Track record (same content as the mentorship page) ---- */
.home-track{text-align:center;padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px);}
.home-track .sec-inner{max-width:1280px;margin:0 auto;padding:0 28px;}
.ht-key{color:#754437;}
.ht-sub{margin:18px auto 0;max-width:36em;font-size:1.0625rem;color:rgba(40,55,74,.8);}
.ht-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:64px 48px;margin-top:clamp(52px,7vw,84px);text-align:left;}
.ht-item{margin:0;min-width:0;}
.ht-frame{display:block;width:100%;aspect-ratio:4/3;padding:0;border:1px solid rgba(40,55,74,.1);border-radius:10px;overflow:hidden;background:#eef0f2;cursor:zoom-in;box-shadow:0 1px 2px rgba(40,55,74,.06),0 12px 28px -8px rgba(40,55,74,.22);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);}
.ht-frame img{width:100%;height:100%;object-fit:cover;object-position:center bottom;}
.ht-frame:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(40,55,74,.08),0 20px 40px -10px rgba(117,68,55,.28);}
.ht-frame:active{transform:translateY(0);}
.ht-frame:focus-visible{outline:3px solid #754437;outline-offset:3px;}
.ht-fig{display:flex;align-items:baseline;gap:8px;margin-top:14px;white-space:nowrap;font-family:'Dollar','Playfair Display',Georgia,'Times New Roman',serif;font-weight:520;font-size:clamp(1.625rem,3vw,2.375rem);letter-spacing:-.02em;line-height:1;color:#28374A;}
.ht-fig span{font-family:Inter,sans-serif;font-size:1.0625rem;font-weight:600;letter-spacing:0;color:rgba(40,55,74,.8);}
.ht-lb{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:56px 16px 24px;background:rgba(251,249,244,.96);}
.ht-lb[hidden]{display:none;}
.ht-lb img{max-width:min(94vw,680px);max-height:calc(100vh - 120px);object-fit:contain;border-radius:8px;border:1px solid rgba(40,55,74,.18);background:#fff;}
.ht-lb-x{position:absolute;top:14px;right:14px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(40,55,74,.25);background:#fff;color:#28374A;font-size:1.6rem;line-height:1;cursor:pointer;}
.ht-lb-x:focus-visible{outline:3px solid #754437;outline-offset:3px;}
@media (max-width:900px){.ht-grid{grid-template-columns:1fr 1fr;gap:22px 14px;}}
@media (max-width:760px){.ht-fig{font-size:1.625rem;margin-top:10px;gap:6px;}.ht-fig span{font-size:.9375rem;}.ht-sub{font-size:1rem;}}

/* ---- About the mentor on phones: name, then photo, then the bio (same order as the mentorship page) ----
   2026-10-11: the About section's column order was swapped to text-first/photo-second (matching the
   mentorship page's own layout) -- div:first-child is now the text column, div:nth-child(2) the photo,
   so these selectors were updated to match (previously the reverse). */
@media (max-width:760px){
  #abPanel-about .about-grid{display:flex !important;flex-direction:column;gap:20px;}
  #abPanel-about .about-grid > div:first-child{display:contents;}
  #abPanel-about .about-grid > div:first-child > .section-label{order:1;text-align:center;margin-bottom:0 !important;}
  #abPanel-about .about-grid > div:first-child > h2{order:2;text-align:center;margin:0 !important;}
  #abPanel-about .about-grid > div:nth-child(2){order:3;max-width:300px;margin:0 auto;width:100%;}
  #abPanel-about .about-grid > div:first-child > p, #abPanel-about .about-grid > div:first-child > .about-more, #abPanel-about .about-grid > div:first-child > div:last-child{order:4;}
}

/* About stats row on phones: keep each figure on one line */
@media (max-width:760px){
  #abPanel-about .about-grid > div:first-child > div:last-child{gap:0 !important;}
  #abPanel-about .about-grid > div:first-child > div:last-child > div > div:first-child{white-space:nowrap !important;font-size:1.5rem !important;}
  #abPanel-about .about-grid > div:first-child > div:last-child > div > div:last-child{font-size:.625rem !important;letter-spacing:.06em !important;line-height:1.35 !important;}
}

/* ---- "What You Get" support-system cards (Foundation/Transformation): the base layout is
   inline (display:grid;grid-template-columns:repeat(4,1fr) / repeat(3,1fr)), so it needs an
   explicit override here to stack on phones -- same pattern as .video-lessons-grid/.curriculum-grid
   above, which already rely on this file for their phone breakpoints. */
@media (max-width:760px){
  .included-grid{grid-template-columns:1fr !important;}
}

/* ---- 2026-10-11: unify remaining Fraunces usage with the new Playfair Display headline font ----
   styles.css and conversion.css are shared with 12 other pages (guide pages, mastermind,
   student-results, testimonials, welcome) -- editing them directly would have changed those
   pages' type too, which wasn't asked for. Scoped here instead (home-polish.css loads last and
   is home-page-only), keeping each rule's existing font-weight (Playfair Display is a variable
   font, weight range 400-900, so 520/600/700/800 etc. all render correctly, just in the new family). */
/* Only true headline/number-scale elements stay on the Playfair stack (.stat-num is the hero's
   big "8 / 50 / 4+ / 100+ / $5M+" row, clamp(2.5rem,5vw,4rem); .mcp-card h3 is the masterclass
   popup's 1.65rem title) -- everything smaller (buttons, labels, badges, FAQ questions, modal UI
   text) reverted back to Inter below, 2026-10-11, per explicit request: serif only reads well at
   real headline sizes, not at small/functional UI text sizes. */
.stat-num,.mcp-card h3{font-family:'Dollar','Playfair Display',Georgia,'Times New Roman',serif !important;}
.btn-liquid-primary,.btn-liquid-ghost,.btn-nav,.section-label,.mobile-menu a,.modal-section-label,.modal-enroll-btn,.mroad-txt h4,.mentorship-pointer .mp-eyebrow,.mentorship-pointer .mp-title,.qual-card h3,.faq-item summary,.tst-title,.mroad-num,.mcp-bonus-highlight{font-family:'Inter',sans-serif !important;}

/* ======================================================================
   2026-10-18 redesign: plan feature lists, support system, who-is-this-for,
   no-refund note, track-record title. Dark-native, home page only.
   ====================================================================== */

/* ---- image slots: live only inside the View The Roadmap modals (cards use plain pointers).
   Slots are placeholders (data-slot = target filename in /assets/images/features/);
   common features share one slot name. ---- */
.feat-thumb{position:relative;flex:0 0 88px;width:88px;height:56px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(224,195,139,.55);background:linear-gradient(135deg,rgba(244,240,231,.06),rgba(244,240,231,.02));border:1px dashed rgba(224,195,139,.32);}
.feat-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.feat-thumb.has-img{border-style:solid;border-color:rgba(244,240,231,.12);}
.modal-feature-row .feat-thumb{flex-shrink:0;}
@media (max-width:480px){.feat-thumb{flex-basis:68px;width:68px;height:46px;}}

/* ---- no-refund note ---- */
.plan-note{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:18px auto 0;padding:12px 22px;border:1px solid rgba(224,195,139,.25);border-radius:999px;background:rgba(224,195,139,.04);font-size:.82rem;line-height:1.5;color:rgba(244,240,231,.72);}
.plan-note svg{flex:0 0 16px;color:#E0C38B;}
.plan-note b{font-weight:600;color:#F4F0E7;}
.plan-note a{font-weight:600;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:#E0C38B;text-decoration:none;border-bottom:1px solid rgba(224,195,139,.4);padding-bottom:1px;}
.plan-note a:hover{border-bottom-color:#E0C38B;}
.plan-note a:focus-visible{outline:2px solid #E0C38B;outline-offset:3px;border-radius:2px;}
@media (max-width:640px){.plan-note{border-radius:16px;padding:14px 16px;justify-content:flex-start;}}

/* ---- support system: Foundation row, "+" connector, Transformation row ---- */
.sg-tier{position:relative;}
.sg-tier-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.sg-pill{display:inline-flex;align-items:center;font-family:'Inter',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 18px;border-radius:999px;color:#E0C38B;background:rgba(224,195,139,.1);border:1px solid rgba(224,195,139,.4);white-space:nowrap;}
.sg-pill-gold{background:#E0C38B;color:#11161C;border-color:#E0C38B;box-shadow:0 6px 20px -8px rgba(224,195,139,.6);}
.sg-tier-note{font-size:.8125rem;font-weight:600;color:rgba(244,240,231,.7);}
.sg-rule{flex:1;height:1px;min-width:24px;background:linear-gradient(90deg,rgba(224,195,139,.35),transparent);}
.sg-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;}
.sg-grid-4{grid-template-columns:repeat(4,1fr);}
.sg-grid-3{grid-template-columns:repeat(3,1fr);}
.sg-card{position:relative;display:flex;flex-direction:column;padding:26px 22px 24px;background:#1A2129;border:1px solid rgba(244,240,231,.09);border-radius:18px;box-shadow:0 18px 40px -26px rgba(0,0,0,.8),inset 0 1px 0 rgba(244,240,231,.05);transition:transform .3s cubic-bezier(.2,.8,.2,1);}
.sg-card:hover{transform:translateY(-4px);border-color:rgba(224,195,139,.35);}
.sg-ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;margin-bottom:18px;background:rgba(224,195,139,.1);border:1px solid rgba(224,195,139,.25);}
.sg-card h3{margin:0 0 8px;font-family:'Inter',sans-serif;font-weight:700;font-size:.95rem;line-height:1.3;color:#F4F0E7;}
.sg-card p{margin:0;font-size:.8125rem;line-height:1.65;color:rgba(244,240,231,.65);}
.sg-gap{height:28px;}
.sg-tier-gold{padding:26px 24px 24px;border-radius:24px;border:1px solid rgba(224,195,139,.45);background:linear-gradient(180deg,#2C2923 0%,#232426 42%,#1A2129 82%);box-shadow:0 30px 70px -40px rgba(224,195,139,.35);}
.sg-tier-gold .sg-card{background:rgba(17,22,28,.55);border-color:rgba(244,240,231,.1);}
.sg-tier-gold .sg-card:hover{border-color:rgba(224,195,139,.5);}
@media (max-width:960px){.sg-grid-4{grid-template-columns:repeat(2,1fr);}}
/* phones: compact two-up cards, short copy, tighter spacing */
@media (max-width:640px){
  .whats-included-section{padding:44px 0 !important;}
  .whats-included-section .sec-inner > div:first-child{margin-bottom:26px !important;}
  .sg-tier-head{gap:10px;margin-bottom:12px;flex-wrap:wrap;}
  .sg-pill{font-size:.64rem;padding:7px 14px;}
  .sg-tier-note{font-size:.72rem;flex:1 1 auto;}
  .sg-rule{display:none;}
  .sg-grid{gap:10px;}
  .sg-grid-4,.sg-grid-3{grid-template-columns:repeat(2,1fr);}
  .sg-grid-3 .sg-card:last-child{grid-column:1 / -1;}
  .sg-card{padding:14px 13px 14px;border-radius:14px;}
  .sg-ico{width:34px;height:34px;border-radius:10px;margin-bottom:10px;}
  .sg-ico svg{width:18px;height:18px;}
  .sg-card h3{font-size:.84rem;margin-bottom:5px;}
  .sg-card p{font-size:.74rem;line-height:1.5;}
  .sg-more{display:none;}
  .sg-gap{height:16px;}
  .sg-tier-gold{padding:14px 12px 12px;border-radius:18px;}
}
@media (prefers-reduced-motion:reduce){.sg-card{transition:none;}}

/* ---- who is this for: heading on top, "for you" (green) and "not for you" (red) side by side ---- */
.fy-head{text-align:center;margin-bottom:40px;}
.fy-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;}
.fy-card{display:flex;flex-direction:column;border-radius:24px;padding:30px 30px 8px;border:1px solid;background:#1A2129;}
.fy-yes{border-color:rgba(224,195,139,.55);background:linear-gradient(180deg,#2C2923 0%,#232426 42%,#1A2129 82%);}
.fy-no{border-color:rgba(244,240,231,.1);background:#1A2129;}
.fy-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.fy-badge{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid;}
.fy-yes .fy-badge{color:#E0C38B;border-color:rgba(224,195,139,.5);background:rgba(224,195,139,.12);}
.fy-no .fy-badge{color:rgba(244,240,231,.5);border-color:rgba(244,240,231,.18);background:rgba(244,240,231,.05);}
.fy-card h3{margin:0;font-family:'Inter',sans-serif;font-weight:700;font-size:1.05rem;color:#F4F0E7;}
.fy-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1;}
.fy-list li{flex:1;display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid rgba(244,240,231,.07);font-size:.93rem;line-height:1.5;color:rgba(244,240,231,.88);}
.fy-list li svg{flex:0 0 16px;}
.fy-yes .fy-list li svg{color:#E0C38B;}
.fy-no .fy-list li svg{color:rgba(244,240,231,.4);}
.fy-no .fy-list li{color:rgba(244,240,231,.72);}
.fy-cta{text-align:center;margin-top:36px;}
@media (max-width:860px){.fy-grid{grid-template-columns:1fr;}.fy-card{padding:26px 22px 6px;}}

/* ---- track record title: same face/weight/size as every other section title ---- */
.home-track h2{font-family:'Dollar','Playfair Display',Georgia,'Times New Roman',serif;font-weight:600;font-size:clamp(2rem,4vw,3rem);letter-spacing:-0.03em;line-height:1.1;margin:0;color:#F4F0E7;}

/* ---- hero VSL: matches the mentorship page's video poster -------------------
   14px radius, hairline border + the page's card shadow, thumbnail dimmed ~32%
   and ramping to a dark base, 64px gold play button centred, small serif
   caption bottom-left. The click-to-load facade behaviour (script.js) is unchanged. */
.hero-vsl{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:.5px solid rgba(244,240,231,.26);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 48px -24px rgba(0,0,0,.7),0 8px 18px -10px rgba(0,0,0,.5);background:#0C1015;}
.hero-vsl .yt-facade{position:absolute;inset:0;width:100%;height:100%;background:#0C1015;}
.hero-vsl .yt-facade::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(12,16,21,.32) 0%,rgba(12,16,21,.34) 55%,rgba(12,16,21,.86) 100%);}
.hero-vsl .yt-facade img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-vsl .yt-play{z-index:2;width:64px;height:64px;background:#E0C38B;box-shadow:0 10px 32px rgba(0,0,0,.45);}
.hero-vsl .yt-play::before{margin-left:5px;border-left:17px solid #0C1015;border-top:11px solid transparent;border-bottom:11px solid transparent;}
.hero-vsl .yt-facade:hover .yt-play,.hero-vsl .yt-facade:focus-visible .yt-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 32px rgba(0,0,0,.45);filter:none;}
.hero-vsl .yt-facade:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #E0C38B;}
.hero-vsl .vcaption{display:block;position:absolute;z-index:2;left:20px;right:20px;bottom:16px;text-align:left;pointer-events:none;}
.hero-vsl .vcaption .ptitle{display:block;font-family:'Dollar','Playfair Display',Georgia,'Times New Roman',serif;font-size:clamp(.95rem,1.6vw,1.1rem);color:#fff;letter-spacing:-.01em;margin:0 0 3px;}
.hero-vsl .vcaption .psub{display:block;font-size:.8rem;color:#D3C7AD;}
@media (max-width:640px){.hero-vsl .yt-play{width:56px;height:56px;}.hero-vsl .yt-play::before{border-left-width:15px;border-top-width:10px;border-bottom-width:10px;}.hero-vsl .vcaption{left:14px;right:14px;bottom:12px;}}


/* ---- mobile hero title: bigger than the old 5.4vw (conversion.css), still one line ---- */
@media (max-width:600px){h1.hero-h1{font-size:7.2vw !important;}}

/* ---- mobile sticky CTA: slides in after the hero button has been passed (see script.js) ---- */
@media (max-width:768px){
  #mobile-sticky-cta{transform:translateY(105%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.34,1.3,.5,1),opacity .25s ease;}
  body.sticky-on #mobile-sticky-cta{transform:none;opacity:1;pointer-events:auto;}
}
@media (prefers-reduced-motion:reduce){#mobile-sticky-cta{transition:none;}}

/* ---- "View The Roadmap" on the two plan cards: brighter, gold-edged ---- */
.plan-roadmap-btn{width:100%;padding:13px;background:rgba(224,195,139,.1);border:1px solid rgba(224,195,139,.75);border-radius:10px;font-family:'Inter',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.08em;color:#F4F0E7;text-transform:uppercase;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1);}
.plan-roadmap-btn:hover{background:rgba(224,195,139,.16);border-color:#E0C38B;color:#E0C38B;}
.plan-roadmap-btn:focus-visible{outline:2px solid #E0C38B;outline-offset:3px;}
.plan-roadmap-btn:active{transform:scale(.985);}

/* ---- About / Mission / Philosophy tab switcher (all screen sizes) ---- */
.ab-tabs{display:flex;gap:4px;max-width:480px;margin:0 auto 40px;padding:4px;border-radius:14px;background:rgba(244,240,231,.06);border:1px solid rgba(244,240,231,.1);}
.ab-tab{flex:1;padding:12px 8px;border:0;border-radius:10px;background:transparent;color:rgba(244,240,231,.62);font-family:'Inter',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1);}
.ab-tab:hover{color:#F4F0E7;}
.ab-tab[aria-selected="true"]{background:#E0C38B;color:#17130A;box-shadow:0 4px 14px rgba(224,195,139,.28);}
.ab-tab:focus-visible{outline:2px solid #E0C38B;outline-offset:2px;}
.ab-tab:active{transform:scale(.97);}
@media (max-width:640px){
  .ab-tabs{max-width:none;margin-bottom:24px;}
  .ab-tab{padding:10px 4px;font-size:.62rem;letter-spacing:.1em;}
}


/* ---- FTMO payout screenshots: all four in one row on desktop ---- */
@media (min-width:1024px){
  .rewards-grid{grid-template-columns:repeat(4,1fr);max-width:1120px;gap:18px;}
}

/* ---- "UpBound" pointer button: set in the display serif like the wordmark ---- */
.mentorship-pointer a.mp-btn{font-family:'Dollar','Playfair Display',Georgia,'Times New Roman',serif !important;font-weight:600;font-size:1.15rem;letter-spacing:-.01em;text-transform:none;}

/* ---- plan popups: plain pointer rows (gold dot) until feature images are supplied ---- */
.modal-feature-row::before{content:"";flex:0 0 8px;width:8px;height:8px;margin-top:.42rem;border-radius:50%;background:#E0C38B;box-shadow:0 0 8px rgba(224,195,139,.55);}


/* ---- plan popups: feature screenshots under each pointer ---- */
.modal-feature-row > div{flex:1;min-width:0;}
.feat-shot{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-top:12px;border-radius:12px;border:1px solid rgba(244,240,231,.12);background:#11161C;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,.8,.2,1);}
.feat-shot:hover{transform:translateY(-2px);border-color:rgba(224,195,139,.4);}
.feat-shot:focus-visible{outline:2px solid #E0C38B;outline-offset:3px;}
.feat-shot:active{transform:scale(.99);}