@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap";:root{--brand-blue: #0B5FA5;--brand-blue-dark: #074173;--brand-blue-light: #1682DC;--brand-blue-glow: rgba(11, 95, 165, .25);--brand-accent: #D97706;--brand-accent-hover: #B45309;--brand-accent-glow: rgba(217, 119, 6, .3);--whatsapp-green: #16A34A;--whatsapp-green-dark: #15803D;--surface-dark: #0B1120;--surface-dark-card: #151F32;--surface-dark-border: rgba(255, 255, 255, .12);--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #E2E8F0;--text-dark: #0F172A;--text-muted: #475569;--text-light: #F8FAFC;--logo-crimson: #7B1A2C;--logo-red: #CC2222;--font-main: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Grotesk", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 9999px;--shadow-card: 0 4px 12px -2px rgba(11, 95, 165, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-hover: 0 12px 24px -4px rgba(11, 95, 165, .16), 0 6px 12px -2px rgba(0, 0, 0, .06);--z-topbar: 110;--z-sticky: 100;--z-modal: 300;--z-whatsapp: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.icon-accent{color:#f59e0b}.text-emerald{color:#10b981}.text-rose{color:#ef4444}.text-amber{color:#f59e0b}.top-bar{background:var(--surface-dark);color:var(--text-light);font-size:.8125rem;padding:.45rem 0;border-bottom:1px solid var(--surface-dark-border);position:relative;z-index:var(--z-topbar);transition:all .3s ease}.top-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.top-bar-item{display:inline-flex;align-items:center;gap:.45rem;font-weight:500;white-space:nowrap}.top-bar-label{color:#f8fafcbf;font-size:.8rem}.top-bar-link{color:var(--text-light);text-decoration:none;transition:color .2s ease}.top-bar-link:hover{color:#f59e0b;text-decoration:underline}.top-bar-item strong{color:#f59e0b;font-weight:700}.top-bar-phone-link{color:#fff;text-decoration:none;font-weight:700;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.top-bar-phone-link strong{color:#fff!important;transition:color .2s ease}.top-bar-phone-link:hover,.top-bar-phone-link:hover strong{color:#f59e0b!important;text-decoration:underline}.gst-pill-badge{background:#ffffff12;border:1px solid rgba(255,255,255,.16);padding:.225rem .75rem;border-radius:var(--radius-full);box-shadow:inset 0 1px 2px #0003}.gst-number{font-family:var(--font-mono);font-size:.825rem;letter-spacing:.04em;color:#f59e0b!important}.copy-gst-btn{background:#f59e0b29;color:#fcd34d;border:1px solid rgba(245,158,11,.35);padding:.175rem .55rem;border-radius:var(--radius-sm);font-size:.725rem;font-weight:700;cursor:pointer;margin-left:.4rem;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.copy-gst-btn:hover{background:#f59e0b;color:#0f172a;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.copy-gst-btn:active{transform:translateY(0)}.copy-gst-btn.copied{background:#10b981!important;color:#fff!important;border-color:#10b981!important}.navbar{position:sticky;top:0;left:0;right:0;z-index:var(--z-sticky);background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--bg-tertiary);transition:background .3s ease,box-shadow .3s ease,padding .3s ease}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 20px -2px #0b5fa51a,0 2px 6px #0000000a}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:72px;transition:height .3s ease}.navbar.scrolled .navbar-inner{height:64px}.navbar-logo{display:flex;align-items:center;gap:.85rem;text-decoration:none;flex-shrink:0}.logo-img-wrapper{height:46px;width:125px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;position:relative;background:#fff;border:1px solid #E2E8F0;padding:2px 4px;box-shadow:0 1px 4px #0b5fa514;clip-path:inset(0 1.5% 0 0);transition:all .3s ease}.navbar.scrolled .logo-img-wrapper{height:40px;width:110px}.navbar-logo:hover .logo-img-wrapper{border-color:var(--brand-blue);box-shadow:0 3px 12px var(--brand-blue-glow);transform:scale(1.02)}.logo-img-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.logo-text{display:flex;flex-direction:column;justify-content:center}.logo-title{font-weight:900;font-size:1.25rem;color:var(--brand-blue);letter-spacing:-.02em;line-height:1.1;position:relative}.logo-title:after{content:"";display:block;width:28px;height:2.5px;background:linear-gradient(90deg,var(--logo-red),#F59E0B);margin-top:2px;border-radius:2px;transition:width .35s ease}.navbar-logo:hover .logo-title:after{width:100%}.logo-subtitle{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:1px}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-link{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;font-size:.925rem;font-weight:600;color:var(--text-dark);text-decoration:none;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.2}.nav-icon{font-size:1.05rem;color:var(--brand-blue);opacity:.75;transition:opacity .2s ease,transform .2s ease}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{opacity:1;transform:translateY(-1px)}.nav-link:hover{color:var(--brand-blue);background:#0b5fa50f}.nav-link.active{color:var(--brand-blue);font-weight:700;background:#0b5fa517}.nav-link:after{content:"";position:absolute;bottom:-2px;left:.8rem;right:.8rem;height:2.5px;background:var(--brand-blue);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.nav-cta-wrapper{margin-left:.5rem;display:flex;align-items:center}.nav-quote-btn{padding:.55rem 1.15rem;font-size:.875rem;font-weight:700;border-radius:var(--radius-md);box-shadow:0 2px 8px var(--brand-blue-glow);white-space:nowrap}.mobile-menu-footer{display:none}.mobile-header-call-btn:hover,.mobile-header-call-btn:active{background:var(--brand-blue);color:#fff!important}.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);cursor:pointer;outline:none;transition:all .2s ease}.nav-toggle:hover{background:var(--bg-tertiary)}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text-dark);position:relative;transition:all .2s ease}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--text-dark);transition:all .2s ease}.nav-toggle span:before{top:-7px}.nav-toggle span:after{bottom:-7px}.nav-toggle.active span{background:transparent}.nav-toggle.active span:before{top:0;transform:rotate(45deg)}.nav-toggle.active span:after{bottom:0;transform:rotate(-45deg)}.container{max-width:1240px;margin:0 auto;padding:0 1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:700;border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease;cursor:pointer;border:1px solid transparent;outline:none;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)!important;box-shadow:none!important}.btn-primary{background-color:var(--brand-blue);color:#fff!important;border-color:var(--brand-blue-dark);box-shadow:0 2px 6px #0b5fa540}.btn-primary:hover{background-color:var(--brand-blue-dark);color:#fff!important;box-shadow:0 4px 12px #0b5fa559}.btn-accent{background-color:var(--brand-accent);color:#fff!important;border-color:var(--brand-accent-hover);box-shadow:0 2px 6px #d977064d}.btn-accent:hover{background-color:var(--brand-accent-hover);color:#fff!important;box-shadow:0 4px 12px #d9770666}.btn-whatsapp{background-color:var(--whatsapp-green);color:#fff!important;border-color:var(--whatsapp-green-dark);box-shadow:0 2px 6px #16a34a4d}.btn-whatsapp:hover{background-color:var(--whatsapp-green-dark);color:#fff!important;box-shadow:0 4px 12px #16a34a66}.btn-outline{background-color:#ffffff14;color:#fff!important;border:2px solid #FFFFFF}.btn-outline:hover{background-color:#fff;color:var(--brand-blue)!important}.btn-sm{padding:.45rem 1.1rem;font-size:.85rem}.btn-lg{padding:.85rem 1.8rem;font-size:1rem}.btn-full{width:100%}.hero{position:relative;background:linear-gradient(135deg,#071328,#0f1f38,#071328);color:var(--text-light);padding:4rem 0 2.5rem;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;background:#d9770626;border:1px solid rgba(217,119,6,.4);border-radius:var(--radius-full);color:#f59e0b;font-size:.825rem;font-weight:700;margin-bottom:1.25rem}.hero h1{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}.hero h1 span.highlight{color:#f59e0b;display:block}.hero-subtitle{font-size:1.1rem;color:#ffffffd9;margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.hero-rfq-card{background:var(--surface-dark-card);border:1px solid var(--surface-dark-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:0 20px 40px #0006;position:relative}.rfq-card-header{margin-bottom:1.25rem}.rfq-badge{display:inline-block;background:var(--brand-blue);color:#fff;font-family:var(--font-mono);font-size:.725rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-sm);margin-bottom:.5rem}.hero-rfq-card h3{font-size:1.25rem;font-weight:800;margin-bottom:.3rem;color:#fff;display:flex;align-items:center;gap:.4rem}.hero-rfq-card p{font-size:.85rem;color:#ffffffb3}.form-group-compact{margin-bottom:.75rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon i{position:absolute;left:12px;color:#94a3b8;font-size:1.1rem;pointer-events:none}.input-with-icon input,.input-with-icon select,.input-with-icon textarea{padding-left:38px!important}.quick-rfq-form input,.quick-rfq-form select,.quick-rfq-form textarea{width:100%;padding:.65rem .9rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-family:var(--font-main);font-size:.875rem;outline:none;transition:all .2s ease}.quick-rfq-form select option{background:#0f1f38;color:#fff}.quick-rfq-form input:focus,.quick-rfq-form select:focus,.quick-rfq-form textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.quick-rfq-form input::placeholder,.quick-rfq-form textarea::placeholder{color:#ffffff73}.file-upload-label{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:#ffffff0d;border:1px dashed rgba(255,255,255,.25);border-radius:var(--radius-md);color:#fffc;font-size:.825rem;cursor:pointer;transition:all .2s ease}.file-upload-label:hover{background:#ffffff1a;border-color:#f59e0b;color:#fff}.file-upload-input{display:none}.selected-file-name{font-size:.775rem;color:#10b981;margin-top:.25rem;padding:.2rem .5rem;background:#10b9811a;border-radius:var(--radius-sm);display:none}.form-success-box{padding:2rem 1.5rem;text-align:center;background:#0f2942;border:1.5px solid #10B981;border-radius:var(--radius-lg);color:#fff;box-shadow:0 10px 30px #10b98133;animation:fadeInSuccess .4s cubic-bezier(.16,1,.3,1)}.contact-form-card .form-success-box{color:var(--text-dark);background:#f0fdf4;border-color:#10b981;box-shadow:0 8px 24px #10b9811f}.form-success-box .success-icon{font-size:3.5rem;color:#10b981;display:inline-block;margin-bottom:.25rem}.form-success-box h4{font-size:1.35rem;font-weight:900;margin-bottom:.4rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.form-success-box .success-desc{font-size:.9rem;line-height:1.5;opacity:.9;margin-bottom:1rem}.success-file-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);font-size:.825rem;color:#10b981;margin-bottom:1.25rem}.success-timeline-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:1.25rem;text-align:left}.contact-form-card .success-timeline-card{background:#fff;border-color:#dcfce7}.timeline-step{display:flex;align-items:flex-start;gap:.75rem;font-size:.85rem}.timeline-step i{font-size:1.25rem;margin-top:.1rem}.timeline-step p{font-size:.8rem;opacity:.8;margin-top:.1rem}.spin{animation:spin-loader 1s linear infinite;display:inline-block}@keyframes spin-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInSuccess{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.floating-toast-alert{position:fixed;top:25px;right:25px;z-index:500;background:#0f172a;color:#fff;border:1px solid #10B981;padding:.85rem 1.4rem;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000004d;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.6rem;transform:translateY(-20px);opacity:0;transition:all .3s ease;pointer-events:none}.floating-toast-alert.show{transform:translateY(0);opacity:1}.horizontal-scroll-container{position:relative;width:100%}.horizontal-scroll-container:after{content:"";position:absolute;top:0;right:0;bottom:24px;width:42px;background:linear-gradient(to right,transparent,rgba(248,250,252,.95));pointer-events:none;z-index:5;border-radius:0 var(--radius-lg) var(--radius-lg) 0;opacity:0;transition:opacity .3s ease}.scroll-cue-badge{display:none;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;color:var(--brand-blue);background:#eff6ff;border:1px solid rgba(11,95,165,.2);padding:.25rem .75rem;border-radius:var(--radius-full);margin-top:.65rem;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 2px 6px #0b5fa514}.bounce-x{animation:bounceRight 1.5s infinite ease-in-out;display:inline-block}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.clients-grid::-webkit-scrollbar,.category-filters::-webkit-scrollbar{height:5px!important;display:block!important}.clients-grid::-webkit-scrollbar-track,.category-filters::-webkit-scrollbar-track{background:#e2e8f0;border-radius:4px}.clients-grid::-webkit-scrollbar-thumb,.category-filters::-webkit-scrollbar-thumb{background:var(--brand-blue-light);border-radius:4px}.clients-grid::-webkit-scrollbar-thumb:hover,.category-filters::-webkit-scrollbar-thumb:hover{background:var(--brand-blue)}.trust-strip{background:var(--bg-secondary);padding:2.25rem 0;border-bottom:1px solid var(--bg-tertiary)}.clients-section,.products-section,.capabilities-section,.about-section{position:relative}.clients-section:after,.products-section:after,.capabilities-section:after,.about-section:after{content:"";position:absolute;bottom:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(11,95,165,.22) 30%,rgba(245,158,11,.4) 50%,rgba(11,95,165,.22) 70%,transparent 100%);pointer-events:none}.clients-section{padding:3rem 0 3.5rem;background:linear-gradient(180deg,#f8fafc,#eff6ff);border-top:1px solid rgba(226,232,240,.8);position:relative}.clients-subtitle{font-size:.95rem;color:var(--text-muted, #64748B);margin-top:.6rem;max-width:650px;text-align:center;line-height:1.5}.clients-layout-wrapper{margin-top:1.75rem;position:relative}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem;align-items:stretch;padding:.5rem .25rem .75rem}@media(max-width:768px){.clients-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1.25rem;-webkit-overflow-scrolling:touch}.client-logo-card{flex:0 0 210px;scroll-snap-align:start}}.client-logo-card{background:#fff;border:1px solid rgba(203,213,225,.85);border-radius:var(--radius-lg, 12px);padding:1.2rem 1rem 1rem;box-shadow:0 4px 14px #0f172a0d;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;min-height:145px}.client-logo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-blue, #0B5FA5),var(--brand-accent, #F59E0B));opacity:0;transition:opacity .3s ease}.client-logo-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0b5fa526;border-color:#0b5fa559}.client-logo-card:hover:before{opacity:1}.client-logo-wrapper{height:65px;width:100%;display:flex;align-items:center;justify-content:center;padding:.2rem}.client-logo-card img{max-width:90%;max-height:55px;object-fit:contain;filter:contrast(1.05) brightness(1.02);transition:transform .3s ease}.client-logo-card:hover img{transform:scale(1.06)}.client-logo-card img[src*=Sujan]{border-radius:var(--radius-sm, 6px);padding:4px 8px;background:#0f1f38}.client-info{margin-top:.75rem;width:100%;border-top:1px dashed rgba(226,232,240,.9);padding-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.client-name{font-size:.825rem;font-weight:700;color:var(--text-dark, #0F172A);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.client-category{font-size:.7rem;color:var(--brand-blue, #0B5FA5);font-weight:600;display:block;opacity:.9}.clients-scroll-cue{display:none;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;font-weight:700;color:var(--brand-blue, #0B5FA5);background:#eff6ff;border:1px solid rgba(11,95,165,.2);padding:.35rem .85rem;border-radius:var(--radius-full, 9999px);margin:.75rem auto 0;width:fit-content;box-shadow:0 2px 6px #0b5fa514}@media(max-width:768px){.clients-scroll-cue{display:flex}}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.trust-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--bg-tertiary);box-shadow:var(--shadow-card);transition:transform .25s ease,border-color .25s ease}.trust-card:hover{transform:translateY(-2px);border-color:var(--brand-blue-light)}.trust-icon-box{width:46px;height:46px;border-radius:var(--radius-md);background:#0b5fa514;color:var(--brand-blue);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.trust-card h4{font-size:1rem;font-weight:800;color:var(--text-dark);margin-bottom:.15rem}.trust-card p{font-size:.825rem;color:var(--text-muted)}.products-section{padding:4.5rem 0}.section-header{text-align:center;max-width:680px;margin:0 auto 2.5rem}.section-title{font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:900;color:var(--text-dark);letter-spacing:-.02em;margin-bottom:.5rem;position:relative;display:inline-block}.section-title:after{content:"";display:block;width:44px;height:3px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-accent));border-radius:2px;margin:.5rem auto 0}.section-subtitle{font-size:1rem;color:var(--text-muted);margin-top:.25rem}.category-filters{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.25rem}.filter-btn{padding:.55rem 1.25rem;font-size:.875rem;font-weight:700;color:#334155;background:#f1f5f9;border:1px solid #CBD5E1;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease}.filter-btn:hover{color:var(--brand-blue);border-color:var(--brand-blue);background:#fff}.filter-btn.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);box-shadow:0 4px 10px var(--brand-blue-glow)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-card{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:all .25s ease;cursor:pointer;position:relative;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--brand-blue-light)}.product-card-image{position:relative;height:210px;background:#f8fafc;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card-image img{max-width:88%;max-height:88%;object-fit:contain;transition:transform .35s ease}.product-card:hover .product-card-image img{transform:scale(1.06)}.product-badge{position:absolute;top:12px;left:12px;background:var(--brand-blue);color:#fff;font-size:.7rem;font-weight:800;padding:.25rem .6rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.cad-badge{position:absolute;top:12px;right:12px;background:#0f172ae0;color:#f59e0b;font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.4);display:inline-flex;align-items:center;gap:.25rem}.product-card-body{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.product-card-code{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--brand-blue);margin-bottom:.25rem}.product-card-title{font-size:1.05rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem;line-height:1.3}.product-card-specs{font-size:.825rem;color:var(--text-muted);margin-bottom:.85rem;line-height:1.5}.product-card-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--bg-tertiary);display:flex;align-items:center;justify-content:space-between}.product-card-btn{font-size:.85rem;font-weight:800;color:var(--brand-blue);display:flex;align-items:center;gap:.3rem}.product-card-btn:after{content:"→";transition:transform .2s ease}.product-card:hover .product-card-btn:after{transform:translate(4px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1120b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:250;opacity:0;visibility:hidden;transition:all .3s ease}.modal-backdrop.active{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:var(--z-modal);background:#fff;border-radius:var(--radius-lg);max-width:620px;width:calc(100% - 2rem);max-height:calc(100vh - 4rem);overflow-y:auto;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px -12px #00000040}.modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal-header{position:relative;height:230px;background:#f8fafc;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--bg-tertiary)}.modal-header img{max-width:85%;max-height:85%;object-fit:contain}.modal-close-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--bg-tertiary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a}.modal-body{padding:1.5rem}.modal-title{font-size:1.4rem;font-weight:900;color:var(--text-dark);margin-bottom:1.25rem}.modal-specs-grid{display:grid;gap:.65rem;margin-bottom:1.5rem}.modal-spec-row{display:flex;justify-content:space-between;padding:.65rem .9rem;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.875rem}.modal-spec-label{font-weight:700;color:var(--text-muted)}.modal-spec-value{font-weight:700;color:var(--text-dark)}.materials-section{background:var(--surface-dark);color:var(--text-light);padding:4.5rem 0}.materials-section .section-title{color:#fff}.materials-section .section-subtitle{color:#ffffffb3}.materials-table-wrapper{overflow-x:auto;background:var(--surface-dark-card);border:1px solid var(--surface-dark-border);border-radius:var(--radius-lg)}.materials-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.materials-table th{background:#ffffff0d;padding:1rem 1.2rem;font-size:.775rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#f59e0b}.materials-table td{padding:1rem 1.2rem;border-top:1px solid var(--surface-dark-border);color:#ffffffe0}.materials-table tr:hover td{background:#ffffff08}.capabilities-section{padding:4.5rem 0;background:var(--bg-secondary)}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.capability-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--bg-tertiary);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease}.capability-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.capability-img{width:100%;height:180px;overflow:hidden;background:#f1f5f9}.capability-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.capability-card:hover .capability-img img{transform:scale(1.05)}.capability-info{padding:1.1rem 1.25rem 1.25rem}.capability-info h4{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:.3rem}.capability-info p{font-size:.88rem;color:var(--text-muted);line-height:1.45}.about-section{padding:4.5rem 0;background:var(--bg-primary);border-top:1px solid var(--bg-tertiary)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.about-card{padding:1.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s ease}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--brand-blue-light)}.about-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#0b5fa51a;color:var(--brand-blue);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.about-card h4{font-size:1.05rem;font-weight:800;color:var(--text-dark);margin-bottom:.4rem}.about-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5}.contact-section{padding:4.5rem 0;background:var(--bg-secondary)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2.25rem}.contact-form-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--bg-tertiary);box-shadow:var(--shadow-card)}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-group{margin-bottom:1.15rem}.form-group label{display:block;font-size:.85rem;font-weight:800;color:var(--text-dark);margin-bottom:.35rem}.form-group label i{color:var(--brand-blue);margin-right:.2rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem .9rem;font-family:var(--font-main);font-size:.9rem;border:1px solid #CBD5E1;border-radius:var(--radius-md);outline:none;background:#fff;color:var(--text-dark);transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #0b5fa526}.file-drop-box{position:relative;border:2px dashed #CBD5E1;border-radius:var(--radius-md);padding:1.25rem 1rem;text-align:center;background:#f8fafc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.85rem}.file-drop-box:hover{border-color:var(--brand-blue);background:#f1f5f9}.file-drop-box .drop-icon{font-size:2rem;color:var(--brand-blue)}.file-drop-box input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-hint{font-size:.775rem;color:var(--text-muted);margin-top:.15rem}.contact-info-column{display:flex;flex-direction:column;gap:1.1rem}.contact-info-card{margin-bottom:0}.contact-link{color:var(--brand-blue);text-decoration:none;font-weight:700}.contact-link:hover{text-decoration:underline}.wa-direct-card{background:#f0fdf4;border-color:#bbf7d0}.wa-icon-box{background:#dcfce7;color:#16a34a}.faq-section{padding:5rem 0;background:linear-gradient(180deg,#eff6ff,#f8fafc);border-top:1px solid rgba(226,232,240,.8);position:relative}.faq-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0%,rgba(11,95,165,.07) 0%,transparent 60%);pointer-events:none}.faq-grid{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#fff;border:1px solid rgba(203,213,225,.8);border-radius:14px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.faq-item:hover,.faq-item[open]{border-color:#0b5fa566;box-shadow:0 4px 20px #0b5fa51a}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.4rem;cursor:pointer;list-style:none;font-weight:600;font-size:.97rem;color:var(--text-dark);-webkit-user-select:none;user-select:none;transition:color .2s}.faq-question::-webkit-details-marker{display:none}.faq-item[open] .faq-question{color:var(--brand-blue)}.faq-icon{flex-shrink:0;font-size:1.15rem;color:var(--brand-blue);transition:transform .3s ease}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 1.4rem 1.25rem;animation:faqOpen .25s ease}.faq-answer p{color:var(--text-muted);font-size:.91rem;line-height:1.75;margin:0}.faq-answer strong{color:var(--text-dark);font-weight:600}.faq-answer a{color:var(--brand-blue);text-decoration:none;font-weight:600}.faq-answer a:hover{text-decoration:underline}@keyframes faqOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.footer{background:#070d19;color:#ffffffb3;padding:3.5rem 0 1.5rem;border-top:1px solid var(--surface-dark-border)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.footer .logo-img-wrapper{height:48px;width:130px;border-radius:var(--radius-sm);overflow:hidden;display:inline-block;background:#fff;margin-bottom:.75rem;border:1px solid #E2E8F0;padding:2px 4px;box-shadow:0 2px 8px #00000026;clip-path:inset(0 1.5% 0 0)}.footer .logo-img-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.whatsapp-float{position:fixed;bottom:25px;right:25px;z-index:var(--z-whatsapp);display:flex;align-items:center;gap:.6rem;padding:.8rem 1.3rem;background:var(--whatsapp-green);color:#fff;border-radius:var(--radius-full);font-weight:800;font-size:.925rem;box-shadow:0 6px 20px #16a34a73;text-decoration:none;transition:all .3s ease;animation:pulse-wa 2.5s infinite}.whatsapp-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 28px #16a34a99;color:#fff}@keyframes pulse-wa{0%,to{box-shadow:0 6px 20px #16a34a73}50%{box-shadow:0 10px 30px #16a34ab3}}@media(max-width:1024px){.top-bar-inner{justify-content:center;gap:.6rem 1.5rem;flex-wrap:wrap}.navbar-inner{height:66px;position:relative}.nav-links{position:absolute;top:72px;right:1.25rem;left:auto;width:calc(100vw - 2.5rem);max-width:320px;bottom:auto;background:#fff;border:1px solid rgba(203,213,225,.9);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;align-items:stretch;transform:translateY(-10px) scale(.95);opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:var(--z-sticky);box-shadow:0 16px 48px #0f172a2e}.nav-links.active{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.95rem;font-weight:700;border-radius:var(--radius-md);color:var(--text-dark);background:#f8fafc;border:1px solid #E2E8F0;text-align:left;transition:all .2s ease}.nav-link:after{display:none}.nav-link:hover,.nav-link:active,.nav-link.active{background:#eff6ff;border-color:var(--brand-blue-light);color:var(--brand-blue)}.nav-icon{display:inline-block;font-size:1.15rem;color:var(--brand-blue)}.nav-cta-wrapper{margin-left:0;width:100%;margin-top:.25rem;flex-direction:column}.nav-quote-btn{width:100%;justify-content:center;background:var(--brand-blue);color:#fff!important;border-color:var(--brand-blue);font-size:.95rem;padding:.75rem 1rem;box-shadow:0 4px 14px var(--brand-blue-glow)}.mobile-menu-footer{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.85rem;border-top:1px solid var(--bg-tertiary);text-align:center}.mobile-menu-contact{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--text-dark)}.mobile-menu-contact a{color:var(--brand-blue);text-decoration:underline;background:transparent;padding:0;display:inline;border:none}.mobile-menu-tag{font-size:.75rem;color:var(--text-muted);font-weight:600}.nav-toggle{display:flex}.hero-content{grid-template-columns:1fr;gap:2.25rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.form-row-2col,.form-row-3col{grid-template-columns:1fr}.category-filters{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:.6rem .75rem;justify-content:flex-start;align-content:start;overflow-x:auto;padding:.25rem .25rem .65rem;margin-bottom:1.25rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin}.category-filters::-webkit-scrollbar{height:5px!important;display:block!important}.filter-btn{flex-shrink:0;white-space:nowrap;font-size:.825rem;padding:.55rem 1.05rem;scroll-snap-align:start;width:auto;justify-content:flex-start}}@media(max-width:768px){.top-bar-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center}.helpline-top-item{order:1;display:inline-flex;justify-content:center;background:#0b5fa538;border:1px solid rgba(22,130,220,.35);padding:.2rem .85rem;border-radius:var(--radius-full);font-size:.8rem}.top-bar-center{order:2;width:auto;margin:0 auto}.top-bar-left{order:3;display:inline-flex;justify-content:center;font-size:.75rem}.hero{padding:2.75rem 0 2.25rem}.clients-section{padding:2rem 0}.products-section,.capabilities-section,.about-section,.contact-section{padding:2.5rem 0}.hero h1{font-size:clamp(1.8rem,6vw,2.4rem);margin-bottom:.75rem}.hero-subtitle{font-size:.95rem;margin-bottom:1.25rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.trust-grid{display:flex;flex-direction:column;gap:.6rem}.trust-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:#fff;border:1px solid #E2E8F0;box-shadow:none}.trust-card h4{font-size:.875rem;font-weight:700;color:var(--text-dark);margin:0}.trust-card p{font-size:.775rem;color:var(--text-muted);margin:0;line-height:1.25}.trust-icon-box{width:36px;height:36px;font-size:1.05rem;border-radius:8px;flex-shrink:0}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.85rem;overflow-x:visible;flex-wrap:unset;padding-bottom:0;margin-top:1rem}.client-logo-card{flex-shrink:unset;width:100%;height:85px;padding:.65rem .85rem;border-radius:var(--radius-md)}.client-logo-card img{max-width:90%;max-height:85%}.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}input,select,textarea{font-size:16px!important}.modal{width:94vw;max-height:88vh;padding:1.25rem;border-radius:var(--radius-lg)}.modal-header img{height:180px}}@media(max-width:540px){.top-bar{padding:.35rem 0}.top-bar-inner{flex-direction:column;gap:.35rem;text-align:center;align-items:center}.top-bar-item{font-size:.735rem;justify-content:center}.gst-pill-badge{padding:.2rem .65rem}.gst-number{font-size:.775rem}.copy-gst-btn{padding:.15rem .45rem;font-size:.7rem;margin-left:.25rem}.logo-title{font-size:1.1rem}.logo-subtitle{font-size:.625rem}.products-grid,.capabilities-grid{grid-template-columns:1fr;gap:1.25rem}.about-grid{grid-template-columns:1fr;gap:1rem}.whatsapp-float{bottom:16px;right:14px;padding:.65rem 1rem;font-size:.825rem;box-shadow:0 4px 16px #16a34a66}.whatsapp-float svg{width:18px;height:18px}}