/* Página de captura (design v3) — estilos de seção */
body{font-size:17px}
.w{max-width:1120px;margin:0 auto;padding-left:clamp(16px,4vw,24px);padding-right:clamp(16px,4vw,24px)}
.sec{padding-top:clamp(56px,9vw,104px);padding-bottom:clamp(56px,9vw,104px)}
.bt{border-top:1px solid var(--border-glass)}
.muted{color:var(--fg-2);text-wrap:pretty}
.h2{font-size:clamp(30px,3.6vw,48px);line-height:1;text-wrap:balance}
.chip{align-self:flex-start;padding:4px 14px;border:1px solid var(--border-glass);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.chip-mint{border-color:rgba(118,218,159,.4);color:var(--mint-400)}
.lbl{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.c-card{background:#1E2024;border:1px solid var(--border-glass);border-radius:28px}
.red{color:#FF4D4D}

/* Botão variante gradient */
.btn-grad{background:var(--grad-cta)}

/* 00 Faixa */
.faixa{background:#0A0D12;border-bottom:1px solid var(--border-glass);overflow:hidden}
.faixa-in{display:flex;align-items:center;gap:28px;height:44px;width:max-content;padding:0 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;animation:faixa 40s linear infinite}
.faixa-item{display:flex;align-items:center;gap:28px}
.faixa-item > span:first-child{display:flex;align-items:center;gap:8px}
.faixa-item img{height:16px;width:auto;display:block}
.faixa-item i{width:1px;height:18px;background:rgba(226,246,255,.3)}
@keyframes faixa{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.faixa-in{animation:none}}

/* 01 Hero */
.hero{position:relative;isolation:isolate;overflow-x:clip}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 70% at 70% 40%,rgba(21,153,255,.22),transparent 70%),radial-gradient(50% 60% at 20% 30%,rgba(69,205,182,.14),transparent 70%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:url(img/bg-streak.webp) center/cover no-repeat;opacity:.35}
.hero-in{padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(56px,8vw,96px);display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,56px);align-items:center}
.hero-txt{flex:1.2 1 min(100%,460px);min-width:0;display:flex;flex-direction:column;gap:20px}
.hero h1{font-size:clamp(34px,4.2vw,54px);line-height:.98;text-wrap:balance}
.hero-sub{font-size:clamp(18px,1.8vw,22px);font-weight:600;line-height:1.35;text-wrap:pretty}
.hero-foto{flex:1 1 min(100%,340px);min-width:0;position:relative}
.hero-foto::before{content:"";position:absolute;inset:-8%;background:radial-gradient(closest-side,rgba(21,153,255,.35),rgba(69,205,182,.12) 60%,transparent);filter:blur(24px)}
.hero-foto img{position:relative;width:100%;height:auto;display:block;border-radius:28px}

/* Formulário */
.form{display:flex;flex-direction:column;gap:12px}
.form input:not([type=radio]){height:50px;padding:0 20px;border-radius:999px;border:0;background:var(--ice-50);color:var(--ink-950);font-size:16px;outline:none;width:100%}
.form input::placeholder{color:rgba(20,32,65,.5)}
.form input:focus{box-shadow:0 0 0 2px var(--teal-400)}
.submit{all:unset;cursor:pointer;margin-top:4px;height:54px;border-radius:999px;background:var(--grad-cta);color:var(--ink-950);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px;transition:filter .24s,box-shadow .24s}
.submit:hover{filter:brightness(1.08);box-shadow:0 0 28px rgba(141,227,138,.35)}
.submit[disabled]{opacity:.6;cursor:wait}
.erro{display:none;margin:0;font-size:14px;color:#FF8A8A;text-align:center}
.erro.show{display:block}

/* 02 Formações */
.formacoes{position:relative;isolation:isolate}
.formacoes::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 40% at 50% 62%,rgba(21,153,255,.28),transparent 70%),radial-gradient(40% 30% at 50% 90%,rgba(69,205,182,.14),transparent 70%)}
.col-gap{display:flex;flex-direction:column;gap:clamp(28px,4vw,40px)}
.formacao{padding:clamp(24px,3.5vw,44px);display:flex;flex-direction:column;gap:24px;box-shadow:0 30px 80px -40px rgba(21,153,255,.5)}
.formacao-top{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,40px);align-items:center}
.formacao-txt{flex:1 1 min(100%,400px);min-width:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.formacao h3{font-size:clamp(32px,3.4vw,46px);line-height:.95}
.cert{display:flex;align-items:center;gap:8px;min-height:32px;padding:4px 14px;border:1px solid var(--border-glass);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.toggle{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(226,246,255,.3);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.toggle:hover{background:rgba(226,246,255,.08)}
.toggle:focus-visible{outline:2px solid var(--teal-400);outline-offset:2px}
.toggle[aria-expanded=true] .ic{transform:rotate(180deg)}
.cursos{list-style:none;margin:0;padding:24px 0 0;border-top:1px solid var(--border-glass);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;counter-reset:c}
.cursos[hidden]{display:none}
.cursos li{counter-increment:c;display:flex;gap:12px;align-items:baseline;padding:12px 16px;background:rgba(226,246,255,.04);border-radius:14px;font-size:15px;line-height:1.4}
.cursos li::before{content:counter(c,decimal-leading-zero);font-size:13px;font-weight:600;color:var(--teal-400)}

.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:24px}
.mini{padding:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;gap:16px}
.mini h3{font-size:clamp(30px,3vw,40px);line-height:.95}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:6px 14px;border-radius:999px;background:rgba(226,246,255,.08);font-size:14px;font-weight:600}
.preco-box{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:18px 22px;border-radius:18px;background:rgba(0,3,6,.45);border:1px solid var(--border-glass)}
.n36{font-family:var(--font-condensed);font-weight:700;font-size:36px;line-height:1}
.proximos{background:radial-gradient(110% 90% at 100% 100%,rgba(118,218,159,.28),transparent 60%),#0D1F1F;border:1px solid rgba(118,218,159,.35);border-radius:28px}
.zero{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding:18px 22px;border-radius:18px;background:rgba(118,218,159,.08);border:1px solid rgba(118,218,159,.25)}

/* 03 Ferramentas */
.tools{position:relative;isolation:isolate;background:var(--ink-950)}
.tools::before{content:"";position:absolute;inset:0;z-index:-1;background:url(img/bg-starfield.webp) center/cover no-repeat;opacity:.25}
.center-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.tool{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#1E2024;border:1px solid var(--border-glass)}
.tool-txt{display:flex;flex-direction:column;gap:8px;padding:20px 24px 26px}
.tool h3{font-size:24px;line-height:1}
.tool p{font-size:15px;line-height:1.5}

/* 04 Marketplace, comunidade e bônus */
.mcb{background:linear-gradient(180deg,#132C36 0%,#183A46 50%,#132C36 100%)}
.stack{display:flex;flex-direction:column;gap:24px}
.market{padding:clamp(24px,3.5vw,44px);display:flex;flex-direction:column;gap:16px}
.market > *{max-width:760px}
.market h2{font-size:clamp(32px,3.4vw,46px);line-height:.95;color:var(--mint-400)}
.comunidade{background:var(--foam-100);color:var(--ink-950);border-radius:28px;padding:clamp(24px,3.5vw,40px);display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,40px);align-items:center}
.comunidade .big{flex:0 1 220px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.comunidade .num{font-family:var(--font-condensed);font-weight:700;font-size:clamp(64px,7vw,96px);line-height:.85;color:#14A34A}
.comunidade .txt{flex:1 1 min(100%,440px);min-width:0;display:flex;flex-direction:column;gap:10px}
.comunidade h2{font-size:clamp(28px,3vw,40px);line-height:1}
.bonus-head{display:flex;flex-direction:column;gap:12px;margin-top:clamp(24px,4vw,40px);max-width:660px}
.bonus-head h2{font-size:clamp(30px,3.4vw,46px);line-height:1}
.grid-bonus{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}
.bonus{background:radial-gradient(90% 70% at 50% 0%,rgba(21,153,255,.3),transparent 70%),var(--ink-950);border:1px solid var(--border-glass);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:18px}
.lock{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(118,218,159,.12);border:1px solid rgba(118,218,159,.35)}
.bonus h3{font-size:24px;line-height:1}
.bonus-v{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border-glass)}
.n30{font-family:var(--font-condensed);font-weight:700;font-size:30px;line-height:1}

/* 05 Comparação */
.comp{position:relative;isolation:isolate}
.comp::before{content:"";position:absolute;inset:0;z-index:-1;background:url(img/bg-low.webp) center/cover no-repeat;opacity:.55}
.comp-grid{max-width:960px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:24px;align-items:stretch}
.col{border-radius:28px;padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:16px}
.col h3{font-size:clamp(28px,2.8vw,36px);line-height:.95}
.col-antes{background:rgba(30,32,36,.92);border:1px solid var(--border-glass)}
.col-black{background:radial-gradient(120% 60% at 50% 0%,rgba(69,205,182,.22),transparent 60%),#1A2226;border:1px solid rgba(69,205,182,.5);box-shadow:var(--glow-teal)}
.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.list li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-glass)}
.list .l{display:flex;flex-direction:column;gap:2px;min-width:0}
.list .r{flex:none;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}
.list b{font-size:15px;font-weight:600}
.list small{font-size:13px;color:var(--fg-3);line-height:1.4}
.list-black li{justify-content:flex-start;gap:12px;align-items:flex-start;padding:11px 0}
.list-black .ic{margin-top:2px}
.list-black .body{flex:1;min-width:0;display:flex;justify-content:space-between;gap:12px}
.list-black .v{flex:none;font-size:15px;font-weight:600;color:var(--mint-400)}
.total{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:18px;background:rgba(0,3,6,.45);border:1px solid var(--border-glass)}
.total .line{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.total .line > span:first-child{font-size:14px;color:var(--fg-2)}
.n28{font-family:var(--font-condensed);font-weight:700;font-size:28px;line-height:1}
.total-black{gap:6px;background:rgba(69,205,182,.08);border-color:rgba(69,205,182,.3)}

/* 06 Anwar */
.anwar{padding:clamp(20px,3.5vw,40px);display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,40px);align-items:stretch}
.anwar .foto{flex:1 1 min(100%,320px);min-width:0;border-radius:20px;overflow:hidden;min-height:360px;background:#15171A}
.anwar .foto img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.anwar .txt{flex:1.3 1 min(100%,420px);min-width:0;display:flex;flex-direction:column;gap:14px;font-size:16px}
.anwar h2{font-size:clamp(32px,3.6vw,48px);line-height:.95;color:var(--mint-400)}
.livro{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;border-radius:18px;background:#2A2D31;border:1px solid var(--border-glass)}
.livro p{font-size:15px;line-height:1.5}

/* 07 CTA final */
.final{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;border:1px solid rgba(69,205,182,.35);padding:clamp(40px,6vw,72px) clamp(20px,5vw,64px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.final::before{content:"";position:absolute;inset:0;z-index:-2;background:url(img/bg-streak.webp) center/cover no-repeat}
.final::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 50% 50%,rgba(0,3,6,.8),rgba(0,3,6,.35))}
.final .logo{height:clamp(84px,9vw,112px);width:auto;display:block}
.final h2{font-size:clamp(34px,4.4vw,60px);line-height:1}

.foot .w{padding-top:40px;padding-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;font-size:13px;color:var(--fg-3)}
.foot img{height:36px;width:auto;display:block}

/* ===== Mobile ===== */
@media (max-width:600px){
  body{font-size:16px}
  .sec{padding-top:56px;padding-bottom:56px}

  /* Hero: botão ocupa a largura, foto menor e centralizada */
  .hero-cta .btn{width:100%;font-size:18px;padding:14px 20px}
  .hero-in{padding-top:32px;padding-bottom:48px;gap:32px}
  .hero-txt{gap:16px}
  .hero-sub{font-size:17px}
  .form input:not([type=radio]){height:52px;padding:0 18px;font-size:16px}
  .hero-foto{max-width:320px;margin:0 auto}

  /* Formações: preço sai de cima do mockup */
  .formacao{padding:24px 20px;gap:20px}
  .formacao-top{gap:20px}
  .toggle{width:100%;justify-content:space-between;padding:12px 18px;font-size:12px;line-height:1.3;box-sizing:border-box}
  .cursos{padding-top:20px;gap:8px}
  .cursos li{padding:10px 14px;font-size:14px}
  .mini{padding:24px 20px}
  .preco-box,.zero{padding:16px 18px}

  /* Ferramentas */
  .grid3{gap:12px}
  .tool-txt{padding:16px 20px 20px}
  .tool h3{font-size:22px}

  /* Marketplace / comunidade */
  .market{padding:24px 20px}
  .comunidade{padding:24px 20px;gap:16px}
  .comunidade .big{flex:1 1 100%;flex-direction:row;align-items:baseline;gap:12px;text-align:left}
  .comunidade .num{font-size:64px}

  /* Bônus: linhas compactas */
  .grid-bonus{gap:12px}
  .bonus{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;border-radius:20px}
  .bonus .lock{width:40px;height:40px;border-radius:12px}
  .bonus h3{font-size:20px}
  .bonus p{font-size:13px !important}
  .bonus-v{margin:0;padding:0;border:0;flex-direction:column;align-items:flex-end;gap:2px}
  .bonus-v .lbl{font-size:10px}
  .n30{font-size:24px}

  /* Comparação */
  .col{padding:22px 18px;border-radius:24px}
  .total{padding:16px}
  .n28{font-size:24px}
  .list b,.list-black .v{font-size:14px}
  .list small{font-size:12px}

  /* Anwar */
  .anwar{padding:16px 16px 24px;gap:20px}
  .anwar .foto{min-height:0;aspect-ratio:1/1}
  .anwar .txt{font-size:15px}
  .livro{padding:14px}

  /* CTA final */
  .final{padding:40px 20px;border-radius:24px}
  .final .btn{width:100%;font-size:18px;padding:14px 20px}
}
@media (min-width:601px) and (max-width:960px){.hero-foto{max-width:420px;margin:0 auto}}

/* CTA do hero */
.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:8px}
.hero-cta-tit{font-size:clamp(17px,1.6vw,19px);font-weight:600;line-height:1.35}
.hero-cta .btn{gap:12px}

/* Pop-up de cadastro */
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,3,6,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}
.modal[hidden]{display:none}
.modal-box{position:relative;width:min(100%,480px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:clamp(24px,5vw,36px);border-radius:28px;background:radial-gradient(120% 60% at 50% 0%,rgba(21,153,255,.22),transparent 60%),var(--ink-950);border:1px solid var(--border-glass);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:20px}
.modal-head{display:flex;flex-direction:column;gap:12px;padding-right:40px}
.modal h3{font-size:clamp(30px,6vw,38px);line-height:.95}
.meta{display:flex;align-items:center;gap:12px;font-weight:700;font-size:14px;line-height:1}
.meta > span{display:inline-flex;align-items:center;gap:6px}
.close{all:unset;cursor:pointer;position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(226,246,255,.08)}
.close:hover{background:rgba(226,246,255,.16)}
.close:focus-visible{outline:2px solid var(--teal-400)}
.pergunta{border:0;margin:6px 0 0;padding:16px;border-radius:20px;background:rgba(226,246,255,.05);border:1px solid var(--border-glass);display:flex;flex-direction:column;gap:14px}
.pergunta legend{float:left;width:100%;padding:0;font-size:15px;line-height:1.45;color:var(--fg-2)}
.pergunta legend b{color:var(--ice-50)}
.opcoes{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opcoes label{position:relative;cursor:pointer}
.opcoes input{position:absolute;opacity:0;width:1px;height:1px}
.opcoes span{display:flex;align-items:center;justify-content:center;height:48px;border-radius:999px;border:1px solid rgba(226,246,255,.3);font-weight:600;transition:background .2s,border-color .2s,color .2s}
.opcoes label:hover span{background:rgba(226,246,255,.06)}
.opcoes input:checked + span{background:var(--teal-400);border-color:var(--teal-400);color:var(--ink-950)}
.opcoes input:focus-visible + span{outline:2px solid var(--teal-400);outline-offset:2px}
@media (max-width:600px){.modal{padding:12px;align-items:flex-end}.modal-box{width:100%;border-radius:24px;max-height:calc(100dvh - 24px)}}

/* Preço das formações (no lugar do mockup) */
.preco-form{flex:1 1 min(100%,300px);min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:clamp(20px,3vw,32px);border-radius:20px;background:rgba(0,3,6,.45);border:1px solid var(--border-glass);font-size:15px}
.n44{font-family:var(--font-condensed);font-weight:700;font-size:clamp(38px,4vw,48px);line-height:1}
.tool{border-top:2px solid var(--teal-400)}
.tool-txt{padding:24px 24px 28px}
@media (max-width:600px){.preco-form{padding:18px 20px}.tool-txt{padding:20px}}

/* WhatsApp com seletor de país */
.tel{display:grid;grid-template-columns:auto 1fr;gap:8px}
.ddi{position:relative;display:flex;align-items:center;height:50px;padding:0 30px 0 16px;border-radius:999px;background:var(--ice-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23142041' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;color:var(--ink-950);font-size:16px;font-weight:600;white-space:nowrap;cursor:pointer}
.ddi select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.ddi:focus-within{box-shadow:0 0 0 2px var(--teal-400)}
@media (max-width:600px){.ddi{height:52px;padding:0 28px 0 14px}}