*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f8fc;color:#162238;line-height:1.65}
a{text-decoration:none;color:inherit}
.site-header{background:#0b1426;position:sticky;top:0;z-index:10;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.navbar{width:94%;max-width:1280px;margin:auto;height:125px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:14px;color:white;font-weight:800;letter-spacing:1.5px;min-width:360px}
.brand img{width:340px;height:110px;object-fit:contain;border-radius:0}
.brand span{font-size:0}
.nav-links{display:flex;align-items:center;gap:26px;color:#d9e4f5;font-size:15px}
.nav-links a:hover{color:#3aa7ff}
.nav-btn{background:#2379e8;color:white!important;padding:10px 18px;border-radius:28px}
.hero{min-height:calc(100vh - 86px);background:center/cover no-repeat}
.home-hero{background-image:url("https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1700&q=80")}
.hero-overlay{min-height:calc(100vh - 86px);background:linear-gradient(90deg,rgba(8,18,38,.92),rgba(8,18,38,.66),rgba(8,18,38,.35));display:flex;align-items:center}
.hero-content{width:92%;max-width:1220px;margin:auto;color:white;max-width:780px}
.eyebrow{color:#2f9bff;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:800;margin-bottom:14px}
h1{font-size:58px;line-height:1.08;margin-bottom:22px}
h2{font-size:38px;line-height:1.18;margin-bottom:18px}
h3{font-size:22px;margin-bottom:10px}
p{color:#59677f}
.hero-content p:not(.eyebrow){font-size:19px;color:#d8e4f4;margin-bottom:30px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 26px;border-radius:34px;font-weight:800}
.primary{background:#2379e8;color:white}
.secondary{border:1px solid rgba(255,255,255,.8);color:white}
.section{width:92%;max-width:1220px;margin:auto;padding:88px 0}
.center{text-align:center}
.intro-grid,.split,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.feature-card,.contact-box,.contact-form,.solution-card{background:white;padding:36px;border-radius:24px;box-shadow:0 18px 55px rgba(18,41,80,.09)}
.rounded-img{width:100%;height:430px;object-fit:cover;border-radius:26px;box-shadow:0 22px 60px rgba(18,41,80,.16)}
.cards{display:grid;gap:24px;margin-top:42px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card{background:white;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(18,41,80,.09)}
.card img{width:100%;height:190px;object-fit:cover;display:block}
.card h3{padding:25px 24px 6px}
.card p{padding:0 24px 28px}
.cta{background:linear-gradient(135deg,#0b1426,#12376d);color:white;text-align:center;padding:76px 5%}
.cta h2{color:white}
.cta p{color:#cbd8ec;margin-bottom:26px}
.page-hero{height:430px;display:flex;align-items:center;background:center/cover no-repeat;position:relative;color:white}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,38,.92),rgba(8,18,38,.48))}
.page-hero>div{position:relative;width:92%;max-width:1220px;margin:auto}
.about-hero{background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1700&q=80")}
.services-hero{background-image:url("https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1700&q=80")}
.solutions-hero{background-image:url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1700&q=80")}
.contact-hero{background-image:url("https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1700&q=80")}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}
.value-grid div{background:white;border-radius:22px;padding:28px;box-shadow:0 18px 55px rgba(18,41,80,.09)}
.service-list{display:flex;flex-direction:column;gap:28px}
.service-item{display:grid;grid-template-columns:330px 1fr;gap:34px;background:white;padding:22px;border-radius:26px;box-shadow:0 18px 55px rgba(18,41,80,.09);align-items:center}
.service-item img{width:100%;height:220px;object-fit:cover;border-radius:20px}
.solution-card{min-height:210px}
.dark-panel{background:#0b1426;color:white;max-width:none;width:100%;padding:88px calc((100% - 1220px)/2)}
.dark-panel p{color:#cbd8ec}
.check-list{list-style:none;margin-top:22px}
.check-list li{margin-bottom:12px;color:#e8f0ff}
.check-list li:before{content:"✓";color:#2f9bff;font-weight:900;margin-right:10px}
.contact-details{margin-top:22px}
.contact-details p{margin-bottom:8px}
.contact-form{display:flex;flex-direction:column;gap:16px}
.contact-form input,.contact-form textarea,.contact-form select{padding:15px 16px;border:1px solid #d8e0ec;border-radius:13px;font-size:15px;background:white}
.contact-form textarea{height:150px;resize:none}
.contact-form button{background:#2379e8;color:white;border:0;padding:15px;border-radius:30px;font-weight:800;font-size:16px}
.footer{background:#0b1426;color:#cbd8ec;padding:32px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer p{color:#cbd8ec}
.footer strong{color:white}
@media(max-width:900px){
.nav-links{display:none}
h1{font-size:40px}
h2{font-size:30px}
.intro-grid,.split,.contact-grid,.service-item{grid-template-columns:1fr}
.cards.three,.cards.four,.value-grid{grid-template-columns:1fr 1fr}
.dark-panel{padding:70px 5%}
}
@media(max-width:600px){
.cards.three,.cards.four,.value-grid{grid-template-columns:1fr}
.brand span{font-size:0}
.brand img{width:340px;height:110px;object-fit:contain;border-radius:0}
.hero-actions{flex-direction:column}
.page-hero{height:360px}
}

.narrow{max-width:820px;margin:0 auto 32px}
.market-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:34px}
.market-grid div{background:white;border-radius:18px;padding:22px 14px;text-align:center;font-weight:800;color:#17345f;box-shadow:0 14px 40px rgba(18,41,80,.08);border:1px solid #e4ebf5}
@media(max-width:900px){.market-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.market-grid{grid-template-columns:1fr 1fr}}


@media(max-width:900px){
.brand img{width:340px;height:110px;object-fit:contain;border-radius:0}
}

@media(max-width:600px){
.brand img{width:340px;height:110px;object-fit:contain;border-radius:0}
}


/* Official SVG logo integration */
.brand{display:flex;align-items:center;gap:14px;color:white;font-weight:800;letter-spacing:1.5px;min-width:360px}

.brand img{width:340px;height:110px;object-fit:contain;border-radius:0}

@media(max-width:900px){
  .brand{display:flex;align-items:center;gap:14px;color:white;font-weight:800;letter-spacing:1.5px;min-width:360px}
  .brand img{width:340px;height:110px;object-fit:contain;border-radius:0}
}

@media(max-width:600px){
  .brand img{width:340px;height:110px;object-fit:contain;border-radius:0}
}


/* Final official white logo visibility */
.navbar{
  height:125px !important;
}

.brand{
  min-width:360px !important;
}

.brand img{
  width:340px !important;
  height:110px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  display:block !important;
}

@media(max-width:900px){
  .navbar{
    height:105px !important;
  }
  .brand{
    min-width:auto !important;
  }
  .brand img{
    width:260px !important;
    height:88px !important;
  }
}

@media(max-width:600px){
  .navbar{
    height:92px !important;
  }
  .brand img{
    width:210px !important;
    height:76px !important;
  }
}