@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--primary-navy:#0b192c;--primary-blue:#1e3e62;--accent-cyan:#0088ff;--accent-glow:#00d2fe;--accent-teal:#00c6ff;--dark-surface:#0f172a;--card-dark:#1e293b;--light-bg:#f8fafc;--light-surface:#ffffff;--text-dark:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--border-dark:rgba(255,255,255,0.15);--gradient-primary:linear-gradient(135deg,#0b192c 0%,#1e3e62 100%);--gradient-accent:linear-gradient(135deg,#0088ff 0%,#00d2fe 100%);--gradient-dark:linear-gradient(180deg,#0b192c 0%,#0f172a 100%);--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%);--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 10px 25px -5px rgba(11,25,44,0.08),0 8px 10px -6px rgba(11,25,44,0.04);--shadow-lg:0 20px 35px -10px rgba(0,136,255,0.15),0 10px 15px -5px rgba(11,25,44,0.1);--shadow-glow:0 0 30px rgba(0,136,255,0.3);--glass-border:1px solid rgba(255,255,255,0.2);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:'Inter',sans-serif;color:var(--text-dark);background-color:var(--light-bg);line-height:1.6;overflow-x:hidden;}h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;font-weight:700;line-height:1.25;color:var(--primary-navy);}a{text-decoration:none;color:inherit;transition:var(--transition-fast);}img{max-width:100%;height:auto;display:block;}ul{list-style:none;}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.section-tag{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 1rem;background:rgba(0,136,255,0.08);border:1px solid rgba(0,136,255,0.2);border-radius:var(--radius-full);color:var(--accent-cyan);font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;}.section-tag i{font-size:0.8rem;}.section-title{font-size:2.5rem;margin-bottom:1rem;letter-spacing:-0.5px;}@media (max-width:768px){.section-title{font-size:2rem;}}.section-subtitle{color:var(--text-muted);font-size:1.125rem;max-width:680px;margin:0 auto 3rem auto;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;padding:0.85rem 1.8rem;font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;border-radius:var(--radius-md);cursor:pointer;border:none;transition:var(--transition-normal);white-space:nowrap;}.btn-primary{background:var(--gradient-accent);color:#ffffff;box-shadow:0 4px 15px rgba(0,136,255,0.3);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,136,255,0.45);color:#ffffff;}.btn-secondary{background:var(--primary-navy);color:#ffffff;}.btn-secondary:hover{background:var(--primary-blue);transform:translateY(-2px);color:#ffffff;}.btn-outline{background:transparent;color:var(--primary-navy);border:2px solid var(--border-light);}.btn-outline:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(0,136,255,0.04);}.topbar{background:var(--primary-navy);color:rgba(255,255,255,0.85);font-size:0.85rem;padding:0.5rem 0;border-bottom:1px solid var(--border-dark);}.topbar-content{display:flex;justify-content:space-between;align-items:center;}.topbar-info{display:flex;align-items:center;gap:1.8rem;}.topbar-item{display:flex;align-items:center;gap:0.5rem;}.topbar-item i{color:var(--accent-cyan);}.topbar-social{display:flex;align-items:center;gap:1rem;}.topbar-social a{color:rgba(255,255,255,0.7);width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:0.8rem;}.topbar-social a:hover{background:var(--accent-cyan);color:#ffffff;transform:translateY(-2px);}.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,0.8);box-shadow:var(--shadow-sm);transition:var(--transition-normal);}.navbar{display:flex;align-items:center;justify-content:space-between;height:84px;}.logo-link{display:flex;align-items:center;gap:0.75rem;}.logo-img{height:48px;width:auto;object-fit:contain;}.nav-menu{display:flex;align-items:center;gap:2rem;}.nav-item{position:relative;}.nav-link{font-family:'Outfit',sans-serif;font-weight:600;font-size:0.98rem;color:var(--primary-navy);padding:1rem 0;display:flex;align-items:center;gap:0.4rem;position:relative;}.nav-link i.fa-chevron-down{font-size:0.75rem;transition:transform 0.3s ease;color:var(--text-muted);}.nav-link:hover,.nav-link.active{color:var(--accent-cyan);}.nav-item:hover .nav-link i.fa-chevron-down{transform:rotate(180deg);color:var(--accent-cyan);}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(15px);width:360px;background:#ffffff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);padding:0.8rem;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1100;}.dropdown-menu::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:#ffffff;border-left:1px solid var(--border-light);border-top:1px solid var(--border-light);}.nav-item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}.dropdown-item{display:flex;align-items:flex-start;gap:0.85rem;padding:0.75rem 0.9rem;border-radius:var(--radius-sm);transition:var(--transition-fast);}.dropdown-item:hover{background:rgba(0,136,255,0.06);transform:translateX(4px);}.dropdown-icon{width:36px;height:36px;border-radius:8px;background:rgba(0,136,255,0.1);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}.dropdown-item:hover .dropdown-icon{background:var(--accent-cyan);color:#ffffff;}.dropdown-text{display:flex;flex-direction:column;}.dropdown-title{font-family:'Outfit',sans-serif;font-weight:600;font-size:0.92rem;color:var(--primary-navy);line-height:1.3;}.dropdown-desc{font-size:0.78rem;color:var(--text-muted);margin-top:2px;}.mobile-toggle{display:none;background:transparent;border:none;font-size:1.5rem;color:var(--primary-navy);cursor:pointer;}@media (max-width:992px){.topbar{display:none;}.mobile-toggle{display:block;}.nav-menu{position:fixed;top:84px;left:0;width:100%;height:calc(100vh - 84px);background:#ffffff;flex-direction:column;align-items:flex-start;padding:1.5rem;gap:0;overflow-y:auto;transform:translateX(-100%);transition:transform 0.3s ease-in-out;}.nav-menu.active{transform:translateX(0);}.nav-item{width:100%;border-bottom:1px solid var(--border-light);}.nav-link{width:100%;justify-content:space-between;padding:1rem 0;}.dropdown-menu{position:static;transform:none;width:100%;box-shadow:none;border:none;opacity:1;visibility:visible;display:none;padding-left:1rem;background:#f8fafc;}.dropdown-menu::before{display:none;}.nav-item.dropdown.open .dropdown-menu{display:block;}}.hero-slider-container{position:relative;width:100%;min-height:620px;background:var(--primary-navy);overflow:hidden;}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.8s ease-in-out,visibility 0.8s ease-in-out;display:flex;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;}.hero-slide::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(11,25,44,0.94) 0%,rgba(11,25,44,0.85) 50%,rgba(15,23,42,0.65) 100%);z-index:1;}.hero-slide.active{opacity:1;visibility:visible;position:relative;min-height:620px;}.slide-content-wrapper{position:relative;z-index:2;color:#ffffff;padding:5rem 0;}.slide-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:3rem;align-items:center;}.slide-badge{display:inline-flex;align-items:center;gap:0.6rem;padding:0.4rem 1.2rem;background:rgba(0,136,255,0.2);border:1px solid rgba(0,210,254,0.4);border-radius:var(--radius-full);color:var(--accent-glow);font-size:0.9rem;font-weight:600;margin-bottom:1.5rem;}.slide-title{font-size:3.25rem;font-weight:800;color:#ffffff;line-height:1.15;margin-bottom:1.25rem;transform:translateY(20px);opacity:0;transition:all 0.6s ease 0.2s;}.hero-slide.active .slide-title{transform:translateY(0);opacity:1;}.slide-description{font-size:1.15rem;color:rgba(255,255,255,0.88);margin-bottom:2.2rem;max-width:600px;transform:translateY(20px);opacity:0;transition:all 0.6s ease 0.4s;}.hero-slide.active .slide-description{transform:translateY(0);opacity:1;}.slide-btns{display:flex;gap:1rem;flex-wrap:wrap;transform:translateY(20px);opacity:0;transition:all 0.6s ease 0.6s;}.hero-slide.active .slide-btns{transform:translateY(0);opacity:1;}.slide-img-box{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:2px solid rgba(255,255,255,0.2);height:420px;}.slide-img-box img{width:100%;height:100%;object-fit:cover;}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);color:#ffffff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);}.slider-arrow:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 20px rgba(0,136,255,0.5);}.slider-prev{left:25px;}.slider-next{right:25px;}.slider-dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:0.75rem;}.dot{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,0.35);border:2px solid transparent;cursor:pointer;transition:var(--transition-fast);}.dot.active{width:38px;border-radius:var(--radius-full);background:var(--gradient-accent);border-color:rgba(255,255,255,0.8);}@media (max-width:992px){.slide-grid{grid-template-columns:1fr;}.slide-title{font-size:2.2rem;}.slide-img-box{display:none;}.slider-arrow{display:none;}}.page-banner{position:relative;padding:5.5rem 0;color:#ffffff;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}.page-banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(11,25,44,0.90) 0%,rgba(30,62,98,0.85) 100%);z-index:1;}.page-banner .container{position:relative;z-index:2;}.page-banner-title{font-size:3rem;color:#ffffff;margin-top:0.5rem;letter-spacing:-0.5px;}.page-banner-subtitle{color:rgba(255,255,255,0.9);max-width:680px;margin:1rem auto 0 auto;font-size:1.125rem;line-height:1.6;}@media (max-width:768px){.page-banner-title{font-size:2.2rem;}}.stats-banner{background:#ffffff;padding:3rem 0;border-bottom:1px solid var(--border-light);margin-top:-30px;position:relative;z-index:10;border-radius:var(--radius-md);box-shadow:var(--shadow-md);}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center;}.stat-box{padding:1rem;border-right:1px solid var(--border-light);}.stat-box:last-child{border-right:none;}.stat-number{font-size:2.75rem;font-weight:800;color:var(--primary-navy);font-family:'Outfit',sans-serif;margin-bottom:0.3rem;}.stat-label{color:var(--text-muted);font-weight:500;font-size:0.95rem;}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);}.stat-box{border-right:none;border-bottom:1px solid var(--border-light);padding-bottom:1.5rem;}}.services-section{padding:6rem 0;background:var(--light-bg);}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;}.service-card{background:#ffffff;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-normal);display:flex;flex-direction:column;}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(0,136,255,0.3);}.service-img-holder{position:relative;height:220px;overflow:hidden;}.service-img-holder img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.service-card:hover .service-img-holder img{transform:scale(1.08);}.service-category-badge{position:absolute;top:15px;left:15px;background:rgba(11,25,44,0.85);backdrop-filter:blur(8px);color:var(--accent-glow);padding:0.3rem 0.8rem;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase;}.service-content{padding:1.8rem;display:flex;flex-direction:column;flex-grow:1;}.service-icon-wrap{width:48px;height:48px;border-radius:12px;background:rgba(0,136,255,0.1);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:1rem;}.service-title{font-size:1.25rem;margin-bottom:0.75rem;color:var(--primary-navy);}.service-desc{color:var(--text-muted);font-size:0.95rem;line-height:1.5;margin-bottom:1.5rem;flex-grow:1;}.service-link{display:inline-flex;align-items:center;gap:0.5rem;font-family:'Outfit',sans-serif;font-weight:600;color:var(--accent-cyan);font-size:0.95rem;}.service-link i{transition:transform 0.2s ease;}.service-link:hover i{transform:translateX(4px);}.about-section{padding:6rem 0;background:#ffffff;}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}.about-images-wrapper{position:relative;}.about-main-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:88%;}.about-sub-img{position:absolute;bottom:-30px;right:0;width:55%;border-radius:var(--radius-md);border:6px solid #ffffff;box-shadow:var(--shadow-lg);}.about-feature-box{display:flex;gap:1rem;margin-top:1.5rem;}.about-feature-icon{width:44px;height:44px;border-radius:50%;background:rgba(0,136,255,0.1);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}@media (max-width:992px){.about-grid{grid-template-columns:1fr;}}.products-section{padding:6rem 0;background:var(--light-bg);}.filter-tabs{display:flex;justify-content:center;gap:0.75rem;flex-wrap:wrap;margin-bottom:3rem;}.tab-btn{padding:0.6rem 1.4rem;border-radius:var(--radius-full);background:#ffffff;border:1px solid var(--border-light);font-family:'Outfit',sans-serif;font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);}.tab-btn:hover,.tab-btn.active{background:var(--gradient-accent);color:#ffffff;border-color:transparent;box-shadow:0 4px 15px rgba(0,136,255,0.25);}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;}.product-card{background:#ffffff;border-radius:var(--radius-md);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal);}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}.product-img-box{height:200px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;}.product-img-box img{max-height:100%;object-fit:contain;}.product-info{padding:1.25rem;}.product-tag{font-size:0.75rem;text-transform:uppercase;color:var(--accent-cyan);font-weight:700;letter-spacing:0.5px;}.product-name{font-size:1.1rem;margin:0.4rem 0 0.8rem 0;color:var(--primary-navy);}.careers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;}.job-card{background:#ffffff;padding:2rem;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-normal);}.job-card:hover{transform:translateY(-5px);border-color:var(--accent-cyan);box-shadow:var(--shadow-md);}.job-type{display:inline-block;padding:0.2rem 0.6rem;background:rgba(0,136,255,0.1);color:var(--accent-cyan);border-radius:4px;font-size:0.8rem;font-weight:600;margin-bottom:0.75rem;}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(11,25,44,0.75);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:var(--transition-normal);}.modal-overlay.active{opacity:1;visibility:visible;}.modal-box{background:#ffffff;width:90%;max-width:600px;border-radius:var(--radius-lg);padding:2.5rem;position:relative;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);}.contact-section{padding:6rem 0;}.contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:3rem;}.contact-info-card{background:var(--gradient-navy,linear-gradient(135deg,#0b192c 0%,#163b70 100%));color:#ffffff;padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);}.contact-item{display:flex;gap:1.25rem;margin-bottom:2rem;}.contact-icon{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,0.1);color:var(--accent-glow);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}.contact-form-card{background:#ffffff;padding:3rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);}.form-group{margin-bottom:1.5rem;}.form-label{display:block;font-family:'Outfit',sans-serif;font-weight:600;margin-bottom:0.5rem;color:var(--primary-navy);}.form-control{width:100%;padding:0.85rem 1.1rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:'Inter',sans-serif;font-size:0.95rem;transition:var(--transition-fast);}.form-control:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(0,136,255,0.15);}@media (max-width:992px){.contact-grid{grid-template-columns:1fr;}}.footer{background:var(--primary-navy);color:rgba(255,255,255,0.75);padding:5rem 0 2rem 0;position:relative;border-top:1px solid rgba(255,255,255,0.1);}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:4rem;}.footer-logo-img{height:48px;width:auto;margin-bottom:1.25rem;filter:brightness(0) invert(1);}.footer-title{color:#ffffff;font-size:1.2rem;margin-bottom:1.5rem;position:relative;padding-bottom:0.6rem;}.footer-title::after{content:'';position:absolute;bottom:0;left:0;width:35px;height:3px;background:var(--accent-cyan);border-radius:2px;}.footer-links li{margin-bottom:0.75rem;}.footer-links a{color:rgba(255,255,255,0.75);transition:var(--transition-fast);}.footer-links a:hover{color:var(--accent-cyan);padding-left:5px;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:0.88rem;}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;gap:1rem;text-align:center;}}.toast-msg{position:fixed;bottom:30px;right:30px;background:var(--primary-navy);color:#ffffff;padding:1rem 1.8rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--accent-cyan);display:flex;align-items:center;gap:0.75rem;transform:translateY(100px);opacity:0;transition:all 0.3s ease;z-index:3000;}.toast-msg.show{transform:translateY(0);opacity:1;}