/* Funil 1 do Clone que Vende: estilo comum das 3 páginas (/, /resultado/, /vsl/) */
  :root{--fundo:#0B0B0D;--cartao:#16161A;--linha:#2A2A2F;--tinta:#F5F5F2;--suave:#9B9B97;--vermelho:#FF2D3A;--verde:#22C55E}
  *{box-sizing:border-box}
  html,body{margin:0;background:var(--fundo);color:var(--tinta);font-family:Inter,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
  body{min-height:100svh;background:radial-gradient(closest-side at 30% 0%,rgba(255,45,58,.22),transparent 70%),radial-gradient(closest-side at 90% 60%,rgba(255,45,58,.08),transparent),var(--fundo)}
  .wrap{max-width:520px;margin:0 auto;padding:22px 18px 60px}
  .marca{font-family:Anton,Impact,sans-serif;letter-spacing:.5px;font-size:22px;text-align:center;margin:4px 0 18px}
  .marca b{color:var(--vermelho);font-weight:400}
  h1{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:40px;line-height:1;margin:0 0 12px;text-align:center}
  h1 em{font-style:normal;color:var(--vermelho)}
  .sub{color:var(--suave);text-align:center;font-size:16px;line-height:1.45;margin:0 0 22px}
  .tela{display:none;animation:entra .35s cubic-bezier(.16,1,.3,1)}
  .tela.on{display:block}
  @keyframes entra{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  .btn{display:block;width:100%;border:0;border-radius:16px;padding:18px 20px;font:900 18px Inter,sans-serif;color:#fff;background:linear-gradient(180deg,#FF4652,var(--vermelho));box-shadow:0 12px 34px rgba(255,45,58,.45);cursor:pointer;text-transform:uppercase;letter-spacing:.3px}
  .btn:active{transform:scale(.98)}
  .btn.pulsa{animation:pulsa 1.6s ease-in-out infinite}
  @keyframes pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
  /* progresso: só mostra o quanto andou (luzes acendendo), nunca quanto falta */
  .luzes{display:flex;gap:8px;justify-content:center;margin:0 0 20px}
  .luzes i{width:34px;height:6px;border-radius:3px;background:var(--linha);transition:background .3s}
  .luzes i.on{background:var(--vermelho);box-shadow:0 0 12px rgba(255,45,58,.6)}
  .pergunta{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:32px;line-height:1.02;text-align:center;margin:6px 0 20px}
  .ops{display:flex;flex-direction:column;gap:12px}
  .op{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:2px solid var(--linha);background:var(--cartao);color:var(--tinta);border-radius:16px;padding:17px 18px;font:700 17px Inter,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
  .op .ic{font-size:24px;width:30px;text-align:center}
  .op.sel{border-color:var(--vermelho);background:rgba(255,45,58,.14);transform:scale(1.01)}
  .toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-30px);opacity:0;background:var(--vermelho);color:#fff;font:800 14px Inter,sans-serif;padding:9px 16px;border-radius:30px;transition:all .3s;z-index:9;white-space:nowrap}
  .toast.on{opacity:1;transform:translate(-50%,0)}
  .analise{background:var(--cartao);border:1px solid var(--linha);border-radius:20px;padding:22px}
  .analise .l{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--suave);margin:12px 0;opacity:.35;transition:all .3s}
  .analise .l.ok{opacity:1;color:var(--tinta)}
  .analise .l .c{width:24px;height:24px;border-radius:12px;border:2px solid var(--linha);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}
  .analise .l.ok .c{background:var(--verde);border-color:var(--verde);color:#fff}
  .barra{height:10px;border-radius:5px;background:var(--linha);overflow:hidden;margin-top:18px}
  .barra i{display:block;height:100%;width:0;background:var(--vermelho);transition:width .4s}
  .perfil{background:linear-gradient(160deg,#1C1C21,#121215);border:2px solid var(--vermelho);border-radius:22px;padding:24px 20px;text-align:center;box-shadow:0 0 50px rgba(255,45,58,.25)}
  .perfil .tag{display:inline-block;background:var(--vermelho);color:#fff;font:800 12px Inter;letter-spacing:2px;padding:6px 12px;border-radius:20px;text-transform:uppercase}
  .perfil h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:36px;line-height:1;margin:14px 0 10px}
  .perfil p{color:var(--suave);line-height:1.5;margin:0 0 6px}
  .itens{text-align:left;margin:18px 0 22px;display:flex;flex-direction:column;gap:10px}
  .itens div{display:flex;gap:10px;align-items:flex-start;font-weight:600;line-height:1.35}
  .itens div:before{content:"✓";color:#fff;background:var(--verde);border-radius:50%;width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px}
  .aviso{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--suave);font-size:14px;margin:0 0 12px}
  .aviso i{width:9px;height:9px;border-radius:5px;background:var(--vermelho);animation:pisca 1s infinite}
  @keyframes pisca{50%{opacity:.25}}
  .player{border-radius:18px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid var(--linha)}
  #oferta{margin-top:26px;background:var(--cartao);border:1px solid var(--linha);border-radius:22px;padding:24px 20px;text-align:center}
  #oferta .nome{font-family:Anton,Impact,sans-serif;font-size:26px;text-transform:uppercase}
  #oferta .de{color:var(--suave);text-decoration:line-through;margin-top:8px}
  #oferta .preco{font-family:Anton,Impact,sans-serif;font-size:76px;line-height:1;margin:4px 0}
  #oferta .preco small{font-size:30px;vertical-align:top;margin-right:4px}
  #oferta .parc{color:var(--suave);margin-bottom:18px}
  .garantia{display:flex;align-items:center;gap:14px;text-align:left;margin-top:18px;color:var(--suave);font-size:14px;line-height:1.4}
  .selo{width:62px;height:62px;border-radius:50%;background:var(--vermelho);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Anton,Impact,sans-serif;font-size:24px;line-height:.9;flex-shrink:0}
  .selo span{font-size:10px;font-family:Inter;font-weight:800}
  .rodape{text-align:center;color:#55555a;font-size:12px;margin-top:40px}
  .refazer{display:block;text-align:center;color:var(--suave);font-size:13px;margin-top:16px;text-decoration:underline}
.rodape a{color:inherit;text-underline-offset:3px}