:root{
--navy:#08243c; --navy-2:#0d3355; --teal:#17b6c4; --gold:#e0b04d;
--light:#f4f9fb; --text:#1c2b36; --radius:14px;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Segoe UI',Arial,sans-serif; color:var(--text); line-height:1.6; background:#fff;}
img{max-width:100%; display:block;}
a{text-decoration:none; color:inherit;}
.container{max-width:1180px; margin:0 auto; padding:0 20px;}
.center{text-align:center;}
h1,h2,h3{color:var(--navy); line-height:1.2;}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem); margin-bottom:.6rem;}
.section-label{color:var(--teal); font-weight:700; letter-spacing:1px; text-transform:uppercase; font-size:.85rem; margin-bottom:.4rem;}
.sub{color:#54697a;}
.btn{display:inline-block; padding:.85rem 1.6rem; border-radius:50px; font-weight:700; transition:.25s; cursor:pointer; border:none; font-size:1rem;}
.btn-primary{background:var(--gold); color:var(--navy);}
.btn-primary:hover{background:#f0c264;}
.btn-outline{border:2px solid #fff; color:#fff; background:transparent;}
.btn-outline:hover{background:#fff; color:var(--navy);}
.btn-whatsapp{background:#25D366; color:#fff;}
.btn-whatsapp:hover{background:#1ebc59;}

/* Header */
.site-header{position:sticky; top:0; background:#fff; z-index:100; box-shadow:0 2px 10px rgba(0,0,0,.12); border-bottom:1px solid #e7edf1;}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:12px 20px;}
.logo{display:flex; align-items:center; gap:10px; color:var(--navy); font-weight:800; font-size:1.1rem;}
.logo img{border-radius:8px;}
.logo-img{height:58px; width:auto; display:block;}
.logo small{display:block; font-size:.55rem; letter-spacing:2px; color:var(--teal);}
.main-nav{display:flex; gap:1.4rem;}
.main-nav a{color:var(--navy); font-weight:600; font-size:.95rem;}
.main-nav a:hover{color:var(--teal);}
.header-cta{white-space:nowrap;}
.nav-toggle{display:none; background:none; color:var(--navy); font-size:1.6rem; border:none; cursor:pointer;}

/* Hero */
.hero{position:relative; min-height:88vh; display:flex; align-items:center; color:#fff; overflow:hidden;}
.hero-media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 35%;}
.hero-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,36,60,.75), rgba(8,36,60,.55));}
.hero-content{position:relative; z-index:2; padding:6rem 20px;}
.eyebrow{color:var(--teal); font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:1rem;}
.hero h1{font-size:clamp(2rem,5vw,3.4rem); color:#fff;}
.hero h1 span{color:var(--gold); display:block;}
.hero-sub{max-width:600px; margin:1.2rem 0 2rem; font-size:1.1rem;}
.hero-actions{display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:2rem;}
.trust-badges{display:flex; gap:1.5rem; flex-wrap:wrap; list-style:none; font-weight:600;}
.trust-badges li::before{content:"\2605 "; color:var(--gold);}

/* About */
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; padding-top:5rem; padding-bottom:5rem;}
.about-img img{border-radius:var(--radius); aspect-ratio:4/5; object-fit:cover; width:100%;}
.about-text p{margin-bottom:1rem;}

/* Pricing */
.pricing{background:var(--light); padding:5rem 0;}
.pricing .sub{margin-bottom:2rem;}
.price-heading{margin:2.5rem 0 1rem; color:var(--navy);}
.table-wrap{overflow-x:auto; border-radius:var(--radius); box-shadow:0 4px 18px rgba(0,0,0,.08);}
.price-table{width:100%; border-collapse:collapse; background:#fff;}
.price-table th{background:var(--navy); color:#fff; padding:.9rem; text-align:left;}
.price-table td{padding:.8rem .9rem; border-bottom:1px solid #e7edf0;}
.price-table tr:last-child td{border-bottom:none;}
.price-table tr:hover td{background:#f0fbfc;}

/* Why choose us */
.why{padding:5rem 0;}
.why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; margin-top:2rem;}
.why-card{text-align:center; background:var(--light); border-radius:var(--radius); padding:2rem 1rem;}
.why-card span{font-size:2.2rem; display:block; margin-bottom:.6rem;}
.tagline{margin-top:2.5rem; font-weight:700; color:var(--navy); font-size:1.1rem;}

/* Gallery */
.gallery{padding:5rem 0; background:var(--light);}
.gallery-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:1rem; margin-top:2rem;}
.gallery-grid img{border-radius:var(--radius); height:240px; width:100%; object-fit:cover; transition:transform .35s ease, box-shadow .35s ease;}
.gallery-grid img:hover{transform:scale(1.03); box-shadow:0 10px 24px rgba(0,0,0,.18);}

/* Testimonials */
.testimonials{padding:5rem 0;}
.testimonial-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2rem;}
.testimonial-grid blockquote{background:var(--light); padding:1.6rem; border-radius:var(--radius); font-style:italic;}
.testimonial-grid cite{display:block; margin-top:1rem; font-style:normal; font-weight:700; color:var(--teal);}

/* FAQ */
.faq{padding:5rem 0; background:var(--light);}
.faq-list{max-width:800px; margin:2rem auto 0;}
.faq-list details{background:#fff; border-radius:10px; padding:1rem 1.4rem; margin-bottom:.8rem; box-shadow:0 2px 8px rgba(0,0,0,.05);}
.faq-list summary{font-weight:700; cursor:pointer; color:var(--navy);}
.faq-list p{margin-top:.7rem; color:#54697a;}

/* Contact */
.contact{padding:5rem 0;}
.contact form{display:flex; flex-direction:column; gap:1rem; margin-top:1.5rem;}
.contact label{display:flex; flex-direction:column; font-weight:600; gap:.4rem; font-size:.9rem; color:var(--navy);}
.contact input, .contact select, .contact textarea{width:100%; min-width:0; padding:.7rem .9rem; border:1px solid #cfd9e0; border-radius:8px; font-size:1rem; font-family:inherit;}
.contact .hp{position:absolute; left:-9999px;}
.form-note{color:var(--teal); font-weight:600;}
.contact-info{background:var(--navy); color:#fff; padding:2.2rem; border-radius:var(--radius);}
.contact-info h3{color:#fff; margin-bottom:1rem;}
.contact-info p{margin-bottom:.8rem;}
.contact-info a{color:var(--gold);}
.map-wrap{margin-top:1.2rem; border-radius:10px; overflow:hidden;}

/* Footer */
.site-footer{background:var(--navy-2); color:#cfe3ee; padding:2rem 0; text-align:center;}
.footer-inner p{margin-bottom:.4rem; font-size:.9rem;}
.footer-social{display:flex; gap:1rem; justify-content:center; margin-top:.8rem; flex-wrap:wrap;}
.footer-social a{color:#fff; font-weight:600; font-size:.85rem; border:1px solid rgba(255,255,255,.4); padding:.4rem 1rem; border-radius:20px; transition:background .2s;}
.footer-social a:hover{background:rgba(255,255,255,.15); color:#fff;}

/* WhatsApp floating button */
.whatsapp-float{position:fixed; bottom:22px; right:22px; width:60px; height:60px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,.3); z-index:200;}
.whatsapp-float img{width:34px; height:34px;}

/* Responsive */
@media (max-width:900px){
.two-col{grid-template-columns:1fr; gap:2rem;}
.why-grid{grid-template-columns:repeat(2,1fr);}
.gallery-grid{grid-template-columns:repeat(2,1fr);}
.testimonial-grid{grid-template-columns:1fr;}
}
@media (max-width:768px){
.main-nav{position:absolute; top:100%; left:0; right:0; background:var(--navy); flex-direction:column; padding:1rem 20px; display:none;}
.main-nav.open{display:flex;}
.main-nav.open a{color:#fff;}
.nav-toggle{display:block;}
.header-cta{display:none;}
}

.payment-info{background:var(--light); border:1px solid #d7e6ec; border-radius:var(--radius); padding:1rem 1.2rem; margin:.8rem 0;}
.payment-info p{margin:.3rem 0; font-size:.95rem;}
.payment-info strong{color:var(--navy);}