@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
    --blue:#0b477a;
    --blue2:#06365f;
    --teal:#10a9a1;
    --text:#17324d;
    --muted:#687789;
    --light:#f3f9fc;
}
*{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--text);line-height:1.7}
.topbar{background:var(--blue2);color:#fff;font-size:13px;padding:7px 0}
.topbar a{color:#fff;text-decoration:none;margin-left:20px;opacity:.9}
.navbar{padding:12px 0}
.navbar-brand{display:flex;align-items:center;gap:10px;color:var(--blue2);line-height:1}
.navbar-brand strong,.footer-brand strong{font-size:25px;letter-spacing:1.5px;display:block}
.navbar-brand small,.footer-brand small{font-size:9px;letter-spacing:4px;color:var(--teal);display:block;margin-top:4px}
.brand-mark{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--teal));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:23px}
.nav-link{font-weight:600;color:#23415d!important;margin:0 5px}
.nav-link:hover,.nav-link.active{color:var(--teal)!important}
.btn-brand{background:var(--teal);border:0;color:#fff;border-radius:7px;font-weight:600}
.btn-brand:hover{background:#078c86;color:#fff}
.btn-dark-blue{background:var(--blue);color:#fff;border:0;border-radius:7px;font-weight:600}
.btn-dark-blue:hover{background:var(--blue2);color:#fff}
.hero-section{min-height:650px;display:flex;align-items:center;position:relative;background:url('https://images.unsplash.com/photo-1576671081837-49000212a370?auto=format&fit=crop&w=1900&q=85') center/cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,42,75,.93) 0%,rgba(5,57,95,.78) 47%,rgba(5,57,95,.15) 100%)}
.min-vh-75{min-height:650px}
.hero-badge{display:inline-block;background:rgba(16,169,161,.18);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50px;padding:8px 17px;font-size:13px;font-weight:600;margin-bottom:22px}
.hero-section h1{color:#fff;font-size:clamp(42px,5.5vw,74px);font-weight:800;line-height:1.06;margin-bottom:22px}
.hero-section h1 span{color:#74e3dc}.hero-section h1 strong{color:#b8fff9}
.hero-section p{color:#e7f1f8;max-width:650px;font-size:18px;margin-bottom:30px}
.trust-strip{background:#fff;box-shadow:0 4px 25px rgba(0,0,0,.07);position:relative;z-index:2}
.trust-item{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px 8px;border-right:1px solid #e5edf2;font-size:12px;font-weight:700;color:var(--blue)}
.trust-item i{font-size:27px;color:var(--teal)}
.section-padding{padding:90px 0}.section-label{color:var(--teal);font-weight:800;font-size:12px;letter-spacing:2px}
.section-title{font-weight:800;color:var(--blue2);font-size:clamp(30px,4vw,45px);line-height:1.15;margin:12px 0 20px}
.section-title span{color:var(--teal)}
.about-image{position:relative}.about-image img{width:100%;height:460px;object-fit:cover;border-radius:25px}
.experience-card{position:absolute;bottom:25px;left:-25px;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:0 10px 35px rgba(0,0,0,.14);display:flex;flex-direction:column}
.experience-card i{color:var(--teal);font-size:27px}.experience-card strong{color:var(--blue2)}.experience-card small{color:var(--muted)}
.mini-feature{display:flex;gap:8px;align-items:center;font-weight:600;font-size:14px}.mini-feature i{color:var(--teal)}
.bg-light-blue{background:var(--light)}
.section-heading{max-width:750px;margin:auto}.section-heading p{color:var(--muted)}
.product-card{background:#fff;border:1px solid #e2edf3;border-radius:16px;padding:30px;transition:.3s;height:100%;box-shadow:0 3px 15px rgba(10,50,80,.03)}
.product-card:hover{transform:translateY(-7px);box-shadow:0 15px 35px rgba(10,50,80,.10);border-color:#bde8e5}
.product-icon{width:62px;height:62px;border-radius:15px;background:#e7f8f7;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:22px}
.product-card h4{font-weight:800;color:var(--blue2)}.product-card p{color:var(--muted);font-size:14px}.product-card a{color:var(--teal);font-weight:700;text-decoration:none}
.manufacturing-points{margin-top:30px}.manufacturing-points>div{display:flex;gap:15px;margin-bottom:22px}.manufacturing-points i{font-size:26px;color:var(--teal)}.manufacturing-points strong,.manufacturing-points small{display:block}.manufacturing-points small{color:var(--muted)}
.stats-section{padding:70px 0;background:linear-gradient(110deg,var(--blue2),var(--blue));color:#fff}
.stat{border-right:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center}.stat i{font-size:28px;color:#7de4df;margin-bottom:8px}.stat strong{font-size:38px}.stat span{opacity:.8;font-size:14px}
.rnd-box{background:#fff;padding:35px;border-radius:20px;border-left:5px solid var(--teal);box-shadow:0 10px 30px rgba(0,0,0,.06)}.rnd-box>i{font-size:45px;color:var(--teal)}.rnd-box h4{margin-top:10px;font-weight:800;color:var(--blue2)}.rnd-box p{color:var(--muted)}
.cta-section{padding:80px 20px;background:linear-gradient(110deg,#087c82,#0b477a);color:#fff}.cta-section span{font-size:12px;font-weight:800;letter-spacing:2px;color:#8df0ea}.cta-section h2{font-weight:800;font-size:40px;margin:10px 0}.cta-section p{opacity:.9;margin-bottom:25px}
.contact-info{display:flex;gap:15px;margin:24px 0}.contact-info>i{font-size:23px;color:var(--teal)}.contact-info strong,.contact-info span{display:block}.contact-info span{color:var(--muted)}
.contact-form{background:#f8fbfd;padding:30px;border-radius:18px}.form-control{border:1px solid #dbe6ed;padding:13px 15px;border-radius:8px}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 .2rem rgba(16,169,161,.12)}
footer{background:#062f52;color:#c8d9e5;padding:65px 0 25px}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff}.footer-brand strong{font-size:24px}.footer-text{color:#9db4c6}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.socials a:hover{background:var(--teal)}
footer h6{color:#fff;font-weight:700;margin-bottom:18px}footer a{display:block;color:#a9bfce;text-decoration:none;font-size:14px;margin:8px 0}footer a:hover{color:#72e5df}.footer-contact{font-size:14px;color:#a9bfce}.footer-contact i{color:#72e5df;margin-right:8px}.footer-bottom{color:#86a2b5}
.toast-msg{position:fixed;right:25px;bottom:25px;background:#06365f;color:#fff;padding:14px 20px;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.2);display:none;z-index:9999}
@media(max-width:991px){.navbar-collapse{padding:15px 0}.hero-section,.min-vh-75{min-height:570px}.hero-section h1{font-size:50px}.trust-item{border-bottom:1px solid #e5edf2}.stat{border-right:0}.about-image img{height:360px}.experience-card{left:15px}}
@media(max-width:575px){.section-padding{padding:65px 0}.hero-section h1{font-size:42px}.hero-section p{font-size:16px}.hero-section{min-height:600px}.min-vh-75{min-height:600px}.cta-section h2{font-size:30px}.about-image img{height:300px}.trust-item{font-size:11px}}