@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0B1F3A;--dark:#061426;--royal:#164A7A;--blue:#1976D2;--light:#F4F7FA;--text:#1F2937;--gray:#E5E7EB}
*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7}
a{text-decoration:none}.topbar{background:var(--dark);color:#fff;font-size:.9rem;padding:8px 0}.topbar a{color:#fff}.main-nav{background:var(--navy);box-shadow:0 5px 20px rgba(6,20,38,.16)}.navbar-brand{letter-spacing:-.3px}.nav-link{color:#fff!important;font-weight:600;margin-left:8px}.nav-link:hover{color:#9ecbff!important}.btn-accent{background:var(--blue);color:#fff;border:0;border-radius:6px;font-weight:700}.btn-accent:hover{background:#125ca8;color:#fff}
.hero{min-height:620px;background:linear-gradient(90deg,rgba(6,20,38,.88),rgba(11,31,58,.48)),url('https://images.unsplash.com/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=2000&q=85') center/cover;display:flex;align-items:center;color:#fff}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem);font-weight:800;line-height:1.08}.hero p{font-size:1.15rem;max-width:760px;color:#eaf2fb}
.page-hero{padding:105px 0;background:linear-gradient(90deg,rgba(6,20,38,.92),rgba(11,31,58,.62)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff}.page-hero h1{font-weight:800;font-size:clamp(2.2rem,4vw,3.7rem)}
.section{padding:85px 0}.section-alt{background:var(--light)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--blue);font-size:.8rem;font-weight:800}.section-title{font-weight:800;color:var(--navy);letter-spacing:-.5px}.section-title:after{content:"";display:block;width:58px;height:4px;background:var(--blue);margin-top:14px;border-radius:4px}
.img-cover{width:100%;height:100%;min-height:330px;object-fit:cover;border-radius:14px;box-shadow:0 16px 45px rgba(11,31,58,.13)}
.service-card,.project-card,.info-card{height:100%;border:1px solid var(--gray);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(11,31,58,.06);transition:.3s}.service-card:hover,.project-card:hover,.info-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(11,31,58,.13)}.service-card img,.project-card img{height:220px;width:100%;object-fit:cover}.service-body{padding:24px}.icon-box{width:54px;height:54px;border-radius:12px;background:#e8f2fd;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px}
.process-step{position:relative;padding:25px 25px 25px 85px;border-left:3px solid #d9e8f6;margin-left:25px}.process-num{position:absolute;left:-29px;top:20px;width:54px;height:54px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;border:5px solid #fff;box-shadow:0 0 0 2px #d9e8f6}
.cta{padding:70px 0;background:var(--navy);color:#fff}.cta h2{font-weight:800}.contact-box{background:var(--light);padding:30px;border-radius:14px}.form-control,.form-select{padding:13px;border-radius:8px;border:1px solid #d5dce5}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(25,118,210,.12)}
.site-footer{background:var(--dark);color:#cbd5e1}.site-footer h5,.site-footer h6{color:#fff;font-weight:700}.site-footer a{display:block;color:#cbd5e1;margin:5px 0}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0}.footer-bottom a{display:inline;color:#cbd5e1}
.floating-actions{position:fixed;right:18px;bottom:18px;z-index:1050;display:flex;flex-direction:column;gap:10px}.floating-actions a{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 8px 20px rgba(0,0,0,.2)}.float-call{background:var(--blue)}.float-wa{background:#25d366}
.filter-btn{border:1px solid #cbd5e1;background:#fff;color:var(--navy);font-weight:600;border-radius:30px;padding:8px 18px}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff}
.breadcrumb-custom a{color:#cfe5fb}.service-list li{margin-bottom:9px}.mini-stat{border-left:4px solid var(--blue);padding-left:18px}.badge-soft{background:#eaf2fb;color:var(--royal);padding:7px 12px;border-radius:20px;font-weight:700}
@media(max-width:991px){.nav-link{margin-left:0;padding:10px 0}.hero{min-height:560px}.section{padding:65px 0}}@media(max-width:575px){.topbar .container{justify-content:center!important}.hero{min-height:520px}.hero h1{font-size:2.45rem}.section{padding:55px 0}.page-hero{padding:75px 0}}