/* PRBE Capital v10 (11/09/2026): one scene, not stacked sections.
   One background all the way down (the jet clip is held, a veil darkens it as you read), no hairlines or near-black slabs between blocks,
   the stage cards back as the services block, and a thin chart-style rail that connects the blocks (one candle each, the live one prints as you scroll).
   Neutral tones; the violet accent stays on clickable things. */
:root{--fl-card:rgba(19,18,29,.95);--fl-edge:rgba(255,255,255,.11);--fl-lift:0 34px 80px rgba(0,0,0,.6),0 8px 22px rgba(0,0,0,.42);--fl-pad:max(5vw,calc((100vw - 1240px)/2))}
@media(max-width:900px){:root{--fl-pad:16px}}

/* ---------- the analytics notice is a small card at the bottom, never a full-height slab ---------- */
html body #prbeAnalyticsConsent{height:auto!important;min-height:0!important;top:auto!important}

/* ---------- one canvas: every block is transparent, no lines, no near-black slabs ---------- */
html body .hero{z-index:auto!important}
html body #services,html body #results,html body #faq,html body #ceo-lessons,html body #contact,html body .contact-section,html body footer{background:transparent!important;background-image:none!important;border:0!important;min-height:0!important;box-shadow:none!important;position:relative;z-index:2;overflow:visible}
html body .faq-section.home-faq{background:transparent!important}
html body.has-clip-bg::after{background:linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 20%,transparent 56%,rgba(0,0,0,.48) 100%),linear-gradient(rgba(8,8,12,var(--veil,0)),rgba(8,8,12,var(--veil,0)))}
/* phone and motion-off: no fixed clip, so the still jet stays faintly behind everything */
html.prbe-mobile::before,html[data-motion="off"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/assets/optimized/jet-960.webp) 42% 50%/cover no-repeat;opacity:var(--ghost,0)}

/* even rhythm: the same breathing room between every block, no per-section minimum heights */
html body #services{padding:clamp(24px,3vw,40px) var(--fl-pad) clamp(70px,8vw,110px)!important}
html body #results{padding:clamp(30px,4vw,56px) var(--fl-pad) clamp(60px,7vw,96px)!important}
html body #ceo-lessons{padding:clamp(20px,3vw,40px) var(--fl-pad) clamp(70px,8vw,110px)!important}
html body #contact{padding:clamp(20px,3vw,40px) var(--fl-pad) 40px!important}
@media(min-width:901px){html body .faq-section.home-faq{padding:clamp(40px,5vw,70px) var(--fl-pad) clamp(70px,8vw,110px)!important}}
@media(max-width:900px){html body .faq-section.home-faq{padding:44px var(--fl-pad) 64px!important}}
html body footer{padding:24px var(--fl-pad) 56px!important;margin:0}

/* ---------- services: the stage cards back, staggered, lapping over each other ---------- */
html body .home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 38px;padding:34px 0 0}
html body .fp-levels{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);column-gap:34px;align-items:start}
html body .fp-col{display:flex;flex-direction:column;min-width:0}
html body .fp-col-b{margin-top:120px}
html body .fp-lv{position:relative;display:block;box-sizing:border-box;width:auto;min-height:0;background:var(--fl-card);border:1px solid var(--fl-edge);border-radius:20px;box-shadow:var(--fl-lift);padding:34px 36px 36px;color:#eceef4;text-align:left;transition:transform .2s ease}
html body .fp-lv:hover{transform:translateY(-4px)}
html body .fp-lv1{z-index:1;padding-right:56px}
html body .fp-lvc{z-index:3;margin:-30px 0 0 64px;padding:26px 30px 28px}
html body .fp-lv2{z-index:2;margin-left:-44px;padding:38px 40px 40px}
html body .fp-lv3{z-index:3;margin:-30px 56px 0 0;padding:26px 30px 28px}
html body .fp-tag{margin:0 0 10px;font:600 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:.02em;text-transform:none;color:#a9afbd}
html body .fp-lv h3{margin:0 0 12px;font:800 clamp(24px,2.4vw,34px)/1.1 Montserrat,Inter,system-ui,sans-serif;color:#fff;text-transform:none}
html body .fp-lvc h3,html body .fp-lv3 h3{font-size:clamp(22px,2vw,28px)}
html body .fp-lv p{margin:0 0 16px;font-size:16px;line-height:1.6;color:#c9cdd8}
html body .fp-lv .fp-tag{margin:0 0 10px;font-size:13px;line-height:1.2;color:#a9afbd}
html body .fp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:2px 0 16px}
html body .fp-price b{font:800 clamp(30px,3vw,44px)/1 Montserrat,Inter,system-ui,sans-serif;color:#fff}
html body .fp-lvc .fp-price b,html body .fp-lv3 .fp-price b{font-size:clamp(26px,2.3vw,32px)}
html body .fp-price span,html body .fp-price i{font:500 15px/1.2 Inter,system-ui,sans-serif;font-style:normal;color:#a9afbd}
html body .fp-lv .home-service-names{display:block;margin:0 0 18px;font-size:13px;line-height:1.5;color:#9aa0ad}
html body .fp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
html body .fp-actions .btn-primary{display:inline-flex;align-items:center;min-height:48px;padding:12px 26px;font-size:15px;box-shadow:0 14px 32px rgba(124,58,237,.36)}
html body .fp-more-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin:46px 0 0}
html body .fp-more-links a{font-size:15px;color:#c9b8ff;text-decoration:none}
html body .fp-more-links a:hover,html body .fp-more-links a:focus-visible{text-decoration:underline}
html[data-motion="off"] .fp-lv{transition:none}
html[data-motion="off"] .fp-lv:hover{transform:none}
@media(max-width:900px){
  html body .home-section-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:26px}
  html body .fp-levels{display:flex;flex-direction:column}
  html body .fp-col{display:contents}
  html body .fp-lvc{order:1;margin:0 14px 0 0}
  html body .fp-lv1{order:2;margin:-16px 0 0 14px;padding:26px 22px 28px}
  html body .fp-lv2{order:3;margin:-16px 14px 0 0;padding:26px 22px 28px}
  html body .fp-lv3{order:4;margin:-16px 0 0 14px}
  html body .fp-lvc,html body .fp-lv3{padding:22px 22px 24px}
  html body .fp-more-links{margin-top:30px;flex-direction:column;gap:12px}
}


/* ---------- 11/10: his notes on v10 ---------- */
/* the hero line: turquoise, a Google font (Sora) */
html body .hero .hero-content .hero-lede{font-family:Sora,Inter,system-ui,sans-serif;font-weight:500;font-size:clamp(18px,1.55vw,23px);line-height:1.55;color:#40e0d0;max-width:440px;text-shadow:0 2px 18px rgba(0,0,0,.85)}
@media(max-width:900px){html body .hero .hero-content .hero-lede{font-size:18px;max-width:none;margin-left:0}}
/* Level 1, 2, 3 and Start here: turquoise */
html body .fp-lv .fp-tag{color:#40e0d0;font-weight:600}
/* the "Watch on" link inside an open player */
html body .player-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:14px}
html body .player-open{color:#c9b8ff;font-size:14px;text-decoration:none;white-space:nowrap}
html body .player-open:hover,html body .player-open:focus-visible{text-decoration:underline}

/* the Capital Commander's own videos open the shelf as wide cards (their thumbnails are 16:9 and carry lettering) */
@media(min-width:901px){
  html body #ceo-lessons .fp-cc{grid-column:span 2;display:flex;flex-direction:column}
  html body #ceo-lessons .fp-cc .home-player{position:relative;flex:1 1 auto;aspect-ratio:auto;min-height:340px}
  html body #ceo-lessons .fp-cc .gallery-play{position:absolute;inset:0;width:100%;height:100%}
  html body #ceo-lessons .fp-cc .gallery-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}
@media(max-width:900px){html body #ceo-lessons .fp-cc .home-player{aspect-ratio:16/10}}