/* PRBE Capital v9 (11/09/2026). Subtraction first: six sections instead of thirteen, one price block, one video row, one booking close, no drifting dots.
   Then the one thing the first screen was missing: Baruch's face and a client's, hanging over the hero edge (front, middle, back).
   Neutral tones only; the violet accent stays on clickable things. */
:root{--st-bg:#0e0d14;--st-card:rgba(19,18,29,.93);--st-edge:rgba(255,255,255,.11);--st-lift:0 34px 80px rgba(0,0,0,.6),0 8px 22px rgba(0,0,0,.42)}

/* ---------- faces: Baruch (the CEO message plays in place) and one client story, overlapping, hanging over the hero edge ---------- */
.fp-faces{position:relative;z-index:7;display:flex;align-items:flex-start;justify-content:center;margin:-70px 0 20px;padding:0 16px}
.fp-face{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#12111a;border:1px solid var(--st-edge);box-shadow:var(--st-lift);aspect-ratio:3/4}
.fp-face .home-player{position:absolute;inset:0;width:100%;height:100%;margin:0}
.fp-face .gallery-play{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;color:#fff}
.fp-face .gallery-play img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.fp-face-client .gallery-play img{object-position:50% 30%}
.fp-face .home-play-icon{position:absolute;right:12px;top:12px;left:auto;bottom:auto;transform:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(14,13,20,.72);border:1px solid rgba(255,255,255,.35);font-size:15px;padding-left:3px}
.fp-face figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:46px 16px 16px;background:linear-gradient(180deg,rgba(8,8,12,0),rgba(8,8,12,.9));pointer-events:none}
.fp-face figcaption strong{display:block;font:700 19px/1.2 Inter,system-ui,sans-serif;color:#fff}
.fp-face figcaption span{display:block;margin-top:3px;font:500 13px/1.4 Inter,system-ui,sans-serif;color:#d3d6e0}
.fp-face .gallery-play:focus-visible{outline:3px solid #00d4ff;outline-offset:-4px}
.fp-face-ceo{width:min(48vw,210px);z-index:1}
.fp-face-client{width:min(42vw,184px);margin:36px 0 0 -16px;z-index:2}
#growthSection .fp-faces+.fp-card{margin-top:0}
@media(min-width:901px){
  #growthSection .fp-faces{grid-column:1;grid-row:1 / span 2;position:relative;margin:-150px 0 0;padding:0;height:430px;display:block}
  #growthSection .fp-face-ceo{position:absolute;left:0;top:0;width:268px}
  #growthSection .fp-face-client{position:absolute;left:218px;top:92px;width:226px;margin:0}
}

/* ---------- the one price block: four cards, lifted ---------- */
html body .home-service{box-shadow:0 22px 50px rgba(0,0,0,.42);transition:transform .2s ease,border-color .2s ease}
html body .home-service:hover,html body .home-service:focus-visible{transform:translateY(-4px)}
html[data-motion="off"] .home-service,html[data-motion="off"] .fp-face{transition:none}
html[data-motion="off"] .home-service:hover{transform:none}
@media(prefers-reduced-motion:reduce){html body .home-service{transition:none}html body .home-service:hover{transform:none}}

/* ---------- FAQ: help card (front) over a soft shape (back) on the left, the answers (middle) on the right ---------- */
html body .home-faq .faq-question{padding:20px 24px!important}
@media(min-width:901px){
  html body .faq-section.home-faq{display:grid!important;grid-template-columns:minmax(300px,380px) minmax(0,1fr);column-gap:72px;align-items:start;min-height:0!important;padding:100px max(5vw,calc((100vw - 1240px)/2)) 120px!important;text-align:left;position:relative;isolation:isolate}
  html body .faq-section.home-faq::before{content:"";position:absolute;z-index:-1;left:0;top:30px;width:min(820px,62vw);height:600px;background:radial-gradient(closest-side,rgba(70,100,170,.26),rgba(70,100,170,.07) 62%,transparent 100%);pointer-events:none}
  html body .faq-section .micro-label{grid-column:1;grid-row:1;text-align:left!important}
  html body .faq-section h2{grid-column:1;grid-row:2;text-align:left!important;margin:6px 0 28px!important;font-size:clamp(32px,3.4vw,50px)!important;line-height:1.05}
  html body .faq-help{grid-column:1;grid-row:3}
  html body .faq-section .faq-container{grid-column:2;grid-row:1 / span 4;max-width:none!important;width:auto!important;margin:0!important}
}
html body .faq-help{padding:26px 26px 30px;background:var(--st-card);border:1px solid var(--st-edge);border-radius:18px;box-shadow:var(--st-lift)}
html body .faq-help-label{margin:0 0 8px;font:600 12px/1.3 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#a9afbd}
html body .faq-help-text{margin:0 0 18px;font-size:18px;line-height:1.5;color:#eceef4}
html body .faq-help .btn-primary{display:inline-flex;align-items:center;min-height:48px;box-shadow:0 14px 32px rgba(124,58,237,.38)}
@media(max-width:900px){
  html body .faq-section.home-faq{display:flex!important;flex-direction:column;position:relative;isolation:isolate}
  html body .faq-section.home-faq::before{content:"";position:absolute;z-index:-1;left:-20%;top:0;width:110%;height:340px;background:radial-gradient(closest-side,rgba(70,100,170,.26),transparent 100%);pointer-events:none}
  html body .faq-help{order:9;margin-top:22px}
}

/* ---------- the dead runway under the quiz: pull the next section up over it so cards sit on the jet, not on empty black ---------- */
@media(min-width:901px){html body #growthSection{margin-bottom:-340px!important}}

/* ---------- a card that is playing a video widens, comes to the front and drops its caption ---------- */
.fp-face:has(iframe),.fp-face:has(video){z-index:6}
.fp-face:has(iframe) figcaption,.fp-face:has(video) figcaption{display:none}
.fp-face .home-player iframe,.fp-face .home-player video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.fp-face .player-toolbar{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;justify-content:flex-end;padding:8px}
@media(min-width:901px){
  #growthSection .fp-face-ceo:has(iframe){width:500px;aspect-ratio:16/10}
  #growthSection .fp-face-client:has(video){width:300px}
}
@media(max-width:900px){
  .fp-faces:has(iframe),.fp-faces:has(video){flex-direction:column;align-items:center}
  .fp-face-ceo:has(iframe){width:calc(100vw - 32px);max-width:560px;aspect-ratio:16/10}
  .fp-face-client:has(video){width:min(78vw,300px)}
  .fp-faces:has(iframe) .fp-face-client,.fp-faces:has(video) .fp-face-client{margin:12px 0 0}
}

/* Level 1 card carries the bank-network line and the example names (his 11/07 request) */
html body .home-service-names{display:block;margin:10px 0 16px;font-size:13px;line-height:1.5;color:#9aa0ad}