:root{
  --primary:#0e2a47;
  --secondary:#ffb400;
  --dark:#081725;
  --muted:#6c7a89;
  --bg:#f5f7fb;
  --card:#ffffff;
  --line:#e6ebf2;
  --shadow:0 18px 40px rgba(14,42,71,.08);
}
html{scroll-behavior:smooth}
body{  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: normal;background:var(--bg);color:var(--primary)}
a{text-decoration:none}
.top-strip{background:#102d4d}
.custom-navbar{background:#fff;box-shadow:0 6px 20px rgba(14,42,71,.06)}
.navbar-brand,.nav-link{color:var(--primary)}
.nav-link{font-weight:600}
.nav-link.active,.nav-link:hover{color:#d58a00}
.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:linear-gradient(135deg,#ffcc4d,#ffb400);border-radius:50%;color:#111;font-weight:800;margin-right:.35rem}
.min-vh-80{min-height:80vh}
.hero-section{position:relative;background:url('https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,23,37,.9),rgba(8,23,37,.55))}
.hero-card{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);padding:1rem;border-radius:1.5rem}
.metric-box{background:#fff;border-radius:1.25rem;padding:1.2rem;text-align:center;box-shadow:var(--shadow)}
.metric-box h3{font-weight:800;color:var(--primary);margin-bottom:.25rem}
.metric-box p{margin:0;color:var(--muted);font-size:.95rem}
.stat-card,.service-card,.feature-card,.contact-card{background:#fff;border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow)}
.stat-card{padding:1.25rem}
.stat-card h2{font-weight:800;color:var(--primary)}
.stat-card p{margin:0;color:var(--muted)}
.section-heading{max-width:800px;margin-inline:auto}
.section-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:800;color:#d58a00;margin-bottom:.75rem}
.service-card{padding:1.5rem;transition:.25s ease}
.service-card:hover,.project-card:hover,.feature-card:hover{transform:translateY(-5px)}
.icon-circle{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,180,0,.12);color:#b77700;font-size:1.5rem;margin-bottom:1rem}
.service-card h5,.feature-card h5,.project-card h5{font-weight:800}
.service-card p,.feature-card p,.project-card p,.section-heading p,.feature-mini,.contact-card p{color:var(--muted)}
.about-band{background:linear-gradient(135deg,#081725,#163557)}
.check-item{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:600}.check-item i{color:#ffcc4d}
.feature-card{padding:1.5rem;text-align:center}.feature-card i{font-size:2rem;color:#d58a00;margin-bottom:1rem;display:block}
.project-card{background:#fff;border:1px solid var(--line);border-radius:1.25rem;overflow:hidden;box-shadow:var(--shadow);transition:.25s ease;height:100%}
.project-card img{width:100%;height:240px;object-fit:cover}
.project-body{padding:1.25rem}
.client-box{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1rem;padding:1.4rem;font-weight:800;color:var(--primary)}
.client-row .client-box{height:100%;display:grid;place-items:center}
.cta-section{background:linear-gradient(135deg,#0b2136,#163a5d)}
.footer-section{background:#091726}.footer-links li{margin-bottom:.5rem}.footer-links a{color:rgba(255,255,255,.7)}.footer-links a:hover{color:#fff}
.whatsapp-float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-size:1.8rem;box-shadow:0 12px 26px rgba(37,211,102,.3);z-index:1000}
.page-hero{padding:50px 0;background:linear-gradient(135deg,rgba(8,23,37,.92),rgba(22,58,93,.88)), url('https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat}
.feature-mini{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.75rem 1rem;font-weight:600}.feature-mini i{color:#d58a00;margin-right:.45rem}
.contact-card{padding:1.75rem}
.form-control,.form-select{border-radius:1rem;border-color:#dfe6ee;padding:.9rem 1rem}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(255,180,0,.16);border-color:#ffb400}
@media (max-width:991.98px){.hero-section .min-vh-80{min-height:unset;padding:120px 0 90px}.hero-card{display:none}}