:root{
--black:#040302;
--soft:#0b0805;
--gold:#d8a64b;
--gold2:#9f6926;
--white:#fff8ec;
--muted:#bbaF9f;
--line:rgba(216,166,75,.28)}

*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
margin:0;
background:var(--black);
color:var(--white);
font-family:Inter,Arial,sans-serif}
a{
color:inherit;
text-decoration:none}
.wrap{
width:min(1180px,92vw);
margin:auto}

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
background:linear-gradient(135deg,#efbd65,#aa6e25);
color:#120a02;
padding:15px 22px;
border-radius:999px;
font-weight:800;
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
box-shadow:0 18px 50px rgba(216,166,75,.22)}
.btn.out{
background:rgba(255,255,255,.04);
color:var(--gold);
border:1px solid var(--line);
box-shadow:none}

header{
position:fixed;
top:0;
left:0;
right:0;
z-index:30;
background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.35));
backdrop-filter:blur(12px);
border-bottom:1px solid rgba(216,166,75,.14)}
nav{
height:74px;
display:flex;
align-items:center;
justify-content:space-between}
.logo{
font-family:'Playfair Display',serif;
font-size:28px;
letter-spacing:-.04em}
.logo small{
display:block;
font-family:Inter;
font-size:10px;
color:var(--gold);
letter-spacing:.09em;
margin-top:2px}
.menu{
display:flex;
gap:26px;
font-size:11px;
text-transform:uppercase;
letter-spacing:.1em;
color:#eadfce}

.hero{
min-height:100vh;
padding:120px 0 54px;
background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.75) 42%,rgba(0,0,0,.2)),url('assets/images/image-01.jpg') center/cover no-repeat;
position:relative}
.hero:after{
content:"";
position:absolute;
inset:auto 0 0;
height:180px;
background:linear-gradient(transparent,var(--black))}
.hero .wrap{
position:relative;
z-index:2}
.hero-grid{
display:grid;
grid-template-columns:1fr .58fr;
gap:38px;
align-items:center}
.eyebrow{
color:var(--gold);
font-weight:800;
letter-spacing:.22em;
text-transform:uppercase;
font-size:12px}
h1{
font-family:'Playfair Display',serif;
font-size:clamp(50px,7vw,92px);
line-height:.94;
margin:22px 0 18px}
.script{
font-style:italic;
color:var(--gold);
font-weight:500}
.hero-copy{
font-size:18px;
line-height:1.7;
color:#eadfce;
max-width:620px}
.actions{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-top:28px}

.leadbox{
background:linear-gradient(180deg,rgba(18,13,7,.94),rgba(4,3,2,.98));
border:1px solid var(--line);
padding:26px;
border-radius:24px;
box-shadow:0 24px 90px rgba(0,0,0,.72)}
.leadbox h2{
font-family:'Playfair Display',serif;
font-size:31px;
margin:0 0 5px}
.lead-honeypot{
position:absolute;
left:-9999px;
width:1px;
height:1px;
opacity:0;
pointer-events:none}
.leadbox p{
margin:0 0 18px;
color:var(--muted);
font-size:13px}
form{
display:grid;
gap:11px}
input,select,textarea{
width:100%;
padding:14px 13px;
background:#0d0a06;
border:1px solid rgba(216,166,75,.24);
color:var(--white);
border-radius:10px;
font:inherit;
font-size:14px}
textarea{
min-height:78px;
resize:vertical}
button{
border:0;
cursor:pointer;
width:100%}

.trust{
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid var(--line);
border-radius:20px;
overflow:hidden;
background:rgba(13,9,5,.88);
margin-top:36px}
.trust div{
padding:24px 12px;
text-align:center;
border-right:1px solid var(--line)}
.trust div:last-child{
border-right:0}
.trust b{
display:block;
color:var(--gold);
font-family:'Playfair Display',serif;
font-size:32px;
font-weight:500}
.trust span{
color:var(--muted);
font-size:11px;
letter-spacing:.1em;
text-transform:uppercase}

section{
padding:78px 0;
border-bottom:1px solid rgba(216,166,75,.12)}
.split{
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:52px;
align-items:center}
h3{
font-family:'Playfair Display',serif;
font-size:clamp(36px,4vw,58px);
line-height:1.04;
margin:12px 0 18px}
.text{
color:var(--muted);
line-height:1.75}
.pill-imgs{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px}
.pill-imgs img{
width:100%;
height:430px;
object-fit:cover;
border-radius:999px;
border:1px solid var(--line);
box-shadow:0 18px 50px rgba(0,0,0,.5)}

.services{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
margin-top:26px}
.card{
position:relative;
overflow:hidden;
min-height:220px;
border:1px solid var(--line);
border-radius:20px;
background:#0c0905}
.card img{
width:100%;
height:126px;
object-fit:cover;
display:block;
filter:saturate(.9) contrast(1.04)}
.card div{
padding:18px}
.card h4{
margin:0 0 8px;
font-family:'Playfair Display',serif;
font-size:22px}
.card p{
margin:0;
color:var(--muted);
font-size:13px;
line-height:1.5}

.showcase{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px}
.showcase img{
width:100%;
height:240px;
object-fit:cover;
border-radius:20px;
border:1px solid var(--line)}
.why{
background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.45)),url('assets/images/image-02.jpg') center/cover no-repeat}
.checks{
display:grid;
gap:13px;
margin-top:22px}
.checks div{
color:#eadfce}
.checks b{
color:var(--gold);
margin-right:10px}
.final{
text-align:center;
background:radial-gradient(circle at 50% 0,rgba(216,166,75,.17),transparent 35%),#080604}
.final h3{
max-width:800px;
margin:0 auto 16px}
footer{
padding:28px 0;
color:var(--muted)}
.foot{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center}
.sticky{
display:none}
#lead{
scroll-margin-top:86px}
.whatsapp-float{
position:fixed;
right:22px;
bottom:22px;
z-index:70;
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#25d366;
color:#fff;
text-decoration:none;
box-shadow:0 8px 28px rgba(37,211,102,.45),0 4px 12px rgba(0,0,0,.35);
transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-float::before{
content:"";
position:absolute;
inset:-4px;
border-radius:50%;
border:2px solid rgba(37,211,102,.45);
animation:whatsapp-pulse 2.4s ease-out infinite}
.whatsapp-float svg{
width:30px;
height:30px;
fill:currentColor;
position:relative;
z-index:1}
.whatsapp-float:hover,
.whatsapp-float:focus-visible{
transform:scale(1.08);
box-shadow:0 12px 36px rgba(37,211,102,.55),0 6px 16px rgba(0,0,0,.4);
outline:none}
@keyframes whatsapp-pulse{
0%{
transform:scale(1);
opacity:.7}
70%{
transform:scale(1.18);
opacity:0}
100%{
transform:scale(1.18);
opacity:0}}
.final .btn{
margin-top:8px}

@media(max-width:960px){
.menu,header .btn{
display:none}
nav{
height:64px}
.logo{
font-size:24px}
.hero{
padding:92px 0 28px;
min-height:auto;
background-position:center top}
.hero-grid,.split{
grid-template-columns:1fr}
h1{
font-size:50px}
.hero-copy{
font-size:15px}
.leadbox{
padding:20px;
border-radius:20px}
.trust{
grid-template-columns:repeat(2,1fr);
margin-top:24px}
.trust div{
border-bottom:1px solid var(--line)}
section{
padding:52px 0}
.pill-imgs{
grid-template-columns:repeat(2,1fr)}
.pill-imgs img{
height:280px}
.services,.showcase{
grid-template-columns:1fr 1fr}
.showcase img{
height:190px}
.foot{
display:block;
text-align:center}
.sticky{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:60;
display:grid;
grid-template-columns:1fr 1fr;
background:#050403;
border-top:1px solid var(--line)}
.sticky a{
padding:15px;
text-align:center;
font-weight:900;
font-size:12px;
text-transform:uppercase;
letter-spacing:.06em}
#lead{
scroll-margin-top:76px}
body{
padding-bottom:50px}
.whatsapp-float{
right:16px;
bottom:68px}
}

@media(max-width:520px){
.services,.showcase{
grid-template-columns:1fr}
.pill-imgs img{
height:230px}
.trust b{
font-size:27px}
.actions .btn{
width:100%}
}