/* ═══════════════════════════════════════════════════════════════════════
   BOOOT · LANDING PATTERNS · v1.0.0
   Camada de componentes de LANDING PAGE (dark · bg carvão · texto creme · ignição laranja).
   Consome _MARCA/tokens/tokens.css. Proveniência: extraído 1:1 da LP aprovada do Samuel
   (StartPass DS B2B v1.3.0 · "Reunião de Dono") com UMA troca: terracota -> laranja (#FF3F02).
   Hierarquia de texto = ladder de opacidade do creme via hsl(var(--booot-creme-hsl)/.X).
   Carregue junto com tokens.css + assets/fonts/fonts.css. NÃO redefine os tokens.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── BASE ── */
.lp{background:var(--booot-carvao);color:var(--booot-creme);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
.lp *,.lp *::before,.lp *::after{box-sizing:border-box;margin:0;padding:0}
.lp h1,.lp h2,.lp h3{text-wrap:balance}
.lp img{display:block;max-width:100%;height:auto}
.lp a{color:inherit;text-decoration:none}
.lp button{font-family:inherit}

.wrap{max-width:1080px;margin:0 auto;padding-inline:clamp(1.25rem,5vw,3rem)}
.wrap--narrow{max-width:760px}

/* ── REVEAL (on-scroll) ── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.08s}
.reveal-delay-2{transition-delay:.16s}

/* ── EYEBROW (com tick laranja) · STICKER · TAG-PILL ── */
.eyebrow{display:inline-flex;align-items:center;gap:.625rem;font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.62)}
.eyebrow::before{content:'';display:block;width:1.5rem;height:1px;background:var(--booot-laranja);flex-shrink:0}
.sticker{display:inline-block;font-size:.62rem;font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;padding:.35rem .7rem;border-radius:.4rem;background:hsl(var(--booot-creme-hsl)/.05);color:hsl(var(--booot-creme-hsl)/.68);border:1px solid hsl(var(--booot-creme-hsl)/.16);white-space:nowrap}
.tag-pill{display:inline-block;font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:.3rem .75rem;border-radius:var(--radius-pill);border:1.5px solid hsl(var(--booot-creme-hsl)/.5);color:var(--booot-creme)}

/* ── CTA (LP: primário = ignição laranja sobre escuro · 4.78:1 AA) ── */
.cta{position:relative;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;background:var(--booot-laranja);color:var(--fg-on-laranja);font-weight:var(--fw-semibold);font-size:1rem;text-decoration:none;padding:.95rem 1.85rem;border-radius:var(--radius-pill);border:none;cursor:pointer;box-shadow:var(--glow-accent-soft);transition:background .25s ease,transform .25s ease}
.cta:hover{background:var(--booot-laranja-press);transform:translateY(-1px)}
.cta:active{transform:translateY(0)}
.cta:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.cta--sm{padding:.6rem 1.25rem;font-size:.875rem}
.cta--ghost{background:hsl(var(--booot-creme-hsl)/.06);border:1.5px solid hsl(var(--booot-creme-hsl)/.5);color:var(--booot-creme);font-weight:var(--fw-semibold);box-shadow:none;transition:background .2s ease,border-color .2s ease}
.cta--ghost:hover{background:hsl(var(--booot-creme-hsl)/.12);border-color:var(--booot-creme)}
/* WhatsApp = cor funcional da plataforma (exceção sancionada · ver patterns/README) */
.cta--wa{background:#1da851;box-shadow:0 12px 32px rgb(29 168 81 / .25)}
.cta--wa:hover{background:#178a43}

/* ── HEADER sticky ── */
.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:hsl(var(--booot-carvao-hsl)/.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:var(--hairline-dark)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:.75rem;max-width:1200px}
.site-header .logo{height:32px;width:auto;display:block}
.header-right{display:flex;align-items:center;gap:var(--space-3)}

/* ── HERO + COUNTDOWN ── */
.hero{position:relative;overflow:hidden;padding-block:clamp(var(--space-7),9vw,var(--space-8)) var(--space-7)}
.hero__copy{display:flex;flex-direction:column;gap:var(--space-4);max-width:640px;position:relative;z-index:1}
.hero__sticker-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.hero h1{font-size:var(--fs-display);font-weight:var(--fw-black);line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:var(--booot-creme);max-width:13ch}
.hero .lead{font-size:var(--fs-body-lg);color:hsl(var(--booot-creme-hsl)/.72);max-width:50ch}
.hero .lead strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}
.hero .actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.hero .proof-note{font-size:.8rem;color:hsl(var(--booot-creme-hsl)/.42)}
.countdown{display:flex;gap:.5rem;margin-top:.5rem}
.countdown__box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-dark-lift);border:var(--hairline-dark);border-radius:var(--radius-md);min-width:58px;height:58px}
.countdown__val{font-size:1.4rem;font-weight:var(--fw-bold);line-height:1;color:var(--booot-creme);font-variant-numeric:tabular-nums}
.countdown__label{font-size:.56rem;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.4);margin-top:2px}
.countdown__sep{display:flex;align-items:center;font-size:1.1rem;font-weight:var(--fw-bold);color:hsl(var(--booot-creme-hsl)/.22)}

/* ── SECTION HEAD ── */
.section-head{text-align:center;margin-inline:auto;max-width:620px}
.section-head h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin-top:var(--space-3)}
.section-head .sub{margin-top:var(--space-3);color:hsl(var(--booot-creme-hsl)/.65);font-size:var(--fs-body-lg);max-width:42ch;margin-inline:auto}

/* ── PROBLEM grid (pcards) ── */
.problem{padding-block:var(--space-8);border-top:var(--hairline-dark)}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-6)}
.pcard{border:var(--hairline-dark);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;overflow:hidden;background:var(--surface-dark-lift)}
.pcard .pnum{font-size:.72rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.42)}
.pcard h3{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-heading)}
.pcard p{color:hsl(var(--booot-creme-hsl)/.70);font-size:var(--fs-body);line-height:var(--lh-body)}
.secondary-cta{text-align:center;margin-top:var(--space-7)}
.secondary-cta .cta{white-space:normal;line-height:1.3;text-align:center;max-width:100%;padding-block:.85rem}

/* ── REFRAME ── */
.reframe{border-top:var(--hairline-dark);border-bottom:var(--hairline-dark);padding-block:var(--space-8);text-align:center}
.reframe-live{margin-bottom:var(--space-4)}
.reframe h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);max-width:18ch;margin:0 auto var(--space-4)}
.reframe .lede{font-size:var(--fs-body-lg);color:hsl(var(--booot-creme-hsl)/.75);max-width:34ch;margin:0 auto var(--space-4);font-weight:var(--fw-medium)}
.reframe .body p{color:hsl(var(--booot-creme-hsl)/.72);max-width:52ch;margin:0 auto var(--space-3)}
.reframe .body .stand{color:var(--booot-creme);font-weight:var(--fw-semibold)}
.reframe .reframe-close{font-size:var(--fs-body-lg);color:hsl(var(--booot-creme-hsl)/.88);font-weight:var(--fw-medium);line-height:1.4;max-width:32ch;margin:var(--space-4) auto 0}
.reframe .reframe-close strong{color:var(--booot-creme);font-weight:var(--fw-bold)}
.reframe .arrow{font-size:var(--fs-h3);font-weight:var(--fw-bold);margin:var(--space-5) auto;max-width:24ch;color:var(--booot-creme)}

/* ── CONTRAST (antes ↔ depois) ── */
.contrast{padding-block:var(--space-8);border-top:var(--hairline-dark)}
.contrast .section-head{margin-bottom:var(--space-6)}
.contrast .vs{font-style:italic;color:hsl(var(--booot-creme-hsl)/.45);font-weight:var(--fw-medium);font-size:.85em;margin:0 .25em}
.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start;max-width:880px;margin-inline:auto}
.contrast-col .contrast-label{font-size:.7rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.42);margin-bottom:var(--space-4);text-align:center}
.contrast-col--after .contrast-label{color:hsl(var(--booot-creme-hsl)/.88)}
.contrast-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.7rem}
.contrast-list li{font-size:.95rem;color:hsl(var(--booot-creme-hsl)/.6);padding-left:1.6rem;position:relative;line-height:1.45}
.contrast-list li::before{content:'×';position:absolute;left:0;top:0;color:hsl(var(--booot-creme-hsl)/.35);font-weight:var(--fw-bold);font-size:1.1rem;line-height:1}
.contrast-box{border:var(--hairline-dark);background:var(--surface-dark-lift);border-radius:var(--radius-lg);padding:var(--space-5)}
.contrast-after-h{font-size:var(--fs-h3);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);color:var(--booot-creme);text-align:center;margin-bottom:var(--space-3)}
.contrast-after-body{text-align:center;font-size:var(--fs-body-lg);color:hsl(var(--booot-creme-hsl)/.88);margin-bottom:var(--space-4);font-weight:var(--fw-medium)}
.contrast-after-eq{text-align:center;padding-top:var(--space-4);border-top:1px solid hsl(var(--booot-laranja-hsl)/.40);font-size:var(--fs-body);color:hsl(var(--booot-creme-hsl)/.82)}
.contrast-after-eq strong{color:var(--booot-creme);font-weight:var(--fw-bold)}

/* ── PROOF · cidades/estados ── */
.proof-cities{padding-block:var(--space-7);border-top:var(--hairline-dark);text-align:center}
.proof-cities .eyebrow{margin-bottom:var(--space-3)}
.proof-cities .proof-headline{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin-bottom:var(--space-5)}
.cities{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;padding:0;max-width:560px;margin-inline:auto}
.cities li{font-size:.85rem;font-weight:var(--fw-semibold);color:hsl(var(--booot-creme-hsl)/.78);padding:.4rem 1rem;border:var(--hairline-dark);border-radius:var(--radius-pill);background:var(--surface-dark-lift);letter-spacing:.05em}

/* ── PROOF · carrossel de logos de cliente (marquee · spec assets/partners/_PROMPT-PAGINA-CARROSSEL.md) ── */
.proof{padding-block:var(--space-7);border-top:var(--hairline-dark)}
.proof__eyebrow{display:block;text-align:center;color:hsl(var(--booot-creme-hsl)/.55);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin-bottom:var(--space-5)}
.proof__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.proof__track{display:flex;align-items:center;gap:clamp(40px,7vw,64px);width:max-content;list-style:none;margin:0;padding:0;animation:proof-scroll 48s linear infinite}
.proof__track:hover,.proof__track:focus-within{animation-play-state:paused}
.proof__track li{flex-shrink:0}
.proof__track img{height:28px;width:auto;opacity:.6;transition:opacity var(--motion-base) var(--ease-standard)}
.proof__track img:hover{opacity:1}
@keyframes proof-scroll{to{transform:translateX(-50%)}}
@media(max-width:480px){.proof__track img{height:22px}}
@media(prefers-reduced-motion:reduce){.proof__viewport{overflow-x:auto;overflow-y:hidden}.proof__track{animation:none}}

/* ── FOUNDER · foto fundida no fundo (sem quadrado) ──────────────────────
   BLEND RULE (salvo · da LP do Samuel): mix-blend-mode:lighten funde a foto de
   fundo escuro no carvão; pixels mais escuros que o fundo somem, rosto/pele ficam.
   NUNCA altere o --booot-carvao pra resolver foto. Use esta regra.
   ──────────────────────────────────────────────────────────────────────── */
.founder{padding-block:var(--space-8);border-top:var(--hairline-dark)}
.founder-row{display:flex;align-items:center;gap:var(--space-6);justify-content:center;max-width:760px;margin-inline:auto}
.founder-photo-blend{width:clamp(220px,30vw,300px);height:auto;object-fit:contain;flex-shrink:0;mix-blend-mode:lighten;filter:contrast(1.06)}
.founder-name{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:1.1}
.founder-role{font-size:.74rem;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.46);margin:.45rem 0 .8rem}
.founder-line{color:hsl(var(--booot-creme-hsl)/.74);font-size:var(--fs-body);max-width:50ch;line-height:1.55}
.founder-line strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}

/* ── WHAT · cards (1 accent = card--ignicao) ── */
.section-what{padding-block:var(--space-8);border-top:var(--hairline-dark)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-6)}
.card{background:var(--surface-dark-lift);border:var(--hairline-dark);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color .3s ease,transform .3s ease;position:relative}
.card:hover{border-color:hsl(var(--booot-creme-hsl)/.2);transform:translateY(-3px)}
.card .k{font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.44)}
.card h3{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin-top:.2rem}
.card p{color:hsl(var(--booot-creme-hsl)/.7);font-size:var(--fs-body);line-height:var(--lh-body);margin-top:.4rem}
.card .exclusive{display:inline-block;font-size:.65rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--booot-laranja);border:1px solid hsl(var(--booot-laranja-hsl)/.4);padding:.2rem .5rem;border-radius:.4rem;margin-top:.4rem;align-self:flex-start}
.card--ignicao{background:var(--booot-laranja);border-color:var(--booot-laranja);box-shadow:0 12px 32px hsl(var(--booot-laranja-hsl)/.20)}
.card--ignicao:hover{background:var(--booot-laranja-press);border-color:var(--booot-laranja-press)}
.card--ignicao .k{color:hsl(var(--booot-creme-hsl)/.85)}
.card--ignicao h3{color:var(--fg-on-laranja)}
.card--ignicao p{color:var(--fg-on-laranja)}
.card--ignicao .exclusive{color:var(--booot-creme);border-color:hsl(var(--booot-creme-hsl)/.5);background:hsl(var(--booot-creme-hsl)/.10)}

/* ── FAQ accordion ── */
.faq{padding-block:var(--space-8);border-top:var(--hairline-dark)}
.faq-head{text-align:center;margin-bottom:var(--space-6)}
.faq-head h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin-top:var(--space-3)}
.faq-list{max-width:680px;margin:0 auto}
.faq-item{border-bottom:var(--hairline-dark)}
.faq-item:first-child{border-top:var(--hairline-dark)}
.faq-q{width:100%;background:none;border:none;color:var(--booot-creme);text-align:left;padding:var(--space-4) 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:1rem;font-weight:var(--fw-semibold);line-height:1.4}
.faq-q .num{font-size:.8rem;font-weight:var(--fw-bold);color:hsl(var(--booot-creme-hsl)/.32);min-width:1.5em}
.faq-q .arrow{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsl(var(--booot-creme-hsl)/.06);transition:transform .3s ease,background .3s ease}
.faq-item.open .faq-q .arrow{transform:rotate(180deg);background:hsl(var(--booot-laranja-hsl)/.12)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1),padding .35s ease}
.faq-item.open .faq-a{max-height:340px;padding-bottom:var(--space-4)}
.faq-a p{color:hsl(var(--booot-creme-hsl)/.65);padding-left:2em;font-size:var(--fs-body);line-height:var(--lh-body)}

/* ── CLOSING · bigidea ── */
.closing{border-top:var(--hairline-dark);padding-block:var(--space-9);text-align:center}
.closing .risk-reversal{font-size:var(--fs-body);color:hsl(var(--booot-creme-hsl)/.66);max-width:48ch;margin:0 auto var(--space-5);line-height:1.55}
.closing .risk-reversal strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}
.closing .cta{margin-bottom:var(--space-6)}
.closing .closing-label{font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.5);margin-bottom:var(--space-2)}
.closing .bigidea{font-size:clamp(1.75rem,4.5vw,3rem);font-weight:var(--fw-black);letter-spacing:var(--tracking-display);color:var(--booot-laranja)}

/* ── FOOTER ── */
.site-footer{border-top:var(--hairline-dark);padding-block:var(--space-5)}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;max-width:1200px}
.site-footer .logo{height:24px;opacity:.9}
.site-footer .legal{font-size:.76rem;color:hsl(var(--booot-creme-hsl)/.4);display:flex;gap:1rem;flex-wrap:wrap}
.site-footer a{color:inherit;border-bottom:1px solid hsl(var(--booot-creme-hsl)/.15)}

/* ── MODAL · 3 passos (form) ── */
.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:hsl(var(--booot-carvao-hsl)/.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .3s ease;padding:var(--space-4);overflow-y:auto}
.modal-overlay.open{opacity:1;pointer-events:auto}
.modal{width:100%;max-width:480px;background:var(--booot-carvao);border:var(--hairline-dark);border-radius:1.75rem;padding:var(--space-6) var(--space-5);position:relative;transform:translateY(20px);transition:transform .35s cubic-bezier(.16,1,.3,1);margin:auto}
.modal-overlay.open .modal{transform:none}
.modal-close{position:absolute;top:.75rem;right:.75rem;background:hsl(var(--booot-creme-hsl)/.08);border:1px solid hsl(var(--booot-creme-hsl)/.14);color:hsl(var(--booot-creme-hsl)/.8);font-size:1.4rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s,transform .15s;z-index:2;line-height:1}
.modal-close:hover{background:hsl(var(--booot-creme-hsl)/.16);color:var(--booot-creme);transform:scale(1.05)}
.modal-eyebrow{text-align:center;font-size:.74rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.50);margin-bottom:.85rem}
.modal-progress{display:flex;justify-content:center;gap:.4rem;margin-bottom:var(--space-5)}
.modal-progress .dot{width:28px;height:5px;border-radius:3px;background:hsl(var(--booot-creme-hsl)/.12);transition:background .25s}
.modal-progress .dot.on{background:var(--booot-laranja)}
.modal h2.modal-title{font-size:1.5rem;font-weight:var(--fw-bold);line-height:1.2;text-align:center;margin-bottom:.5rem}
.modal .modal-sub{text-align:center;color:hsl(var(--booot-creme-hsl)/.6);font-size:.95rem;margin-bottom:var(--space-5);line-height:1.5}
.modal-step{display:none;flex-direction:column;gap:.7rem}
.modal-step.on{display:flex}
.opt-btn{width:100%;background:var(--surface-dark-lift);border:var(--hairline-dark);border-radius:var(--radius-pill);padding:.95rem 1.2rem;color:var(--booot-creme);font-size:.95rem;font-weight:var(--fw-semibold);cursor:pointer;text-align:center;transition:border-color .2s,background .2s,transform .15s}
.opt-btn:hover{border-color:hsl(var(--booot-laranja-hsl)/.55);background:hsl(var(--booot-laranja-hsl)/.06)}
.opt-btn:active{transform:scale(.99)}
.field{margin-bottom:var(--space-3)}
.field label{display:block;font-size:.8rem;font-weight:var(--fw-semibold);margin-bottom:.4rem;color:hsl(var(--booot-creme-hsl)/.78)}
.field label .opt{font-weight:var(--fw-regular);color:hsl(var(--booot-creme-hsl)/.45)}
.field input{width:100%;background:hsl(var(--booot-creme-hsl)/.05);border:var(--hairline-dark);border-radius:.625rem;padding:.8rem 1rem;color:var(--booot-creme);font-size:.95rem;outline:none;transition:border-color .2s}
.field input:focus{border-color:hsl(var(--booot-creme-hsl)/.32)}
.field input::placeholder{color:hsl(var(--booot-creme-hsl)/.28)}
.field .wa-row{display:flex;gap:.5rem}
.field .wa-row .cc{flex-shrink:0;width:90px;background:hsl(var(--booot-creme-hsl)/.05);border:var(--hairline-dark);border-radius:.625rem;padding:.8rem .7rem;display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.9rem;color:hsl(var(--booot-creme-hsl)/.78);font-weight:var(--fw-semibold)}
.field .wa-row input{flex:1}
.form-foot{margin-top:var(--space-4)}
.form-foot .cta{width:100%;justify-content:center}
.form-foot .form-note{display:block;text-align:center;font-size:.78rem;color:hsl(var(--booot-creme-hsl)/.4);margin-top:.85rem}
.form-foot .form-disclosure{display:block;text-align:center;font-size:.68rem;color:hsl(var(--booot-creme-hsl)/.32);margin-top:.5rem;max-width:32ch;margin-inline:auto;line-height:1.4}
.modal-back{display:inline-block;margin-top:var(--space-3);background:none;border:none;color:hsl(var(--booot-creme-hsl)/.5);font-size:.8rem;cursor:pointer;text-align:center;width:100%}
.modal-back:hover{color:hsl(var(--booot-creme-hsl)/.8)}
.modal-success .success-icon{width:64px;height:64px;border-radius:50%;background:hsl(var(--booot-laranja-hsl)/.15);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3)}
.modal-success .when{margin:var(--space-3) auto var(--space-4);font-size:.95rem;color:hsl(var(--booot-creme-hsl)/.7);text-align:center}
.modal-success .when strong{display:block;color:var(--booot-creme);font-weight:var(--fw-bold);font-size:1.05rem;margin-bottom:.2rem}
.modal-success .cta--wa{align-self:center}

/* ── RESPONSIVE ── */
@media(max-width:860px){
  .hero__copy,.hero h1{max-width:100%}
  .problem-grid,.cards{grid-template-columns:1fr}
  .contrast-grid{grid-template-columns:1fr;gap:var(--space-6)}
  .founder-row{flex-direction:column;text-align:center;gap:var(--space-4)}
  .founder-line{max-width:100%}
}
@media(max-width:480px){
  .tag-pill{display:none}
  .header-right .cta--sm{font-size:.78rem;padding:.5rem 1rem}
  .countdown__box{min-width:50px;height:50px}
  .countdown__val{font-size:1.1rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lp *{transition:none!important;animation:none!important}
  .reveal{opacity:1;transform:none}
  .lp .proof__track{animation:proof-scroll 80s linear infinite!important}
}

/* ═══════════════════════════════════════════════════════════════════════
   LP · v1.1 ADITIVO (página de VENDAS) · só var(--token), zero hex novo.
   Componentes da página de vendas: hero com vídeo vertical (VSL), parede de
   cards de prova (entrevistas · alunos novos reais), slot de prints.
   Consumido por 1_COMERCIAL/oferta/pagina-vendas.html + pagina-provas.html.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── HERO SPLIT · copy + vídeo vertical 9:16 (empilha no mobile · copy = LCP) ── */
.hero--split .wrap{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,30vw,320px);gap:clamp(var(--space-5),5vw,var(--space-7));align-items:center}
.hero--split .hero__copy{max-width:560px}
.hero__media{display:flex;justify-content:center;width:100%}
.video-slot{position:relative;width:100%;max-width:320px;aspect-ratio:9/16;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-dark-lift);border:var(--hairline-dark);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-overlay)}
.video-slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.video-slot__ph{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-4)}
.video-slot__play{width:64px;height:64px;border-radius:50%;background:var(--booot-laranja);display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-accent-soft)}
.video-slot__play svg{width:22px;height:22px;margin-left:3px}
.video-slot__label{font-size:.74rem;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.55)}
.video-slot__sub{font-size:.72rem;color:hsl(var(--booot-creme-hsl)/.34);max-width:22ch;line-height:1.4}
@media(max-width:860px){
  .hero--split .wrap{grid-template-columns:1fr;gap:var(--space-6)}
  .hero--split .hero__copy{max-width:100%}
  .hero__media{order:2}
  .video-slot{max-width:260px}
}

/* ── PROVA WALL · cards de prova 1:1 (prova_cards/out · alunos novos reais) ── */
.prova-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-4);margin-top:var(--space-6)}
.prova-wall--tight{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-3)}
.prova-card{margin:0;border-radius:var(--radius-md);overflow:hidden;border:var(--hairline-dark);background:var(--booot-carvao);transition:transform var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard)}
.prova-card:hover{transform:translateY(-3px);border-color:hsl(var(--booot-creme-hsl)/.2)}
.prova-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.prova-card figcaption{padding:.7rem .8rem;font-size:.73rem;line-height:1.35;color:hsl(var(--booot-creme-hsl)/.62)}
.prova-card figcaption b{display:block;color:var(--booot-creme);font-weight:var(--fw-semibold);font-size:.8rem;margin-bottom:.12rem}
.prova-more{text-align:center;margin-top:var(--space-6)}
@media(max-width:480px){.prova-wall,.prova-wall--tight{grid-template-columns:1fr 1fr;gap:var(--space-3)}}

/* ── PRINTS SLOT · estado vazio honesto (Samuel trata os prints depois) ── */
.prints-slot{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.print-frame{aspect-ratio:4/5;border-radius:var(--radius-md);border:1px dashed hsl(var(--booot-creme-hsl)/.22);background:var(--surface-dark-lift);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;padding:var(--space-4)}
.print-frame__label{font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:hsl(var(--booot-creme-hsl)/.4)}
.print-frame__hint{font-size:.74rem;color:hsl(var(--booot-creme-hsl)/.32);max-width:26ch;line-height:1.4}

/* ── COST · âncora da Porta 3 (o custo de NÃO ter aluno novo) ── */
.cost-anchor{border:var(--hairline-dark);background:var(--surface-dark-lift);border-radius:var(--radius-lg);padding:clamp(var(--space-5),4vw,var(--space-6));max-width:680px;margin:var(--space-6) auto 0;text-align:center}
.cost-anchor p{color:hsl(var(--booot-creme-hsl)/.74);font-size:var(--fs-body-lg);line-height:1.5;max-width:48ch;margin-inline:auto}
.cost-anchor strong{color:var(--booot-creme);font-weight:var(--fw-semibold)}
.cost-anchor .cost-vs{display:block;margin-top:var(--space-4);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--booot-creme);letter-spacing:var(--tracking-tight)}
.cost-anchor .cost-vs .accent{color:var(--booot-laranja)}