@font-face{font-family:"League Spartan";src:url(../fonts/league-spartan.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Montserrat";src:url(../fonts/montserrat.woff2) format("woff2");font-weight:400 600;font-display:swap}

:root{
  --ink:#0A0D0A;--ink2:#121612;--lime:#C8FF32;--off:#F4F0E7;--grey:#919791;
  --line:rgba(244,240,231,.12);--line-lime:rgba(200,255,50,.2);--line-lime2:rgba(200,255,50,.6);
  --title:"League Spartan",sans-serif;--body:"Montserrat",sans-serif;
  --pad:120px;--gut:40px;
  --ease-out:cubic-bezier(0.23,1,0.32,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--off);font-family:var(--body);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
s{text-decoration-thickness:2px}
h2 s{color:var(--grey)}
em{font-style:normal;color:var(--lime)}
h1,h2,h3,h4{font-family:var(--title);font-weight:500}
[id]{scroll-margin-top:24px}

.wrap{width:min(1202px,100% - var(--gut)*2);margin-inline:auto}
.center-col{display:flex;flex-direction:column;align-items:center}
.sec{position:relative;padding-block:var(--pad);overflow:hidden}
.sec>.wrap{position:relative}
.sec-alt{background:var(--ink2)}
.glow{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(200,255,50,.09),rgba(200,255,50,0))}
.glow-l{width:1100px;height:1100px;left:-450px;top:150px}
.glow-r{width:1000px;height:1000px;right:-300px;top:-300px}
.glow-r2{width:1100px;height:1100px;right:-300px;top:100px}

h2{font-size:clamp(40px,4.2vw,56px);line-height:1.0715}
.h-sm{font-size:40px;line-height:43px}
.h-xl{font-size:clamp(52px,5.4vw,72px);line-height:1.0834}
.h-c{text-align:center;max-width:800px}
.h-900{max-width:900px}
.sub{font-size:20px;color:var(--grey)}
.claro{color:var(--off)!important}
.pend{color:var(--grey);font-size:14px}
.link{font-family:var(--title);font-weight:500;font-size:20px;color:var(--lime);line-height:1.5}
.link:hover{text-decoration:underline}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 24px;border-radius:24px;background:var(--lime);color:var(--ink);font-family:var(--title);font-weight:500;font-size:18px;line-height:22px;letter-spacing:.1em;white-space:nowrap;transition:transform .16s var(--ease-out),box-shadow .2s ease}
.btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(200,255,50,.35)}
  .btn-dark:hover{box-shadow:0 8px 24px rgba(10,13,10,.3)}
}
.btn-dark{background:var(--ink);color:var(--lime)}
.card{background:var(--ink2);border:1px solid var(--line);border-radius:24px}

/* Hero */
.hero{position:relative;height:750px;overflow:hidden;display:flex;flex-direction:column;background:var(--ink)}
.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.header{position:relative;height:80px;border-bottom:.5px solid rgba(190,190,190,.6);flex:none}
.header-in{height:100%;display:flex;align-items:center;justify-content:space-between}
.logo img,.rod-l img{width:110px;margin-inline:5.5px}
.menu{display:flex;gap:36.7px;font-family:var(--title);font-weight:300;font-size:16px;line-height:1}
.menu a:hover{color:var(--lime)}
.hero-in{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:80px 0 116px}
.hero-main{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.hero-text{max-width:480px}
.eyebrow{font-size:12px;line-height:15px;margin-bottom:22px}
h1{font-size:48px;line-height:44px;margin-bottom:8px}
.hero-sub{font-family:var(--title);font-size:24px;line-height:29px;color:var(--grey);max-width:440px}
.hero-offer{display:none}
.hero-note{font-size:12px;line-height:15px;max-width:272px}
.hero-apoio{font-size:12px;line-height:14px;max-width:311px;opacity:.65}

/* 02 */
.mov{display:grid;grid-template-columns:minmax(0,600fr) minmax(0,506fr);gap:96px;align-items:center}
.mov-text{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.corpo{display:flex;flex-direction:column;gap:18px;max-width:560px;color:var(--grey)}
.mov-foto{position:relative}
.mov-foto::before{content:"";position:absolute;inset:-10% -15%;background:radial-gradient(closest-side,rgba(200,255,50,.28),rgba(200,255,50,0));pointer-events:none}
.mov-foto img{position:relative;width:100%;aspect-ratio:506/600;object-fit:cover;border-radius:24px;border:1px solid var(--line-lime2)}

/* 03 */
.dor .wrap{display:flex;flex-direction:column;gap:64px}
.dor-top{display:grid;grid-template-columns:minmax(0,440fr) minmax(0,666fr);gap:96px}
.dor-text{display:flex;flex-direction:column;gap:20px;color:var(--grey)}
.lead{font-family:var(--title);font-size:24px;line-height:1.25;color:var(--off)}
.lead-m{font-weight:500}
.nao-e{font-family:var(--title);font-weight:500;font-size:96px;line-height:104px;color:var(--lime);text-align:center}
.dados{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card-dado{background:var(--ink);border-color:var(--line-lime);padding:36px;display:flex;flex-direction:column;gap:12px}
.num{font-family:var(--title);font-weight:500;font-size:88px;line-height:95px;color:var(--lime)}
.fonte{font-size:13px;color:var(--grey)}
.fecho{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:var(--grey)}
.fecho>p{max-width:760px}
.fecho .fecho-t{font-family:var(--title);font-weight:500;font-size:36px;line-height:39px;color:var(--off);max-width:900px}

/* take away */
.takeaway{background:var(--lime);color:var(--ink);padding-block:48px;text-align:center;font-family:var(--title);font-weight:500;font-size:32px;line-height:35px}

/* 04 */
.motivos .center-col{gap:64px}
.grid-motivos{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.motivo{grid-column:span 2;padding:32px;display:flex;flex-direction:column;gap:14px}
.m-lg{grid-column:span 3}
.idx{font-family:var(--title);font-weight:500;color:var(--lime);line-height:1.08}
.motivo .idx{font-size:32px;line-height:35px}
.motivo h3{font-size:24px;line-height:28px}
.motivo>p:last-child,.momento>p:last-child{color:var(--grey);font-size:16px}
.teste{width:100%;display:flex;flex-direction:column;gap:32px}
.teste-t{font-size:40px;line-height:43px}
.colunas{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.colunas .card{padding:36px;display:flex;flex-direction:column;gap:16px}
.card-sim{border-color:var(--line-lime2)!important}
.card-sim h4{color:var(--lime)}
.card-nao{background:var(--ink);border-color:rgba(145,151,145,.3)}
.colunas h4{font-size:26px;line-height:1.5}
.lista{display:flex;flex-direction:column;gap:16px;font-size:16px;line-height:24px}
.lista li{position:relative;padding-left:27px;min-height:27px}
.lista li::before{content:"✓";position:absolute;left:0;top:0;font-family:var(--title);font-weight:500;font-size:18px;color:var(--lime)}
.lista-nao li{color:var(--grey);padding-left:22px}
.lista-nao li::before{content:"×";color:var(--grey)}

/* 05 */
.enc{display:grid;grid-template-columns:minmax(0,440fr) minmax(0,666fr);gap:96px}
.enc-t{display:flex;flex-direction:column;gap:24px}
.data{font-family:var(--title);font-weight:500;font-size:128px;line-height:1;color:var(--lime)}
.info>div{display:grid;grid-template-columns:190px 1fr;gap:24px;padding-block:20px;border-bottom:1px solid var(--line)}
.info dt{font-size:16px;line-height:24px;color:var(--grey)}
.info dd{font-size:18px;line-height:27px}
.info dd.pend{color:var(--grey);font-size:18px}

/* 06 */
#programacao .wrap{display:flex;flex-direction:column;gap:64px}
.prog-top{display:grid;grid-template-columns:minmax(0,660fr) minmax(0,446fr);gap:96px;align-items:center}
.prog-t{display:flex;flex-direction:column;gap:20px}
.prog-top img{width:100%;aspect-ratio:446/330;object-fit:cover;border-radius:24px}
.momentos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.momento{padding:28px 27px;display:flex;flex-direction:column;gap:14px}
.momento .idx{font-size:56px;line-height:60px}
.momento h3{font-size:22px;line-height:25px}
.momento>p:last-child{font-size:15px;line-height:23px}
.card-lime{border-color:var(--line-lime2)}
.pausa{background:var(--lime);color:var(--ink);border-radius:24px;padding:48px;display:grid;grid-template-columns:minmax(0,500fr) minmax(0,542fr);gap:64px;align-items:center}
.pausa-t{display:flex;flex-direction:column;gap:8px}
.pausa-k{font-family:var(--title);font-weight:500}
.pausa h3{font-size:40px;line-height:43px}
.pausa-c{display:flex;flex-direction:column;gap:12px;font-size:16px}
.med{font-weight:500}

/* 07 */
.quem .center-col{gap:64px}
.fundadores{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fund{background:var(--ink);overflow:hidden;display:flex;flex-direction:column}
.fund img{width:100%;aspect-ratio:587/420;object-fit:cover}
.fund-t{padding:28px 30px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.fund-t h3{font-size:32px;line-height:35px}
.fala{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.fala-t{font-family:var(--title);font-size:32px;line-height:38px;max-width:900px}
.assin{font-family:var(--title);font-weight:500;font-size:20px;color:var(--lime)}

/* 08 */
.video-sec .center-col{gap:40px}
.video-t{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.video{position:relative;width:min(1000px,100%);aspect-ratio:1000/562;border-radius:24px;border:1px solid var(--line-lime2);overflow:hidden}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video::after{content:"";position:absolute;inset:0;background:rgba(10,13,10,.55)}
.play{position:absolute;z-index:1;left:50%;top:41.5%;width:96px;height:96px;border-radius:50%;background:var(--lime);transform:translate(-50%,-50%);display:grid;place-items:center}
.play svg{margin-left:4px}
.video p{position:absolute;z-index:1;left:0;right:0;top:62%;text-align:center;font-size:14px}

/* 09 */
.ingresso .center-col{gap:64px}
.oferta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lote{border-color:var(--line-lime2);box-shadow:0 0 60px rgba(200,255,50,.08);padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.lote-n{font-family:var(--title);font-weight:500;font-size:24px;color:var(--lime)}
.lote-de{font-family:var(--title);font-weight:500;font-size:40px;line-height:1;color:var(--grey)}
.lote-por{font-family:var(--title);font-weight:500;font-size:112px;line-height:1}
.lote-dt{color:var(--grey)}
.mini{font-size:13px;line-height:20px;color:var(--grey)}
.lote .link{font-size:18px}
.oferta-col{display:flex;flex-direction:column;gap:24px}
.prox{background:transparent;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.prox-n{font-family:var(--title);font-weight:500;font-size:22px}
.prox-dt{font-size:15px;line-height:23px;color:var(--grey)}
.prox-p{font-family:var(--title);font-weight:500;font-size:48px;line-height:52px;color:var(--grey);white-space:nowrap}
.inclui{flex:1;padding:32px;display:flex;flex-direction:column;gap:16px}
.inclui .lista{font-size:18px;line-height:27px}

/* 10 */
.faq .center-col{gap:56px}
.faq-list{width:min(860px,100%)}
.faq details{border-bottom:1px solid var(--line);padding-block:22px}
.faq summary{position:relative;display:block;list-style:none;cursor:pointer;padding-inline:48px;text-align:center;font-family:var(--title);font-weight:500;font-size:22px;line-height:26px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-weight:400;font-size:28px;color:var(--lime)}
.faq details[open] summary{color:var(--lime)}
.faq details[open] summary::after{content:"−"}
.faq details p{max-width:720px;margin:10px auto 0;text-align:center;font-size:16px;color:var(--grey)}

/* 11 */
.cta{background:var(--lime);color:var(--ink);padding-block:var(--pad)}
.cta-in{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.cta-k{font-family:var(--title);font-weight:500;font-size:20px}
.cta h2{font-size:clamp(46px,5.4vw,72px);line-height:1.0834}
.cta-p{max-width:480px}
.cta-t{font-family:var(--title);font-weight:500;font-size:40px;line-height:43px}
.cta-d{font-weight:500;font-size:16px}

/* 12 */
.rodape{padding-block:40px;font-size:13px;color:var(--grey)}
.rodape .wrap{display:flex;flex-direction:column;align-items:center;gap:20px}
.rod-l{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.rod-f{font-family:var(--title);font-weight:500;font-size:18px;color:var(--lime)}
.rod-c a:hover{color:var(--off)}
.rod-d a{color:var(--lime)}

@media (max-width:1150px){
  :root{--pad:96px}
  .mov,.dor-top,.enc,.prog-top{gap:48px}
  .momentos{grid-template-columns:1fr 1fr}
  .rod-l{flex-direction:column;text-align:center;gap:12px}
}

/* Mobile */
@media (max-width:900px){
  :root{--pad:64px;--gut:24px}
  body{font-size:16px}
  h2{font-size:32px;line-height:35px}
  .h-sm{font-size:28px;line-height:30px}
  .h-xl{font-size:38px;line-height:41px}
  .sub{font-size:17px;line-height:26px}
  .pend{font-size:13px;line-height:20px}
  .link{font-size:17px}
  .btn{width:100%;padding:14px 24px}
  .glow{display:none}

  .hero{height:auto}
  .hero-bg img{height:932px;bottom:auto;object-position:top}
  .header{border-bottom:0}
  .menu{display:none}
  .hero-in{padding:320px 0 48px;gap:24px}
  .hero-main{gap:24px;width:100%}
  .hero-text{max-width:none}
  .eyebrow{line-height:17px;margin-bottom:12px}
  h1{font-size:40px;line-height:37px;margin-bottom:12px}
  .hero-sub{font-size:18px;line-height:22px;max-width:none}
  .hero-offer{display:flex;flex-direction:column;gap:6px}
  .hero-lote{font-weight:500;color:var(--lime);line-height:20px}
  .hero-price{height:44px;display:flex;align-items:baseline;gap:12px;font-family:var(--title);font-weight:500;font-size:24px;line-height:44px;color:var(--grey)}
  .hero-price strong{font-weight:500;font-size:48px;color:var(--off)}
  .hero-note{font-size:15px;line-height:21px;max-width:none}
  .hero-note-d{display:none}
  .hero-apoio{font-size:14px;line-height:20px;max-width:none;opacity:.7}

  .mov{grid-template-columns:1fr;gap:32px}
  .mov-foto{order:-1}
  .mov-foto::before{display:none}
  .mov-foto img{aspect-ratio:382/420}

  .dor .wrap{gap:40px}
  .dor-top{grid-template-columns:1fr;gap:32px}
  .lead{font-size:20px;line-height:25px}
  .nao-e{font-size:56px;line-height:60px}
  .dados{grid-template-columns:1fr}
  .card-dado{padding:24px}
  .num{font-size:64px;line-height:69px}
  .fonte{font-size:12px}
  .fecho .fecho-t{font-size:26px;line-height:28px}

  .takeaway{padding-block:64px;font-size:22px;line-height:24px}

  .motivos .center-col,.quem .center-col,.ingresso .center-col{gap:40px}
  .grid-motivos{grid-template-columns:1fr}
  .motivo,.m-lg{grid-column:auto;padding:24px}
  .motivo .idx{font-size:22px;line-height:24px}
  .motivo h3{font-size:20px;line-height:23px}
  .motivo>p:last-child,.momento>p:last-child{font-size:15px;line-height:23px}
  .teste-t{font-size:28px;line-height:30px}
  .colunas{grid-template-columns:1fr}
  .colunas .card{padding:24px}
  .colunas h4{font-size:22px}
  .lista{font-size:15px;line-height:23px}
  .lista li::before{font-size:16px}
  .lista li{padding-left:26px;min-height:0}
  .lista-nao li{padding-left:21px}

  .enc{grid-template-columns:1fr;gap:32px}
  .data{font-size:80px}
  .info>div{grid-template-columns:1fr;gap:6px}
  .info dt{font-size:15px;line-height:23px}
  .info dd,.info dd.pend{font-size:16px;line-height:24px}

  #programacao .wrap{gap:40px}
  .prog-top{grid-template-columns:1fr;gap:32px}
  .prog-top img{aspect-ratio:382/280}
  .momentos{grid-template-columns:1fr}
  .momento{padding:24px}
  .momento .idx{font-size:32px;line-height:35px}
  .momento h3{font-size:18px;line-height:21px}
  .pausa{grid-template-columns:1fr;padding:24px;gap:32px}
  .pausa-k{font-size:16px}
  .pausa h3{font-size:28px;line-height:30px}
  .pausa-c{font-size:15px;line-height:23px}

  .fundadores{grid-template-columns:1fr}
  .fund img{aspect-ratio:380/320}
  .fund-t{padding:24px}
  .fund-t h3{font-size:22px;line-height:24px}
  .fala-t{font-size:22px;line-height:26px}
  .assin{font-size:17px}

  .video{aspect-ratio:382/215}
  .play{width:64px;height:64px;top:39%}
  .play svg{width:17px;height:19px;margin-left:3px}
  .video p{font-size:11px;top:65%}

  .h-ing{font-size:27px;line-height:29px}
  .oferta{grid-template-columns:1fr}
  .lote{padding:24px}
  .lote-n{font-size:20px}
  .lote-de{font-size:28px}
  .lote-por{font-size:72px}
  .lote-dt{font-size:16px}
  .mini{font-size:12px;line-height:18px}
  .lote .link{font-size:16px}
  .prox{padding:24px}
  .prox-n{font-size:18px;margin-bottom:2px}
  .prox-p{font-size:32px;line-height:35px}
  .inclui{padding:24px}
  .inclui .lista{font-size:16px;line-height:24px}

  .faq .center-col{gap:32px}
  .faq summary{padding-inline:28px;font-size:18px;line-height:22px}
  .faq summary::after{font-size:22px}
  .faq details p{font-size:15px;line-height:23px}

  .cta-k{font-size:17px}
  .cta h2{font-size:38px;line-height:41px}
  .cta-p{font-size:16px}
  .cta-t{font-size:28px;line-height:30px}
  .cta-d{font-size:15px;line-height:23px}

  .rodape{padding-block:64px;font-size:12px;text-align:center}
  .rod-l{flex-direction:column;gap:0}
  .rod-l img{margin:2.5px 5.5px}
  .rod-f{font-size:16px}
}

/* Cookies */
.cookies{position:fixed;z-index:50;left:24px;right:24px;bottom:24px;max-width:640px;margin-inline:auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink2);border:1px solid var(--line);border-radius:24px;font-size:13px;line-height:18px;color:var(--grey);box-shadow:0 12px 40px rgba(0,0,0,.45);animation:sobe .3s var(--ease-out) both}
.cookies a{color:var(--off);text-decoration:underline}
.cookies-bt{display:flex;gap:8px;flex:none}
.cookies button{padding:8px 18px;border-radius:24px;border:1px solid var(--line);background:transparent;color:var(--off);font-family:var(--title);font-weight:500;font-size:15px;line-height:18px;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.cookies button:focus-visible,.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.cookies button:hover{background:var(--off);color:var(--ink)}}
@media (max-width:600px){
  .cookies{left:12px;right:12px;bottom:12px;flex-direction:column;align-items:stretch;gap:12px}
  .cookies-bt button{flex:1}
}

/* Páginas internas */
.sub-header{height:80px;display:flex;align-items:center;border-bottom:.5px solid rgba(190,190,190,.6)}
.sub-header .wrap{max-width:760px}
.sub-header img{width:110px}
.legal{padding-block:64px 96px;color:var(--grey);font-size:16px}
.legal .wrap{max-width:760px}
.legal h1{font-size:48px;line-height:1.1;color:var(--off)}
.legal-d{margin:12px 0 40px;font-size:14px}
.legal h2{margin:32px 0 10px;font-size:24px;line-height:1.2;color:var(--off)}
.legal p+p{margin-top:12px}
.legal a{color:var(--lime);text-decoration:underline}
.legal-bt{background:none;border:0;padding:0;cursor:pointer;font-size:18px}
.legal-v{margin-top:48px}
.status{min-height:calc(100vh - 80px);display:grid;place-items:center;padding-block:64px;text-align:center}
.status section{display:flex;flex-direction:column;align-items:center;gap:20px}
.status section[hidden]{display:none}
.status h1{font-size:clamp(36px,5vw,56px);line-height:1.07;margin:0;max-width:760px}
.status p{max-width:520px;color:var(--grey)}

/* Efeitos */
@keyframes desce{from{opacity:0;transform:translateY(-16px)}}
@keyframes sobe{from{opacity:0;transform:translateY(20px)}}
@keyframes fade{from{opacity:0}}
.header{animation:desce .6s var(--ease-out) both}
.hero-text>*,.hero-offer,.hero-main>.btn,.hero-main>.hero-note,.hero-apoio{animation:sobe .7s var(--ease-out) both}
.hero-text>:nth-child(2){animation-delay:70ms}
.hero-text>:nth-child(3){animation-delay:140ms}
.hero-offer{animation-delay:210ms}
.hero-main>.btn{animation-delay:280ms}
.hero-main>.hero-note{animation-delay:350ms}
.hero-apoio{animation-delay:420ms}
.js .reveal{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--d,0ms)}
.js .rv-desce{transform:translateY(-16px)}
.js .rv-sobe{transform:translateY(20px)}
.js .reveal.in{opacity:1;transform:none}
.faq details[open]>p{animation:fade .25s ease-out}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .header,.hero-text>*,.hero-offer,.hero-main>.btn,.hero-main>.hero-note,.hero-apoio,.cookies{animation:fade .2s ease-out both;animation-delay:0ms}
  .js .reveal{transform:none;transition-duration:.2s;transition-delay:0ms}
  .btn,.btn:hover,.btn:active{transform:none}
}
