*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#061a3a;--navy2:#092753;--gold:#f6c400;--gold2:#ffd84d;--white:#fff;--light:#f4f6f8;--text:#17243b;--muted:#697586}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--light);line-height:1.55}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}

.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 3px 18px #0003}
.top-header{min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo-area{display:flex;align-items:center;gap:20px}.logo-area img{width:105px;height:105px;object-fit:contain}
.logo-area h1{color:var(--gold);font-size:2rem;letter-spacing:.03em}.logo-area p{font-size:1rem;font-weight:700;letter-spacing:.14em}
.header-contact{display:flex;gap:36px}.header-contact a{display:flex;align-items:center;gap:12px}.header-contact b{display:block;font-size:1.1rem}.header-contact small{display:block;color:#cbd5e1}.contact-icon{color:var(--gold);font-size:2rem}
.nav-bar{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff20}.nav-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:34px;height:62px;align-items:center}.nav-links a{font-weight:800;font-size:.9rem;position:relative}.nav-links a:hover,.nav-links .active{color:var(--gold)}.nav-links .active:after{content:"";position:absolute;height:3px;background:var(--gold);left:0;right:0;bottom:-20px}.whatsapp-btn{background:var(--gold);color:var(--navy);padding:12px 23px;border-radius:24px;font-weight:900}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:2rem}

.hero{background:linear-gradient(115deg,var(--navy) 0%,#082654 52%,#061a3a 100%);overflow:hidden;color:#fff}
.hero-inner{min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.hero-text{padding:70px 0}.eyebrow{color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.18em;margin-bottom:12px}.hero h2{font-size:clamp(3rem,5.5vw,5rem);line-height:.98;letter-spacing:-.04em}.hero h2 span{color:var(--gold)}.gold-line,.title-line{width:58px;height:4px;background:var(--gold);margin:25px 0}.hero-description{font-size:1.15rem;max-width:570px;color:#dbe4ef}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:6px;padding:14px 22px;font-weight:900;font-size:.9rem;cursor:pointer}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{background:var(--gold2)}.btn-outline{border:2px solid var(--gold);color:#fff}.btn-outline:hover{background:var(--gold);color:var(--navy)}

.hero-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#f6c40022,transparent 65%)}.hero-logo{position:relative;z-index:2;width:min(430px,85%);max-height:440px;object-fit:contain;filter:drop-shadow(0 20px 25px #0008)}
.cargo-box{position:absolute;background:linear-gradient(135deg,#c99020,#f5d56b);border:2px solid #ffe18a;color:#18305b;font-weight:900;padding:12px 16px;box-shadow:0 12px 25px #0006;transform:rotate(-4deg);z-index:3}.cargo-box small{font-size:.7rem}.box-one{bottom:70px;right:70px}.box-two{bottom:105px;right:150px;transform:rotate(5deg)}.box-three{bottom:60px;left:55px;transform:rotate(3deg)}

.location-strip{background:#fff;border-bottom:1px solid #dce1e7}.location-inner{min-height:92px;display:flex;align-items:center;gap:18px}.location-inner .pin{color:var(--gold);font-size:1.8rem}.location-inner b{display:block;font-size:.75rem;color:var(--navy);letter-spacing:.12em}.location-inner span{color:var(--muted)}.location-inner>a{margin-left:auto;color:var(--navy);font-weight:800}.location-inner>a:hover{color:#a57d00}

.services-section,.steps-section{padding:85px 0;background:#f7f8fa}.section-title{text-align:center}.eyebrow.dark{color:#b18400}.section-title h2{font-size:2.5rem;color:var(--navy)}.title-line{margin:17px auto 40px}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#fff;border-radius:12px;box-shadow:0 12px 35px #071b3a12;overflow:hidden}.service-card{text-align:center;padding:32px 18px;border-right:1px solid #e0e4ea}.service-card:last-child{border-right:0}.service-icon{margin:auto auto 17px;width:62px;height:62px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-size:1.7rem}.service-card h3{font-size:.9rem;color:var(--navy);margin-bottom:9px}.service-card p{font-size:.9rem;color:var(--muted)}

.about-section{padding:90px 0;background:var(--navy);color:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-grid h2{font-size:3rem;line-height:1.05;margin-bottom:20px}.about-grid>div>p:last-child{color:#cbd5e1;max-width:590px}.about-card{background:#ffffff08;border:1px solid #ffffff25;border-radius:15px;padding:35px;text-align:center}.about-card img{width:min(280px,80%);height:280px;object-fit:contain}.about-card b{display:block;color:var(--gold);letter-spacing:.15em}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{background:#fff;padding:35px;border-radius:10px;border-top:4px solid var(--gold);box-shadow:0 8px 25px #071b3a0b}.step>span{font-size:2rem;font-weight:900;color:var(--gold)}.step h3{color:var(--navy);margin:8px 0}.step p{color:var(--muted)}

.contact-section{padding:90px 0;background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info h2{font-size:3rem;line-height:1.05;color:var(--navy);margin-bottom:15px}.intro{color:var(--muted);margin-bottom:28px}.info-item{display:flex;gap:18px;margin:20px 0}.info-item>span{color:var(--gold);font-size:1.5rem}.info-item b{color:var(--navy)}.info-item p{color:var(--muted)}.info-item a{color:#124b91;font-weight:800}.contact-form{background:var(--navy);color:#fff;border-radius:12px;padding:35px}.contact-form h3{font-size:1.8rem;margin-bottom:22px;color:var(--gold)}.contact-form label{display:block;font-weight:700;margin-bottom:15px}.contact-form input,.contact-form textarea{width:100%;display:block;margin-top:6px;border:1px solid #ffffff30;border-radius:5px;padding:12px;font:inherit;background:#fff;color:var(--text)}.contact-form button{margin-top:5px}.contact-form #formMessage{margin-top:12px;color:#d8e1ec}

.footer{background:#031128;color:#cbd5e1;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:60px;height:60px;object-fit:contain}.footer-brand b{display:block;color:var(--gold)}.footer-brand span{font-size:.75rem}

@media(max-width:900px){
  .header-contact{gap:14px}.header-contact b{font-size:.9rem}.logo-area h1{font-size:1.4rem}.logo-area img{width:75px;height:75px}
  .nav-links{gap:17px}.nav-links a{font-size:.75rem}.services{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(2){border-right:0}.service-card:nth-child(n+3){border-top:1px solid #e0e4ea}.hero-inner{grid-template-columns:1fr}.hero-visual{height:400px;margin-top:-40px}.about-grid,.contact-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}
}
@media(max-width:680px){
  .top-header{min-height:85px}.logo-area img{width:60px;height:60px}.logo-area{gap:8px}.logo-area h1{font-size:1.05rem}.logo-area p{font-size:.6rem}.header-contact{display:none}.menu-btn{display:block}
  .nav-bar{display:none}.nav-inner{display:block}.hero h2{font-size:3.2rem}.hero-text{padding:55px 0 25px}.hero-visual{height:330px}.hero-logo{width:300px}.cargo-box{display:none}
  .location-inner{padding:18px 0;flex-wrap:wrap}.location-inner>a{margin-left:0}.services{grid-template-columns:1fr}.service-card{border-right:0!important}.service-card+ .service-card{border-top:1px solid #e0e4ea}.section-title h2{font-size:2rem}.about-grid h2,.contact-info h2{font-size:2.3rem}.footer-inner{flex-direction:column;align-items:flex-start}
}

.hero-buttons .whatsapp-link { min-width: 235px; text-align: center; }
@media(max-width:680px) {
  .hero-buttons { flex-direction: column; }
  .hero-buttons .btn { width: 100%; text-align: center; }
}

/* WhatsApp CTA: same visual treatment as the primary action */
.hero-buttons .whatsapp-button {
  background: var(--gold);
  color: var(--navy);
  border: 2px solid var(--gold);
  min-width: 270px;
  text-align: center;
}
.hero-buttons .whatsapp-button:hover {
  background: var(--gold2);
  color: var(--navy);
}

.footer-contact a { color: inherit; text-decoration: none; }
.footer-contact a:hover { text-decoration: underline; }