:root{
  --papel:#f5efe3;--papel2:#ece3d1;--tinta:#16141f;--tinta2:#3b3846;--cinza:#6b6675;
  --amarelo:#ffd23f;--roxo:#6c3cff;--laranja:#ff6b2c;--verde:#14a85a;--vermelho:#e5383b;
  --borda:3px solid var(--tinta);--sombra:6px 6px 0 var(--tinta);--sombra-p:4px 4px 0 var(--tinta);
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.6 'Figtree',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;line-height:1.08;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,5.2vw,3.9rem);font-weight:800}
h2{font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:800}
h3{font-size:1.18rem;font-weight:700}
p{margin:0 0 1em}
mark{background:none;color:inherit;background-image:linear-gradient(transparent 58%,var(--amarelo) 58%,var(--amarelo) 92%,transparent 92%);padding:0 .08em}
.wrap{width:min(1180px,100% - 32px);margin:0 auto}
.estreito{width:min(820px,100% - 32px)}
.centro{text-align:center}
section{padding:84px 0;position:relative}
.faixa2{background:var(--papel2);border-top:var(--borda);border-bottom:var(--borda)}
.kicker{font:700 .78rem/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--roxo);margin:0 0 14px;display:inline-flex;align-items:center;gap:8px}
.intro{font-size:1.08rem;color:var(--tinta2);max-width:760px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:800 1rem/1.2 'Figtree',sans-serif;text-decoration:none;border:var(--borda);border-radius:12px;padding:13px 22px;cursor:pointer;transition:transform .12s,box-shadow .12s;text-align:center}
.btn-lg{font-size:1.08rem;padding:16px 26px}
.btn-sm{font-size:.9rem;padding:9px 16px;border-width:2px}
.cta,.btn.cta{background:var(--amarelo);color:var(--tinta);box-shadow:var(--sombra-p)}
.cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tinta)}
.cta:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tinta)}
.ghost{background:#fff;color:var(--tinta);box-shadow:var(--sombra-p)}
.ghost:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tinta)}
.btn.ghost-cta{background:var(--amarelo);color:var(--tinta);border-color:var(--tinta);box-shadow:var(--sombra-p)}
.largo{width:100%}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--roxo);outline-offset:3px}

/* topo */
#topo{position:sticky;top:0;z-index:50;background:rgba(245,239,227,.94);backdrop-filter:blur(8px);border-bottom:var(--borda)}
.topo-in{display:flex;align-items:center;gap:20px;height:66px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.05rem 'Bricolage Grotesque',sans-serif;white-space:nowrap}
.marca img{height:36px;width:auto;background:var(--tinta);padding:4px 8px;border-radius:8px}
.marca span{border-left:2px solid var(--tinta);padding-left:10px}
#topo nav{display:flex;gap:4px;margin-left:auto}
#topo nav a{text-decoration:none;font-weight:600;font-size:.92rem;padding:6px 10px;border-radius:8px}
#topo nav a:hover{background:var(--tinta);color:var(--papel)}

/* hero */
.hero{padding:56px 0 72px;background-image:radial-gradient(var(--papel2) 1.2px,transparent 1.2px);background-size:22px 22px}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:48px;align-items:center}
.hero-in>*,.quiz-in>*,.req>*,.videos>*,.dark-grid>*,.recursos>*,.quem>*{min-width:0}
.rec{width:10px;height:10px;border-radius:50%;background:var(--vermelho);animation:pisca 1.2s infinite}
@keyframes pisca{50%{opacity:.25}}
.sub{font-size:1.12rem;color:var(--tinta2);max-width:600px}
.hero-pontos{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.hero-pontos li{display:flex;gap:12px;align-items:flex-start;font-weight:600}
.hero-pontos i{flex:none;width:30px;height:30px;display:grid;place-items:center;background:var(--tinta);color:var(--amarelo);border-radius:8px;font-size:.95rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.miudo{font-size:.88rem;color:var(--cinza);margin:0}
.miudo i{color:var(--verde)}

/* estúdio animado */
.estudio{background:#fff;border:var(--borda);border-radius:18px;box-shadow:10px 10px 0 var(--tinta);overflow:hidden;transform:rotate(.6deg)}
.est-barra{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:var(--borda);background:var(--papel2);font:700 .78rem 'JetBrains Mono',monospace}
.est-barra span{width:11px;height:11px;border-radius:50%;border:2px solid var(--tinta);background:var(--laranja)}
.est-barra span:nth-child(2){background:var(--amarelo)}
.est-barra span:nth-child(3){background:var(--verde)}
.est-barra b{margin-left:8px;font-weight:700}
.tela{position:relative;aspect-ratio:16/10;background:#1b1830;color:#fff;overflow:hidden}
.cena{position:absolute;inset:0;padding:22px 26px 70px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .45s}
.cena.on{opacity:1;visibility:visible}
.cena-tag{position:absolute;top:16px;left:20px;font:700 .7rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em;background:var(--amarelo);color:var(--tinta);padding:4px 9px;border-radius:6px}
.c-quiz{background:linear-gradient(160deg,#2a1d6b,#1b1830)}
.q-txt{font:800 clamp(1.05rem,2.3vw,1.5rem) 'Bricolage Grotesque',sans-serif;margin:14px 0 14px}
.q-alt{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;counter-reset:a}
.q-alt li{counter-increment:a;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.35);border-radius:10px;padding:8px 10px;font-weight:700;font-size:.92rem;opacity:0;transform:translateY(8px)}
.q-alt li::before{content:counter(a,upper-alpha);display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:6px;background:#fff;color:var(--tinta);margin-right:8px;font-size:.78rem}
.c-quiz.on .q-alt li{animation:entra .35s forwards}
.c-quiz.on .q-alt li:nth-child(2){animation-delay:.15s}
.c-quiz.on .q-alt li:nth-child(3){animation-delay:.3s}
.c-quiz.on .q-alt li:nth-child(4){animation-delay:.45s}
.c-quiz.revela .q-alt li.certa{background:var(--verde);border-color:#8ff0b8}
.c-quiz.revela .q-alt li:not(.certa){opacity:.35!important}
@keyframes entra{to{opacity:1;transform:none}}
.q-tempo{height:10px;border-radius:6px;background:rgba(255,255,255,.15);margin-top:14px;overflow:hidden}
.q-tempo i{display:block;height:100%;width:100%;background:repeating-linear-gradient(45deg,var(--verde) 0 10px,#0f8a49 10px 20px);transform-origin:left}
.c-quiz.on .q-tempo i{animation:tempo 3.2s linear forwards}
@keyframes tempo{0%{transform:scaleX(1)}70%{background:repeating-linear-gradient(45deg,var(--amarelo) 0 10px,#e0b400 10px 20px)}100%{transform:scaleX(0);background:repeating-linear-gradient(45deg,var(--vermelho) 0 10px,#b8262a 10px 20px)}}
.c-mito{background:linear-gradient(160deg,#3a1420,#1b1830);align-items:flex-start}
.m-frase{font:800 clamp(1.1rem,2.4vw,1.55rem) 'Bricolage Grotesque',sans-serif;max-width:80%;margin:16px 0 10px}
.carimbo{font:800 2rem 'Bricolage Grotesque',sans-serif;text-transform:uppercase;color:var(--vermelho);border:4px solid var(--vermelho);border-radius:10px;padding:2px 18px;transform:rotate(-8deg) scale(2);opacity:0;background:rgba(255,255,255,.95)}
.c-mito.on .carimbo{animation:carimba .4s .5s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes carimba{to{opacity:1;transform:rotate(-8deg) scale(1)}}
.m-exp{font-size:.95rem;opacity:0;margin-top:12px}
.c-mito.on .m-exp{animation:entra .4s 1.1s forwards}
.c-graf{background:linear-gradient(160deg,#0f3b37,#1b1830)}
.g-tit{font:700 1.05rem 'Bricolage Grotesque',sans-serif;margin:18px 0 8px}
.barras{display:flex;align-items:flex-end;gap:14px;height:52%}
.barras div{flex:1;height:var(--v);background:var(--amarelo);border:2px solid #fff;border-radius:8px 8px 0 0;position:relative;transform:scaleY(0);transform-origin:bottom}
.c-graf.on .barras div{animation:sobe .6s forwards}
.c-graf.on .barras div:nth-child(2){animation-delay:.15s}
.c-graf.on .barras div:nth-child(3){animation-delay:.3s}
.c-graf.on .barras div:nth-child(4){animation-delay:.45s;background:var(--verde)}
@keyframes sobe{to{transform:scaleY(1)}}
.barras b{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font:700 .72rem 'JetBrains Mono',monospace;white-space:nowrap}
.barras span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:.75rem;opacity:.8}
.c-passo{background:linear-gradient(160deg,#4a2200,#1b1830)}
.p-num{font:800 clamp(2.2rem,5vw,3.4rem) 'Bricolage Grotesque',sans-serif;color:var(--amarelo);margin:6px 0 0;letter-spacing:.02em}
.p-txt{font:700 1.3rem 'Bricolage Grotesque',sans-serif;margin:0 0 14px}
.p-etq{display:flex;gap:10px;flex-wrap:wrap}
.p-etq span{font-weight:700;font-size:.88rem;padding:6px 12px;border-radius:999px;border:2px solid}
.p-etq .ok{background:var(--verde);border-color:#8ff0b8}
.p-etq .nao{background:var(--vermelho);border-color:#ffb1b2}
.mascote{position:absolute;right:14px;bottom:44px;width:70px;height:70px;border-radius:50%;border:3px solid #fff;object-fit:cover;animation:pula 1.6s ease-in-out infinite}
@keyframes pula{0%,100%{transform:translateY(0)}45%{transform:translateY(-10px) rotate(-4deg)}}
.legenda{position:absolute;left:20px;right:100px;bottom:20px;margin:0;font:800 1rem/1.3 'Figtree',sans-serif;min-height:1.3em;text-shadow:0 2px 0 #000}
.legenda .w{opacity:.45}
.legenda .w.on{opacity:1;color:var(--amarelo)}
.progresso{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.15)}
.progresso i{display:block;height:100%;width:0;background:var(--laranja)}
.quadros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--borda)}
.quadros button{font:700 .8rem 'Figtree',sans-serif;background:#fff;color:var(--tinta);border:0;border-right:2px solid var(--tinta);padding:11px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quadros button:last-child{border-right:0}
.quadros button.on{background:var(--tinta);color:var(--amarelo)}

/* números */
.numeros{padding:0;background:var(--tinta);color:var(--papel)}
.nums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.nums div{padding:26px 18px;border-right:2px dashed rgba(245,239,227,.25)}
.nums div:last-child{border-right:0}
.nums b{display:block;font:800 2.1rem/1 'Bricolage Grotesque',sans-serif;color:var(--amarelo);margin-bottom:6px}
.nums span{font-size:.88rem;opacity:.85}

/* vídeos */
.videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}
.vid{margin:0}
.vid-dest{grid-column:1/-1}
.yt{position:relative;display:block;width:100%;padding:0;border:var(--borda);border-radius:var(--r);overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/9;box-shadow:var(--sombra)}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.yt:hover img{transform:scale(1.03)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:var(--amarelo);border:var(--borda);display:grid;place-items:center;font-size:2.4rem;color:var(--tinta);box-shadow:var(--sombra-p)}
.vid-dest .play{width:96px;height:96px;font-size:3rem}
.vid figcaption{margin-top:14px;font-weight:700;font-size:1.02rem}
.selo{display:inline-block;font:700 .7rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;background:var(--roxo);color:#fff;padding:4px 9px;border-radius:6px;margin-right:8px;vertical-align:2px}
.vid-dest .selo{background:var(--laranja);color:var(--tinta)}

/* passos */
.passos{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.passos li{background:#fff;border:var(--borda);border-radius:var(--r);padding:24px 20px;box-shadow:var(--sombra-p);min-width:0}
.p-n{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--roxo);color:#fff;font:800 1.3rem 'Bricolage Grotesque',sans-serif;margin-bottom:14px;border:var(--borda)}
.passos li:nth-child(2) .p-n{background:var(--laranja);color:var(--tinta)}
.passos li:nth-child(3) .p-n{background:var(--amarelo);color:var(--tinta)}
.passos li:nth-child(4) .p-n{background:var(--verde)}
.passos p{font-size:.95rem;color:var(--tinta2);margin:0}

/* quiz */
.quiz-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.lista-check{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.lista-check li{position:relative;padding-left:32px;font-weight:500}
.lista-check li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:6px;background:var(--verde);border:2px solid var(--tinta);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M13.5 4.5 6 12 2.5 8.5l1.4-1.4L6 9.2l6.1-6.1z'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.quiz-card{background:var(--roxo);color:#fff;border:var(--borda);border-radius:20px;padding:28px;box-shadow:10px 10px 0 var(--tinta);transform:rotate(-1.2deg)}
.qc-fase{display:inline-block;background:var(--amarelo);color:var(--tinta);font:800 .8rem 'JetBrains Mono',monospace;text-transform:uppercase;padding:5px 10px;border-radius:6px;border:2px solid var(--tinta)}
.qc-num{font:700 .9rem 'JetBrains Mono',monospace;margin:16px 0 4px;opacity:.85}
.qc-q{font:800 1.45rem/1.2 'Bricolage Grotesque',sans-serif;margin:0 0 18px}
.qc-alt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qc-alt span{background:#fff;color:var(--tinta);border:2px solid var(--tinta);border-radius:10px;padding:10px 12px;font-weight:800}
.qc-alt .certa{background:var(--verde);color:#fff}
.qc-tempo{height:12px;border-radius:6px;background:rgba(255,255,255,.25);margin:18px 0 14px;overflow:hidden;border:2px solid var(--tinta)}
.qc-tempo i{display:block;height:100%;width:38%;background:repeating-linear-gradient(45deg,var(--vermelho) 0 10px,#b8262a 10px 20px)}
.qc-exp{margin:0;font-size:.95rem;background:rgba(0,0,0,.22);padding:10px 12px;border-radius:10px}

/* canal dark */
.chips{list-style:none;padding:0;margin:26px 0 34px;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:#fff;border:2px solid var(--tinta);border-radius:999px;padding:6px 14px;font-weight:600;font-size:.9rem}
.chips li:nth-child(5n+1){background:var(--amarelo)}
.chips li.perso{background:var(--tinta);color:var(--amarelo)}
.dark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cartao{background:#fff;border:var(--borda);border-radius:var(--r);padding:24px;box-shadow:var(--sombra-p)}
.cartao>i{font-size:1.6rem;color:var(--roxo);display:block;margin-bottom:10px}
.cartao p{font-size:.95rem;color:var(--tinta2);margin:0}

/* estilos */
.galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.galeria figure{margin:0;background:#fff;border:var(--borda);border-radius:12px;overflow:hidden;box-shadow:var(--sombra-p);transition:transform .15s}
.galeria figure:hover{transform:translate(-2px,-2px) rotate(-.6deg)}
.galeria img{aspect-ratio:16/9;width:100%;object-fit:cover;border-bottom:var(--borda)}
.galeria figcaption{padding:8px 12px;font-weight:700;font-size:.88rem}
.sub-h{margin-top:46px}
.pers{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.pers figure{margin:0;text-align:center}
.pers img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:var(--borda);background:#fff;box-shadow:var(--sombra-p)}
.pers figcaption{font-weight:700;font-size:.85rem;margin-top:8px}

/* recursos */
.recursos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.recursos>div{background:#fff;border:var(--borda);border-radius:var(--r);padding:22px}
.recursos i{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--amarelo);border:2px solid var(--tinta);font-size:1.25rem;margin-bottom:12px}
.recursos>div:nth-child(even) i{background:var(--laranja)}
.recursos p{font-size:.93rem;color:var(--tinta2);margin:0}

/* quem */
.quem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.quem>div{border:var(--borda);border-radius:var(--r);padding:24px;background:var(--tinta);color:var(--papel)}
.quem i{font-size:1.7rem;color:var(--amarelo);display:block;margin-bottom:10px}
.quem p{font-size:.93rem;opacity:.85;margin:0}

/* requisitos */
.req{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start}
.req-lista{display:grid;gap:14px;margin-top:20px}
.req-i{display:flex;gap:14px;background:#fff;border:var(--borda);border-radius:12px;padding:16px 18px}
.req-i>i{font-size:1.5rem;color:var(--roxo);flex:none}
.req-i b{display:block}
.req-i span{font-size:.93rem;color:var(--tinta2)}
.nao-faz{background:#fff;border:var(--borda);border-radius:var(--r);padding:26px;box-shadow:var(--sombra)}
.nao-faz ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}
.nao-faz li{display:flex;gap:10px;font-size:.95rem}
.nao-faz li i{color:var(--vermelho);flex:none;margin-top:2px}
.nao-faz p{margin:0;font-size:.92rem;color:var(--cinza);border-top:2px dashed var(--tinta);padding-top:14px}

/* planos (planos.php) */
.planos{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:22px;margin:34px 0 30px}
.plano{position:relative;background:#fff;border:var(--borda);border-radius:18px;padding:30px 24px 24px;box-shadow:var(--sombra);display:flex;flex-direction:column;min-width:0}
.plano.dest{background:var(--tinta);color:var(--papel);transform:translateY(-8px);box-shadow:10px 10px 0 var(--roxo)}
.plano .tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--amarelo);color:var(--tinta);border:2px solid var(--tinta);font:800 .74rem 'JetBrains Mono',monospace;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap}
.plano h3{font-size:1.3rem}
.plano s{color:var(--cinza);font-size:.95rem}
.plano.dest s{color:#b8b2c4}
.plano .valor{display:flex;align-items:baseline;gap:3px;margin:6px 0 2px;font-family:'Bricolage Grotesque',sans-serif}
.plano .valor small{font-size:1.1rem;font-weight:700}
.plano .valor b{font-size:2.9rem;font-weight:800;line-height:1}
.plano .per{font-size:.9rem;color:var(--cinza)}
.plano.dest .per{color:#cfc9da}
.plano .eco{display:inline-block;background:var(--verde);color:#fff;font-weight:800;font-size:.8rem;padding:4px 10px;border-radius:6px;margin:8px 0}
.plano-ben{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:7px;font-size:.93rem;flex:1}
.plano-ben li{display:flex;gap:8px}
.plano-ben i{color:var(--verde);flex:none}
.plano .dura{font-size:.82rem;color:var(--cinza);margin-top:10px;text-align:center}
.plano.dest .dura{color:#cfc9da}
.plano .btn{width:100%}

/* oferta */
.oferta-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;margin-top:10px}
.oferta-preco,.oferta-inclui,.entrega{background:#fff;border:var(--borda);border-radius:var(--r);padding:26px;min-width:0}
.oferta-preco{text-align:center;box-shadow:var(--sombra)}
.oferta-preco s{color:var(--cinza)}
.oferta-preco .valor{display:flex;justify-content:center;align-items:baseline;gap:3px;font-family:'Bricolage Grotesque',sans-serif;margin:6px 0}
.oferta-preco .valor b{font-size:3.4rem;font-weight:800;line-height:1}
.oferta-preco .valor small{font-size:1.2rem;font-weight:700}
.oferta-preco>span{display:block;color:var(--cinza);font-size:.9rem;margin-bottom:18px}
.oferta-inclui ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.oferta-inclui li{display:flex;gap:10px;font-size:.95rem}
.oferta-inclui li i{color:var(--verde);flex:none}
.oferta-inclui li.bonus i{color:var(--laranja)}
.oferta-inclui li.bonus small{display:block;font:700 .7rem 'JetBrains Mono',monospace;text-transform:uppercase;color:var(--laranja)}
.gar{margin:16px 0 0;padding:12px 14px;background:var(--papel);border:2px solid var(--tinta);border-radius:10px;font-weight:700;font-size:.92rem}
.gar i{color:var(--verde)}
.entrega{background:var(--amarelo)}
.entrega ol{margin:0;padding-left:20px;display:grid;gap:10px;font-size:.95rem}

/* faq */
.faq{display:grid;gap:12px;margin:26px 0}
.faq details{background:#fff;border:var(--borda);border-radius:12px}
.faq summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:700;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{transition:transform .2s;flex:none}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details[open] summary{border-bottom:2px dashed var(--tinta)}
.faq details p{padding:14px 20px 18px;margin:0;color:var(--tinta2)}
.link-whats{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#0d7a3d}

/* final */
.final{background:var(--roxo);color:#fff;border-top:var(--borda)}
.final mark{background-image:linear-gradient(transparent 58%,var(--laranja) 58%,var(--laranja) 92%,transparent 92%);color:#fff}
.final .miudo{color:#e6defc;margin-top:18px}
.final .miudo i{color:var(--amarelo)}
.tira{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:26px}
.tira span{background:#fff;color:var(--tinta);border:2px solid var(--tinta);border-radius:8px;padding:6px 12px;font:700 .82rem 'JetBrains Mono',monospace}
.tira span.on{background:var(--amarelo)}

/* rodapé */
footer{background:var(--tinta);color:#cfc9da;padding:40px 0 110px;font-size:.88rem}
.rod-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:18px}
.rod-links a{color:var(--papel);font-weight:600}
.aviso{max-width:900px;opacity:.75}
.copy{margin:0}
.copy a{color:var(--amarelo)}

/* barra fixa + whats */
.fixo{position:fixed;left:50%;bottom:16px;transform:translate(-50%,140%);z-index:60;display:flex;align-items:center;gap:18px;background:var(--papel);border:var(--borda);border-radius:14px;padding:10px 10px 10px 18px;box-shadow:var(--sombra-p);transition:transform .3s;width:max-content;max-width:calc(100% - 32px)}
.fixo.on{transform:translate(-50%,0)}
.fixo small{display:block;font-size:.72rem;color:var(--cinza);line-height:1}
.fixo b{font:800 1.15rem 'Bricolage Grotesque',sans-serif}
.whats{position:fixed;right:18px;bottom:18px;z-index:61;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.7rem;border:var(--borda);box-shadow:var(--sombra-p);text-decoration:none}

/* responsivo */
@media (max-width:1100px){
  #topo nav{display:none}
  .topo-in .btn{margin-left:auto}
  .passos,.recursos,.quem{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pers{grid-template-columns:repeat(4,minmax(0,1fr))}
  .galeria{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:920px){
  .hero-in,.quiz-in,.req{grid-template-columns:minmax(0,1fr)}
  .estudio{transform:none}
  .nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nums div{border-right:0;border-bottom:2px dashed rgba(245,239,227,.25)}
  .dark-grid{grid-template-columns:minmax(0,1fr)}
  .videos{grid-template-columns:minmax(0,1fr)}
  .planos{grid-template-columns:minmax(0,1fr)}
  .plano.dest{transform:none}
}
@media (max-width:600px){
  section{padding:60px 0}
  .hero{padding:34px 0 50px}
  .marca span{display:none}
  .passos,.recursos,.quem{grid-template-columns:minmax(0,1fr)}
  .galeria{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pers{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .hero-cta .btn{width:100%}
  .tela{aspect-ratio:4/5}
  .q-alt{grid-template-columns:1fr}
  .cena{padding:44px 16px 58px}
  .q-alt li{padding:5px 8px;font-size:.82rem}
  .mascote{width:48px;height:48px;bottom:36px}
  .legenda{font-size:.85rem;right:70px;left:14px;bottom:14px}
  .quadros button{font-size:.72rem}
  .quadros button i{display:none}
  .barras{height:44%}
  .qc-alt{grid-template-columns:1fr}
  .fixo{gap:10px;bottom:10px;left:16px;right:84px;transform:translateY(160%);width:auto;max-width:none}
  .fixo.on{transform:none}
  .fixo .btn{padding:10px 14px;font-size:.92rem}
  .whats{bottom:12px;right:12px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
  .q-alt li,.m-exp{opacity:1;transform:none}
  .carimbo{opacity:1;transform:rotate(-8deg)}
  .barras div{transform:none}
}