
:root{
 --navy:#071a33;--navy2:#0d2a4d;--orange:#f47b20;--orange2:#ff9b45;
 --light:#f5f7fa;--text:#172033;--muted:#687386;--white:#fff;
 --shadow:0 18px 45px rgba(7,26,51,.12);--radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--navy);color:#dce7f4;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:9px 0}
.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 3px 20px rgba(0,0,0,.07)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-size:22px;font-weight:900;color:var(--navy);letter-spacing:-.5px}
.logo span{color:var(--orange)}
.navlinks{display:flex;gap:23px;font-weight:700;font-size:14px}
.navlinks a:hover{color:var(--orange)}
.phone{background:var(--orange);color:#fff;padding:12px 18px;border-radius:10px;font-weight:800}
.hero{background:linear-gradient(100deg,rgba(7,26,51,.96),rgba(7,26,51,.72)),url('https://images.unsplash.com/photo-1600518464441-9154a4dea21b?auto=format&fit=crop&w=1800&q=85') center/cover;min-height:650px;color:#fff;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center;padding:75px 0}
.badge{display:inline-block;background:rgba(244,123,32,.15);border:1px solid rgba(255,255,255,.2);color:#ffd0a9;padding:8px 14px;border-radius:30px;font-weight:800;font-size:13px;margin-bottom:18px}
.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.03;margin-bottom:20px;letter-spacing:-2px}
.hero h1 span{color:var(--orange2)}
.hero p{font-size:18px;color:#e3ebf5;max-width:650px;margin-bottom:28px}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:11px;font-weight:800;border:2px solid transparent}
.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:#e76e16}
.btn-outline{border-color:#fff;color:#fff}.btn-outline:hover{background:#fff;color:var(--navy)}
.quote{background:#fff;color:var(--text);padding:28px;border-radius:20px;box-shadow:var(--shadow)}
.quote h3{font-size:23px;margin-bottom:5px;color:var(--navy)}
.quote p{color:var(--muted);font-size:14px;margin-bottom:18px}
.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;border:1px solid #dce2ea;border-radius:10px;padding:13px 14px;font:inherit;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--orange)}
.form button{border:0;cursor:pointer}
.routebar{background:var(--orange);color:#fff;overflow:hidden;white-space:nowrap}
.route-track{display:inline-block;padding:13px 0;font-weight:800;animation:marquee 22s linear infinite}
@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.section{padding:85px 0}.section.alt{background:var(--light)}
.eyebrow{color:var(--orange);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:1.5px;margin-bottom:8px}
.section-title{font-size:clamp(30px,4vw,44px);line-height:1.12;color:var(--navy);margin-bottom:14px;letter-spacing:-1px}
.section-lead{color:var(--muted);max-width:720px;margin-bottom:38px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 35px rgba(7,26,51,.09);transition:.25s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card img{height:210px;width:100%;object-fit:cover}
.card-body{padding:22px}.card h3{color:var(--navy);font-size:21px;margin-bottom:7px}.card p{color:var(--muted);font-size:14px}
.feature{background:var(--navy);color:#fff;border-radius:25px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--shadow)}
.feature img{width:100%;height:100%;min-height:430px;object-fit:cover}
.feature-content{padding:55px}.feature h2{font-size:40px;line-height:1.1;margin-bottom:16px}.feature p{color:#d7e2ef;margin-bottom:22px}
.checks{display:grid;gap:10px;margin:22px 0}.checks div{font-weight:700}.checks span{color:var(--orange2);margin-right:8px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about img{border-radius:22px;height:440px;width:100%;object-fit:cover}.about p{color:var(--muted);margin:14px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:var(--shadow);border-radius:18px;margin-top:-30px;position:relative;z-index:2}.stat{text-align:center;padding:25px 12px;border-right:1px solid #e8edf2}.stat:last-child{border:0}.stat strong{display:block;font-size:30px;color:var(--navy)}.stat span{font-size:13px;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:25px;background:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(7,26,51,.08);position:relative}.step b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;margin-bottom:14px}.step h3{color:var(--navy);margin-bottom:7px}.step p{color:var(--muted);font-size:14px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery img{height:220px;width:100%;object-fit:cover;border-radius:14px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review{background:#fff;border:1px solid #e7ebf0;border-radius:16px;padding:25px}.stars{color:var(--orange);letter-spacing:2px}.review p{color:var(--muted);margin:12px 0}.review strong{color:var(--navy)}
.faq{max-width:900px;margin:auto;display:grid;gap:10px}.faq details{background:#fff;border:1px solid #e2e7ed;border-radius:12px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:800;color:var(--navy)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-box{background:var(--navy);color:#fff;border-radius:20px;padding:40px}.contact-box p{color:#d5dfeb;margin:12px 0 22px}.contact-list{display:grid;gap:15px}.contact-list strong{color:#fff}.mapbox{border-radius:20px;min-height:360px;background:linear-gradient(135deg,#dfe8f2,#f8fafc);display:grid;place-items:center;color:var(--navy);font-weight:900}
.footer{background:#061326;color:#b9c8d9;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer h3{color:#fff;margin-bottom:14px}.footer p{font-size:14px}.footer a{display:block;margin:7px 0;font-size:14px}.footer a:hover{color:var(--orange2)}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;text-align:center;font-size:13px}
.mobilebar{display:none}
@media(max-width:900px){
 .navlinks{display:none}.hero-grid,.feature,.about,.contact{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:55px 0}.services{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.reviews{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid #e8edf2}
}
@media(max-width:560px){
 .topbar .container{font-size:11px}.topbar .container span:first-child{display:none}.phone{display:none}.logo{font-size:18px}.hero h1{font-size:39px}.hero p{font-size:16px}.services,.steps,.gallery{grid-template-columns:1fr}.section{padding:62px 0}.feature-content{padding:35px 25px}.feature h2{font-size:31px}.gallery img{height:200px}.mobilebar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;box-shadow:0 -5px 25px rgba(0,0,0,.12)}.mobilebar a{padding:13px;text-align:center;font-weight:900}.mobilebar a:first-child{background:var(--orange);color:#fff}.mobilebar a:last-child{background:#e9f7ee;color:#147a3e}.footer{padding-bottom:80px}
}
