.navbar-header{background-color:var(--white);width:100%;box-shadow:var(--shadow-sm);z-index:1000;align-items:center;height:100px;display:flex;position:sticky;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;height:auto;display:flex}.point{color:red}.navbar-logo{color:var(--primary);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.logo-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:140px;height:90px;display:flex}.logo-highlight{color:var(--primary)}.navbar-nav{align-items:center;gap:40px;display:flex}.nav-list{align-items:center;gap:32px;display:flex}.nav-link{color:var(--dark-text);transition:var(--transition);padding:6px 0;font-size:1rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--secondary)}.nav-link.active:after{content:"";background-color:var(--secondary);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.navbar-action-desktop{align-items:center;display:flex}.navbar-action-mobile{display:none}.hamburger-btn{color:var(--dark-text);cursor:pointer;background:0 0;border:none;padding:4px;display:none}@media (width<=968px){.hamburger-btn{display:block}.navbar-action-desktop{display:none}.navbar-nav{background-color:var(--white);border-top:1px solid var(--border-color);opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;width:100%;padding:24px;transition:all .3s ease-in-out;position:fixed;top:100px;left:0;transform:translateY(-150%);box-shadow:0 10px 15px #0000000d}.navbar-nav.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-list{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.nav-link{width:100%;padding:8px 0;font-size:1.1rem}.navbar-action-mobile{border-top:1px solid var(--border-color);width:100%;margin-top:20px;padding-top:20px;display:block}.navbar-action-mobile .quote-btn{width:100%}}.footer{color:var(--white);background-color:#0b2238;padding-top:60px}.footer-container{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1.5fr;gap:40px;padding-bottom:50px;display:grid}.footer-brand-col{flex-direction:column;gap:16px;display:flex}.footer-logo{color:var(--white);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.logo{object-fit:contain;width:55px;height:55px}.footer-logo-icon{background-color:var(--secondary);border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.footer-logo .highlight{color:var(--secondary)}.footer-desc{color:#cbd5e1;max-width:380px;font-size:.95rem;line-height:1.6}.footer-heading{color:var(--white);letter-spacing:.5px;margin-bottom:20px;font-size:1.1rem;font-weight:600}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:#cbd5e1;transition:var(--transition);font-size:.95rem}.footer-links a:hover{color:var(--secondary);padding-left:4px}.footer-contact-list{flex-direction:column;gap:14px;display:flex}.footer-contact-list li{color:#cbd5e1;align-items:flex-start;gap:12px;font-size:.95rem;display:flex}.footer-icon{color:var(--secondary);flex-shrink:0;margin-top:3px}.footer-bottom{background-color:#07192a;padding:20px 0}.footer-bottom-container{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.footer-legal{gap:20px;display:flex}.footer-legal a{color:#94a3b8;transition:var(--transition)}.footer-legal a:hover{color:var(--white)}@media (width<=968px){.footer-container{grid-template-columns:1fr;gap:32px}}@media (width<=640px){.footer-bottom-container{text-align:center;flex-direction:column;gap:12px}}.hero-section{background:linear-gradient(135deg,#f0f4f9 0%,#e2eaf5 100%);padding:80px 0 100px;position:relative;overflow:hidden}.hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid}.hero-badge{color:var(--secondary);background-color:#1d74f51a;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--secondary);border-radius:50%;width:8px;height:8px}.hero-headline{color:var(--primary);margin-bottom:20px;font-size:3.25rem;font-weight:800;line-height:1.15}.highlight-text{color:var(--secondary)}.hero-description{color:#4b5563;margin-bottom:32px;font-size:1.125rem;line-height:1.7}.hero-buttons{gap:16px;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.server-rack-graphic{background-color:#0b1f33;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;padding:24px;box-shadow:0 20px 30px #0b1f3340}.rack-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.rack-led{border-radius:50%;width:8px;height:8px}.rack-led.red{background-color:#ef4444}.rack-led.yellow{background-color:#f59e0b}.rack-led.green{background-color:#10b981}.rack-title{color:#94a3b8;letter-spacing:1px;margin-left:auto;font-size:.75rem;font-weight:600}.rack-units{flex-direction:column;gap:12px;display:flex}.rack-unit{background-color:#132b45;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.unit-info{color:var(--white);align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.unit-status{color:#34d399;letter-spacing:.5px;background-color:#10b98126;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.floating-card{background-color:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;padding:12px 18px;display:flex;position:absolute}.card-1{animation:4s ease-in-out infinite float;top:-20px;left:-20px}.card-2{animation:4s ease-in-out 2s infinite float;bottom:-20px;right:-20px}.f-title{color:var(--primary);font-size:.875rem;font-weight:700}.f-sub{color:var(--gray-text);font-size:.75rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=968px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-badge{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-headline{font-size:2.5rem}.floating-card{display:none}}.section-title-wrapper{margin-bottom:40px}.section-title-wrapper.centered{text-align:center}.section-subtitle{text-transform:uppercase;letter-spacing:1px;color:var(--secondary);margin-bottom:8px;font-size:.875rem;font-weight:600;display:inline-block}.section-heading{color:var(--primary);font-size:2.25rem;font-weight:700;line-height:1.25}@media (width<=768px){.section-heading{font-size:1.75rem}}.product-card{background-color:var(--white);border-radius:var(--radius);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;height:100%;padding:28px;display:flex}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary);transform:translateY(-4px)}.product-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.product-icon-box{background-color:#0f4c810f;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.product-tag{text-transform:uppercase;color:var(--secondary);background-color:#1d74f514;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.product-card-body{margin-bottom:24px}.product-title{color:var(--primary);margin-bottom:10px;font-size:1.25rem;font-weight:700}.product-desc{color:var(--gray-text);font-size:.95rem;line-height:1.6}.product-card-footer{border-top:1px solid var(--border-color);padding-top:16px}.product-enquiry-link{color:var(--primary);transition:var(--transition);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.product-enquiry-link:hover{color:var(--secondary);gap:12px}.service-card{background-color:var(--white);border-radius:var(--radius);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;padding:32px 24px;display:flex}.service-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.service-icon-wrapper{width:56px;height:56px;transition:var(--transition);background-color:#1d74f514;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.service-card:hover .service-icon-wrapper{background-color:var(--primary)}.service-card:hover .service-icon-wrapper svg{color:var(--white)!important}.service-title{color:var(--primary);margin-bottom:12px;font-size:1.2rem;font-weight:700}.service-desc{color:var(--gray-text);flex-grow:1;margin-bottom:24px;font-size:.95rem;line-height:1.6}.service-learn-more{color:var(--secondary);transition:var(--transition);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.service-learn-more:hover{color:var(--primary);gap:12px}.home-about-section{background-color:var(--white);padding:90px 0}.home-about-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;display:grid}.about-img-box{text-align:center;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f0f4f9 0%,#e2eaf5 100%);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:50px 40px;display:flex}.about-img-box h3{color:var(--primary);font-size:1.5rem;font-weight:700}.about-img-box p{color:var(--gray-text);font-size:.95rem}.home-about-para{color:var(--gray-text);margin-bottom:24px;font-size:1.05rem;line-height:1.7}.home-about-features{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.home-about-features li{color:var(--dark-text);align-items:center;gap:12px;font-weight:500;display:flex}.home-products-section{background-color:var(--light-gray);padding:90px 0}.products-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.section-cta-center{text-align:center}.home-services-section{background-color:var(--white);padding:90px 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.home-contact-preview{background-color:var(--light-gray);padding:80px 0 100px}.contact-preview-box{color:var(--white);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b2238 0%,#0f4c81 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:40px;padding:60px;display:flex}.contact-preview-info h2{color:var(--white);margin:10px 0 16px;font-size:2.25rem;font-weight:700}.contact-preview-info p{color:#cbd5e1;max-width:600px;margin-bottom:24px;font-size:1.05rem}.contact-info-list{flex-direction:column;gap:14px;display:flex}.contact-info-list li{color:#e2e8f0;align-items:center;gap:12px;font-size:1rem;display:flex}.c-icon{color:var(--secondary)}.contact-preview-action{flex-shrink:0}.btn-large{background-color:var(--secondary);padding:16px 36px;font-size:1.1rem}.btn-large:hover{background-color:#155dcf}@media (width<=968px){.home-about-grid{grid-template-columns:1fr;gap:40px}.products-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.contact-preview-box{text-align:center;flex-direction:column;padding:40px 24px}.contact-info-list li{justify-content:center}}@media (width<=640px){.products-grid,.services-grid{grid-template-columns:1fr}}.about-intro-section{background-color:var(--white);padding:90px 0}.about-intro-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid}.about-desc{color:var(--gray-text);margin-bottom:20px;font-size:1.05rem;line-height:1.7}.about-highlight-box{background-color:var(--light-gray);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:24px;padding:40px;display:flex}.highlight-item{align-items:flex-start;gap:16px;display:flex}.highlight-item h4{color:var(--primary);margin-bottom:4px;font-size:1.1rem;font-weight:700}.highlight-item p{color:var(--gray-text);font-size:.9rem}.mission-vision-section{background-color:var(--light-gray);padding:80px 0}.mv-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.mv-card{background-color:var(--white);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:40px}.mv-icon-box{background-color:#0f4c8114;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:24px;display:flex}.mv-card h3{color:var(--primary);margin-bottom:12px;font-size:1.5rem;font-weight:700}.mv-card p{color:var(--gray-text);font-size:1.05rem;line-height:1.7}.why-choose-section{background-color:var(--white);padding:90px 0}.why-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.why-card{background-color:var(--light-gray);border-radius:var(--radius);border:1px solid var(--border-color);transition:var(--transition);flex-direction:column;gap:14px;padding:30px 24px;display:flex}.why-card:hover{box-shadow:var(--shadow-sm);border-color:var(--secondary);transform:translateY(-4px)}.why-card h4{color:var(--primary);font-size:1.15rem;font-weight:700}.why-card p{color:var(--gray-text);font-size:.9rem;line-height:1.6}@media (width<=968px){.about-intro-grid,.mv-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.why-grid{grid-template-columns:1fr}}.products-listing-section{background-color:var(--light-gray);padding:80px 0 100px}.products-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.products-filter-bar .section-title-wrapper{margin-bottom:0}.search-box{width:100%;max-width:320px;position:relative}.search-icon{color:var(--gray-text);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--white);width:100%;color:var(--dark-text);transition:var(--transition);outline:none;padding:12px 16px 12px 42px;font-size:.95rem}.search-box input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #1d74f526}.products-page-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.product-item-wrapper{background-color:var(--white);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.product-item-wrapper .product-card{box-shadow:none;border:none;padding-bottom:16px}.product-extended-details{border-top:1px dashed var(--border-color);margin-top:auto;padding:0 28px 28px}.full-desc{color:var(--gray-text);margin:16px 0 12px;font-size:.9rem;line-height:1.6}.product-feature-list{color:var(--dark-text);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.no-results{text-align:center;color:var(--gray-text);padding:60px 0;font-size:1.1rem}@media (width<=968px){.products-page-grid{grid-template-columns:repeat(2,1fr)}.products-filter-bar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}}@media (width<=640px){.products-page-grid{grid-template-columns:1fr}}.services-listing-section{background-color:var(--white);padding:80px 0 100px}.services-page-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.service-detail-card{background-color:var(--light-gray);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.service-detail-card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary)}.service-card-main-content .service-card{box-shadow:none;background-color:#0000;border:none;padding-bottom:0}.service-card-main-content .service-card:hover{box-shadow:none;transform:none}.service-card-main-content .service-learn-more{display:none}.service-extended-info{flex-direction:column;flex-grow:1;padding:0 24px 24px;display:flex}.service-full-desc{color:var(--gray-text);margin-bottom:16px;font-size:.925rem;line-height:1.6}.benefits-title{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.9rem;font-weight:700}.service-benefits-list{flex-direction:column;flex-grow:1;gap:8px;margin-bottom:24px;display:flex}.service-benefits-list li{color:var(--dark-text);align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.4;display:flex}.service-card-action{border-top:1px solid var(--border-color);margin-top:auto;padding-top:16px}@media (width<=968px){.services-page-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.services-page-grid{grid-template-columns:1fr}}.contact-main-section{background-color:var(--white);padding:90px 0}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:flex-start;gap:50px;display:grid}.contact-info-desc{color:var(--gray-text);margin-bottom:36px;font-size:1.05rem;line-height:1.7}.contact-details-list{flex-direction:column;gap:24px;display:flex}.contact-details-list li{align-items:flex-start;gap:16px;display:flex}.contact-icon-box{background-color:#1d74f514;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-details-list h4{color:var(--primary);margin-bottom:4px;font-size:1.05rem;font-weight:700}.contact-details-list p{color:var(--gray-text);font-size:.95rem}.contact-form-wrapper{background-color:var(--light-gray);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;padding:40px}.contact-form-wrapper h3{color:var(--primary);margin-bottom:24px;font-size:1.5rem;font-weight:700}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--dark-text);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--white);width:100%;color:var(--dark-text);transition:var(--transition);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #1d74f526}.submit-btn{width:100%;margin-top:8px;padding:14px;font-size:1rem}.success-message{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.success-message h4{color:var(--primary);font-size:1.5rem;font-weight:700}.success-message p{color:var(--gray-text);font-size:1rem}.map-section{background-color:var(--white);padding:0 0 90px}.map-wrapper{border:1px solid var(--border-color);width:100%;height:400px;box-shadow:var(--shadow-sm);text-align:center;background:linear-gradient(135deg,#e2eaf5 0%,#cbd5e1 100%);border-radius:20px;justify-content:center;align-items:center;padding:20px;display:flex}.map-placeholder-content{background-color:var(--white);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:450px;padding:30px 40px;display:flex}.map-placeholder-content h3{color:var(--primary);font-size:1.25rem;font-weight:700}.map-placeholder-content p{color:var(--gray-text);font-size:.95rem}.map-note{color:var(--secondary);background-color:#1d74f514;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}@media (width<=968px){.contact-grid{grid-template-columns:1fr}}.not-found-page{background-color:var(--light-gray);justify-content:center;align-items:center;min-height:70vh;padding:120px 0;display:flex}.not-found-container{text-align:center;flex-direction:column;align-items:center;max-width:600px;display:flex}.not-found-icon-box{background-color:#0f4c8114;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:24px;display:flex}.not-found-code{color:var(--primary);margin-bottom:12px;font-size:5rem;font-weight:800;line-height:1}.not-found-container h2{color:var(--dark-text);margin-bottom:16px;font-size:2rem;font-weight:700}.not-found-container p{color:var(--gray-text);margin-bottom:32px;font-size:1.05rem;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}:root{--primary:#0f4c81;--secondary:#1d74f5;--white:#fff;--light-gray:#f5f7fa;--dark-text:#333;--gray-text:#666;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 6px -1px #0f4c8114, 0 2px 4px -1px #0f4c810a;--shadow-lg:0 10px 15px -3px #0f4c811a;--radius:12px;--transition:all .25s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--dark-text);background-color:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);transition:var(--transition);text-align:center;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:#0b3962;transform:translateY(-1px)}.btn-secondary{background-color:var(--light-gray);color:var(--primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#e8ecf2}.page-header{background:linear-gradient(135deg, var(--primary) 0%, #155d9c 100%);color:var(--white);text-align:center;padding:60px 0}.page-header h1{margin-bottom:12px;font-size:2.5rem;font-weight:700}.page-header p{opacity:.9;max-width:600px;margin:0 auto;font-size:1.1rem}