:root{
  --navy:#09285f;
  --blue:#0b4fa8;
  --green:#188b24;
  --green2:#62b42a;
  --ink:#10213d;
  --muted:#667085;
  --light:#f5f8fc;
  --white:#fff;
  --border:#dfe7f2;
  --shadow:0 18px 50px rgba(9,40,95,.10);
  --radius:22px;
}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none}
img{max-width:100%;display:block}
.section-pad{padding:90px 0}
.bg-light-custom{background:var(--light)}
.text-green{color:var(--green)}
.text-navy{color:var(--navy)}
.section-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--green);margin-bottom:12px}
.section-kicker:before{content:"";width:28px;height:3px;background:var(--green);border-radius:3px}
.section-title{font-weight:900;color:var(--navy);font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;margin-bottom:18px}
.section-copy{color:var(--muted);max-width:720px}
.navbar{transition:.3s;padding:16px 0;background:rgba(255,255,255,.96)}
.navbar.scrolled{box-shadow:0 8px 30px rgba(9,40,95,.10);padding:10px 0;background:rgba(255,255,255,.98);backdrop-filter:blur(10px)}
.navbar-brand img{height:56px;width:auto}
.nav-link{font-weight:700;color:var(--navy)!important;margin:0 4px}
.nav-link:hover,.nav-link.active{color:var(--green)!important}
.btn-brand{background:var(--green);border:0;color:#fff;font-weight:800;padding:12px 20px;border-radius:12px;box-shadow:0 8px 20px rgba(24,139,36,.20)}
.btn-brand:hover{background:#116c1b;color:#fff;transform:translateY(-1px)}
.btn-outline-brand{border:2px solid var(--navy);color:var(--navy);font-weight:800;padding:10px 18px;border-radius:12px}
.btn-outline-brand:hover{background:var(--navy);color:#fff}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#061f4d 0%,#0a377c 58%,#0d6a32 130%);color:#fff;padding:150px 0 90px}
.hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent)}
.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:950;line-height:1.02;letter-spacing:-.04em}
.hero p{font-size:1.12rem;color:rgba(255,255,255,.82);max-width:650px}
.hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.hero-card img{border-radius:18px;background:#fff}
.page-hero{padding:145px 0 75px;background:linear-gradient(135deg,#062458,#0b4fa8);color:#fff}
.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:900}
.page-hero p{color:rgba(255,255,255,.8);max-width:700px}
.trust-strip{margin-top:-34px;position:relative;z-index:2}
.trust-box{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:22px 28px;border:1px solid var(--border)}
.trust-item{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy)}
.icon-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eef7ed;color:var(--green);font-size:1.25rem;flex:0 0 auto}
.card-modern{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 10px 35px rgba(9,40,95,.06);height:100%;transition:.3s}
.card-modern:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.card-modern .card-img{background:#f4f8fc;aspect-ratio:16/10;object-fit:cover;width:100%}
.card-modern .card-body{padding:25px}
.card-modern h3{font-size:1.22rem;font-weight:850;color:var(--navy)}
.card-modern p{color:var(--muted)}
.service-icon{width:58px;height:58px;border-radius:16px;background:#eef7ed;color:var(--green);display:grid;place-items:center;font-size:1.45rem;margin-bottom:18px}
.service-image{width:100%;aspect-ratio:16/10;object-fit:cover}
.sector-card{position:relative;border-radius:18px;overflow:hidden;min-height:220px;background:#0b2a63}
.sector-card img{width:100%;height:100%;object-fit:cover;transition:.4s}
.sector-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.75))}
.sector-card:hover img{transform:scale(1.05)}
.sector-label{position:absolute;bottom:18px;left:20px;z-index:2;color:#fff;font-weight:900;font-size:1.15rem;letter-spacing:.03em}
.process{position:relative}
.process:before{content:"";position:absolute;left:8%;right:8%;top:38px;height:2px;background:#d8e2ef}
.process-step{position:relative;text-align:center}
.process-num{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#fff;border:5px solid var(--green);color:var(--navy);font-weight:950;font-size:1.2rem;position:relative;z-index:1}
.process-step h4{font-weight:850;color:var(--navy)}
.process-step p{color:var(--muted)}
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{display:flex;gap:12px;margin:13px 0;color:#46556d}
.feature-list i{color:var(--green);font-size:1.15rem;margin-top:3px}
.founder-img{border-radius:28px;width:100%;max-height:720px;object-fit:cover;object-position:center top;box-shadow:var(--shadow)}
.quote-box{background:linear-gradient(135deg,#062458,#0b4fa8);color:#fff;border-radius:28px;padding:50px}
.quote-box h2{font-weight:900}
.quote-box p{color:rgba(255,255,255,.78)}
.contact-card{border:1px solid var(--border);border-radius:20px;padding:25px;height:100%;box-shadow:0 10px 35px rgba(9,40,95,.05)}
.contact-line{display:flex;gap:15px;margin:18px 0}
.contact-line i{color:var(--green);font-size:1.3rem;width:28px}
.map-wrap{height:100%;min-height:430px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}
.map-wrap iframe{width:100%;height:100%;border:0}
.form-control,.form-select{padding:13px 15px;border-radius:12px;border:1px solid #d5deea}
.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem rgba(24,139,36,.10)}
footer{background:#061b3f;color:#c9d4e5;padding:65px 0 25px}
footer h5{color:#fff;font-weight:850;margin-bottom:18px}
footer a{color:#c9d4e5}
footer a:hover{color:#7ad03b}
.footer-logo{height:58px;background:#fff;border-radius:10px;padding:5px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:.9rem}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-size:1.9rem;z-index:1050;box-shadow:0 12px 28px rgba(0,0,0,.2);animation:pulse 2s infinite}
.whatsapp-float:hover{color:#fff;transform:scale(1.05)}
@keyframes pulse{0%,100%{box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 0 0 rgba(37,211,102,.35)}50%{box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 0 12px rgba(37,211,102,0)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.show{opacity:1;transform:none}
.breadcrumb-wrap{padding-top:20px}
.breadcrumb a{color:#b9d0ee}
.badge-brand{background:#e9f7e9;color:#146d1d;padding:7px 10px;border-radius:999px;font-weight:800}
@media(max-width:991.98px){
  .navbar-brand img{height:48px}
  .navbar-collapse{background:#fff;padding:12px;border-radius:14px;margin-top:10px;box-shadow:var(--shadow)}
  .hero{padding:125px 0 70px}
  .trust-strip{margin-top:20px}
  .process:before{display:none}
}
@media(max-width:767.98px){
  .section-pad{padding:65px 0}
  .hero h1{font-size:2.55rem}
  .page-hero{padding:125px 0 60px}
  .page-hero h1{font-size:2.45rem}
  .quote-box{padding:32px 24px}
  .whatsapp-float{width:56px;height:56px;right:16px;bottom:16px;font-size:1.7rem}
}