body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#0b1220;
color:#e9eef5;
line-height:1.6;
}

.container{
width:min(1100px,92%);
margin:auto;
}

.narrow{
max-width:650px;
margin:auto;
}

.section{
padding:80px 0;
}

.center{
text-align:center;
}

/* HERO */

.hero{
background:linear-gradient(180deg,#0a1220,#101a2d);
padding:90px 0;
text-align:center;
}

.eyebrow{
letter-spacing:4px;
font-size:13px;
color:#7fc4ff;
margin-bottom:10px;
}

.hero h1{
font-size:42px;
margin-bottom:10px;
}

.hero-sub{
color:#9fb0c8;
}

/* CONTACT BAR */

.contact-bar{
background:#08101d;
border-top:1px solid rgba(255,255,255,0.05);
border-bottom:1px solid rgba(255,255,255,0.05);
}

.contact-bar-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 0;
flex-wrap:wrap;
gap:20px;
}

.contact-info span{
margin-right:20px;
}

.contact-buttons{
display:flex;
gap:12px;
}

/* BUTTONS */

.btn{
padding:12px 20px;
border-radius:10px;
text-decoration:none;
font-weight:600;
}

.btn-primary{
background:#2b7fff;
color:white;
}

.btn-secondary{
border:1px solid rgba(255,255,255,0.2);
color:white;
}

.btn-whatsapp{
background:#25D366;
color:white;
}

/* CARDS */

.cards{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:22px;
margin-top:40px;
}

.card{
background:#14203a;
padding:26px;
border-radius:16px;
border:1px solid rgba(255,255,255,0.1);
}

.card h3{
margin-top:0;
}

/* CONTACT */

.call-center{
text-align:center;
margin:25px 0;
}

.quote-form{
display:flex;
flex-direction:column;
gap:14px;
}

.quote-form input,
.quote-form select,
.quote-form textarea{
padding:12px;
border-radius:8px;
border:1px solid rgba(255,255,255,0.15);
background:#0d1525;
color:white;
}

.btn-full{
width:100%;
margin-top:10px;
}

/* FOOTER */

.footer{
border-top:1px solid rgba(255,255,255,0.08);
padding:30px 0;
text-align:center;
}

/* MOBILE */

@media(max-width:900px){

.cards{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:600px){

.cards{
grid-template-columns:1fr;
}

.contact-bar-inner{
flex-direction:column;
}

.contact-buttons{
flex-direction:column;
}

}
.form-trap {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
