:root{--preto:#000;--grafite:#141512;--grafite-2:#1E201B;--linha:rgba(255,255,255,.12);--limao:#9BFC0B;--limao-escuro:#6FB800;--branco:#fff;--cinza:#A3A69C;--erro:#ff6b6b;--display:"Archivo","Arial Narrow",sans-serif;--texto:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px;overflow-x:clip}
body{margin:0;background:#000;color:#fff;font:400 16.5px/1.55 var(--texto);overflow-x:clip;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--limao);outline-offset:3px}
[hidden]{display:none!important}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.disp{font-family:var(--display);font-weight:900;font-style:italic;font-stretch:74%;text-transform:uppercase;line-height:.9;letter-spacing:-.01em}
.verde{color:var(--limao)}
.pincel{display:inline-block;background:var(--limao);color:#000;padding:.06em .32em .1em;clip-path:polygon(1% 12%,8% 2%,30% 8%,60% 0,92% 6%,100% 22%,98% 78%,92% 96%,64% 90%,34% 100%,6% 92%,0 70%)}

/* topo */
.topo{position:sticky;top:0;z-index:30;background:rgba(0,0,0,.92);border-bottom:1px solid var(--linha);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca img{width:36px;height:36px;border-radius:50%}
.marca b{font:900 italic 20px/1 var(--display);font-stretch:80%;white-space:nowrap}
.marca b span{color:var(--limao)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--limao);color:#000;font-weight:800;font-size:16px;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px -10px rgba(155,252,11,.7)}
.btn[disabled]{opacity:.5;cursor:default;transform:none;box-shadow:none}
.btn-pq{min-height:42px;padding:0 18px;font-size:14.5px}
.btn-lin{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1.5px solid var(--linha);background:none;font-weight:700;text-decoration:none}
.btn-lin:hover{border-color:var(--limao);color:var(--limao)}
.btn svg,.btn-lin svg{width:20px;height:20px}

/* abertura */
.abre{position:relative;min-height:min(88svh,760px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.abre-foto{position:absolute;inset:0;z-index:-2}
.abre-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;animation:zoom 18s ease-out both}
@keyframes zoom{from{transform:scale(1.12)}to{transform:scale(1)}}
.abre::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000 4%,rgba(0,0,0,.82) 32%,rgba(0,0,0,.25) 66%,rgba(0,0,0,.5) 100%)}
.abre .wrap{padding:120px 0 46px}
.selo-ano{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--limao);background:rgba(0,0,0,.55);border:1px solid rgba(155,252,11,.5);padding:7px 12px;border-radius:999px}
.selo-ano i{width:8px;height:8px;border-radius:50%;background:var(--limao);animation:ponto 1.6s ease-out infinite}
@keyframes ponto{0%{box-shadow:0 0 0 0 rgba(155,252,11,.7)}100%{box-shadow:0 0 0 10px rgba(155,252,11,0)}}
.abre h1{font-size:clamp(64px,13vw,150px);margin:16px 0 10px}
.abre h1 span{display:block}
.abre .lema{font:800 italic clamp(18px,2.4vw,26px)/1.2 var(--display);font-stretch:82%;text-transform:uppercase}
.infos{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}
.infos span{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.6);border:1px solid var(--linha);padding:9px 14px;border-radius:999px;font-weight:700;font-size:14.5px}
.infos svg{width:18px;height:18px;color:var(--limao)}
.abre .acoes{display:flex;flex-wrap:wrap;gap:10px}

/* lote */
.sec{padding:clamp(56px,8vw,96px) 0}
.sec+.sec{border-top:1px solid var(--linha)}
.titulo{font-size:clamp(40px,6vw,72px);margin-bottom:12px}
.sub{color:var(--cinza);max-width:560px}
.lote{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(18px,3vw,36px);align-items:stretch}
.lote-card{position:relative;border-radius:30px;padding:clamp(24px,3.4vw,40px);background:radial-gradient(80% 90% at 100% 0%,rgba(155,252,11,.22),transparent 60%),var(--grafite);border:1.5px solid rgba(155,252,11,.5);overflow:hidden}
.lote-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--g,0deg),transparent 0 65%,var(--limao) 82%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gira 5s linear infinite;pointer-events:none}
@property --g{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes gira{to{--g:360deg}}
.lote-nome{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.lote-nome .pincel{font:900 italic 26px/1 var(--display);font-stretch:76%;text-transform:uppercase}
.prorrogado{font:900 italic 15px/1 var(--display);font-stretch:80%;text-transform:uppercase;color:#000;background:#ffd23f;padding:7px 11px;border-radius:999px;animation:pisca 1.2s steps(2,jump-none) infinite}
@keyframes pisca{50%{opacity:.55}}
.preco{display:flex;align-items:flex-start;gap:6px;margin:16px 0 4px;font-family:var(--display);font-weight:900;font-style:italic;font-stretch:76%;line-height:.85}
.preco small{font-size:26px;margin-top:10px;color:var(--limao)}
.preco b{font-size:clamp(90px,14vw,140px)}
.preco em{font-size:34px;font-style:italic;margin-top:12px}
.lote-msg{color:#d6d8d0;font-weight:600}
.cron{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0 6px}
.cron div{background:#000;border:1px solid var(--linha);border-radius:16px;padding:12px 6px 10px;text-align:center}
.cron b{display:block;font:900 italic clamp(34px,5vw,46px)/1 var(--display);font-stretch:78%;font-variant-numeric:tabular-nums}
.cron span{font-size:12px;font-weight:700;color:var(--cinza);text-transform:uppercase;letter-spacing:.8px}
.cron-rot{font-size:14px;color:var(--cinza);font-weight:600}
.lote-card .btn{margin-top:22px;width:100%}
.escada{display:grid;gap:10px;align-content:start}
.degrau{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:var(--grafite);border:1px solid var(--linha)}
.degrau .n{font:900 italic 22px/1 var(--display);font-stretch:78%;text-transform:uppercase;background:var(--grafite-2);padding:9px 12px;border-radius:12px}
.degrau .v{font:900 italic 34px/1 var(--display);font-stretch:78%;justify-self:end}
.degrau .q{font-size:13.5px;color:var(--cinza);font-weight:600}
.degrau.atual{border-color:var(--limao);background:linear-gradient(90deg,rgba(155,252,11,.14),var(--grafite) 60%)}
.degrau.atual .n{background:var(--limao);color:#000}
.degrau.atual .v{color:var(--limao)}
.degrau.passou{opacity:.4}
.degrau.passou .v{text-decoration:line-through;text-decoration-thickness:3px}
.frase-melhor{display:flex;align-items:center;gap:14px;margin-top:8px;padding:16px 18px;border-radius:20px;border:1px dashed rgba(155,252,11,.45)}
.frase-melhor svg{width:44px;height:44px;color:var(--limao);flex:none}
.frase-melhor b{font:900 italic 26px/1 var(--display);font-stretch:78%;text-transform:uppercase}
.frase-melhor b span{color:var(--limao)}

/* o que tem */
.tem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.tem div{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;background:var(--grafite);border:1px solid var(--linha)}
.tem svg{width:40px;height:40px;color:var(--limao);flex:none}
.tem b{font:900 italic 21px/1.05 var(--display);font-stretch:80%;text-transform:uppercase}
.galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.galeria img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;border:1px solid var(--linha)}
.cores{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:22px;padding:22px 24px;border-radius:24px;background:var(--grafite);border:1px solid var(--linha)}
.cores h3{font:900 italic 30px/1 var(--display);font-stretch:78%;text-transform:uppercase}
.cores p{color:var(--cinza);margin-top:6px}
.bolinhas{display:flex;gap:10px}
.bolinhas i{width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.25)}

/* formulário */
.form-caixa{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);align-items:start}
.form{display:grid;gap:14px;padding:clamp(20px,3vw,32px);border-radius:28px;background:var(--grafite);border:1px solid var(--linha)}
.campo{display:grid;gap:6px}
.campo label{font-weight:700;font-size:14px}
.campo input{height:54px;border-radius:14px;border:1.5px solid var(--linha);background:#0a0b09;padding:0 16px;font-size:17px;color:#fff;width:100%;min-width:0}
.campo input:focus{outline:none;border-color:var(--limao);box-shadow:0 0 0 4px rgba(155,252,11,.18)}
.campo.ruim input{border-color:var(--erro)}
.campo small{color:var(--erro);font-weight:600;min-height:0}
.aceite{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#d6d8d0}
.aceite input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--limao);flex:none}
.aceite.ruim{color:var(--erro)}
.termos{font-size:13.5px;color:var(--cinza);border:1px solid var(--linha);border-radius:14px;padding:10px 14px}
.termos summary{cursor:pointer;font-weight:700;color:#d6d8d0}
.termos p{margin-top:8px}
.form .btn{width:100%;min-height:58px;font-size:17px}
.form-erro{padding:12px 14px;border-radius:14px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.5);color:#ffd2d2;font-weight:600}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.passos{display:grid;gap:10px;margin-top:22px}
.passos div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.passos b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(155,252,11,.14);color:var(--limao);font:900 italic 20px/1 var(--display)}
.passos span{color:#d6d8d0}
.passos strong{display:block;color:#fff}
.fechado{padding:26px;border-radius:24px;border:1.5px dashed rgba(155,252,11,.5);text-align:center;display:grid;gap:12px;justify-items:center}

/* perguntas */
.faq{display:grid;gap:10px;margin-top:24px;max-width:820px}
.faq details{border:1px solid var(--linha);border-radius:18px;background:var(--grafite);padding:4px 18px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-weight:700;font-size:16.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--limao);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{color:var(--cinza);padding:0 0 16px}

.rod{border-top:1px solid var(--linha);padding:30px 0 calc(30px + env(safe-area-inset-bottom,0px));color:var(--cinza);font-size:14.5px}
.rod .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
.rod a{text-decoration:none;font-weight:700}.rod a:hover{color:var(--limao)}

/* tela do pix */
.pix-pg{min-height:calc(100svh - 62px);padding:28px 0 60px;background:radial-gradient(60% 50% at 50% 0%,rgba(155,252,11,.14),transparent 70%)}
.pix{width:min(520px,100% - 32px);margin:0 auto;display:grid;gap:16px}
.pix-cab{text-align:center;display:grid;gap:6px}
.pix-cab small{color:var(--limao);font-weight:800;letter-spacing:1.2px;text-transform:uppercase;font-size:12.5px}
.pix-cab h1{font-size:clamp(38px,9vw,54px)}
.pix-cab p{color:var(--cinza)}
.pix-card{border-radius:28px;background:var(--grafite);border:1px solid var(--linha);padding:22px;display:grid;gap:16px}
.valor{text-align:center}
.valor span{display:block;font-size:13.5px;color:var(--cinza);font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.valor b{font:900 italic clamp(56px,14vw,76px)/1 var(--display);font-stretch:76%;color:var(--limao)}
.valor small{display:block;color:var(--cinza);font-size:13px;margin-top:4px}
.qr{justify-self:center;background:#fff;padding:0;border-radius:20px;width:min(280px,100%);overflow:hidden}
.qr svg,.qr img{display:block;width:100%;height:auto}
.codigo{font:500 12.5px/1.45 ui-monospace,Consolas,monospace;color:#cfd2c8;background:#0a0b09;border:1px solid var(--linha);border-radius:14px;padding:12px;word-break:break-all;max-height:96px;overflow:auto}
.pix-card .btn{width:100%}
.recebedor{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--cinza);border-top:1px solid var(--linha);padding-top:12px}
.recebedor b{color:#fff}
.como{display:grid;gap:8px;font-size:14.5px;color:#d6d8d0;counter-reset:p;margin:0;padding:0;list-style:none}
.como li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.como li::before{counter-increment:p;content:counter(p);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(155,252,11,.14);color:var(--limao);font-weight:800;font-size:13px}
.status{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;font-weight:700}
.status svg{width:26px;height:26px;flex:none}
.status.pendente{background:rgba(255,210,63,.1);border:1px solid rgba(255,210,63,.45);color:#ffe59a}
.status.aguardando{background:rgba(110,180,255,.1);border:1px solid rgba(110,180,255,.45);color:#cfe4ff}
.status.pago{background:rgba(155,252,11,.12);border:1px solid rgba(155,252,11,.55);color:var(--limao)}
.status.cancelado{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.5);color:#ffd2d2}
.envio{display:grid;gap:10px}
.envio label.btn-lin{width:100%;cursor:pointer}
.envio input{display:none}
.envio .ok{color:var(--limao);font-weight:700;font-size:14.5px;text-align:center}
.aviso{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:50;background:#1a1d16;border:1px solid rgba(155,252,11,.5);padding:11px 18px;border-radius:999px;font-weight:700;pointer-events:none;transition:opacity .25s,transform .25s;max-width:calc(100% - 32px)}
.aviso.ve{opacity:1;transform:translate(-50%,0)}
.festa{text-align:center;display:grid;gap:12px;justify-items:center}
.festa .ico{width:84px;height:84px;border-radius:50%;background:var(--limao);color:#000;display:grid;place-items:center;animation:pula .7s cubic-bezier(.3,1.6,.5,1)}
.festa .ico svg{width:44px;height:44px}
@keyframes pula{from{transform:scale(.3)}to{transform:scale(1)}}

@media (max-width:860px){
  .lote,.form-caixa{grid-template-columns:minmax(0,1fr)}
  .tem{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tem div{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
  .tem b{font-size:18px}
  .galeria{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cores{grid-template-columns:minmax(0,1fr)}
  .abre .acoes .btn{flex:1 1 100%}
  .topo .btn-pq{display:none}
}
@media (max-width:380px){.cron b{font-size:30px}.degrau .v{font-size:28px}.preco b{font-size:84px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---------- v2: mais impacto ---------- */
.abre h1{font-size:clamp(76px,15vw,176px);text-shadow:0 10px 40px rgba(0,0,0,.6)}
.abre h1 span:first-child{color:transparent;-webkit-text-stroke:2px #fff}
.abre h1 span.verde{position:relative;display:inline-block}
.abre h1 span.verde::after{content:"";position:absolute;left:2%;right:-2%;bottom:-.06em;height:.12em;background:var(--limao);transform:skewX(-14deg);border-radius:4px;opacity:.9}
.std{display:inline-grid;margin:0 12px 14px 0;background:var(--limao);color:#000;padding:10px 16px 9px;transform:rotate(-3deg);clip-path:polygon(2% 10%,28% 2%,66% 7%,98% 0,100% 45%,97% 92%,62% 100%,26% 94%,0 100%,1% 50%);font:900 italic 15px/1 var(--display);font-stretch:80%;text-transform:uppercase;vertical-align:middle;animation:stdEntra .8s cubic-bezier(.2,1.4,.4,1) both .2s}
.std b{font-size:30px;line-height:.95}
@keyframes stdEntra{from{transform:rotate(-14deg) scale(.4);opacity:0}}
.abre h1,.abre .lema,.infos,.abre .acoes{animation:sobe .8s cubic-bezier(.2,.8,.2,1) both}
.abre .lema{animation-delay:.12s}.infos{animation-delay:.22s}.abre .acoes{animation-delay:.32s}
@keyframes sobe{from{transform:translateY(30px);opacity:0}}
.abre .acoes .btn{min-height:58px;font-size:17px;animation:cycPulsaBtn 2.2s ease-out infinite 1.2s}
@keyframes cycPulsaBtn{0%{box-shadow:0 0 0 0 rgba(155,252,11,.55)}80%,100%{box-shadow:0 0 0 16px rgba(155,252,11,0)}}
.fita{background:var(--limao);color:#000;transform:rotate(-1.8deg);margin:-14px -20px 0;position:relative;z-index:3;overflow:hidden;box-shadow:0 14px 40px -12px rgba(155,252,11,.7)}
.fita div{display:flex;width:max-content;animation:fita 24s linear infinite}
.fita span{font:900 italic 24px/1 var(--display);font-stretch:78%;text-transform:uppercase;padding:14px 0;display:flex;align-items:center;white-space:nowrap}
.fita span::after{content:"";width:10px;height:10px;border-radius:50%;background:#000;margin:0 24px}
@keyframes fita{to{transform:translateX(-50%)}}
#lote{background:radial-gradient(60% 70% at 15% 30%,rgba(155,252,11,.13),transparent 70%)}
.lote-card{box-shadow:0 40px 100px -40px rgba(155,252,11,.5)}
.preco b{text-shadow:0 0 40px rgba(155,252,11,.35)}
.cron b{color:var(--limao)}
.tem div{transition:transform .3s,border-color .3s}
.tem div:hover{transform:translateY(-4px);border-color:rgba(155,252,11,.5)}
.galeria img{transition:transform .4s}
.galeria img:nth-child(odd){transform:rotate(-1.5deg)}.galeria img:nth-child(even){transform:rotate(1.5deg) translateY(10px)}
.galeria img:hover{transform:rotate(0) scale(1.03)}
#inscricao{background:radial-gradient(70% 60% at 80% 40%,rgba(155,252,11,.12),transparent 70%)}
.form{border:1.5px solid rgba(155,252,11,.45);box-shadow:0 30px 80px -40px rgba(155,252,11,.45)}
.barra-cta{display:none}
@media (max-width:860px){
  .barra-cta{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(10,11,9,.94);border:1.5px solid var(--limao);text-decoration:none;box-shadow:0 14px 40px rgba(0,0,0,.6);transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .barra-cta.ve{transform:none}
  .barra-cta small{display:block;font-size:11.5px;font-weight:800;color:var(--limao);text-transform:uppercase;letter-spacing:.6px}
  .barra-cta b{font:900 italic 26px/1 var(--display);font-stretch:78%}
  .barra-cta .btn{min-height:46px;padding:0 20px;font-size:15px}
  .std b{font-size:24px}
  .fita span{font-size:19px;padding:12px 0}
  .rod{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:860px){.degrau{grid-template-columns:auto minmax(0,1fr);row-gap:8px}.degrau .q{grid-column:1/-1;grid-row:2}.degrau .v{font-size:30px}}
/* v3: página de obrigado */
.btn-escuro{background:#000;color:var(--limao);border:1.5px solid var(--limao)}
.obrigado{gap:16px}
.passo-ok{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;text-align:left;padding:16px;border-radius:20px;background:#0a0b09;border:1px solid var(--linha)}
.passo-ok>b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--limao);color:#000;font:900 italic 20px/1 var(--display)}
.passo-ok strong{display:block;font-size:17px}
.passo-ok span{display:block;color:var(--cinza);font-size:14.5px;margin:2px 0 12px}
.passo-ok .btn{width:100%}
.rever{width:100%;text-align:left;border-top:1px solid var(--linha);padding-top:12px}
.rever summary{cursor:pointer;font-weight:700;color:var(--cinza);font-size:14.5px}
.rever .qr{margin:14px auto}
.rever .btn-lin{width:100%;margin-top:10px}
.ja-txt{color:#d6d8d0;font-size:14.5px;text-align:center}
.pix-cab h1{line-height:.92}
@media (max-width:380px){.pix-cab h1{font-size:34px}.valor b{font-size:52px}.passo-ok{padding:14px;grid-template-columns:34px minmax(0,1fr)}.passo-ok>b{width:34px;height:34px}}
@media (min-width:861px){.pix{width:min(560px,100% - 32px)}}