:root{--bg:#09090b;--bg2:#121216;--paper:#fff;--gold:#d49a25;--gold2:#f0bd4f;--text:#f7f4ed;--muted:#bdb8ad;--dark:#151515;--line:#2a2928;--success:#28a56a;--max:1140px}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
margin:0;
font-family:Inter,Arial,Helvetica,sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.6
}

img,video{
max-width:100%;
height:auto
}

a{
color:inherit;
text-decoration:none
}

.container{
width:min(100% - 36px,var(--max));
margin:auto
}

.site-header{
position:sticky;
top:0;
z-index:50;
background:rgba(9,9,11,.93);
backdrop-filter:blur(12px);
border-bottom:1px solid #222
}

.nav-wrap{
min-height:76px;
display:flex;
align-items:center;
gap:28px
}

.brand img{
display:block
}

.nav-wrap nav{
display:flex;
gap:22px;
margin-left:auto;
font-size:14px;
color:#d7d2ca
}

.nav-wrap nav a:hover{
color:var(--gold2)
}

.btn{
display:inline-flex;
justify-content:center;
align-items:center;
background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#111;
font-weight:900;
text-transform:uppercase;
letter-spacing:.02em;
border-radius:10px;
padding:17px 24px;
box-shadow:0 12px 30px #0006;
transition:.2s
}

.btn:hover{
transform:translateY(-2px);
filter:brightness(1.06)
}

.btn-small{
padding:11px 17px;
font-size:12px
}

.btn-secondary{
background:#fff;
color:#111
}

.hero{
padding:72px 0 58px;
background:radial-gradient(circle at 80% 10%,#33240e 0,transparent 32%),linear-gradient(180deg,#09090b,#11100e)
}

.hero-grid{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:52px;
align-items:center
}

.eyebrow,.kicker{
color:var(--gold2);
font-weight:900;
text-transform:uppercase;
letter-spacing:.12em;
font-size:12px
}

.hero h1{
font-size:clamp(42px,6vw,74px);
line-height:1.02;
margin:14px 0 18px;
letter-spacing:-.04em
}

.hero h1 span,
.section-head h2 span,
.highlight{
color:var(--gold2)
}

.hero .lead{
font-size:20px;
color:#ded9d0;
max-width:720px
}

.bullet-row{
display:flex;
gap:18px;
flex-wrap:wrap;
color:#ded9d0;
font-size:14px;
margin:24px 0
}

.bullet-row span:before{
content:'✓';
color:var(--gold2);
font-weight:900;
margin-right:7px
}

.cta-note{
font-size:13px;
color:#bdb8ad;
margin-top:9px
}

.vsl-shell{
border:1px solid #3a2e18;
background:#050505;
border-radius:18px;
padding:10px;
box-shadow:0 25px 70px #000a
}

.vsl-placeholder{
aspect-ratio:16/9;
display:grid;
place-items:center;
text-align:center;
padding:30px;
border-radius:12px;
background:linear-gradient(135deg,#1a1610,#0a0a0a);
color:#eee
}

.vsl-placeholder strong{
font-size:22px;
display:block
}

.vsl-placeholder span{
color:#b9b3a9;
font-size:13px
}

.trust-strip{
border-top:1px solid #26231c;
border-bottom:1px solid #26231c;
background:#0d0d0f
}

.trust-grid{
display:grid;
grid-template-columns:repeat(4,1fr)
}

.trust-item{
padding:22px;
text-align:center;
border-right:1px solid #242424
}

.trust-item:last-child{
border-right:0
}

.trust-item strong{
display:block;
font-size:18px;
color:#fff
}

.trust-item span{
font-size:12px;
color:#aaa
}

.section{
padding:84px 0
}

.section.light{
background:#f4f1e9;
color:#171717
}

.section.alt{
background:#101013
}

.section-head{
max-width:820px;
margin:0 auto 40px;
text-align:center
}

.section-head h2{
font-size:clamp(34px,4.5vw,54px);
line-height:1.08;
letter-spacing:-.035em;
margin:10px 0 14px
}

.section-head p{
font-size:18px;
color:#bdb8ad
}

.light .section-head p{
color:#5f5a52
}

.pain-grid,
.feature-grid,
.module-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px
}

.card{
background:#17171b;
border:1px solid #2b2b30;
border-radius:16px;
padding:26px
}

.light .card{
background:#fff;
border-color:#ddd6c8;
box-shadow:0 8px 24px #2b21110d
}

.card h3{
margin:0 0 10px;
font-size:21px
}

.card p{
margin:0;
color:#bbb
}

.light .card p{
color:#5c5850
}

.method-box{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:36px;
align-items:center
}

.method-steps{
display:grid;
gap:14px
}

.method-step{
padding:20px;
border-left:3px solid var(--gold);
background:#17171a;
border-radius:0 12px 12px 0
}

.method-step strong{
display:block;
font-size:18px
}

.method-step span{
color:#bbb
}

.quote{
font-size:28px;
line-height:1.3;
font-weight:800
}

.quote small{
display:block;
color:#aaa;
font-size:14px;
font-weight:400;
margin-top:14px
}

.modules{
display:grid;
gap:12px
}

.module{
background:#fff;
border:1px solid #ddd7cb;
border-radius:12px;
overflow:hidden
}

.module summary{
cursor:pointer;
padding:18px 20px;
font-weight:900;
list-style:none
}

.module summary::-webkit-details-marker{
display:none
}

.module summary:after{
content:'+';
float:right;
color:#9b6b10
}

.module[open] summary:after{
content:'−'
}

.module div{
padding:0 20px 20px;
color:#554f47
}

.proof-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px
}

.proof-grid figure{
margin:0;
background:#fff;
border-radius:12px;
padding:6px;
overflow:hidden
}

.proof-grid img{
display:block;
border-radius:8px;
width:100%
}

/* DEPOIMENTOS DO E-BOOK */

.testimonial-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
max-width:920px;
margin:45px auto 0
}

.testimonial-card{
background:#fff;
border:1px solid #e5dfd3;
border-radius:18px;
padding:12px;
box-shadow:0 14px 40px rgba(0,0,0,.12);
overflow:hidden;
transition:transform .2s ease,box-shadow .2s ease
}

.testimonial-card:hover{
transform:translateY(-3px);
box-shadow:0 18px 48px rgba(0,0,0,.16)
}

.testimonial-card img{
width:100%;
height:auto;
display:block;
border-radius:12px
}

.case-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:32px;
align-items:center
}

.video-card{
background:#000;
border:1px solid #30281b;
border-radius:16px;
padding:10px
}

.video-card video{
display:block;
width:100%;
border-radius:10px
}

.offer-wrap{
display:grid;
grid-template-columns:1fr .8fr;
gap:28px;
align-items:stretch
}

.offer-card{
background:#fff;
color:#151515;
border-radius:18px;
padding:34px;
box-shadow:0 30px 80px #0008
}

.offer-card .price{
font-size:52px;
line-height:1;
font-weight:950;
margin:14px 0
}

.offer-list{
display:grid;
gap:10px;
margin:22px 0
}

.offer-list span:before{
content:'✓';
color:#198754;
font-weight:900;
margin-right:9px
}

.value-stack{
display:grid;
gap:12px
}

.value-item{
border:1px solid #302e2a;
border-radius:14px;
padding:20px
}

.value-item strong{
color:#fff
}

.value-item p{
margin:5px 0 0;
color:#aaa
}

.guarantee{
display:flex;
align-items:center;
gap:18px;
margin-top:22px
}

.guarantee img{
width:95px
}

.guarantee p{
font-size:13px;
color:#615c54
}

.faq{
max-width:900px;
margin:auto;
display:grid;
gap:10px
}

.faq details{
border:1px solid #292929;
border-radius:12px;
background:#141417
}

.faq summary{
padding:18px 20px;
font-weight:800;
cursor:pointer
}

.faq p{
padding:0 20px 20px;
margin:0;
color:#bbb
}

.final-cta{
text-align:center;
background:radial-gradient(circle at 50% 0,#33240e,transparent 48%);
padding:90px 0
}

.final-cta h2{
font-size:clamp(38px,5vw,60px);
line-height:1.06;
margin:0 auto 20px;
max-width:900px
}

.site-footer{
padding:48px 0 18px;
border-top:1px solid #222;
background:#070708
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:30px
}

.footer-grid p{
color:#999;
max-width:400px
}

.footer-grid strong{
display:block;
margin-bottom:10px
}

.footer-grid a{
display:block;
color:#999;
font-size:14px;
margin:6px 0
}

.footer-bottom{
border-top:1px solid #222;
margin-top:34px;
padding-top:18px;
color:#777;
font-size:12px
}

.ebook-hero{
padding:70px 0
}

.ebook-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:center
}

.ebook-grid h1{
font-size:clamp(42px,5vw,68px);
line-height:1.04;
margin:10px 0
}

.ebook-grid p{
font-size:19px;
color:#ccc
}

.mockup{
filter:drop-shadow(0 28px 45px #0009)
}

.legal{
background:#f7f5ef;
color:#191919;
padding:70px 0
}

.legal article{
max-width:850px;
margin:auto
}

.legal h1{
font-size:44px
}

.legal h2{
margin-top:36px
}

.legal p,
.legal li{
color:#4f4b44
}

.simple-page{
min-height:75vh;
display:grid;
place-items:center;
text-align:center;
padding:60px 0
}

.simple-card{
max-width:700px;
background:#151518;
border:1px solid #2b2b2f;
border-radius:18px;
padding:38px
}

.simple-card h1{
font-size:42px;
margin:0 0 12px
}

.upsell-hero{
padding:70px 0
}

.upsell-card{
max-width:900px;
margin:auto;
text-align:center
}

.upsell-card h1{
font-size:clamp(42px,5vw,64px);
line-height:1.04
}

.price-old{
text-decoration:line-through;
color:#888
}

.price-new{
font-size:54px;
font-weight:950;
color:var(--gold2)
}

@media(max-width:900px){

.nav-wrap nav{
display:none
}

.hero-grid,
.method-box,
.case-grid,
.offer-wrap,
.ebook-grid{
grid-template-columns:1fr
}

.hero{
padding-top:44px
}

.hero-grid{
gap:30px
}

.trust-grid{
grid-template-columns:1fr 1fr
}

.trust-item:nth-child(2){
border-right:0
}

.pain-grid,
.feature-grid,
.module-grid{
grid-template-columns:1fr 1fr
}

.proof-grid{
grid-template-columns:repeat(2,1fr)
}

.testimonial-grid{
grid-template-columns:repeat(2,1fr);
max-width:760px
}

.footer-grid{
grid-template-columns:1fr 1fr
}

.footer-grid>div:first-child{
grid-column:1/-1
}

}

@media(max-width:600px){

.container{
width:min(100% - 26px,var(--max))
}

.nav-wrap{
min-height:66px
}

.brand img{
width:118px
}

.btn-small{
font-size:10px;
padding:9px 11px
}

.hero h1{
font-size:42px
}

.hero .lead{
font-size:17px
}

.section{
padding:62px 0
}

.pain-grid,
.feature-grid,
.module-grid{
grid-template-columns:1fr
}

.proof-grid{
grid-template-columns:1fr 1fr
}

.testimonial-grid{
grid-template-columns:1fr;
gap:18px;
margin-top:32px
}

.testimonial-card{
padding:8px;
border-radius:14px
}

.testimonial-card img{
border-radius:9px
}

.trust-grid{
grid-template-columns:1fr 1fr
}

.offer-card{
padding:25px
}

.offer-card .price{
font-size:44px
}

.footer-grid{
grid-template-columns:1fr
}

.footer-grid>div:first-child{
grid-column:auto
}

}