@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#111827;--muted:#667085;--blue:#0a5ea8;--blue2:#083d70;--yellow:#f6b91a;--line:#e7ebf0;--soft:#f5f8fb;--white:#fff;--dark:#071522;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.7}.site-shell{overflow:hidden}a{color:var(--blue);text-decoration:none;transition:.2s}a:hover{text-decoration:none;color:#063d6f}.topline{background:var(--dark);color:#c9d5df;font-size:13px}.topline a{color:#fff}.topline-inner{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.topline i{color:var(--yellow);margin-right:5px}.site-header{position:relative;background:#fff;z-index:100;box-shadow:0 4px 20px rgba(8,30,50,.07)}.main-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between}.brand img{max-width:190px;max-height:64px;object-fit:contain}.nav-links{margin:0;display:flex;align-items:center;gap:4px;list-style:none}.nav-links>li{position:relative}.nav-links>li>a{display:block;padding:30px 15px;color:#172334;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.nav-links>li>a:hover{color:var(--blue)}.nav-links .nav-cta{background:var(--blue);color:#fff;border-radius:8px;padding:12px 18px;margin-left:8px}.nav-links .nav-cta:hover{background:var(--blue2);color:#fff}.dropdown-menu-custom{display:none;position:absolute;top:100%;left:0;min-width:245px;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;padding:10px;box-shadow:0 18px 45px rgba(8,30,50,.15);list-style:none}.has-menu:hover>.dropdown-menu-custom{display:block}.dropdown-menu-custom a{display:block;padding:9px 12px;color:#344054;font-size:14px;border-radius:7px}.dropdown-menu-custom a:hover{background:var(--soft);color:var(--blue)}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span{display:block;width:25px;height:2px;background:#172334;margin:5px}.page-hero{position:relative;padding:105px 0 85px;background:linear-gradient(110deg,rgba(5,25,40,.92),rgba(8,73,126,.72)),url('../images/home_banner4.jpg') center/cover no-repeat;color:#fff}.page-hero .eyebrow{color:var(--yellow);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px}.page-hero h1{font-family:Manrope,sans-serif;font-size:48px;line-height:1.08;margin:10px 0 14px;font-weight:800}.page-hero p{max-width:700px;color:#dce7f1;margin:0;font-size:17px}.breadcrumb-custom{margin-top:24px;font-size:13px;color:#b9c7d4}.breadcrumb-custom a{color:#fff}.section{padding:80px 0}.section-sm{padding:55px 0}.section-head{margin-bottom:38px}.section-head .eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.section-head h2{font-family:Manrope,sans-serif;font-size:38px;line-height:1.15;margin:7px 0 10px;font-weight:800}.section-head p{color:var(--muted);max-width:700px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 35px rgba(17,24,39,.06);height:100%}.card-img{height:235px;width:100%;object-fit:cover}.card-body{padding:25px}.card h3{font-family:Manrope,sans-serif;font-size:21px;margin:0 0 9px}.card p{color:var(--muted);font-size:14px}.btn-main{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:9px;background:var(--blue);color:#fff;font-weight:700;border:0}.btn-main:hover{background:var(--blue2);color:#fff}.btn-outline{padding:12px 19px;border:1px solid #b8c4d0;border-radius:9px;color:#172334;font-weight:700}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.split img{width:100%;border-radius:20px;max-height:520px;object-fit:cover}.check-list{padding:0;margin:25px 0;list-style:none}.check-list li{padding:9px 0;color:#475467}.check-list i{color:var(--blue);margin-right:10px}.stat-strip{background:var(--blue2);color:#fff;padding:32px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat strong{font:800 34px Manrope;display:block;color:#fff}.stat span{font-size:13px;color:#c8d8e8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px;background:var(--soft);border-radius:16px;border:1px solid #e8eef4}.feature i{font-size:27px;color:var(--blue);margin-bottom:15px}.feature h3{font-size:18px;font-family:Manrope;margin:0 0 7px}.feature p{color:var(--muted);font-size:14px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s;height:100%;box-shadow:0 8px 25px rgba(15,23,42,.04)}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(15,23,42,.10)}.product-card img{width:100%;height:245px;object-fit:cover}.product-card .inside{padding:22px}.product-card h3{font-family:Manrope;margin:0 0 7px;font-size:20px}.product-card p{color:var(--muted);font-size:14px;min-height:50px}.detail-layout{display:grid;grid-template-columns:260px 1fr;gap:45px}.side-nav{position:sticky;top:105px;align-self:start;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:10px}.side-nav a{display:block;padding:11px 13px;color:#344054;border-radius:9px;font-size:14px;font-weight:600}.side-nav a:hover,.side-nav a.active{background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(0,0,0,.05)}.detail-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:start}.detail-intro>img{width:100%;height:390px;object-fit:cover;border-radius:18px}.detail-copy h2{font:800 34px/1.15 Manrope;margin:0 0 14px}.detail-copy p{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.gallery img{width:100%;height:210px;object-fit:cover;border-radius:12px;background:#f3f5f7}.cta-band{padding:60px 0;background:linear-gradient(110deg,var(--blue2),var(--blue));color:#fff}.cta-band h2{font:800 34px Manrope;margin:0 0 7px}.cta-band p{color:#d9e7f3;margin:0 0 20px}.cta-band .btn-main{background:var(--yellow);color:#111}.customers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.customer{padding:19px 22px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:700;color:#344054}.customer:before{content:'✓';color:var(--blue);margin-right:10px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.contact-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}.contact-card h3{font:800 22px Manrope;margin:0 0 15px}.contact-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}.contact-item i{width:40px;height:40px;display:grid;place-items:center;background:#edf5fc;border-radius:10px;color:var(--blue)}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d7dee7;border-radius:9px;padding:13px 14px;margin-bottom:14px;outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.team-card{text-align:center;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.team-card img{width:130px;height:130px;object-fit:cover;border-radius:50%;margin:auto}.team-card h3{font:700 18px Manrope;margin:15px 0 3px}.team-card p{color:var(--muted);font-size:13px}.site-footer{background:#071522;color:#aebdca;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:50px}.footer-logo{max-width:190px;max-height:60px;object-fit:contain;margin-bottom:15px}.site-footer h4{color:#fff;font:700 16px Manrope;margin:0 0 17px}.site-footer p,.site-footer li{font-size:13px;line-height:1.8}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:5px}.site-footer a{color:#b8c7d4}.site-footer a:hover{color:#fff}.footer-social a{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #314452;border-radius:50%}.footer-bottom{border-top:1px solid #223541;padding:18px 0;font-size:12px}.footer-bottom .container{display:flex;justify-content:space-between}.floating-enquire{position:fixed;right:20px;bottom:20px;z-index:99;background:var(--yellow);color:#111;padding:11px 16px;border-radius:30px;box-shadow:0 10px 25px rgba(0,0,0,.2);font-weight:800}.floating-enquire i{margin-right:7px}.legacy-content{color:#475467}.legacy-content p{margin-bottom:18px}.media-panel{border-radius:20px;overflow:hidden;background:#f2f5f7}.media-panel img{width:100%;max-height:520px;object-fit:cover}.notice{padding:20px;background:#f5f8fb;border-left:4px solid var(--blue);border-radius:10px;margin:25px 0;color:#475467}.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.partner-grid img{width:100%;height:100px;object-fit:contain;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}@media(max-width:991px){.nav-toggle{display:block}.nav-links{display:block}.navbar-collapse{border-top:1px solid var(--line)}.nav-links>li>a{padding:12px 4px}.nav-links .nav-cta{display:inline-block;margin:8px 0}.dropdown-menu-custom{position:static;box-shadow:none;border:0;display:block;padding-left:15px}.split,.detail-intro,.contact-grid{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.side-nav{position:static}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topline-inner{display:block;text-align:center}.topline-inner span{display:block;margin:3px 0}.brand img{max-width:155px}.page-hero{padding:70px 0}.page-hero h1{font-size:35px}.section{padding:55px 0}.section-head h2{font-size:30px}.stats,.product-grid,.feature-grid,.customers-grid,.team-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:155px}.footer-grid{grid-template-columns:1fr}.footer-bottom .container{display:block}.footer-bottom span{display:block;margin-top:6px}.detail-intro>img{height:280px}.floating-enquire{right:12px;bottom:12px}}