/* ══════════════ PALETA (referência do key visual Super Black) ══════════════ */
:root{
  --sb-black:#0a0a0c;
  --sb-black-2:#131118;
  --sb-line:#26222c;
  --sb-pink:#ff2d87;
  --sb-cyan:#3ff0e6;
  --sb-white:#f7f7f6;
  --sb-muted:#aaa5b0;
  /* Deslocamento ciano/rosa da marca, sempre fino */
  --sb-shift:-1.5px -1px 0 var(--sb-cyan),1.5px 1px 0 var(--sb-pink);
  --sb-container:1080px;
  --sb-gutter:clamp(16px,5vw,64px);
  --sb-section:clamp(64px,8vw,104px);
}

/* ══════════════ BASE ══════════════ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sb-black);color:var(--sb-white);font-family:'Poppins',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
::selection{background:var(--sb-pink);color:#fff}
@keyframes sb-pulse{0%,100%{opacity:1}50%{opacity:.25}}

.sb-wrap{max-width:calc(var(--sb-container) + 2 * var(--sb-gutter));margin:0 auto;padding:0 var(--sb-gutter)}
.sb-logo{height:24px;width:auto;filter:invert(1)}

/* ══════════════ TIPOGRAFIA ══════════════ */
.sb-kicker{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sb-cyan)}
.sb-h2{margin:0;font-size:clamp(28px,3.6vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.sb-head{margin-bottom:clamp(28px,4vw,44px)}
.sb-head__text{margin:14px 0 0;max-width:44ch;color:var(--sb-muted)}

/* ══════════════ CHIP / BOTÃO ══════════════ */
.sb-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(255,45,135,.6);color:var(--sb-white);border-radius:999px;padding:7px 14px}
.sb-dot{width:7px;height:7px;border-radius:50%;background:var(--sb-pink);animation:sb-pulse 1.4s infinite}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border-radius:999px;background:var(--sb-white);color:var(--sb-black);font-weight:700;font-size:15px;text-decoration:none;box-shadow:-2px -2px 0 var(--sb-cyan),2px 2px 0 var(--sb-pink);transition:transform .2s}
.sb-btn:hover{transform:translateY(-2px)}

/* ══════════════ HERO (centralizado) ══════════════ */
.sb-hero{position:relative;overflow:hidden;padding:clamp(56px,9vw,120px) 0 clamp(64px,9vw,120px);text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(255,45,135,.22),transparent 70%),var(--sb-black)}
.sb-hero__neon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sb-hero__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}

/* Marca pequena "SUPER BLACK / PROHALL" */
.sb-brand{display:flex;flex-direction:column;align-items:center;line-height:.9;margin-bottom:8px}
.sb-brand__main{font-size:clamp(26px,3vw,34px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;text-shadow:var(--sb-shift)}
.sb-brand__sub{margin-top:6px;font-size:clamp(11px,1.1vw,13px);font-weight:500;text-transform:uppercase;letter-spacing:.5em;padding-left:.5em}

.sb-hero__title{margin:0;max-width:16ch;font-size:clamp(32px,4.4vw,54px);font-weight:800;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}
.sb-hero__title mark{background:none;color:var(--sb-pink)}
.sb-hero__text{margin:0;max-width:48ch;font-size:clamp(16px,1.5vw,19px);color:var(--sb-muted)}
.sb-hero__text strong{color:var(--sb-white);font-weight:600}
.sb-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;margin-top:8px}

/* ══════════════ SEÇÕES ══════════════ */
.sb-section{padding:var(--sb-section) 0}
.sb-section--alt{background:var(--sb-black-2);border-block:1px solid var(--sb-line)}

.sb-head--center{text-align:center}

/* Como funciona: 3 cards ligados por setas; o passo 3 (recompensa) em destaque */
.sb-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sb-flow__step{position:relative;display:flex;flex-direction:column;padding:28px;border-radius:20px;border:1px solid var(--sb-line);background:var(--sb-black-2);transition:transform .25s,border-color .25s}
.sb-flow__step:hover{transform:translateY(-4px);border-color:rgba(63,240,230,.4)}
/* Seta entre os cards */
.sb-flow__step:not(:last-child)::after{content:"";position:absolute;z-index:1;top:50%;right:-28px;width:28px;height:28px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff2d87' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat}
.sb-flow__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}
.sb-flow__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(63,240,230,.1);border:1px solid rgba(63,240,230,.3);color:var(--sb-cyan)}
.sb-flow__n{font-size:44px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.25)}
.sb-flow__step h3{margin:0 0 10px;font-size:21px;font-weight:700}
.sb-flow__step p{margin:0;color:var(--sb-muted);font-size:15px}
.sb-flow__step p b{color:var(--sb-white);font-weight:600}
.sb-flow__step--goal{border-color:rgba(255,45,135,.6);background:linear-gradient(160deg,rgba(255,45,135,.24),rgba(255,45,135,.04) 70%),var(--sb-black-2)}
.sb-flow__step--goal .sb-flow__icon{background:var(--sb-pink);border-color:var(--sb-pink);color:#fff}
.sb-flow__step--goal .sb-flow__n{-webkit-text-stroke-color:rgba(255,45,135,.7)}

/* Missão: 10 / 10 / 1 */
.sb-mission{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sb-mission__item{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:28px;border-radius:20px;border:1px solid var(--sb-line);background:var(--sb-black);transition:transform .25s,border-color .25s}
.sb-mission__item:hover{transform:translateY(-4px);border-color:rgba(63,240,230,.4)}
.sb-mission__count{display:flex;align-items:baseline;gap:12px}
.sb-mission__count b{font-size:clamp(56px,6vw,72px);font-weight:900;line-height:.9;letter-spacing:-.03em;text-shadow:var(--sb-shift)}
.sb-mission__count span{font-size:22px;font-weight:800}
.sb-mission__item small{margin-top:-8px;font-size:14px;color:var(--sb-muted)}

/* Sobre o que falar: painel com destaque rosa */
.sb-topics{margin-top:20px;padding:28px;border-radius:20px;border:1px solid rgba(255,45,135,.45);background:linear-gradient(120deg,rgba(255,45,135,.16),rgba(255,45,135,.02) 60%),var(--sb-black)}
.sb-topics__title{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sb-pink)}
.sb-topics__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sb-topics__list li{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--sb-line);font-size:15px;font-weight:600;line-height:1.35}
.sb-topics__icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--sb-pink);color:#fff}

/* Regras: post de exemplo + checklist com os mesmos números */
.sb-head--center .sb-head__text{margin-inline:auto;max-width:60ch}
.sb-rules{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center}
.sb-pin{display:inline-grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--sb-pink);color:#fff;font-style:normal;font-size:13px;font-weight:800;line-height:1;box-shadow:0 0 0 4px rgba(255,45,135,.2)}
.sb-pin--inline{width:20px;height:20px;font-size:11px;vertical-align:middle;box-shadow:0 0 0 3px rgba(255,45,135,.2)}

.sb-post{position:relative;margin:0;max-width:380px;justify-self:center;width:100%;border-radius:22px;border:1px solid var(--sb-line);background:var(--sb-black-2);overflow:hidden;transform:rotate(-2deg)}
.sb-post__head{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px}
.sb-post__head b{display:block;font-size:14px}
.sb-post__head small{display:block;font-size:12px;color:var(--sb-muted);line-height:1.2}
.sb-post__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sb-cyan),var(--sb-pink));padding:2px;box-shadow:inset 0 0 0 2px var(--sb-black-2)}
.sb-post__head .sb-pin{margin-left:auto}
.sb-post__media{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-weight:700;font-size:15px;line-height:1.3;color:var(--sb-white);background:radial-gradient(ellipse 80% 70% at 30% 20%,rgba(255,45,135,.55),transparent 70%),radial-gradient(ellipse 70% 60% at 90% 100%,rgba(63,240,230,.35),transparent 70%),#1a0f1a}
.sb-post__media .sb-pin{position:absolute;top:14px;right:14px}
.sb-post__caption{padding:14px 16px 18px;font-size:14px;color:var(--sb-muted)}
.sb-post__caption p{margin:0 0 6px}
.sb-post__caption mark{background:none;color:var(--sb-cyan);font-weight:600}
.sb-post__label{position:absolute;top:76px;left:14px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.55);color:var(--sb-white)}

.sb-rules__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sb-rules__list li{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;border:1px solid var(--sb-line);background:var(--sb-black-2);font-size:16px;transition:border-color .2s}
.sb-rules__list li:hover{border-color:rgba(255,45,135,.5)}
.sb-rules__list li > span{line-height:1.9}
.sb-rules__list .sb-tag{margin-left:4px}
.sb-rules__list b{font-weight:700}

.sb-tag{font:inherit;font-weight:600;color:var(--sb-white);background:rgba(255,45,135,.14);border:1px solid var(--sb-pink);border-radius:999px;padding:2px 12px;cursor:pointer;transition:background .2s}
.sb-tag:hover{background:rgba(255,45,135,.3)}
.sb-tag.is-copied{border-color:var(--sb-cyan);background:rgba(63,240,230,.14)}
.sb-tag.is-copied::after{content:" ✓ copiado";color:var(--sb-cyan);font-size:.85em}
.sb-hint{margin:12px 0 0;font-size:13px;color:var(--sb-muted)}

/* Prêmio: subida de nível + linha do tempo */
.sb-level{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:820px;margin:0 auto;padding:32px 32px 44px;border-radius:24px;border:1px solid var(--sb-line);background:radial-gradient(ellipse 60% 90% at 85% 50%,rgba(255,45,135,.22),transparent 70%),var(--sb-black)}
.sb-level__box{padding:22px 24px;border-radius:18px;border:1px solid var(--sb-line);background:var(--sb-black-2)}
.sb-level__box small{display:block;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--sb-muted)}
.sb-level__box b{display:block;margin-top:4px;font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1.2}
.sb-level__box--up{border-color:var(--sb-pink);background:linear-gradient(150deg,rgba(255,45,135,.35),rgba(255,45,135,.08));box-shadow:0 0 40px rgba(255,45,135,.3)}
.sb-level__box--up small{color:#ffc2dc}
.sb-level__arrow{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--sb-pink);color:#fff;box-shadow:0 0 0 6px rgba(255,45,135,.18);transform:rotate(90deg)}
.sb-level__badge{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);white-space:nowrap;padding:7px 16px;border-radius:999px;background:var(--sb-cyan);color:var(--sb-black);font-size:13px;font-weight:700}

.sb-timeline{list-style:none;margin:56px auto 0;padding:0;max-width:960px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.sb-timeline::before{content:"";position:absolute;top:9px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--sb-line),var(--sb-pink))}
.sb-timeline li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.sb-timeline__dot{width:20px;height:20px;margin-bottom:12px;border-radius:50%;background:var(--sb-black-2);border:2px solid var(--sb-muted)}
.sb-timeline b{font-size:16px;font-weight:700}
.sb-timeline small{font-size:13px;color:var(--sb-muted)}
.sb-timeline .is-goal .sb-timeline__dot{background:var(--sb-pink);border-color:var(--sb-pink);box-shadow:0 0 0 5px rgba(255,45,135,.25)}
.sb-timeline .is-goal b{color:var(--sb-pink)}

.sb-note{display:flex;gap:14px;align-items:flex-start;max-width:720px;margin:48px auto 0;padding:20px 22px;border-radius:16px;border:1px solid rgba(63,240,230,.3);background:rgba(63,240,230,.06)}
.sb-note__icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:rgba(63,240,230,.15);color:var(--sb-cyan)}
.sb-note strong{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:var(--sb-cyan)}
.sb-note p{margin:4px 0 0;color:var(--sb-muted);font-size:15px}

/* FAQ */
.sb-faq-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:start}
.sb-faq__side{position:sticky;top:32px}
.sb-faq__side .sb-head{margin-bottom:28px}

/* Resumo rápido */
.sb-summary{padding:24px;border-radius:20px;border:1px solid rgba(255,45,135,.45);background:linear-gradient(150deg,rgba(255,45,135,.18),rgba(255,45,135,.02) 70%),var(--sb-black-2)}
.sb-summary__title{margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sb-pink)}
.sb-summary ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sb-summary li{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;border-bottom:1px dashed var(--sb-line)}
.sb-summary li:last-child{padding-bottom:0;border-bottom:0}
.sb-summary b{min-width:110px;font-size:22px;font-weight:900;text-shadow:var(--sb-shift)}
.sb-summary span{font-size:14px;color:var(--sb-muted)}

/* Acordeão */
.sb-faq{display:grid;gap:12px}
.sb-faq details{border:1px solid var(--sb-line);border-radius:16px;background:var(--sb-black-2);transition:border-color .2s,background .2s}
.sb-faq details:hover{border-color:rgba(255,255,255,.18)}
.sb-faq details[open]{border-color:rgba(255,45,135,.55);background:linear-gradient(150deg,rgba(255,45,135,.1),transparent 60%),var(--sb-black-2)}
.sb-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;font-size:16px;font-weight:600}
.sb-faq summary::-webkit-details-marker{display:none}
.sb-faq summary:focus{outline:none}
.sb-faq details:has(summary:focus-visible){outline:2px solid var(--sb-cyan);outline-offset:3px}
.sb-faq summary::after{content:"+";display:grid;place-items:center;flex-shrink:0;margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--sb-line);color:var(--sb-pink);font-size:20px;font-weight:400;line-height:1;transition:transform .25s,background .25s,color .25s}
.sb-faq details[open] summary::after{transform:rotate(45deg);background:var(--sb-pink);border-color:var(--sb-pink);color:#fff}
.sb-faq details p{margin:0;padding:0 20px 20px;color:var(--sb-muted)}

/* Fechamento: painel de destaque com neon do hero */
.sb-closing{padding:0 0 var(--sb-section)}
.sb-cta{position:relative;overflow:hidden;border-radius:32px;border:1.5px solid transparent;text-align:center;background:
  radial-gradient(ellipse 70% 80% at 50% 0%,rgba(255,45,135,.3),transparent 70%),
  linear-gradient(var(--sb-black-2),var(--sb-black-2)) padding-box,
  linear-gradient(135deg,var(--sb-cyan),rgba(255,255,255,.06) 35%,rgba(255,255,255,.06) 65%,var(--sb-pink)) border-box}
.sb-cta__neon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sb-cta__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;padding:clamp(44px,7vw,80px) clamp(20px,5vw,64px)}
.sb-cta__inner .sb-brand{margin:0}
.sb-cta__title{margin:0;font-size:clamp(36px,5.4vw,64px);font-weight:900;line-height:1;letter-spacing:-.03em;text-transform:uppercase}
.sb-cta__text{margin:0;max-width:46ch;color:var(--sb-muted);font-size:clamp(16px,1.4vw,18px)}
.sb-cta__mission{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.sb-cta__mission li{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--sb-line);font-size:14px;font-weight:600}
.sb-cta__mission b{display:grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:999px;background:var(--sb-pink);color:#fff;font-weight:800}
.sb-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;margin-top:6px}
.sb-btn--ghost{background:transparent;color:var(--sb-white);border:1px solid rgba(255,255,255,.25);box-shadow:none;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.sb-btn--ghost:hover{border-color:var(--sb-cyan)}
.sb-btn--ghost.is-copied{border-color:var(--sb-cyan);color:var(--sb-cyan)}
.sb-btn--ghost.is-copied::after{content:" ✓";}

/* Rodapé */
.sb-footer{padding:28px 0;border-top:1px solid var(--sb-line);font-size:13px;color:var(--sb-muted)}
.sb-footer .sb-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sb-footer p{margin:0}

/* ══════════════ RESPONSIVO ══════════════ */
@media (max-width:860px){
  .sb-flow{grid-template-columns:1fr;gap:28px}
  .sb-flow__step{padding:22px}
  /* Seta passa a apontar para baixo */
  .sb-flow__step:not(:last-child)::after{top:auto;bottom:-28px;right:auto;left:50%;transform:translateX(-50%) rotate(90deg)}
  .sb-flow__top{margin-bottom:18px}
  .sb-rules{grid-template-columns:1fr}
  .sb-post{max-width:340px;transform:none}
  .sb-mission{grid-template-columns:1fr;gap:14px}
  .sb-mission__item{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 18px;padding:22px}
  .sb-mission__item small{flex-basis:100%;margin:6px 0 0}
  .sb-topics{padding:22px}
  .sb-topics__list{grid-template-columns:1fr}
  .sb-faq-wrap{grid-template-columns:1fr}
  .sb-faq__side{position:static}
  .sb-level{grid-template-columns:1fr;justify-items:center;padding:22px 22px 40px;gap:14px}
  .sb-level__box{width:100%;text-align:center}
  .sb-level__arrow{width:44px;height:44px;transform:rotate(180deg)}
  .sb-timeline{grid-template-columns:1fr;gap:22px;max-width:360px}
  .sb-timeline::before{top:10px;bottom:40px;left:9px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--sb-line),var(--sb-pink))}
  .sb-timeline li{display:grid;grid-template-columns:20px 1fr;column-gap:16px;text-align:left;align-items:start}
  .sb-timeline__dot{grid-row:span 2;margin:0}
}
@media (max-width:600px){
  .sb-hero__actions .sb-btn{width:100%}
  .sb-footer .sb-wrap{flex-direction:column;justify-content:center;text-align:center}
  .sb-cta{border-radius:24px}
  .sb-cta__actions{width:100%}
  .sb-cta__actions .sb-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sb-dot{animation:none}
}

/* ══════════════ ANIMAÇÕES ══════════════ */
/* Tudo aqui só roda sem "reduzir movimento"; o estado oculto depende de html.sb-anim (posto pelo JS) */
@keyframes sb-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes sb-draw{to{stroke-dashoffset:0}}
@keyframes sb-float{from{transform:translate(0,0)}to{transform:translate(-30px,24px)}}
@keyframes sb-glitch{
  0%,90%,100%{text-shadow:var(--sb-shift);transform:none}
  92%{text-shadow:-4px -1px 0 var(--sb-cyan),4px 1px 0 var(--sb-pink);transform:translateX(1px)}
  94%{text-shadow:3px 0 0 var(--sb-cyan),-3px 0 0 var(--sb-pink);transform:translateX(-1px)}
  96%{text-shadow:var(--sb-shift);transform:none}
}
@keyframes sb-glow{0%,100%{box-shadow:0 0 0 rgba(255,45,135,0)}50%{box-shadow:0 0 36px rgba(255,45,135,.35)}}
@keyframes sb-bump{0%,100%{translate:0 0}50%{translate:4px 0}}
@keyframes sb-bump-y{0%,100%{translate:0 0}50%{translate:0 4px}}
@keyframes sb-shine{0%,70%{left:-60%}100%{left:130%}}
@keyframes sb-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}

@media (prefers-reduced-motion:no-preference){
  /* Hero: entrada em sequência */
  .sb-hero__inner > *{animation:sb-up .8s cubic-bezier(.2,.8,.2,1) both}
  .sb-hero__inner > :nth-child(2){animation-delay:.12s}
  .sb-hero__inner > :nth-child(3){animation-delay:.24s}
  .sb-hero__inner > :nth-child(4){animation-delay:.36s}
  .sb-hero__inner > :nth-child(5){animation-delay:.48s}

  /* Linhas neon se desenham; faixas difusas flutuam */
  .sb-hero__neon g g path,.sb-cta__neon g g path{stroke-dasharray:2600;stroke-dashoffset:2600;animation:sb-draw 2.6s cubic-bezier(.4,0,.2,1) .3s forwards}
  .sb-hero__neon > g > path,.sb-cta__neon > g > path{animation:sb-float 9s ease-in-out infinite alternate}
  .sb-hero__neon > g > path:nth-of-type(2),.sb-cta__neon > g > path:nth-of-type(2){animation-duration:11s;animation-direction:alternate-reverse}

  /* Glitch ocasional na marca */
  .sb-brand__main{display:inline-block;animation:sb-glitch 4.5s steps(1) infinite}

  /* Brilho passando nos botões */
  .sb-btn:not(.sb-btn--ghost){position:relative;overflow:hidden}
  .sb-btn:not(.sb-btn--ghost)::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:sb-shine 3.8s ease-in-out infinite}

  /* Destaques respirando */
  .sb-flow__step--goal,.sb-level__box--up{animation:sb-glow 3s ease-in-out infinite}
  .sb-level__arrow svg{animation:sb-bump-y 1.4s ease-in-out infinite}
  .sb-flow__step:not(:last-child)::after{animation:sb-bump 1.4s ease-in-out infinite}

  /* Revelar ao rolar */
  .sb-anim .sb-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
  .sb-anim .sb-reveal.is-in{opacity:1;transform:none}

  /* Linha do tempo se preenche e os pontos aparecem em sequência */
  .sb-anim .sb-timeline::before{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.4,0,.2,1) .2s}
  .sb-anim .sb-timeline:has(.is-in)::before{transform:none}
  .sb-anim .sb-timeline li.is-in .sb-timeline__dot{animation:sb-pop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d,0s) + .2s)}
}
@media (prefers-reduced-motion:no-preference) and (max-width:860px){
  .sb-anim .sb-timeline::before{transform:scaleY(0);transform-origin:top}
  .sb-flow__step:not(:last-child)::after{animation:none}
}