:root{--yellow:#f4e72b;
--bg:#111210;
--muted:#a4a69e;
--paper:#f4f4ed}
*{box-sizing:border-box}
html{scroll-behavior:smooth;
scroll-padding-top:95px}
body{margin:0;
background:var(--bg);
color:#fff;
font:16px/1.6 Arial,Helvetica,sans-serif}
a{color:inherit;
text-decoration:none}
button{font:inherit}
img{max-width:100%;
display:block}
::selection{background:var(--yellow);
color:#111}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d4bd00;
outline-offset:5px}
.wrap{width:min(1220px,calc(100% - 80px));
margin:auto}
.eyebrow{text-transform:uppercase;
letter-spacing:2px;
font-size:11px;
font-weight:800}
.yellow{color:var(--yellow)}
header{position:sticky;
top:0;
z-index:20;
background:#111210f5;
border-bottom:1px solid #ffffff12;
backdrop-filter:blur(15px)}
nav{display:flex;
align-items:center;
justify-content:space-between;
height:88px;
gap:25px}
.logo{width:148px}
.links{display:flex;
align-items:center;
gap:32px;
font-size:13px;
color:#c5c7bf}
.links a:hover{color:var(--yellow)}
.btn{display:inline-flex;
align-items:center;
justify-content:center;
gap:28px;
padding:17px 25px;
background:var(--yellow);
color:#13140c;
font-weight:750;
font-size:14px;
border-radius:6px;
transition:transform .2s,background .2s;
border:0}
.btn:hover{background:#fff66b;
transform:translateY(-2px)}
.btn.small{padding:12px 20px;
font-size:12px}
.btn.outline{background:transparent;
border:1px solid #55584e;
color:#fff}
.arrow{font-size:20px;
line-height:1}
.menu{display:none;
background:transparent;
color:white;
border:1px solid #555;
border-radius:5px;
padding:5px 12px}
.hero{position:relative;
overflow:hidden}
.hero-grid{display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
min-height:680px;
gap:24px;
padding:65px 0}
.hero h1{font-size:clamp(48px,5.2vw,76px);
line-height:1.02;
letter-spacing:-4px;
margin:25px 0;
font-weight:800;
max-width:620px}
.hero h1 em{font-style:normal;
color:var(--yellow)}
.hero p{color:#b0b2a9;
max-width:430px;
line-height:1.8;
font-size:16px}
.hero-actions{display:flex;
gap:12px;
flex-wrap:wrap;
margin:30px 0 18px}
.micro{font-size:11px!important;
color:#a0a297!important}
.hero-art{position:relative;
align-self:stretch;
display:flex;
align-items:center;
min-width:0}
.hero-art:before{content:'CONQUISTA';
position:absolute;
top:20px;
left:0;
font-size:clamp(45px,6vw,88px);
font-weight:900;
color:#ffffff04;
letter-spacing:-4px}
.hero-art img{width:100%;
border-radius:100px 8px 8px 8px;
aspect-ratio:1/1.1;
object-fit:cover;
object-position:58% center;
filter:saturate(.85)}
.badge{position:absolute;
bottom:23px;
left:-28px;
background:var(--yellow);
color:#111;
padding:22px 26px;
border-radius:7px;
display:flex;
gap:20px;
align-items:center;
box-shadow:0 14px 40px #0004}
.badge strong{font-size:46px;
line-height:1;
letter-spacing:-2px}
.badge span{font-size:12px;
line-height:1.5;
font-weight:700}
.benefit-strip{border-top:1px solid #33352e;
border-bottom:1px solid #33352e;
display:grid;
grid-template-columns:repeat(4,1fr);
padding:27px 0;
margin-bottom:0}
.benefit-strip div{display:flex;
align-items:center;
gap:14px;
font-size:12px}
.ico{color:var(--yellow);
width:31px;
height:31px;
border:1px solid #4d4d37;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:14px;
flex-shrink:0}
.benefit-strip small{display:block;
color:#92958a;
font-size:11px}
section{padding:100px 0}
.section-head{display:flex;
justify-content:space-between;
gap:40px;
align-items:end;
margin-bottom:44px}
h2{font-size:clamp(34px,3.7vw,49px);
line-height:1.12;
letter-spacing:-2px;
margin:16px 0 0}
h3{line-height:1.3}
.section-head p{max-width:330px;
font-size:14px;
color:#777d70;
margin:0}
.light{background:var(--paper);
color:#191b15}
.steps{display:grid;
grid-template-columns:repeat(3,1fr);
gap:36px}
.step{border-top:1px solid #cdd0c3;
padding-top:25px}
.num{font-size:12px;
color:#696d60;
letter-spacing:1px}
.step h3{font-size:22px;
margin:26px 0 12px;
letter-spacing:-.6px}
.step p{font-size:14px;
color:#686e61;
max-width:290px}
.step:last-child .num{background:var(--yellow);
padding:5px 10px;
border-radius:3px;
color:#111}
.plan{display:grid;
grid-template-columns:1fr 1fr;
gap:75px;
align-items:center}
.plan-panel{background:#20221c;
border:1px solid #393c31;
border-radius:12px;
padding:40px;
position:relative}
.plan-panel:before{content:'';
width:70px;
height:4px;
background:var(--yellow);
position:absolute;
top:0;
left:40px}
.plan-title{display:flex;
justify-content:space-between;
align-items:center}
.tag{font-size:10px;
padding:5px 10px;
border:1px solid #646548;
color:var(--yellow);
border-radius:30px;
white-space:nowrap}
.plan-panel h3{font-size:31px;
margin:20px 0 4px;
letter-spacing:-1px}
.plan-panel p{color:#a5aa9b;
font-size:14px}
.feature-list{list-style:none;
padding:15px 0 8px;
margin:20px 0;
border-top:1px solid #3a3c32}
.feature-list li{font-size:14px;
display:flex;
gap:12px;
padding:10px 0;
color:#ddd}
.check{color:var(--yellow)}
.plan-panel .btn{width:100%}
.plan-copy p{font-size:15px;
color:#a9aea0;
max-width:450px;
margin:22px 0}
.milestone{display:flex;
gap:22px;
padding:22px 0;
border-top:1px solid #36392e;
align-items:center}
.milestone strong{font-size:39px;
letter-spacing:-2px}
.milestone span{font-size:13px;
color:#b9bdaf}
.included{padding:0 0 90px}
.included-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px}
.included article{border-top:1px solid #393c32;
padding-top:25px}
.included h3{font-size:17px}
.included p{color:#999f90;
font-size:13px;
max-width:300px}
.faq-grid{display:grid;
grid-template-columns:.8fr 1.2fr;
gap:85px}
.faq-intro p{font-size:14px;
color:#747a6b;
max-width:300px;
margin:22px 0}
.text-link{font-size:14px;
font-weight:700;
border-bottom:1px solid #888e7c;
padding-bottom:5px}
details{border-bottom:1px solid #d1d4c7}
summary{cursor:pointer;
padding:23px 32px 23px 0;
list-style:none;
font-weight:700;
font-size:15px;
position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';
position:absolute;
right:0;
font-size:23px;
font-weight:400;
top:16px}
details[open] summary:after{content:'−'}
details p{font-size:14px;
color:#626958;
margin:0 30px 24px 0}
.cta-section{padding:80px 0}
.cta-box{display:flex;
gap:40px;
justify-content:space-between;
align-items:center;
background:var(--yellow);
color:#15180d;
padding:55px;
border-radius:9px}
.cta-box h2{max-width:600px;
margin:12px 0;
font-size:44px}
.cta-box p{font-size:14px;
margin:0}
.cta-box .btn{background:#15180d;
color:white;
white-space:nowrap}
.footer-main{display:flex;
justify-content:space-between;
gap:30px;
padding:35px 0 50px}
.footer-main p{font-size:12px;
color:#999f90;
margin:15px 0}
.footer-main h4{font-size:11px;
color:#dadcd3;
margin:0 0 12px;
text-transform:uppercase;
letter-spacing:1px}
.footer-main a:not(.logo){font-size:12px;
color:#b3b8a9}
.footer-bottom{border-top:1px solid #30342a;
padding:23px 0;
display:flex;
justify-content:space-between;
font-size:10px;
color:#969c8c}
.note{font-size:11px;
color:#a0a791;
line-height:1.6;
margin-top:18px}
.footer-logo{width:130px}
@media(min-width:1400px){.hero-grid{min-height:720px}
}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}
.links{gap:18px}
.hero h1{font-size:56px;
letter-spacing:-3px}
.hero-grid{min-height:620px}
.badge{left:-10px;
padding:15px}
.plan{gap:35px}
.faq-grid{gap:40px}
.cta-box{padding:35px}
.cta-box h2{font-size:36px}
.benefit-strip{gap:15px}
.benefit-strip div{font-size:11px;
gap:8px}
}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}
nav{height:72px}
.logo{width:125px}
.menu{display:block}
.nav-cta{margin-left:auto}
.links{display:none;
position:absolute;
top:72px;
left:0;
right:0;
background:#181a14;
padding:22px;
flex-direction:column;
align-items:start;
border-bottom:1px solid #444}
.links.open{display:flex}
.btn.small{font-size:11px;
padding:10px 13px}
.hero-grid{grid-template-columns:1fr;
gap:25px;
padding:42px 0 38px}
.hero h1{font-size:53px;
letter-spacing:-2.8px;
margin:20px 0}
.hero p{font-size:14px;
max-width:100%}
.hero-art{min-height:350px;
margin:0 0 15px}
.hero-art img{height:360px;
aspect-ratio:auto;
object-position:center 55%;
border-radius:65px 8px 8px 8px}
.hero-art:before{display:none}
.hero-art{flex-direction:column;
align-items:stretch}
.badge{bottom:-14px;
left:14px}
.badge strong{font-size:37px}
.badge span{font-size:11px}
.hero-actions{margin:24px 0 12px;
gap:10px}
.hero-actions .btn{padding:15px 17px;
font-size:13px;
gap:15px}
.benefit-strip{grid-template-columns:1fr 1fr;
gap:24px 12px;
padding:25px 0}
.benefit-strip small{font-size:10px}
section{padding:65px 0}
.section-head{display:block;
margin-bottom:30px}
.section-head p{margin-top:22px;
max-width:100%}
.steps{grid-template-columns:1fr;
gap:20px}
.step{padding-top:18px}
.step h3{margin:15px 0 8px}
.step p{max-width:100%}
.plan{grid-template-columns:1fr;
gap:30px}
.plan-panel{padding:28px}
.plan-copy{order:-1}
.included{padding-bottom:60px}
.included-grid{grid-template-columns:1fr;
gap:18px}
.included article{padding-top:18px}
.included p{max-width:100%;
margin-bottom:0}
.faq-grid{grid-template-columns:1fr;
gap:25px}
.faq-intro p{max-width:100%}
.cta-section{padding:40px 0}
.cta-box{display:block;
padding:30px}
.cta-box h2{font-size:34px}
.cta-box .btn{margin-top:25px;
width:100%}
.footer-main{flex-wrap:wrap;
padding-bottom:30px}
.footer-main>div:first-child{width:100%}
.footer-bottom{display:block;
padding-bottom:90px}
.footer-bottom span{display:block;
margin:5px 0}
.eyebrow{font-size:10px}
h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

.phone-label{display:flex;
flex-direction:column;
gap:3px;
text-align:left;
line-height:1.2}
.phone-label small{font-size:9px;
letter-spacing:1px}
.phone-label strong{font-size:19px;
white-space:nowrap;
letter-spacing:.2px}
.nav-cta{background:#28d66d;
color:#082a15}
.nav-cta:hover{background:#59ea91}
.cta-box .phone-label strong{font-size:25px}
.footer-phone{font-size:20px;
color:#f4e72b}
@media(max-width:720px){.nav-cta{gap:9px!important;
padding:9px 11px!important}
.nav-cta .phone-label strong{font-size:15px}
.nav-cta .phone-label small{font-size:8px}
nav{gap:10px}
.logo{width:105px}
}
@media(max-width:370px){.logo{width:85px}
.nav-cta .phone-label strong{font-size:13px}
}

.maintenance-note{font-size:11px;
color:#b3b8a9;
padding:14px 0;
margin-top:0;
margin-bottom:0}

.whatsapp-float{position:fixed;
right:20px;
bottom:20px;
right:calc(20px + env(safe-area-inset-right,0px));
bottom:calc(20px + env(safe-area-inset-bottom,0px));
z-index:30;
display:flex;
align-items:center;
justify-content:center;
width:60px;
height:60px;
border-radius:50%;
background:#25d366;
color:#fff;
box-shadow:0 5px 20px #0005;
transition:transform .2s,background .2s}
.whatsapp-float:hover{background:#1db954;
transform:translateY(-2px)}
.whatsapp-float svg{width:34px;
height:34px;
fill:currentColor}
.whatsapp-float:focus-visible{outline:3px solid #fff;
outline-offset:4px}