:root{
 --blue:#123b73; --royal:#2563eb; --orange:#f97316; --green:#15803d;
 --gold:#eab308; --dark:#172033; --light:#f4f7fb; --white:#fff; --muted:#64748b;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff;line-height:1.7}
a{text-decoration:none}.topbar{background:var(--dark);color:#fff;font-size:.9rem}.navbar{background:#fff;box-shadow:0 3px 18px #00000012}.brand-mark{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--orange));display:grid;place-items:center;color:#fff;font-weight:800}.brand-text{font-weight:800;color:var(--blue);line-height:1.1}.brand-text small{display:block;color:var(--orange);font-weight:600;font-size:.7rem;letter-spacing:.08em}
.nav-link{font-weight:600;color:var(--dark)!important;margin:0 .25rem}.nav-link:hover,.nav-link.active{color:var(--orange)!important}.btn-main{background:var(--orange);border:0;color:#fff;padding:.75rem 1.2rem;border-radius:8px;font-weight:700}.btn-main:hover{background:#ea580c;color:#fff}.btn-outline-main{border:2px solid var(--blue);color:var(--blue);font-weight:700;border-radius:8px;padding:.65rem 1.15rem}.btn-outline-main:hover{background:var(--blue);color:#fff}
.hero{min-height:650px;background:linear-gradient(90deg,#081a35e8,#123b73b5,#123b7360),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2000&q=85') center/cover;display:flex;align-items:center;color:#fff}.hero h1{font-size:clamp(2.3rem,5vw,4.4rem);font-weight:800;line-height:1.08}.hero p{font-size:1.15rem;max-width:700px;color:#eef4ff}
.page-hero{padding:90px 0;background:linear-gradient(120deg,var(--blue),var(--royal));color:#fff}.page-hero h1{font-weight:800;font-size:3rem}.section{padding:85px 0}.section-alt{background:var(--light)}.eyebrow{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.section-title{font-size:2.4rem;font-weight:800;color:var(--blue)}.service-card,.project-card,.feature-card{height:100%;border:0;border-radius:16px;background:#fff;box-shadow:0 10px 35px #123b7312;transition:.25s;overflow:hidden}.service-card:hover,.project-card:hover,.feature-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #123b7320}.icon-box{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:#eff6ff;color:var(--royal);font-size:1.5rem}.service-img,.project-img{height:210px;width:100%;object-fit:cover}.feature-card{padding:28px}.process-number{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800}.cta{background:linear-gradient(120deg,var(--blue),#0f766e);color:#fff;border-radius:24px;padding:55px}.footer{background:#0d1728;color:#cbd5e1}.footer h5{color:#fff;font-weight:700}.footer a{color:#cbd5e1}.footer a:hover{color:#fb923c}.social{width:38px;height:38px;border:1px solid #ffffff2b;border-radius:50%;display:grid;place-items:center}.contact-card{border:0;box-shadow:0 10px 35px #123b7314;border-radius:16px}.form-control,.form-select{padding:.8rem 1rem;border-radius:8px;border:1px solid #dbe3ef}.form-control:focus,.form-select:focus{border-color:var(--royal);box-shadow:0 0 0 .2rem #2563eb18}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;flex-direction:column;gap:10px}.float-btn{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 25px #0003}.call{background:var(--blue)}.wa{background:#16a34a}
@media(max-width:991px){.hero{min-height:580px}.navbar-nav{padding:12px 0}.page-hero{padding:65px 0}.section{padding:65px 0}}