body{background:#f8f9fa;font-family:Arial,sans-serif}#root{width:100%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#172b43;background:#f7faff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none}button{font-family:inherit}section{padding:100px 7%}.navbar{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;border-bottom:1px solid #e6edf5;justify-content:space-between;align-items:center;min-height:78px;padding:12px 6%;animation:.8s navbarIn;display:flex;position:sticky;top:0}.brand{color:#163b63;align-items:center;gap:12px;display:flex}.brand img{object-fit:contain;width:48px;height:48px}.brand h2{font-size:19px}.brand span{color:#6c7c8f;margin-top:3px;font-size:11px;display:block}.nav-links{gap:28px;display:flex}.nav-links a{color:#30445c;font-size:14px;font-weight:600;transition:all .3s}.nav-links a:hover{color:#2580ca}.hero{text-align:center;background:linear-gradient(135deg,#eaf5ff,#fff 50%,#edfaff);justify-content:center;align-items:center;min-height:680px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:3;max-width:950px;animation:1.1s heroSlide;position:relative}.eyebrow{color:#2781c8;letter-spacing:4px;margin-bottom:20px;font-size:12px;font-weight:700;animation:1.2s eyebrowFade}.hero-title{color:#143b62;font-size:clamp(42px,7vw,75px);line-height:1.05;overflow:hidden}.hero-line{animation:1s heroTextReveal;display:block}.hero-highlight{color:#2781c8;animation:1.2s heroTextReveal,3s ease-in-out infinite highlightGlow;display:block}.hero-text{color:#657589;max-width:680px;margin:25px auto;font-size:17px;line-height:1.8;animation:1.4s heroParagraph}.hero-buttons{justify-content:center;gap:15px;margin-top:32px;animation:1.6s heroButtons;display:flex}.main-btn,.outline-btn{border-radius:30px;padding:14px 28px;font-weight:700;transition:all .35s}.main-btn{color:#fff;background:#2781c8;box-shadow:0 10px 25px #2781c840}.outline-btn{color:#2781c8;background:#fff;border:1px solid #2781c8}.main-btn:hover,.outline-btn:hover{transform:translateY(-5px)}.hero-circle{border:1px solid #2781c826;border-radius:50%;animation:8s ease-in-out infinite circleMove;position:absolute}.circle-one{width:350px;height:350px;top:-120px;left:-130px}.circle-two{width:450px;height:450px;animation-delay:2s;bottom:-200px;right:-180px}.hero-shape{border:1px solid #2781c81a;border-radius:50%;position:absolute}.shape-one{width:180px;height:180px;animation:5s ease-in-out infinite shapeFloat;bottom:8%;left:8%}.shape-two{width:120px;height:120px;animation:6s ease-in-out infinite reverse shapeFloat;top:18%;right:10%}.section-heading{text-align:center;margin-bottom:55px;animation:.8s sectionHeadingIn}.section-heading p{color:#2781c8;letter-spacing:3px;margin-bottom:10px;font-size:12px;font-weight:700}.section-heading h2{color:#163b61;margin-bottom:12px;font-size:42px}.section-heading span{color:#718094}.about{background:#fff}.about-slider{align-items:center;gap:25px;max-width:1250px;margin:auto;display:flex}.about-slide{background:linear-gradient(145deg,#eef8ff,#fff);border:1px solid #e1edf7;border-radius:30px;flex:1;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px;min-height:430px;padding:45px;animation:.65s aboutSlideIn;display:grid;box-shadow:0 15px 40px #19416914}.about-logo-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.logo-circle{background:#fff;border:8px solid #e8f4fd;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;animation:4s ease-in-out infinite logoFloat;display:flex;box-shadow:0 15px 35px #1e5a8c1a}.logo-circle img{object-fit:contain;width:140px;height:140px}.about-logo-area h3{color:#183d63;margin-top:25px;font-size:23px}.about-logo-area p{color:#738297;margin-top:7px;font-size:14px}.about-slide-content{animation:.7s contentFade}.slide-label{color:#2781c8;letter-spacing:3px;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.about-slide-content h2{color:#173d63;margin-bottom:22px;font-size:38px}.about-text p{color:#667589;margin-bottom:15px;line-height:1.8}.slider-arrow{color:#2781c8;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;transition:all .3s;display:flex;box-shadow:0 8px 25px #1941691f}.slider-arrow:hover{color:#fff;background:#2781c8;transform:scale(1.08)}.slider-dots{justify-content:center;gap:8px;margin-top:30px;display:flex}.dot{cursor:pointer;background:#cbd9e7;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:all .3s}.dot.active{background:#2781c8;border-radius:10px;width:28px}.products{background:linear-gradient(#f5faff,#fff)}.product-slider{align-items:center;gap:25px;max-width:1350px;margin:auto;display:flex}.single-product{background:#fff;border:1px solid #e1eaf3;border-radius:30px;flex:1;grid-template-columns:.9fr 1.1fr;min-height:560px;animation:.7s productSlideIn;display:grid;overflow:hidden;box-shadow:0 18px 45px #143c6417}.product-image-area{background:linear-gradient(145deg,#eaf6ff,#f7fbff);justify-content:center;align-items:center;min-height:560px;padding:50px;display:flex;position:relative}.product-image-area img{object-fit:contain;max-width:88%;max-height:400px;transition:all .5s}.product-image-area img:hover{transform:scale(1.05)}.product-number{color:#9bb4ca;font-size:25px;font-weight:700;position:absolute;top:25px;left:30px}.product-number span{color:#c8d9e9;font-size:16px}.product-content{flex-direction:column;justify-content:center;padding:55px 50px;display:flex}.product-category{color:#2781c8;letter-spacing:2px;margin-bottom:12px;font-size:12px;font-weight:700}.product-content h2{color:#183d63;margin-bottom:15px;font-size:38px;line-height:1.2}.blue-line{background:#2781c8;border-radius:5px;width:55px;height:4px;margin-bottom:22px}.product-description{color:#667589;margin-bottom:30px;line-height:1.8}.product-information{grid-template-columns:1fr 1fr;gap:30px;display:grid}.information-column h3,.application-box h3{color:#183d63;margin-bottom:15px;font-size:18px}.information-column ul{flex-direction:column;gap:10px;list-style:none;display:flex}.information-column li{color:#667589;gap:8px;font-size:14px;line-height:1.5;display:flex}.information-column li span{color:#2781c8;font-weight:700}.application-box{background:#f3f9fe;border:1px solid #e1edf7;border-radius:15px;padding:20px}.application-box p{color:#667589;font-size:14px;line-height:1.7}.product-dots{flex-wrap:wrap;max-width:500px;margin-top:35px;margin-left:auto;margin-right:auto}.product-counter{text-align:center;flex-direction:column;gap:5px;margin-top:20px;display:flex}.product-counter span{color:#8495a8;text-transform:uppercase;letter-spacing:2px;font-size:12px}.product-counter strong{color:#183d63;font-size:16px}.certificates{background:#fff}.certificate-grid{grid-template-columns:1fr 1fr;gap:30px;max-width:950px;margin:auto;display:grid}.certificate-card{background:#f8fbff;border:1px solid #e0eaf3;border-radius:25px;align-items:center;gap:25px;padding:30px;transition:all .4s;display:flex}.certificate-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #143c641f}.certificate-icon{background:#edf6fd;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:42px;display:flex}.certificate-card h3{color:#183d63;margin-bottom:10px}.certificate-card p{color:#6b7b8e;margin-bottom:12px;line-height:1.6}.certificate-card a{color:#2781c8;font-size:14px;font-weight:700}.contact{background:linear-gradient(135deg,#edf7ff,#fff)}.contact-wrapper{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:55px;max-width:1150px;margin:auto;display:grid}.contact-logo img{object-fit:contain;width:80px;height:80px}.contact-info{padding:10px 0}.contact-info h3{color:#183d63;margin:15px 0;font-size:27px}.contact-info>p{color:#667589;margin-bottom:30px;line-height:1.8}.contact-item{flex-direction:column;gap:7px;margin-bottom:22px;display:flex}.contact-item strong{color:#2781c8}.contact-item span,.contact-item a{color:#637287;line-height:1.6}.contact-item a:hover{color:#2781c8}.contact-whatsapp{color:#fff;background:#25d366;border-radius:30px;align-items:center;gap:8px;margin-top:5px;padding:13px 22px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #25d36633}.contact-whatsapp:hover{transform:translateY(-4px);box-shadow:0 15px 30px #25d36640}.map-box{background:#fff;border:1px solid #dfebf5;border-radius:25px;padding:25px;animation:1s mapIn;box-shadow:0 15px 40px #193c641a}.map-heading{margin-bottom:18px}.map-heading span{color:#2781c8;letter-spacing:2px;font-size:11px;font-weight:700}.map-heading h3{color:#183d63;margin-top:6px;font-size:25px}.map-container{border:1px solid #e0eaf3;border-radius:18px;width:100%;height:350px;overflow:hidden}.map-container iframe{border:0;width:100%;height:100%}.map-button{color:#2781c8;margin-top:15px;font-size:14px;font-weight:700;transition:all .3s;display:inline-block}.map-button:hover{transform:translate(5px)}.footer{color:#fff;background:#142f4c;padding:55px 7% 0}.footer-inner{grid-template-columns:1.4fr .7fr 1fr;gap:60px;max-width:1200px;margin:auto;display:grid}.footer-brand{align-items:center;gap:15px;margin-bottom:18px;display:flex}.footer-brand img{object-fit:contain;background:#fff;border-radius:50%;flex-shrink:0;width:68px;height:68px;padding:8px;box-shadow:0 6px 18px #0000002e}.footer h3{color:#fff;margin-bottom:5px;font-size:18px}.footer-brand p{color:#aebfd0;font-size:12px}.footer-description{color:#b8c7d6;max-width:390px;font-size:14px;line-height:1.7}.footer-column{flex-direction:column;gap:12px;display:flex}.footer-column h4{color:#fff;margin-bottom:8px;font-size:16px}.footer-column a,.footer-column p{color:#b8c7d6;font-size:13px;line-height:1.7;transition:all .3s}.footer-column a:hover{color:#fff;transform:translate(3px)}.footer-contact p{max-width:300px}.footer-bottom{text-align:center;color:#aebdca;border-top:1px solid #ffffff1a;margin-top:45px;padding:18px;font-size:12px}@media (width<=900px){.footer-inner{grid-template-columns:1fr;gap:35px}.footer-description{max-width:100%}}@media (width<=600px){.footer{padding:45px 6% 0}.footer-brand{justify-content:flex-start}.footer-brand img{width:60px;height:60px;padding:7px}.footer h3{font-size:16px}}.whatsapp-button{color:#fff;z-index:2000;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:all .3s;animation:2s infinite whatsappPulse;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 25px #0003}.whatsapp-button img{object-fit:contain;width:32px;height:32px}.whatsapp-button:hover{transform:scale(1.1)}@keyframes navbarIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSlide{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes heroTextReveal{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes heroParagraph{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroButtons{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes eyebrowFade{0%{opacity:0;letter-spacing:8px}to{opacity:1;letter-spacing:4px}}@keyframes highlightGlow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sectionHeadingIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes aboutSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes productSlideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes contentFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mapIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes circleMove{0%,to{transform:translate(0)}50%{transform:translate(35px,25px)}}@keyframes shapeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes whatsappPulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}@media (width<=900px){.navbar{flex-direction:column;gap:12px;padding:14px 5%}.nav-links{flex-wrap:wrap;justify-content:center;gap:14px}.nav-links a{font-size:12px}section{padding:75px 5%}.hero{min-height:620px}.hero h1{font-size:43px}.hero-text{font-size:15px}.hero-buttons{flex-direction:column;align-items:center}.about-slider,.product-slider{gap:10px}.about-slide{text-align:center;grid-template-columns:1fr;gap:30px;padding:35px 25px}.about-slide-content h2{font-size:30px}.about-text{text-align:left}.logo-circle{width:160px;height:160px}.logo-circle img{width:110px;height:110px}.slider-arrow{width:44px;height:44px;font-size:21px}.single-product{grid-template-columns:1fr;min-height:auto}.product-image-area{min-height:330px;padding:35px}.product-image-area img{max-height:260px}.product-content{padding:35px 25px}.product-content h2{font-size:30px}.product-information{grid-template-columns:1fr;gap:20px}.certificate-grid{grid-template-columns:1fr}.contact-wrapper{grid-template-columns:1fr;gap:35px}.map-container{height:300px}.footer-inner{text-align:center;grid-template-columns:1fr;gap:35px}.footer-brand{justify-content:center}.footer-description{margin:auto}.footer-column{align-items:center}.footer-contact p{max-width:450px}}@media (width<=600px){.brand h2{font-size:16px}.brand span{font-size:9px}.nav-links{gap:10px}.nav-links a{font-size:11px}.section-heading h2{font-size:32px}.hero h1{font-size:38px}.hero-circle,.hero-shape{display:none}.about-slider,.product-slider{position:relative}.about-slide,.single-product{width:100%}.left-arrow,.product-arrow-left{z-index:10;position:absolute;left:-8px}.right-arrow,.product-arrow-right{z-index:10;position:absolute;right:-8px}.about-slide{padding:30px 35px}.product-content{padding:30px 25px}.certificate-card{text-align:center;flex-direction:column}.map-box{padding:18px}.map-container{height:270px}.contact-whatsapp{font-size:13px}.whatsapp-button{width:52px;height:52px;bottom:16px;right:16px}}