@font-face{font-family:Montserrat;src:url(../fonts/montserrat.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(../fonts/inter.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--f:#060807;--f2:#0D110F;--t:#F2F4EF;--m:#98A19C;--v:#19C463;--vc:#6FF0A2;--fd:Montserrat,system-ui,sans-serif;--fb:Inter,system-ui,sans-serif;--lado:clamp(20px,5vw,80px);--suave:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{background:var(--f);color:var(--t);font:400 17px/1.55 var(--fb);overflow-x:clip;-webkit-font-smoothing:antialiased}
body.carregando{overflow:hidden}
a{color:inherit}
img,svg,video{display:block;max-width:100%}
h1,h2,h3{font-family:var(--fd);font-weight:800;letter-spacing:-.04em;line-height:.95;text-transform:uppercase}
.fino{font-weight:200;letter-spacing:-.045em}
em{font-style:normal;color:var(--v)}
::selection{background:var(--v);color:var(--f)}
:focus-visible{outline:3px solid var(--vc);outline-offset:4px;border-radius:8px}
.eye{display:flex;align-items:center;gap:12px;font:600 12px var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--vc)}
.eye i{width:34px;height:1px;background:currentColor}
.nota{font-size:13px;color:var(--m);max-width:48ch}
h2,.tit{font-size:clamp(40px,7.400vw,112px)}
h2 b{font-weight:800}
.lin-m{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}

.bt{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 22px;border-radius:99px;font:700 14.500px var(--fd);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:background .3s,box-shadow .3s,color .3s}
.bt svg{width:19px;height:19px;flex:none}
.bt-v{background:var(--v);color:#03120A}
.bt-v:hover{background:var(--vc)}
.bt-l{box-shadow:inset 0 0 0 1.500px rgba(242,244,239,.34);color:var(--t);backdrop-filter:blur(8px);background:rgba(6,8,7,.25)}
.bt-l:hover{box-shadow:inset 0 0 0 1.500px var(--c,var(--v));color:var(--c,var(--vc))}
.bt.gd{height:60px;padding:0 30px;font-size:16px}

.logo{display:inline-flex;flex-direction:column;align-items:flex-end;text-decoration:none;font-family:var(--fd);line-height:.86;color:var(--t)}
.logo .l1{display:flex;align-items:center;font-weight:300;font-size:25px;letter-spacing:.02em}
.logo .l1 svg{width:22px;height:22px;color:var(--v);margin-left:1px}
.logo .l2{font-weight:800;font-size:15.500px;margin-top:3px}

/* ===== ignição ===== */
.ign{position:fixed;inset:0;z-index:100;background:#020303;overflow:hidden;--mx:50%;--my:50%;--r:0px;}
/* a abertura só recorta a tela de carregamento na hora de revelar o site (antes disso o painel cobre tudo) */
.ign.abrindo{-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my),transparent calc(var(--r) - 120px),#000 var(--r));mask-image:radial-gradient(circle at var(--mx) var(--my),transparent calc(var(--r) - 120px),#000 var(--r))}
/* nada do site aparece por baixo enquanto a ignição roda */
body.carregando .topo,body.carregando main,body.carregando .pe,body.carregando .prog{visibility:hidden}
.ign-c{position:absolute;left:var(--lado);right:var(--lado);top:22px;display:flex;justify-content:space-between;font:600 11px var(--fd);letter-spacing:.24em;text-transform:uppercase;color:var(--m)}
.ign-c span:last-child{color:var(--vc)}
.painel{position:absolute;left:50%;top:46%;width:min(78vw,56vh,460px);aspect-ratio:1;margin:calc(min(78vw,56vh,460px)/-2) 0 0 calc(min(78vw,56vh,460px)/-2)}
.painel svg{width:100%;height:100%;overflow:visible}
.painel line{stroke:var(--t);stroke-width:3;stroke-linecap:round;opacity:.12}
.painel line.g{stroke-width:4.500}
.painel line.on{opacity:1}
.painel line.pt{stroke:var(--v);opacity:1;filter:drop-shadow(0 0 6px var(--v))}
.painel .lente{fill:#0A0D0C}
.painel .aro{fill:none;stroke:#DDE9E2;stroke-width:5;opacity:0}
.painel .drl{fill:none;stroke:#F4FFFA;stroke-width:9;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 10px rgba(180,255,220,.9))}
.ign-n{position:absolute;left:0;right:0;top:calc(46% + min(78vw,56vh,460px)/2 + 6px);text-align:center;display:grid;gap:4px}
.ign-n b{font:200 clamp(54px,14vw,92px)/.9 var(--fd);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.ign-n span{font:600 11px var(--fd);letter-spacing:.24em;text-transform:uppercase;color:var(--m)}
.ign-pular{position:absolute;right:var(--lado);top:58px;z-index:2;height:36px;padding:0 16px;border-radius:99px;border:1px solid rgba(242,244,239,.3);background:rgba(6,8,7,.5);color:var(--t);font:600 12.500px var(--fd);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ign-f{position:absolute;left:0;right:0;bottom:64px;text-align:center;height:22px;overflow:hidden;font:600 13.500px var(--fd);letter-spacing:.02em;color:var(--t)}
.ign-f span{display:block}

.prog{position:fixed;z-index:60;left:0;right:0;top:0;height:3px;pointer-events:none}
.prog i{display:block;height:100%;background:var(--v);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 14px var(--v)}

/* ===== topo ===== */
.topo{position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--lado)}
.topo::before{content:"";position:absolute;inset:0 0 -30px;background:linear-gradient(rgba(6,8,7,.85),rgba(6,8,7,0));pointer-events:none;z-index:-1}
.topo nav{display:none;gap:34px;font:600 13.500px var(--fd);letter-spacing:.04em;text-transform:uppercase}
.topo nav a{text-decoration:none;opacity:.75;position:relative;padding:6px 0;transition:opacity .3s}
.topo nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.500px;background:var(--v);transition:right .4s var(--suave)}
.topo nav a:hover{opacity:1}.topo nav a:hover::after{right:0}
@media(min-width:900px){.topo nav{display:flex}}
@media(max-width:480px){.topo .bt span{display:none}.topo .bt{width:46px;padding:0}}

/* ===== abertura ===== */
.hero{position:relative;height:100svh;min-height:620px;display:grid;align-content:end;padding:0 var(--lado) clamp(118px,17vh,150px)}
.hero-m{position:absolute;inset:0;overflow:hidden;will-change:clip-path}
.hero-m img,.hero-m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%}
.hero-m video{opacity:0;transition:opacity 1.2s}
.hero-m video.on{opacity:1}
.hero-g{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,7,.78),rgba(6,8,7,.25) 55%,rgba(6,8,7,0)),linear-gradient(0deg,rgba(6,8,7,.95),rgba(6,8,7,0) 46%)}
.hero-t{position:relative;z-index:2;max-width:980px}
h1{font-size:clamp(58px,11.400vw,184px);line-height:.84;margin:18px 0 0 -.045em}
h1 span{display:block;white-space:nowrap}
h1 .forte{font-weight:800}
.hero .sub{font-size:clamp(16px,1.500vw,20px);color:#D5DBD6;max-width:36ch;margin-top:22px}
.acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero-n{position:absolute;z-index:2;left:var(--lado);right:var(--lado);bottom:24px;list-style:none;padding:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid rgba(242,244,239,.2);font-size:12.500px;line-height:1.3;color:#C2C9C4}
.hero-n b{display:flex;align-items:baseline;gap:4px;font:800 clamp(26px,4vw,50px)/1 var(--fd);letter-spacing:-.045em;color:var(--t);margin-bottom:6px;font-variant-numeric:tabular-nums}
.hero-n small{font:600 .42em var(--fd);letter-spacing:0;color:var(--vc)}
@media(max-width:760px){
  .eye .so-pc{display:none}
  .hero-m img,.hero-m video{object-position:50% 50%}
  .hero-g{background:linear-gradient(0deg,rgba(6,8,7,.97),rgba(6,8,7,.5) 46%,rgba(6,8,7,.05) 74%)}
  .acoes .bt.gd{height:52px;padding:0 20px;font-size:14.500px}
  .hero .sub{margin-top:14px}.acoes{margin-top:18px}
}

/* ===== manifesto ===== */
.man{padding:clamp(90px,15vw,220px) var(--lado)}
.man-t{font:300 clamp(28px,5.200vw,78px)/1.1 var(--fd);letter-spacing:-.035em;max-width:20ch;max-width:1300px}
.man-t b{font-weight:800;color:var(--v)}
.man-t .pl{opacity:.13}

/* ===== showroom ===== */
.show{position:relative;padding-top:clamp(20px,4vw,50px);overflow:hidden}
.show-c{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 var(--lado)}
.show-c h2{margin-top:16px}
.show-p{display:none;align-items:center;gap:14px;font:700 14px var(--fd);font-variant-numeric:tabular-nums;padding-bottom:14px}
.show-p span{display:block;width:150px;height:2px;background:rgba(242,244,239,.16)}
.show-p i{display:block;height:100%;background:var(--v);transform-origin:0 50%;transform:scaleX(.166)}
.show-p em{color:var(--m);font-weight:600}
.md{position:relative;display:grid;padding:60px var(--lado) 30px;isolation:isolate}
.md-bg{position:absolute;z-index:-1;left:-2vw;top:20px;font:800 clamp(110px,34vw,460px)/.8 var(--fd);letter-spacing:-.06em;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1.500px color-mix(in srgb,var(--c) 70%,transparent);opacity:.7;pointer-events:none}
.md-f{position:relative;margin:0 calc(var(--lado)*-.6)}
.md-f::before{content:"";position:absolute;left:10%;right:10%;top:22%;bottom:6%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 34%,transparent),transparent);filter:blur(30px);z-index:-1}
.md-f img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 52%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 52%,#000 58%,transparent 100%)}
.md-k{display:flex;align-items:center;gap:12px;font:600 12px var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--c);filter:brightness(1.35)}
.md-k i{font-style:normal;color:var(--t);opacity:.5}
.md h3{font-size:clamp(54px,11vw,128px);margin:10px 0 22px;white-space:nowrap}
.md-s{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-bottom:28px;max-width:520px}
.md-s li{padding:13px 0;border-top:1px solid rgba(242,244,239,.14);font-size:13px;color:var(--m);line-height:1.3}
.md-s b{display:block;font:700 18px var(--fd);letter-spacing:-.02em;color:var(--t);margin-bottom:2px}
.show-o{padding:10px var(--lado) 0;font-size:12.500px;color:var(--m);max-width:70ch}
@media(min-width:900px){
  .show-p{display:flex}
  .pista{display:flex;width:max-content;will-change:transform}
  .md{flex:0 0 100vw;height:calc(100svh - 190px);min-height:520px;grid-template-columns:1.25fr .85fr;align-items:center;gap:2vw;padding:0 var(--lado)}
  .md-bg{left:4vw;top:50%;translate:0 -54%;font-size:min(40vh,26vw)}
  .md-f{margin:0 0 0 -4vw}
  .md-f img{aspect-ratio:auto;max-height:calc(100svh - 230px);object-fit:contain;scale:1.22}
  .md h3{font-size:clamp(60px,6.800vw,120px)}
}

/* ===== faixa ===== */
.faixa{position:relative;margin:clamp(70px,10vw,140px) 0 0;padding:20px 0;border-block:1px solid rgba(242,244,239,.12);overflow:hidden}
.faixa-i{display:flex;align-items:center;gap:34px;width:max-content;font:800 clamp(30px,6vw,84px)/1 var(--fd);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;will-change:transform}
.faixa-i .o{color:transparent;-webkit-text-stroke:1.500px var(--v)}
.faixa-i i{width:.34em;height:.34em;border-radius:50%;background:var(--v);flex:none}

/* ===== economia ===== */
.eco{padding:clamp(90px,13vw,190px) var(--lado) 0;display:grid;gap:50px}
.tit{margin:18px 0 40px}
.rg{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font:600 16px var(--fd);margin-bottom:18px}
.rg output{font:800 34px var(--fd);letter-spacing:-.04em;color:var(--v);white-space:nowrap}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:36px;background:none;cursor:pointer;--p:20%}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--v) var(--p),rgba(242,244,239,.18) var(--p))}
input[type=range]::-moz-range-track{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--v) var(--p),rgba(242,244,239,.18) var(--p))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-13px;border-radius:50%;background:var(--f);border:3px solid var(--v);box-shadow:0 0 0 7px rgba(25,196,99,.16),0 0 24px rgba(25,196,99,.7)}
input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--f);border:3px solid var(--v)}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 18px}
.dois label{font-size:13px;color:var(--m);display:grid;gap:8px}
.cp{display:flex;align-items:baseline;gap:6px;border-bottom:1px solid rgba(242,244,239,.24);padding:4px 0 10px;transition:border-color .3s}
.cp:focus-within{border-color:var(--v)}
.cp i{font-style:normal;color:var(--m);font-size:14px}
.cp input{width:100%;min-width:0;background:none;border:0;outline:0;color:var(--t);font:700 26px var(--fd);letter-spacing:-.03em;-moz-appearance:textfield}
.cp input::-webkit-outer-spin-button,.cp input::-webkit-inner-spin-button{-webkit-appearance:none}
.placar{position:relative;isolation:isolate;padding:clamp(34px,5vw,60px) clamp(26px,4vw,56px);background:var(--f2);border-radius:44px 90px 40px 96px/80px 44px 92px 46px;overflow:hidden;align-self:center}
.placar .orb{position:absolute;z-index:-1;right:-22%;top:-34%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(25,196,99,.5),transparent);filter:blur(10px)}
.placar small{font:600 12px var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--vc)}
.placar strong{display:block;font:800 clamp(64px,13vw,150px)/.95 var(--fd);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:10px 0 6px}
.placar .ano{color:#C7CEC9;margin-bottom:34px}.placar .ano b{color:var(--t)}
.lin{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:14px;margin-top:14px;font-size:13.500px;color:var(--m)}
.lin b{font:700 17px var(--fd);letter-spacing:-.02em;color:var(--t);font-variant-numeric:tabular-nums;min-width:74px;text-align:right}
.lin .bar{height:6px;border-radius:99px;background:rgba(242,244,239,.08);overflow:hidden}
.lin .bar i{display:block;height:100%;border-radius:99px;background:#7C857F;transform-origin:0 50%;transform:scaleX(0)}
.lin.el .bar i{background:var(--v)}.lin.el b{color:var(--v)}
@media(min-width:960px){.eco{grid-template-columns:1fr 1fr;gap:6vw}}

/* ===== loja ===== */
.loja{padding:clamp(100px,14vw,210px) var(--lado) 0;display:grid;gap:60px}
.loja-f{position:relative;height:clamp(440px,112vw,760px)}
.loja-f figure{position:absolute;margin:0;overflow:hidden}
.loja-f img{width:100%;height:118%;object-fit:cover}
.loja-f .f1{left:0;top:0;width:62%;height:74%;border-radius:46% 54% 42% 58%/38% 44% 56% 62%}
.loja-f .f2{right:0;top:22%;width:48%;height:58%;border-radius:58% 42% 60% 40%/44% 60% 40% 56%;box-shadow:0 0 0 10px var(--f)}
.loja-f .f3{left:16%;bottom:0;width:40%;height:38%;border-radius:50%;box-shadow:0 0 0 10px var(--f)}
.loja .sub{color:#C7CEC9;max-width:46ch;margin:-14px 0 34px}
.cuida{list-style:none;padding:0;border-bottom:1px solid rgba(242,244,239,.14)}
.cuida li{display:grid;grid-template-columns:44px 1fr;align-items:baseline;gap:2px 8px;padding:18px 0;border-top:1px solid rgba(242,244,239,.14);transition:padding .5s var(--suave),color .3s}
.cuida i{font:600 12px var(--fd);font-style:normal;color:var(--vc);letter-spacing:.1em}
.cuida b{font:700 clamp(21px,2.600vw,34px)/1.1 var(--fd);letter-spacing:-.03em}
.cuida span{grid-column:2;font-size:14px;color:var(--m)}
@media(hover:hover){.cuida li:hover{padding-left:18px;color:var(--vc)}}
@media(min-width:960px){.loja{grid-template-columns:.9fr 1fr;gap:7vw;align-items:center}.loja-f{height:min(86vh,780px)}.cuida li{grid-template-columns:54px 1fr auto}.cuida span{grid-column:3}}

/* ===== pagamento ===== */
.pag{padding:clamp(100px,13vw,190px) var(--lado) 0}
.pag-l{display:grid;gap:22px;margin:26px 0 26px}
.op{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 16px;font-family:var(--fd)}
.op b{grid-row:span 2;font:800 clamp(96px,19vw,270px)/.8 var(--fd);letter-spacing:-.07em}
.op b small{font-size:.38em;color:var(--v);letter-spacing:0}
.op span{font:300 clamp(20px,3vw,44px)/1 var(--fd);letter-spacing:-.03em;text-transform:uppercase}
.op em{font:800 clamp(20px,3vw,44px)/1.05 var(--fd);letter-spacing:-.03em;text-transform:uppercase}
.ou{font:600 13px var(--fd);letter-spacing:.24em;text-transform:uppercase;color:var(--m)}
@media(min-width:1000px){.pag-l{grid-template-columns:1fr auto 1fr;align-items:end;gap:3vw}.op b{font-size:clamp(120px,15vw,250px)}.ou{padding-bottom:20px}}

/* ===== contato ===== */
.fim{position:relative;margin-top:clamp(100px,13vw,190px);padding:clamp(110px,16vw,220px) var(--lado) clamp(60px,8vw,100px);overflow:hidden;isolation:isolate}
.fim-m{position:absolute;inset:0;z-index:-1}
.fim-m img{width:100%;height:120%;object-fit:cover;object-position:70% 50%;opacity:.6}
.fim-m::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--f),rgba(6,8,7,.3) 34%,rgba(6,8,7,.6) 70%,var(--f))}
.fim h2{font-size:clamp(44px,11.400vw,184px);line-height:.84;margin-left:-.045em}
.fim h2 span{display:block;white-space:nowrap}
.ligar{display:inline-flex;align-items:center;gap:16px;margin:40px 0 70px;padding:10px 34px 10px 10px;border-radius:99px;background:var(--v);color:#03120A;font:700 clamp(16px,1.800vw,21px) var(--fd);text-decoration:none;box-shadow:0 0 0 12px rgba(25,196,99,.14),0 30px 80px -20px rgba(25,196,99,.8)}
.ligar svg{width:58px;height:58px;padding:15px;border-radius:50%;background:#03120A;color:var(--v)}
.dados{list-style:none;padding:26px 0 0;display:grid;gap:26px;border-top:1px solid rgba(242,244,239,.2)}
.dados small{display:block;font:600 11.500px var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--vc);margin-bottom:8px}
.dados a{font:600 clamp(18px,1.900vw,22px)/1.3 var(--fd);letter-spacing:-.02em;text-decoration:none;transition:color .3s}
.dados a:hover{color:var(--vc)}
@media(min-width:800px){.dados{grid-template-columns:repeat(3,1fr)}}

.pe{padding:30px var(--lado) 36px;display:grid;gap:14px;justify-items:center;text-align:center;color:var(--m);font-size:13.500px}
.pe .vz a{color:var(--t);font-weight:700;text-decoration:none}
@media(min-width:800px){.pe{grid-template-columns:auto 1fr auto;justify-items:start;align-items:center;text-align:left;gap:30px}}