/* IA no Balcão · visual no padrão da Proposta Start (fundo #060606, degradê vermelho→laranja, Ibrand + Sora). Celular primeiro. */
@font-face{font-family:Ibrand;src:url(/assets/fonts/ibrand.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}
:root{
  --bg:#060606;--bg2:#0c0c0c;--card:rgba(255,255,255,.035);--card2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.18);
  --ink:#fff;--muted:rgba(255,255,255,.72);--faint:rgba(255,255,255,.52);
  --red:#e52332;--orange:#ff6600;--grad:linear-gradient(135deg,#e52332,#ff6600);--ok:#4ade80;
  --title:Ibrand,Sora,system-ui,sans-serif;--body:Sora,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:18px;--ease:cubic-bezier(.16,1,.3,1);
  /* nomes usados pela barra de cookies (consent-pixel.js) */
  --line-strong:var(--line2);--surface-2:#141414;--acc-hi:#ff6600;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
.pagina{overflow-x:clip;min-height:100vh}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--orange)}

/* ---------- topo ---------- */
.nav{position:sticky;top:0;z-index:40;background:rgba(6,6,6,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.nav .wrap{display:flex;align-items:center;gap:12px;min-height:60px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;flex:1}
.marca-ic{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;flex:none;box-shadow:0 6px 20px rgba(229,35,50,.35)}
.marca-ic svg{width:20px;height:20px}
.marca-txt{font-family:var(--title);font-size:19px;letter-spacing:.01em;white-space:nowrap}
.nav-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--grad);color:#fff;text-decoration:none;font-family:var(--title);font-size:14px;white-space:nowrap;transition:transform .2s,opacity .2s}
.nav-cta:hover{transform:scale(1.03)}
.nav-voltar{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--muted);text-decoration:none;font-size:14px}
.nav-voltar:hover{color:#fff}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:44px 0 56px;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 55% at 80% 20%,rgba(229,35,50,.24),transparent 62%),radial-gradient(40% 40% at 95% 5%,rgba(255,102,0,.16),transparent 55%)}
.hero-grade{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}
.hero .wrap{position:relative;display:grid;gap:40px}
.tag{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:7px 16px;border:1px solid rgba(229,35,50,.45);border-radius:999px;color:#ff5a67;font-family:var(--title);font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.3}
.tag i{width:7px;height:7px;border-radius:50%;background:var(--red);flex:none;animation:pulso 2s infinite}
@keyframes pulso{50%{opacity:.35;transform:scale(.7)}}
.hero h1{font-family:var(--title);font-weight:400;font-size:clamp(56px,15vw,124px);line-height:.92;margin:20px 0 18px;letter-spacing:-.01em}
.hero h1 span{display:block}
.hero-sub{font-size:clamp(19px,4.8vw,24px);line-height:1.35;font-weight:600;max-width:560px}
.hero-apoio{color:var(--muted);max-width:560px;margin-top:14px;font-size:16px}
.hero-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;border:0;background:var(--grad);color:#fff;font-family:var(--title);font-size:17px;text-decoration:none;cursor:pointer;box-shadow:0 16px 44px rgba(229,35,50,.32);transition:transform .25s var(--ease),box-shadow .25s,opacity .2s}
.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 22px 56px rgba(229,35,50,.42)}
.btn .seta{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:13px}
.btn[disabled],.btn.off{background:var(--card2);color:var(--faint);box-shadow:none;cursor:not-allowed;transform:none;border:1px solid var(--line)}
.btn.sec{background:transparent;border:1px solid var(--line2);box-shadow:none}
.btn.sec:hover{border-color:#fff}
.btn.bloco{width:100%}
.link{display:inline-flex;align-items:center;min-height:48px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;background:none;border:0;cursor:pointer}
.link:hover{color:#fff}

/* celular desenhado no hero (decorativo) */
.fone{justify-self:center;width:100%;max-width:340px;border-radius:34px;padding:12px;background:linear-gradient(160deg,#1c1c1c,#0b0b0b);border:1px solid var(--line2);box-shadow:0 40px 90px rgba(0,0,0,.7),0 0 70px rgba(229,35,50,.18);transform:rotate(-2deg)}
.fone-tela{border-radius:24px;background:#0e0e0e;border:1px solid var(--line);padding:18px 16px 16px;display:grid;gap:12px}
.fone-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--faint)}
.fone-nicho{display:inline-flex;gap:6px;align-items:center;padding:5px 11px;border-radius:999px;background:rgba(255,102,0,.12);border:1px solid rgba(255,102,0,.35);color:#ffa066;font-size:12px;width:fit-content}
.fone-tit{font-family:var(--title);font-size:17px;line-height:1.2}
.fone-txt{font-size:12.5px;line-height:1.55;color:var(--muted);background:rgba(255,255,255,.03);border:1px dashed var(--line2);border-radius:12px;padding:10px 12px}
.fone-copiar{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;background:var(--grad);font-family:var(--title);font-size:14px;animation:copiar 4.5s infinite}
.fone-copiar b{font-weight:400}
.fone-copiar b+b{display:none}
@keyframes copiar{0%,55%{filter:none}60%,90%{filter:saturate(0) brightness(1.6)}}
@media (min-width:900px){
  .hero{padding:72px 0 88px}
  .hero .wrap{grid-template-columns:1.25fr .75fr;align-items:center}
}

.faixa{border-bottom:1px solid var(--line);background:var(--bg2)}
.faixa p{padding:16px 0;color:var(--faint);font-size:14px;line-height:1.55}

/* ---------- seções ---------- */
.sec{padding:72px 0;position:relative}
.sec.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rotulo{display:flex;align-items:center;gap:12px;color:var(--faint);font-family:var(--title);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.rotulo::before{content:"";width:32px;height:1px;background:var(--line2)}
.h2{font-family:var(--title);font-weight:400;font-size:clamp(34px,8.5vw,64px);line-height:1;letter-spacing:-.005em;max-width:880px}
.h2 em{font-style:normal;color:var(--red)}
.apoio{color:var(--muted);margin-top:14px;max-width:640px;font-size:16px}
.texto{color:var(--muted);max-width:68ch;font-size:16px;line-height:1.8}
.texto+.texto{margin-top:14px}
.texto strong{color:#fff}
.miuda{color:var(--faint);font-size:13.5px;line-height:1.6;margin-top:18px;max-width:68ch}
.grade{display:grid;gap:14px;margin-top:32px}
@media (min-width:720px){.grade.g3{grid-template-columns:repeat(3,1fr)}.grade.g2{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;transition:border-color .3s,background .3s,transform .3s var(--ease);position:relative;overflow:hidden}
.card:hover{border-color:rgba(255,102,0,.3);background:rgba(255,102,0,.03)}
.card-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(229,35,50,.12);border:1px solid rgba(229,35,50,.3);color:#ff6b77;margin-bottom:16px}
.card-ic svg{width:22px;height:22px}
.card h3{font-family:var(--title);font-weight:400;font-size:21px;line-height:1.2;margin-bottom:8px}
.card p{color:var(--muted);font-size:15px;line-height:1.65}
.num{font-family:var(--title);font-size:13px;letter-spacing:.12em;color:var(--red)}

/* chips de nicho */
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 10px;margin:24px -16px 0;scrollbar-width:none;scroll-snap-type:x proximity}
.chips::-webkit-scrollbar{display:none}
@media (min-width:900px){.chips{flex-wrap:wrap;overflow:visible;margin:24px 0 0;padding:0}}
.chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--muted);cursor:pointer;font-size:15px;white-space:nowrap;scroll-snap-align:start;transition:background .2s,border-color .2s,color .2s}
.chip svg{width:18px;height:18px;flex:none}
.chip:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--grad);border-color:transparent;color:#fff}
.chip.peq{min-height:40px;font-size:14px;padding:0 14px}

/* materiais */
.mat{display:flex;flex-direction:column;gap:12px}
.selo{display:inline-flex;width:fit-content;padding:5px 12px;border-radius:999px;font-family:var(--title);font-size:11.5px;letter-spacing:.08em;background:rgba(255,255,255,.07);color:var(--muted);border:1px solid var(--line2)}
.selo.on{background:var(--grad);color:#fff;border-color:transparent}
.mat .det{color:var(--faint);font-size:14px}
.mat .btn{margin-top:auto;min-height:52px;font-size:15px}
.mat.destaque{background:linear-gradient(160deg,rgba(229,35,50,.12),rgba(255,102,0,.06));border-color:rgba(255,102,0,.35);box-shadow:0 0 60px rgba(229,35,50,.1)}
.vem{display:grid;gap:10px;margin-top:14px}
@media (min-width:720px){.vem{grid-template-columns:repeat(4,1fr)}}
.vem div{border:1px dashed var(--line2);border-radius:14px;padding:14px 16px;color:var(--faint);font-size:14px;line-height:1.45}
.vem b{display:block;color:var(--muted);font-family:var(--title);font-weight:400;letter-spacing:.06em;font-size:13px;margin-bottom:2px}

/* lista numerada */
.nao{list-style:none;display:grid;gap:12px;margin-top:32px}
@media (min-width:720px){.nao{grid-template-columns:repeat(3,1fr)}}
.nao li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px}
.nao .n{font-family:var(--title);font-size:44px;line-height:1;color:rgba(255,255,255,.12)}
.nao .barra{width:36px;height:2px;border-radius:2px;background:var(--grad);margin:14px 0}
.nao h3{font-family:var(--title);font-weight:400;font-size:19px;line-height:1.25;margin-bottom:8px}
.nao p{color:var(--muted);font-size:15px}
.fecho{margin-top:22px;font-size:17px;color:#fff;font-weight:600}

/* quem */
.quem{display:grid;gap:28px}
@media (min-width:900px){.quem{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}
.prova{border-radius:var(--r);padding:26px 24px;background:rgba(74,222,128,.05);border:1px solid rgba(74,222,128,.22);border-left:3px solid var(--ok)}
.prova-t{font-family:var(--title);font-size:12px;letter-spacing:.12em;color:var(--ok);text-transform:uppercase;margin-bottom:10px}
.prova p{font-size:17px;line-height:1.6}
.prova .miuda{margin-top:12px}

/* caixas de aviso */
.caixa{border-radius:var(--r);padding:20px 22px;background:rgba(255,102,0,.06);border:1px solid rgba(255,102,0,.25);border-left:3px solid var(--orange)}
.caixa-t{font-family:var(--title);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.caixa p{font-size:16px;line-height:1.65}

/* ---------- formulário (portão) ---------- */
.form-box{margin-top:28px;max-width:560px;background:var(--card);border:1px solid var(--line2);border-radius:22px;padding:24px 20px}
@media (min-width:720px){.form-box{padding:32px}}
.form-box form{display:grid;gap:18px}
.campo{display:grid;gap:7px}
.campo label{font-weight:600;font-size:16px}
.campo input,.campo select,.pers input{width:100%;min-height:52px;padding:12px 14px;font-size:17px;background:#0a0a0a;border:1px solid var(--line2);border-radius:12px;color:#fff}
.campo select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.campo select option{background:#111;color:#fff}
.campo input::placeholder,.pers input::placeholder{color:rgba(255,255,255,.38)}
.campo input:focus,.campo select:focus,.pers input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,102,0,.3)}
.campo [aria-invalid=true]{border-color:#ff6b7d}
.campo .ajuda{font-size:13.5px;color:var(--faint)}
.pote{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.aceite{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;cursor:pointer;font-size:15px;line-height:1.5;color:var(--muted)}
.aceite a{color:#fff;text-underline-offset:3px}
.aceite input{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:1px;border:2px solid rgba(255,255,255,.55);border-radius:7px;background:#0a0a0a;cursor:pointer;position:relative}
.aceite input:checked{background:var(--ok);border-color:var(--ok)}
.aceite input:checked::after{content:"";position:absolute;left:7px;top:2px;width:7px;height:14px;border:solid #06140d;border-width:0 3px 3px 0;transform:rotate(42deg)}
.aceite input[aria-invalid=true]{border-color:#ff6b7d}
.erro{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,107,125,.55);background:rgba(229,35,50,.12);color:#ffd0d6;font-size:15px;line-height:1.5}
.erro:empty{display:none}
.erro span{display:block}
.sucesso{padding:22px 20px;border-radius:18px;border:1px solid rgba(74,222,128,.5);background:rgba(74,222,128,.08);animation:entra .5s var(--ease)}
.sucesso strong{display:block;font-size:18px;line-height:1.4}
.sucesso p{color:var(--muted);margin-top:6px;font-size:15px}
.sucesso .btn{margin-top:16px}
.sucesso:focus{outline:none}
@keyframes entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* RAIOX */
.raiox{position:relative;overflow:hidden;border-radius:26px;padding:40px 22px;background:#0b0b0b;border:1px solid rgba(255,102,0,.28);text-align:center}
.raiox::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 100%,rgba(229,35,50,.2),transparent 65%);pointer-events:none}
.raiox>*{position:relative}
.raiox .h2{margin:0 auto;font-size:clamp(30px,7.5vw,54px)}
.raiox .apoio{margin:16px auto 0}
.raiox .form-box{margin:26px auto 0;text-align:left;background:rgba(0,0,0,.35)}
.raiox .btn{margin-top:26px}
@media (min-width:720px){.raiox{padding:64px 48px}}

/* rodapé */
.rodape{border-top:1px solid var(--line);padding:36px 0 calc(36px + env(safe-area-inset-bottom));color:var(--faint);font-size:14px;line-height:1.6}
.rodape .wrap{display:grid;gap:14px}
.rodape img{height:24px;width:auto;opacity:.75}
.rodape b{color:#fff;font-weight:600}
.rodape-links{display:flex;flex-wrap:wrap;gap:4px 20px}
.rodape-links a,.rodape-links button{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14px}
.rodape-links a:hover,.rodape-links button:hover{color:#fff}
.rodape small{font-size:12.5px;color:rgba(255,255,255,.42)}

/* entrada suave */
.rev{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rev.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rev{opacity:1;transform:none;transition:none}
  .tag i,.fone-copiar,.sucesso{animation:none}
  .btn,.card{transition:none}
}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:70;transform:translate(-50%,16px);max-width:calc(100% - 32px);padding:12px 18px;border-radius:999px;background:#fff;color:#0a0a0a;font-weight:600;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.toast.on{opacity:1;transform:translate(-50%,0)}