/* Fontes hospedadas no próprio site (subconjunto latino, cobre pt-BR): sem pedido a terceiros. Origem: Google Fonts, licença OFL. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/archivo.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/archivo.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/archivo.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/archivo-black.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/space-mono-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-width:0;overflow-x:hidden;font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--ink);background-color:var(--bg)}
main{overflow-x:clip}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:1rem}
@media(min-width:640px){.container{padding-inline:2.5rem}}
@media(min-width:1024px){.container{padding-inline:4rem}}
.skip-link{position:absolute;left:1rem;top:-3rem;background:var(--ink);color:var(--bg);padding:.5rem 1rem;z-index:100}
.skip-link:focus{top:1rem}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.marquee{overflow:hidden}
.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}
.marquee-reverse .marquee-track{animation-direction:reverse}
.marquee-track span{padding-inline:1rem;white-space:nowrap}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:639px){.marquee-track{animation-duration:52s}}
.hero-title .letters,.hero-title .letters span{display:inline-block}
.hero-media img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.draw-line{display:block}
html.js [data-reveal].draw-line{opacity:1;transform:scaleX(0);transition:transform 700ms var(--ease)}
html.js [data-reveal].draw-line.is-in{transform:none}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;cursor:pointer}
.btn:active{transform:translateY(4px)}
.site-footer .container{display:grid;gap:1rem}
.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;list-style:none;margin:0;padding:0}
.footer-links a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.site-footer p{margin:0}
@media(max-width:639px){.site-footer{padding-bottom:calc(2.5rem + 72px)}.hero-buy .btn-large,.closer-inner .btn-large{width:100%;min-height:48px}.hero-buy{align-self:stretch}}
.section-lead a{font-weight:800}
.bb-bg{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html.js [data-reveal]{opacity:1!important;transform:none!important}}
/* Drop v3-b card p1 — "Mesa grafite": mesa cinza-chumbo escura, cartas claras viradas (flip) em fileira,
   produto no centro sobre leque de cartas, fatos como cartas com naipe/numeral. Archivo Black + Space Mono. */
:root{color-scheme:dark;--bg:#25272c;--table2:#1b1d21;--face:#eceef0;--face2:#d8dbdf;--mid:#9a9fa8;--slate:#6c7078;--ink:#eceef0;--dark:#15161a;--dim:#b6bac2;--faint:#8b909a;--acc:#eceef0;--lime:#c8f560;--lime-hi:#d6ff7a;--lime-deep:#6f8f1f;--display:"Archivo Black","Arial Black",Impact,sans-serif;--sans:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:"Space Mono",ui-monospace,Consolas,monospace;--ease:cubic-bezier(.2,.8,.2,1);--max:78rem;--rc:18px;--sh:0 2px 0 rgba(255,255,255,.7) inset,0 24px 30px -16px rgba(0,0,0,.8),0 3px 6px rgba(0,0,0,.4)}
body{background-image:radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.4px),radial-gradient(90% 60% at 50% 20%,#34373d,var(--bg) 75%);background-size:22px 22px,auto}
html.js [data-reveal]{opacity:0;transform:translateY(40px);transition:opacity 500ms var(--ease),transform 600ms var(--ease)}
html.js [data-reveal].is-in{opacity:1;transform:none}

.site-header{position:sticky;top:.5rem;z-index:50;margin:.5rem 1rem 0}
.header-row{max-width:var(--max);margin-inline:auto;background:var(--face);color:var(--dark);border-radius:14px;box-shadow:0 12px 20px -10px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding:.4rem .5rem .4rem .8rem}
.wordmark{font-family:var(--mono);font-weight:700;font-size:1rem;letter-spacing:.08em}
.header-actions{display:flex;align-items:center;gap:.35rem}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9px;color:var(--dark);text-decoration:none;transition:background-color 150ms var(--ease),color 150ms var(--ease)}
.icon-btn:focus-visible{outline:2px solid var(--dark);outline-offset:2px}
@media(hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--face2)}}
.wordmark,.header-actions .btn{white-space:nowrap}
@media(max-width:400px){.header-row{gap:.4rem;padding-inline:.7rem}.header-actions{gap:0}.icon-btn{width:1.9rem}.wordmark{font-size:.78rem;letter-spacing:.04em}.header-actions .btn-compact{padding:.35rem .6rem;font-size:.66rem;letter-spacing:.03em}}
.marquee{background:var(--table2);color:var(--dim);padding-block:.5rem;margin-top:1.4rem;border-block:1px solid rgba(255,255,255,.1)}
.marquee-reverse{margin-top:0}
.marquee-track span{font-family:var(--mono);font-weight:700;font-size:.85rem;letter-spacing:.06em}

.hero{padding-block:2.4rem 1rem}
.hero-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}
.hero-hook{display:flex;flex-direction:column;align-items:center;max-width:100%;min-width:0}
.hero-eyebrow{font-family:var(--mono);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;background:var(--face);color:var(--dark);padding:.3rem .9rem;border-radius:999px;margin-bottom:1rem}
.bb-hook{margin:0 0 1rem;font-family:var(--mono);font-weight:700;font-size:clamp(1rem,4.2vw,1.6rem);text-transform:uppercase;line-height:1.3;color:var(--face);text-wrap:balance;border-block:2px dashed var(--slate);padding-block:.6rem;max-width:34rem}
.hero-title{margin:0 0 1rem;font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,12.6vw,8.6rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;max-width:100%;color:var(--face)}
.hero-title .letters span{opacity:0;transform-origin:50% 100%;transform:rotateX(-90deg);animation:flip 600ms var(--ease) both;animation-delay:calc(60ms*var(--i) + 100ms)}
.hero-title .letters{perspective:600px}
@keyframes flip{to{opacity:1;transform:none}}
.hero-title-alt{display:inline-block;margin-top:.12em;padding:.02em .22em .04em;background:var(--face);color:var(--dark);border-radius:.14em;font-size:.8em;opacity:0;animation:flip 600ms var(--ease) 800ms both}
.hero-sub{margin:0;font-size:1.05rem;font-weight:600;max-width:26rem;color:var(--dim)}
.hero-bolt{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:#000}
.hero-sub .nowrap{white-space:nowrap}
/* "Entrega instantânea": mais claro, mais pesado e com sublinhado/raio verde-limão — sem caixa nem badge, mesma linha e altura. */
.hero-sub .hero-delivery{color:var(--ink);font-weight:800;text-decoration:underline 2px var(--lime);text-underline-offset:.28em;text-decoration-skip-ink:none}
.hero-delivery .hero-bolt{fill:var(--lime)}

.hero-cards{position:relative;width:min(34rem,100%);padding-block:1.5rem 2.5rem}
.hero-media{--r:-6deg;width:68%}
.hero-video{cursor:pointer;position:absolute;z-index:1;top:1.5rem;bottom:2.5rem;left:22%;width:74%;background:var(--face2);color:var(--dark);border:3px solid var(--dark);border-radius:20px;padding:.7rem .7rem 3.2rem;box-shadow:var(--sh);transform:rotate(5deg);transition:left 600ms var(--ease),transform 600ms var(--ease)}
.hero-video.is-out{z-index:3;left:26%;transform:rotate(2deg)}
.hv-frame{position:relative;overflow:hidden;border-radius:12px}
.hv-frame img,.hv-frame video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:3px solid var(--dark);border-radius:12px;background:#000}
.hv-frame video{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.25);opacity:0;pointer-events:none;transition:opacity 300ms}
.hero-video.is-playing video{opacity:1;pointer-events:auto}
.hero-video::before{content:"VÍDEO";position:absolute;left:1rem;right:1rem;bottom:.95rem;font-family:var(--mono);font-weight:700;font-size:.85rem;letter-spacing:.06em;border-top:2px dashed var(--mid);padding-top:.55rem}
.hero-video .play{position:absolute;inset:0;margin:auto;width:3.6rem;height:3.6rem;opacity:0;pointer-events:none;transition:opacity 300ms 300ms;display:grid;place-items:center;background:var(--face);color:var(--dark);border:3px solid var(--dark);border-radius:50%;font-size:1.2rem;padding:0 0 0 .2rem;cursor:pointer}
.hero-video.is-out{cursor:auto}.hero-video.is-out .play{opacity:1;pointer-events:auto}.hero-video.is-playing .play{display:none}
.hero-media{cursor:default}
/* produto no centro do leque */
.hero-media{margin:0;position:relative;isolation:isolate;z-index:2;background:var(--face);color:var(--dark);border:3px solid var(--dark);border-radius:20px;padding:.7rem .7rem 3.2rem;box-shadow:var(--sh);transform:rotate(var(--r));animation:float 5s ease-in-out infinite}
@keyframes float{0%,100%{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(var(--r)) translateY(-12px)}}
.hero-media img{border:3px solid var(--dark);border-radius:12px;background:#000}
.hero-caption{position:absolute;left:1rem;right:1rem;bottom:.95rem;font-family:var(--mono);font-weight:700;font-size:.85rem;line-height:normal;letter-spacing:.06em;border-top:2px dashed var(--mid);padding-top:.55rem;white-space:nowrap}
/* Estoque baixo (landing.ts): pulso suave só no ícone, sem mexer no tamanho da legenda. */
.stock-warn{display:inline-block;animation:warn-pulse 1.6s ease-in-out infinite}
@keyframes warn-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.75}}
@media(prefers-reduced-motion:reduce){.stock-warn{animation:none}}
.hero-media::after{content:"";position:absolute;left:8%;right:8%;bottom:-2.4rem;height:1.4rem;border-radius:50%;background:radial-gradient(rgba(0,0,0,.6),transparent 70%);z-index:-4}
.sticker{position:absolute;z-index:2;right:-1rem;top:-1rem;width:3.4rem;height:3.4rem;display:grid;place-items:center;background:var(--dark);color:var(--face);border:3px solid var(--face);border-radius:50%;font-family:var(--display);font-size:1.5rem;line-height:1;animation:bob 1.8s ease-in-out infinite}
.hero-video .sticker{right:-.9rem;top:-.9rem;width:3.8rem;height:3.8rem;transition:opacity 250ms}
.hero-video.is-out .sticker{opacity:0}
.sticker::before{content:"";display:block;margin-left:.22rem;border-left:1rem solid currentColor;border-top:.65rem solid transparent;border-bottom:.65rem solid transparent}
@keyframes bob{50%{transform:translateY(7px)}}
.hero-buy{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}
.hero-price{margin:0;font-family:var(--display);font-size:clamp(1.75rem,5vw,2.3rem);line-height:1;background:var(--face);color:var(--dark);border-radius:12px;padding:.14em .45em;box-shadow:3px 4px 0 var(--slate)}
.hero-price[data-placeholder="true"]{font-family:var(--mono);font-size:.95rem;color:#55595f;padding:.5rem .9rem;box-shadow:none}
@media(min-width:1024px){
 .hero{padding-block:3.5rem 1.5rem}
 .hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"hook hook" "media buy";column-gap:6rem;row-gap:4.5rem;justify-items:center}
 .hero-hook{grid-area:hook}
 .hero-title{font-size:clamp(5rem,11.5vw,10.5rem)}
 .hero-cards{grid-area:media;width:40rem;justify-self:end}
 .hero-buy{grid-area:buy;justify-self:start;align-self:center;margin:0}
}

/* garantias: tres cartas em fileira que viram ao rolar */
.drops{max-width:var(--max);margin-inline:auto;padding:4rem 1rem 3rem;display:grid;gap:1.2rem;perspective:1400px}
.drops::before{content:"";display:block;width:4px;height:3rem;margin:0 auto;background:repeating-linear-gradient(var(--mid) 0 9px,transparent 9px 18px)}
.drop-block{position:relative;background:var(--face);color:var(--dark);border:3px solid var(--dark);border-radius:var(--rc);box-shadow:var(--sh)}
.drop-block:nth-child(3){background:var(--dark);color:var(--face);border-color:var(--mid)}
html.js .drop-block[data-reveal]{opacity:0;transform:rotateY(90deg) translateY(20px);transform-origin:50% 50%;transition:opacity 300ms ease-out,transform 750ms var(--ease)}
html.js .drop-block[data-reveal].is-in{opacity:1;transform:none}
html.js .drop-block[data-reveal].is-in:nth-child(3){transition-delay:120ms}html.js .drop-block[data-reveal].is-in:nth-child(4){transition-delay:240ms}
.drop-block-inner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.3rem 1rem;padding:1.3rem 1.2rem}
.drop-index{grid-row:span 2;font-family:var(--display);font-size:clamp(3rem,15vw,4.4rem);line-height:1;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px currentColor}
.drop-title{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,7.6vw,2.4rem);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}
.drop-desc{margin:0;font-family:var(--mono);font-weight:700;font-size:.82rem;line-height:1.5}
@media(min-width:900px){
 .drops{grid-template-columns:repeat(2,1fr);gap:2rem;padding-inline:4rem}
 .drops::before{grid-column:1/-1;margin-bottom:1.6rem}
 .drop-block{min-height:22rem;display:flex}
 .drop-block-inner{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:1.6rem;width:100%}
 .drop-index{grid-row:auto;font-size:5.6rem}
 .drop-title{font-size:clamp(1.8rem,2.7vw,2.6rem)}
 .drop-desc{font-size:.9rem}
 .drop-block-inner::after{content:"";align-self:flex-end;width:2rem;height:2rem;border-radius:50%;border:3px solid currentColor;opacity:.5}
}
@media(min-width:1200px){
 .drops{grid-template-columns:repeat(4,1fr);gap:1.4rem;padding-inline:2.5rem}
 .drop-block{min-height:20rem}
 .drop-title{font-size:clamp(1.6rem,2.1vw,2.2rem)}
}
@media(hover:hover) and (pointer:fine){.drop-block{transition:opacity 300ms,transform 350ms var(--ease),box-shadow 300ms}html.js .drop-block.is-in:hover{transform:translateY(-14px) rotate(-1.5deg);transition-delay:0s}}

.facts{padding-block:2.5rem 3rem;counter-reset:f}
.facts-grid{display:grid;gap:1.4rem}
@media(min-width:700px){.facts-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.facts-grid{grid-template-columns:repeat(4,1fr)}}
.fact-card{counter-increment:f;position:relative;background:var(--face);color:var(--dark);border:3px solid var(--dark);border-radius:var(--rc);padding:2.8rem 1.3rem 2.8rem;box-shadow:var(--sh);min-height:12rem}
.fact-card::before,.fact-card::after{content:counter(f,decimal-leading-zero) " \2660";position:absolute;font-family:var(--mono);font-weight:700;font-size:.95rem;line-height:1;color:var(--slate)}
.fact-card::before{left:1rem;top:.9rem}
.fact-card::after{right:1rem;bottom:.9rem;transform:rotate(180deg)}
.fact-card:nth-child(even){background:var(--face2)}
.fact-card h3{margin:0 0 .5rem;font-family:var(--display);font-weight:400;font-size:1.2rem;line-height:1.1;text-transform:uppercase}
.fact-card p{margin:0;font-family:var(--mono);font-weight:700;font-size:.8rem;line-height:1.55}
html.js .fact-card[data-reveal]{transform:translateY(34px)}
@media(hover:hover) and (pointer:fine){html.js .fact-card.is-in{transition:transform 300ms var(--ease)}html.js .fact-card.is-in:hover{transform:translateY(-8px)}}
.section-alt{background:var(--face);color:var(--dark);border-radius:var(--rc);box-shadow:var(--sh);width:calc(100% - 2rem);max-width:70rem;margin:1rem auto;padding-block:2.5rem;text-align:center}
.section-heading{margin:0 0 .75rem;font-family:var(--display);font-weight:400;font-size:1.8rem;text-transform:uppercase}
.section-lead{margin:0 auto;max-width:30rem;font-weight:600}

.closer{padding-block:2.5rem 4.5rem}
.closer-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--face);color:var(--dark);border:3px solid var(--dark);border-radius:26px;padding:2.6rem 1.4rem;width:calc(100% - 2.6rem);margin-inline:auto;box-shadow:12px 12px 0 -2px var(--mid),24px 24px 0 -5px var(--slate),0 40px 40px -20px #000}
@media(min-width:640px){.closer-inner{padding:4rem 3.5rem;max-width:66rem}}
.draw-line{width:100%;max-width:10rem;height:8px;border-radius:8px;background:var(--dark);margin-bottom:1.2rem;transform-origin:center}
.closer-title{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,13.5vw,9rem);line-height:.92;letter-spacing:-.04em}
.closer-price{margin:1rem 0 1.6rem;font-family:var(--display);font-size:clamp(1.6rem,4.5vw,2.1rem);line-height:1;background:var(--dark);color:var(--face);border-radius:12px;padding:.2em .4em}
.closer-price[data-placeholder="true"]{font-family:var(--mono);font-size:.95rem;font-weight:700}

.btn{min-height:2.75rem;padding:.65rem 1.3rem;background:var(--face);color:var(--dark);border:2px solid var(--dark);border-radius:12px;box-shadow:0 3px 0 var(--slate);font-family:var(--mono);font-weight:700;font-size:.85rem;letter-spacing:.06em;transition:transform 150ms var(--ease),box-shadow 150ms var(--ease),background-color 150ms var(--ease)}
.btn:active{box-shadow:0 1px 0 var(--slate)}
@media(hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--slate)}}
/* CTA "Comprar agora": verde-limão, único acento de cor da página. */
.btn[data-slot="cta"]{background:var(--lime);color:var(--dark);border-color:var(--dark);box-shadow:0 3px 0 var(--lime-deep)}
.btn[data-slot="cta"]:active{box-shadow:0 1px 0 var(--lime-deep)}
@media(hover:hover) and (pointer:fine){.btn[data-slot="cta"]:hover{background:var(--lime-hi);box-shadow:0 5px 0 var(--lime-deep)}}
.btn[data-slot="cta"]:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.site-header .btn[data-slot="cta"]{box-shadow:none;border-radius:9px}
@media(hover:hover) and (pointer:fine){.site-header .btn[data-slot="cta"]:hover{transform:none;box-shadow:none}}
.btn[aria-disabled="true"]{background:var(--face2);color:#55595f;border-color:#55595f;box-shadow:none;pointer-events:none}
.btn-compact{min-height:2.25rem;padding:.35rem .85rem;font-size:.72rem}
.btn-large{padding:.8rem 1.7rem;font-size:.95rem}
.site-footer{padding-block:2.5rem;color:var(--dim);font-family:var(--mono);font-weight:700;font-size:.8rem}

/* mobile: espacamentos enxutos */
@media(max-width:639px){
 .marquee{margin-top:.9rem}
 .hero{padding-block:1.4rem .5rem}
 .hero-grid{gap:.6rem}
 .hero-eyebrow{margin-bottom:.7rem}
 .bb-hook{margin-bottom:.7rem;padding-block:.45rem}
 .hero-title{margin-bottom:.6rem}
 /* "+ CDK" e "+ SOUL GUITAR" lado a lado: o tamanho acompanha a largura da tela para os dois caberem numa linha (320–639px) */
 .hero-title-alt{font-size:min(.8em,6.7vw)}
 .hero-cards{padding-block:2.2rem 1.6rem}
 .hero-video{top:2.2rem;bottom:1.6rem}
 .hero-buy{gap:.7rem;margin-top:0}
 .drops{padding:1.6rem 1rem 1.4rem;gap:.8rem}
 .drops::before{height:1.4rem}
 .drop-block-inner{padding:.9rem 1rem}
 .facts{padding-block:1.4rem 1.6rem}
 .facts-grid{gap:.8rem}
 .fact-card{min-height:0;padding:2.1rem 1.1rem 2.1rem}
 .fact-card::before{top:.7rem}.fact-card::after{bottom:.7rem}
 .closer{padding-block:1rem 2.2rem}
 .closer-inner{padding:1.8rem 1.2rem}
 .site-footer{padding-top:1.4rem}
}

/* Feedbacks (carrossel de prints reais) */
.feedbacks{padding-block:3rem .4rem}
.feedbacks-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.feedbacks-title{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2rem,9vw,4.2rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:var(--ink)}
.fb-carousel{position:relative;max-width:var(--max);margin:.4rem auto 0}
/* Topo: folga para o card subir no hover (-8px) e para a sombra; base: sombra dos cards (--sh). */
.fb-track{list-style:none;margin:0;padding:1.4rem 1.5rem 1.9rem;display:flex;gap:1.1rem;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.fb-track::-webkit-scrollbar{display:none}
.fb-track:focus-visible{outline:2px solid var(--lime);outline-offset:-2px;border-radius:var(--rc)}
.fb-card{flex:0 0 min(54vw,11.5rem)}
.fb-card figure{margin:0;background:var(--face);border:3px solid var(--dark);border-radius:var(--rc);padding:.6rem .6rem .2rem;box-shadow:var(--sh);transform:rotate(-1.6deg);transition:transform 300ms var(--ease)}
.fb-card:nth-child(even) figure{transform:rotate(1.4deg);background:var(--face2)}
.fb-card picture{display:block}
.fb-card img{display:block;width:100%;height:auto;max-height:15.5rem;object-fit:cover;object-position:top;border:2px solid var(--dark);border-radius:10px;background:#0b141a}
.fb-card figcaption{padding:.4rem .2rem .35rem;font-family:var(--mono);font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dark);text-align:center;border-top:2px dashed var(--mid);margin-top:.55rem}
@media(hover:hover) and (pointer:fine){.fb-card figure:hover{transform:rotate(0) translateY(-8px)}}
@media(min-width:700px){
  .fb-card{flex-basis:12rem}
}
.fb-note{margin:0 auto;text-align:center;color:var(--faint);font-family:var(--mono);font-weight:700;font-size:.7rem}
@media(prefers-reduced-motion:reduce){.fb-track{scroll-behavior:auto}}
/* Cartinha de feedback destacada: para e cresce no lugar (como a carta do vídeo) */
.fb-card{position:relative;cursor:zoom-in;outline:none}
.fb-card figure:focus{outline:none}.fb-card figure:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.fb-card figure{transition:transform 650ms cubic-bezier(.34,1.45,.55,1),box-shadow 400ms var(--ease)}
.fb-card.is-active{z-index:3;cursor:auto}
.fb-card.is-active figure{transform:translateY(-14px) scale(1.14) rotate(0deg);box-shadow:0 34px 50px -22px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.4);animation:fb-pop 650ms var(--ease)}
.fb-card.is-active:nth-child(even) figure{transform:translateY(-14px) scale(1.14) rotate(0deg)}
@keyframes fb-pop{0%{filter:brightness(1)}35%{filter:brightness(1.08)}100%{filter:brightness(1)}}
@media(hover:hover) and (pointer:fine){.fb-card.is-active figure:hover{transform:translateY(-14px) scale(1.14) rotate(0deg)}}
/* Arte principal do produto (substitui a imagem "CONTAS ALEATÓRIAS") */
.product-art{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:9% 8%;border:3px solid var(--dark);border-radius:12px;color:var(--face);overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(200,245,96,.18),transparent 45%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/14px 14px,linear-gradient(160deg,#2a2d33,#111215 70%)}
.pa-kicker{font-family:var(--mono);font-weight:700;font-size:clamp(.7rem,2.6vw,.95rem);letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
.pa-title{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,10.5vw,3.6rem);line-height:.88;letter-spacing:-.03em;text-transform:uppercase;color:var(--face)}
.pa-items{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.pa-items li{font-family:var(--display);font-size:clamp(.78rem,3vw,1.05rem);line-height:1;text-transform:uppercase;background:var(--lime);color:var(--dark);border:2px solid var(--dark);border-radius:8px;padding:.32em .5em .36em}
.pa-extra{margin-top:.15rem;font-family:var(--mono);font-weight:700;font-size:clamp(.62rem,2.2vw,.78rem);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}

/* Card do vídeo: play + "VER EM 30S", abre a VSL em modal */
.hero-video{cursor:pointer}
.hero-video:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.hv-label{position:absolute;z-index:3;right:-.7rem;top:3.6rem;white-space:nowrap;background:var(--lime);color:var(--dark);border:2px solid var(--dark);border-radius:999px;padding:.32rem .8rem;font-family:var(--mono);font-weight:700;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 3px 0 var(--lime-deep)}
@media(hover:hover) and (pointer:fine){.hero-video:hover .hv-label{transform:translateY(-2px)}}

/* Modais (VSL e login) */
.bb-modal{width:min(92vw,34rem);max-height:92vh;margin:auto;padding:1.4rem 1.2rem 1.3rem;background:var(--face);color:var(--dark);border:3px solid var(--dark);border-radius:var(--rc);box-shadow:0 40px 70px -24px rgba(0,0,0,.95);overflow:auto}
.bb-modal::backdrop{background:rgba(10,11,13,.72)}
.bb-modal[open]{animation:bb-modal-in 260ms var(--ease)}
.bb-modal[open]::backdrop{animation:bb-fade-in 260ms ease}
.bb-modal.is-closing{animation:bb-modal-out 180ms ease forwards}
.bb-modal.is-closing::backdrop{animation:bb-fade-out 180ms ease forwards}
@keyframes bb-modal-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes bb-modal-out{to{opacity:0;transform:translateY(10px) scale(.97)}}
@keyframes bb-fade-in{from{opacity:0}}
@keyframes bb-fade-out{to{opacity:0}}
.bb-modal-close{position:absolute;top:.55rem;right:.55rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border:2px solid var(--dark);border-radius:50%;background:var(--face);color:var(--dark);font:700 1.5rem/1 var(--sans);cursor:pointer}
.bb-modal-close:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.bb-modal-video{width:min(94vw,46rem);padding-top:3.4rem}
.bb-modal-video video{display:block;width:100%;max-height:68vh;background:#000;border:3px solid var(--dark);border-radius:12px}
.bb-modal-cta{display:flex;width:100%;margin-top:1rem}
.bb-modal-title{margin:0 2.6rem .8rem 0;font-family:var(--display);font-weight:400;font-size:1.7rem;line-height:1;text-transform:uppercase}
.bb-modal-text{margin:0 0 1rem;font-family:var(--mono);font-weight:700;font-size:.85rem;line-height:1.55}
.bb-modal-login .btn{display:flex;width:100%;gap:.6rem}
.bb-google-g{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#fff;color:var(--dark);border:2px solid var(--dark);font:800 .85rem var(--sans)}
/* VSL: barra com X separada do vídeo; CTA em uma linha que entra após 5s */
.bb-modal-video{padding-top:.9rem}
.bb-modal-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}
.bb-modal-bar .bb-modal-close{position:static}
.bb-modal-tag{font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:var(--dark);color:var(--face);border-radius:999px;padding:.35rem .8rem}
.bb-modal-cta-slot{margin-top:1rem;min-height:3.4rem}
.bb-modal-cta{display:flex;width:100%;justify-content:space-between;align-items:center;gap:.8rem;margin:0;min-height:3.4rem;padding:.55rem .6rem .55rem 1.1rem;font-size:clamp(.82rem,3.6vw,1rem);white-space:nowrap;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity 350ms var(--ease),transform 450ms cubic-bezier(.34,1.45,.55,1)}
.bb-modal-video.cta-in .bb-modal-cta{opacity:1;transform:none;pointer-events:auto}
.bb-cta-price{background:var(--dark);color:var(--lime);border-radius:9px;padding:.42rem .7rem;font-family:var(--display);font-weight:400;font-size:1.05em;letter-spacing:.02em}

/* VSL vertical (9:16): o modal abraça o vídeo — altura limitada à tela visível
   (dvh, com vh de reserva), largura derivada da proporção; X e CTA sempre à vista.
   Cerca de 6% menor (86% da altura e 84% da largura, antes 92% e 94%) e cabeçalho compacto. */
.bb-modal-video{--vsl-h:min(calc(86vh - 9.4rem),calc((84vw - 1.2rem - 12px)*16/9 + 6px),1280px);width:fit-content;min-width:0;max-width:84vw;max-height:86vh;padding:.6rem .6rem .75rem;overflow:hidden}
@supports(height:100dvh){.bb-modal-video{--vsl-h:min(calc(86dvh - 9.4rem),calc((84vw - 1.2rem - 12px)*16/9 + 6px),1280px);max-height:86dvh}}
.bb-modal-video .bb-modal-bar{margin-bottom:.45rem}
.bb-modal-video .bb-modal-tag{padding:.28rem .7rem}
.bb-modal-video .bb-modal-close{width:2.15rem;height:2.15rem;font-size:1.35rem}
.bb-modal-video video{height:var(--vsl-h);width:auto;max-width:100%;max-height:none;aspect-ratio:auto 9/16;object-fit:contain;margin-inline:auto}
.bb-modal-video .bb-modal-cta-slot{margin-top:.6rem}