:root{--navy:#06264a;--blue:#064fa3;--cyan:#18a7c9;--orange:#f36c21;--gold:#f7b731;--ink:#102033;--muted:#5f6c7b;--line:#dfe6ef;--soft:#f4f7fb;--white:#fff;--shadow:0 18px 45px rgba(16,32,51,.14);--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}svg{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.top-strip{background:linear-gradient(90deg,#03182f 0%,#06264a 50%,#03182f 100%);color:#fff;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}.strip-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.strip-contact{display:flex;align-items:center;gap:18px}.strip-link{color:#dce9f8;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.strip-link:hover{color:var(--gold)}.strip-link svg{width:14px;height:14px;color:var(--orange)}.strip-trust-pill{display:flex;gap:12px}.trust-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;color:#f7b731}.strip-right{display:flex;align-items:center;gap:16px}.hours{color:#b0c6df;font-size:12px}.social-mini{display:flex;gap:6px}.social-mini a{height:26px;width:26px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;border-radius:6px;color:#fff;transition:all .2s ease}.social-mini a:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.social-mini svg{width:13px;height:13px;stroke-width:2}.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px) saturate(180%);z-index:100;box-shadow:0 8px 30px rgba(6,38,74,.08);border-bottom:1px solid rgba(6,38,74,.06)}.header-inner{min-height:82px;height:auto;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;flex-shrink:0}.site-logo{width:260px;height:auto;max-height:62px;object-fit:contain;transition:transform .2s ease}.brand:hover .site-logo{transform:scale(1.02)}.main-nav{display:flex;align-items:center;gap:15px;font-size:14px;font-weight:800;white-space:nowrap;flex-wrap:nowrap}.nav-link{padding:26px 0;color:var(--navy);position:relative;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--orange)}.nav-link::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange);border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .25s ease}.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}.chevron-icon{width:14px;height:14px;stroke-width:2.5;transition:transform .2s ease}.mega-trigger:hover .chevron-icon{transform:rotate(180deg)}.header-quote{background:linear-gradient(135deg,var(--orange) 0%,#e55f17 100%);color:#fff;border-radius:8px;padding:11px 20px;font-weight:900;font-size:14px;box-shadow:0 8px 20px rgba(243,108,33,.3);transition:all .25s ease}.header-quote:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(243,108,33,.45)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:13px 18px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s ease;min-height:46px}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(243,108,33,.28)}.btn-primary:hover{transform:translateY(-2px);background:#e55f17}.btn-secondary{background:var(--blue);color:#fff}.btn-light{background:#fff;color:var(--navy);border-color:var(--line);box-shadow:0 8px 22px rgba(16,32,51,.08)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}.btn-whatsapp{background:#13a85b;color:#fff}.nav-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--navy)}.mega-trigger{position:relative}.mega-menu{position:absolute;left:50%;top:100%;width:min(1040px,calc(100vw - 32px));transform:translateX(-38%) translateY(12px);display:grid;grid-template-columns:280px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 24px 60px rgba(6,38,74,.18);opacity:0;visibility:hidden;transition:all .22s cubic-bezier(.16,1,.3,1);z-index:1000;box-sizing:border-box;overflow:hidden;white-space:normal}.mega-trigger:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-38%) translateY(0)}.mega-brand-card{background:linear-gradient(135deg,#06264a 0%,#064fa3 100%);border-radius:10px;padding:22px 18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;overflow:hidden;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.mega-brand-card .eyebrow{color:var(--gold);white-space:normal}.mega-brand-card h3{color:#fff;font-size:18px;line-height:1.3;margin:0 0 8px;white-space:normal;word-break:normal;overflow-wrap:break-word}.mega-brand-card p{color:#dce9f8;font-size:12.5px;line-height:1.5;margin-bottom:18px;white-space:normal;word-break:normal;overflow-wrap:break-word}.mega-brand-card .btn{white-space:nowrap;max-width:100%;justify-content:center}.btn-sm{padding:9px 14px;font-size:13px;min-height:38px}.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mega-card{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#f8fbff;transition:all .2s ease;box-sizing:border-box;overflow:hidden}.mega-card:hover{background:#fff;border-color:var(--orange);transform:translateY(-3px);box-shadow:0 8px 20px rgba(6,38,74,.08)}.mega-card-head{display:flex;align-items:center;gap:8px;color:var(--navy);margin-bottom:4px}.mega-card-head svg{width:18px;height:18px;color:var(--orange);stroke-width:2;flex-shrink:0}.mega-card-head strong{font-size:13.5px;line-height:1.3;white-space:normal;word-break:break-word}.mega-card span{display:block;color:var(--muted);font-size:11.5px;line-height:1.4;white-space:normal;word-break:break-word}.eyebrow{text-transform:uppercase;color:var(--blue);font-weight:900;font-size:13px;letter-spacing:0;margin:0 0 8px}.home-hero{min-height:660px;position:relative;display:flex;align-items:center;padding:64px 0 72px;background:#031427;overflow:hidden}.home-hero .hero-bg{position:absolute;inset:0;z-index:0}.home-hero .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:75% center;filter:brightness(.85) contrast(1.1)}.hero-bg-overlay{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(24,167,201,.22),transparent 55%),linear-gradient(90deg,#031427 0%,rgba(3,20,39,.94) 48%,rgba(3,20,39,.4) 100%)}.home-hero .hero-content{position:relative;z-index:2}.home-hero .hero-copy{max-width:680px}.hero-badge-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);border-radius:30px;padding:6px 16px;color:#fff;font-size:13px;margin-bottom:20px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.hero-badge-pill strong{color:var(--gold)}.home-hero h1{font-size:clamp(38px,4.5vw,62px);font-weight:900;line-height:1.05;margin:0 0 16px;color:#fff;letter-spacing:-.5px}.accent-glow{background:linear-gradient(135deg,var(--orange) 0%,#f7b731 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 4px 16px rgba(243,108,33,.4))}.hero-subtext{font-size:16px;line-height:1.65;color:#b6d2f3;margin:0 0 22px;max-width:620px}.hero-spec-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.hero-spec-chips span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);border-radius:8px;padding:6px 14px;color:#fff;font-size:13px;font-weight:700}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:38px}.hero-btn-main{padding:14px 26px;font-size:15px;border-radius:10px;box-shadow:0 10px 28px rgba(243,108,33,.4)}.hero-btn-main:hover{box-shadow:0 14px 34px rgba(243,108,33,.55)}.hero-btn-secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);backdrop-filter:blur(10px);color:#fff;padding:14px 24px;font-size:15px;border-radius:10px}.hero-btn-secondary:hover{background:rgba(255,255,255,.22);border-color:#fff;color:#fff}.home-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:680px}.hero-stat-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:12px;padding:16px;text-align:left;transition:all .3s ease}.hero-stat-card:hover{background:rgba(255,255,255,.12);border-color:rgba(243,108,33,.5);transform:translateY(-4px)}.hero-stat-card strong{display:block;font-size:32px;font-weight:900;color:var(--gold);line-height:1;margin-bottom:4px}.hero-stat-card span{display:block;font-size:12px;font-weight:600;color:#cbe0f8;line-height:1.25}.section{padding:72px 0}.soft,.product-range{background:var(--soft)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center}.section h2,.inner-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:0 0 18px;color:#092344}.section h3{margin:0 0 8px;color:#092344}.center{text-align:center}.factory-card,.product-visual{border-radius:8px;overflow:hidden;box-shadow:var(--shadow);position:relative;transform-style:preserve-3d;transition:.25s ease;background:#fff}.factory-card img{height:430px;width:100%;object-fit:cover}.experience-badge,.visual-badge{position:absolute;left:28px;bottom:28px;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 14px 30px rgba(16,32,51,.16);color:var(--navy)}.experience-badge strong{display:block;font-size:30px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px;margin:24px 0}.check-grid span{display:flex;align-items:center;gap:9px;color:#21364e}.check-grid svg{color:var(--orange);flex:0 0 auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head.center{flex-direction:column;align-items:center;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card,.info-card,.blog-card,.social-card,.download-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 10px 28px rgba(16,32,51,.07);transition:.2s ease}.product-card:hover,.info-card:hover,.blog-card:hover,.download-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card a{display:block}.product-thumb{height:190px;border-radius:8px;background:#edf3f9;overflow:hidden;margin-bottom:18px}.product-thumb .product-visual{height:100%;box-shadow:none}.product-thumb .product-visual img{height:100%;width:100%;object-fit:cover}.product-thumb .visual-badge{display:none}.product-card p,.info-card p,.blog-card p{color:var(--muted);font-size:14px}.read-more,.text-link{color:var(--orange);font-weight:900;display:inline-flex;align-items:center;gap:7px}.industry-band{background:#05284d;color:#fff;padding:40px 0}.industry-band .eyebrow{color:#fff;text-align:center}.industry-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px}.industry-pill{text-align:center;font-weight:800;font-size:13px}.industry-pill span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 8px;background:#fff;color:var(--blue);border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.2)}.process-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}.process-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;text-align:center}.process-grid span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;background:#eaf5ff;color:var(--orange);border-radius:8px;font-weight:900}.trust-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:8px;align-items:stretch}.trust-grid .stat-card{background:#072d57;color:#fff;border-color:#09386c}.clients{padding-top:40px}.client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.client-logos span{height:76px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:900;color:#425166}.inner-hero{background:linear-gradient(115deg,#f6f9fc 0%,#fff 52%,#eaf5ff 100%);padding:70px 0 54px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:26px}.breadcrumbs a{color:var(--blue);font-weight:800}.product-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.product-visual img{height:360px;width:100%;object-fit:cover}.product-layout{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:start}.product-side{position:sticky;top:110px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 10px 28px rgba(16,32,51,.07)}.product-side h2{font-size:20px}.download-link{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px;border-radius:8px;margin:10px 0;font-weight:800;color:var(--blue)}.zoom-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:34px}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zoom-gallery button{border:0;background:transparent;padding:0;cursor:zoom-in;border-radius:8px;overflow:hidden}.zoom-gallery img{height:170px;width:100%;object-fit:cover;border-radius:8px}.spec-table{width:100%;border-collapse:collapse;margin:16px 0 28px;background:#fff}.spec-table th,.spec-table td{border:1px solid var(--line);padding:13px;text-align:left}.spec-table th{width:35%;background:#f4f7fb;color:#092344}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.faq-list details{border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin:10px 0;background:#fff}.faq-list summary{font-weight:900;cursor:pointer}.quote-form{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-weight:800;color:#24384f;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #cfd8e3;border-radius:8px;padding:12px 13px;font:inherit;margin-top:6px;color:var(--ink);background:#fff}textarea{resize:vertical}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start}.map-frame{height:320px;border-radius:8px;overflow:hidden;border:1px solid var(--line);margin-top:18px}.map-frame iframe{border:0;width:100%;height:100%}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-page .narrow{max-width:820px}.download-card{display:flex;flex-direction:column;gap:10px;min-height:170px}.download-card svg{color:var(--orange);width:34px;height:34px}.final-cta{background:linear-gradient(135deg,#031427 0%,#06264a 50%,#08386f 100%);color:#fff;padding:64px 0;position:relative;overflow:hidden;border-top:3px solid var(--orange);border-bottom:1px solid rgba(255,255,255,.1)}.cta-bg-glow{position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(243,108,33,.22),transparent 55%),radial-gradient(circle at 85% 50%,rgba(24,167,201,.22),transparent 55%);pointer-events:none}.final-cta-inner{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center;position:relative;z-index:2}.cta-visual-badge{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);border-radius:14px;padding:16px 20px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.badge-icon-box{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--orange),#e55f17);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(243,108,33,.35);flex-shrink:0}.badge-icon-box svg{width:24px;height:24px;stroke-width:2;fill:currentColor}.badge-text-info strong{display:block;font-size:15px;font-weight:900;color:var(--gold);line-height:1.2}.badge-text-info span{display:block;font-size:12px;color:#a9c6e8;font-weight:600}.cta-main-copy{max-width:580px}.cta-pill-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(243,108,33,.15);border:1px solid rgba(243,108,33,.35);border-radius:20px;padding:4px 12px;color:var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:10px}.cta-main-copy h2{color:#fff;font-size:clamp(24px,3vw,34px);font-weight:900;margin:0 0 10px;line-height:1.2}.cta-subdesc{color:#b6d2f3;font-size:14px;line-height:1.55;margin:0}.cta-actions-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cta-btn-glow{box-shadow:0 10px 28px rgba(243,108,33,.45);padding:14px 24px;font-size:15px}.btn-glass-phone{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;border-radius:8px;padding:13px 20px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-glass-phone:hover{background:rgba(255,255,255,.18);border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.btn-glass-phone svg{width:16px;height:16px;color:var(--cyan)}.site-footer{background:linear-gradient(180deg,#03162b 0%,#020f1f 100%);color:#dce9f8;padding:0 0 24px;position:relative;overflow:hidden}.footer-top-accent{height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan) 40%,var(--orange) 70%,var(--gold))}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:36px;padding:56px 0 36px}.footer-brand{display:inline-block;background:#fff;border-radius:8px;padding:6px 12px;margin-bottom:16px}.footer-brand .site-logo{width:200px;max-height:50px;object-fit:contain}.footer-desc{color:#a9c3e2;font-size:13px;line-height:1.6;margin-bottom:18px}.footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.footer-badges span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700;color:#fff}.footer-social-pills{display:flex;flex-wrap:wrap;gap:8px}.footer-social-pills a{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;color:#fff;transition:all .2s ease}.footer-social-pills a:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.footer-social-pills svg{width:14px;height:14px}.site-footer h3{color:#fff;font-size:17px;font-weight:800;margin:0 0 18px;position:relative;padding-bottom:8px}.site-footer h3::after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--orange)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#b0cbef;font-size:13px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.footer-links a:hover{color:var(--gold);transform:translateX(4px)}.footer-location-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;margin-bottom:16px}.loc-item{margin-bottom:12px}.loc-item:last-child{margin-bottom:0}.loc-item strong{color:#fff;font-size:13px;display:block;margin-bottom:2px}.loc-item p{color:#a9c3e2;font-size:12px;line-height:1.45;margin:0}.footer-contact-actions{display:flex;flex-direction:column;gap:8px}.contact-pill{display:inline-flex;align-items:center;gap:8px;color:#fff;background:rgba(24,167,201,.12);border:1px solid rgba(24,167,201,.3);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800;transition:all .2s ease}.contact-pill:hover{background:var(--orange);border-color:var(--orange)}.contact-pill svg{width:16px;height:16px;color:var(--cyan)}.contact-pill:hover svg{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#8faecf}.bottom-links{display:flex;gap:12px;align-items:center}.bottom-links a{color:#b0cbef;transition:color .2s ease}.bottom-links a:hover{color:var(--gold)}.floating-actions{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:70}.floating-actions a,.floating-actions button{width:74px;min-height:62px;border:0;color:#fff;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.22);cursor:pointer}.floating-actions svg{width:22px;height:22px}.float-call{background:#1266c3}.float-wa{background:#13a85b}.float-mail{background:#f36c21}.float-top{background:#064fa3}.zoom-modal{position:fixed;inset:0;background:rgba(3,18,35,.86);display:none;align-items:center;justify-content:center;padding:28px;z-index:100}.zoom-modal.is-open{display:flex}.zoom-modal img{max-height:88vh;max-width:92vw;border-radius:8px;box-shadow:var(--shadow)}.zoom-modal button{position:absolute;top:18px;right:22px;background:#fff;border:0;border-radius:8px;width:42px;height:42px;font-size:28px;cursor:pointer}.keyword{color:var(--orange)!important;font-weight:900}.social-card span{color:var(--blue);font-weight:900;font-size:13px}
.home-why{background:linear-gradient(180deg,#f8fbff 0%,#edf4fc 100%);position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-why .section-lead{max-width:680px;margin:10px auto 0;font-size:15px;color:var(--muted);line-height:1.6}.home-why .feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:38px}.feature-card-pro{background:#fff;border:1px solid rgba(6,79,163,.12);border-radius:14px;padding:26px 24px;box-shadow:0 10px 30px rgba(6,38,74,.05);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:left}.feature-card-pro::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan) 50%,var(--orange));opacity:0;transition:opacity .3s ease}.feature-card-pro:hover{transform:translateY(-6px);border-color:rgba(243,108,33,.4);box-shadow:0 18px 40px rgba(6,38,74,.12),0 0 0 1px rgba(243,108,33,.2)}.feature-card-pro:hover::before{opacity:1}.feature-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;width:100%}.feature-card-head .feature-icon-wrapper{margin-bottom:0}.feature-card-pro h3{font-size:18px;font-weight:800;color:var(--navy);margin:0 0 8px;line-height:1.3;text-align:left}.feature-card-pro p{color:var(--muted);font-size:13.5px;line-height:1.55;margin:0;text-align:left}.feature-icon-wrapper{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#fff3eb 0%,#ffe5d4 100%);color:var(--orange);display:grid;place-items:center;box-shadow:0 8px 18px rgba(243,108,33,.15);transition:transform .3s ease,background .3s ease,color .3s ease;flex-shrink:0}.feature-icon-wrapper svg{width:26px;height:26px;stroke-width:2}.feature-card-pro:hover .feature-icon-wrapper{transform:scale(1.08) rotate(-3deg);background:linear-gradient(135deg,var(--orange) 0%,#e55f17 100%);color:#fff}.feature-badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:4px 10px;border-radius:20px;background:#eaf5ff;color:var(--blue);transition:all .2s ease;flex-shrink:0;max-width:max-content}.feature-card-pro:hover .feature-badge{background:#fff3eb;color:var(--orange)}.home-trust-banner{background:linear-gradient(135deg,#031427 0%,#06264a 60%,#08386f 100%);color:#fff;padding:76px 0;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.home-trust-banner::before{content:"";position:absolute;right:-10%;top:-20%;width:550px;height:550px;background:radial-gradient(circle,rgba(24,167,201,.18),transparent 65%);pointer-events:none}.trust-banner-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;position:relative;z-index:2}.trust-banner-content{max-width:520px}.trust-pill-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);border-radius:20px;padding:5px 14px;color:var(--gold);font-size:12px;font-weight:800;margin-bottom:16px}.trust-banner-content h2{color:#fff;font-size:clamp(32px,4vw,44px);font-weight:900;margin:0 0 16px;line-height:1.1}.trust-accent{background:linear-gradient(135deg,var(--orange),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.trust-banner-desc{color:#b0c6df;font-size:15px;line-height:1.65;margin:0 0 24px}.trust-feature-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.trust-feat-item{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:700}.trust-feat-item svg{width:18px;height:18px;color:var(--orange);flex-shrink:0}.trust-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.trust-phone-link{display:inline-flex;align-items:center;gap:8px;color:#dce9f8;font-size:14px;font-weight:800;transition:color .2s ease}.trust-phone-link:hover{color:var(--gold)}.trust-phone-link svg{width:16px;height:16px;color:var(--cyan)}.trust-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.trust-stat-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);border-radius:14px;padding:24px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.trust-stat-box::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--gold));opacity:0;transition:opacity .3s ease}.trust-stat-box:hover{transform:translateY(-8px);background:rgba(255,255,255,.12);border-color:rgba(243,108,33,.5);box-shadow:0 20px 45px rgba(0,0,0,.3)}.trust-stat-box:hover::before{opacity:1}.trust-stat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.trust-icon-box{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:var(--gold);display:grid;place-items:center;flex-shrink:0}.trust-icon-box svg{width:20px;height:20px;stroke-width:2}.trust-tag{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--cyan);background:rgba(24,167,201,.15);padding:3px 9px;border-radius:12px;border:1px solid rgba(24,167,201,.3)}.stat-number{display:block;font-size:38px;font-weight:900;line-height:1;color:#fff;margin-bottom:6px;background:linear-gradient(135deg,#fff 40%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-title{display:block;font-size:15px;font-weight:800;color:#fff;margin-bottom:6px}.stat-sub{color:#9bbcdb;font-size:12px;line-height:1.45;margin:0}.product-range{background:linear-gradient(180deg,#f6f9fc 0%,#edf4fb 100%)}.section-lead-inline{color:var(--muted);font-size:15px;margin:4px 0 0;max-width:620px}.home-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}.product-range-card{background:#fff;border:1px solid rgba(6,79,163,.12);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(6,38,74,.06);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column}.product-range-card:hover{transform:translateY(-8px);border-color:var(--orange);box-shadow:0 22px 48px rgba(6,38,74,.14),0 0 0 1px rgba(243,108,33,.25)}.product-card-badge{position:absolute;top:14px;right:14px;z-index:3;background:rgba(6,38,74,.85);backdrop-filter:blur(8px);color:var(--gold);font-size:11px;font-weight:800;padding:5px 12px;border-radius:20px;border:1px solid rgba(247,183,49,.4);box-shadow:0 4px 12px rgba(0,0,0,.2)}.product-card-media{display:block;height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,#051b31,#08386f)}.product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease;filter:brightness(.95)}.product-range-card:hover .product-card-media img{transform:scale(1.08);filter:brightness(1.05)}.media-tag{position:absolute;bottom:12px;left:14px;background:linear-gradient(135deg,var(--orange),#e55f17);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;box-shadow:0 4px 10px rgba(243,108,33,.3)}.product-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.product-card-body h3{font-size:19px;font-weight:800;color:var(--navy);margin:0 0 8px;line-height:1.3}.product-card-body h3 a{color:var(--navy);transition:color .2s ease}.product-card-body h3 a:hover{color:var(--orange)}.product-card-desc{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 16px;flex-grow:1}.product-spec-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.product-spec-pills span{background:#f0f6fd;border:1px solid #d8e6f7;color:#064fa3;font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px}.product-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.btn-card-link{color:var(--orange);font-weight:900;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease}.btn-card-link:hover{gap:10px;color:#e55f17}.btn-card-link svg{width:14px;height:14px}.btn-card-quote{background:#eaf5ff;color:var(--blue);border:1px solid #cce2f7;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:800;transition:all .2s ease}.product-range-card:hover .btn-card-quote{background:var(--orange);color:#fff;border-color:var(--orange)}.industry-band{background:linear-gradient(135deg,#031427 0%,#062347 50%,#08386f 100%);padding:64px 0;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.industry-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(24,167,201,.15),transparent 60%);pointer-events:none}.industry-band .eyebrow{color:var(--gold);margin-bottom:8px}.industry-band h2{color:#fff;font-size:clamp(28px,3.5vw,42px);margin:0 0 10px}.section-lead-dark{color:#b0cbef;font-size:16px;max-width:640px;margin:0 auto 42px;line-height:1.55}.industry-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative;z-index:2}.industry-pill{display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:24px 16px;color:#fff;backdrop-filter:blur(14px);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px rgba(0,0,0,.15);text-decoration:none;position:relative;overflow:hidden}.industry-pill::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(243,108,33,.12),transparent);opacity:0;transition:opacity .3s ease}.industry-pill:hover{transform:translateY(-6px) scale(1.02);background:rgba(255,255,255,.12);border-color:rgba(24,167,201,.6);box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 24px rgba(24,167,201,.25)}.industry-pill:hover::after{opacity:1}.industry-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 8px 20px rgba(0,0,0,.2);transition:all .3s ease}.industry-icon svg{width:26px;height:26px;stroke-width:2}.industry-pill:hover .industry-icon{transform:scale(1.1);background:linear-gradient(135deg,var(--orange),#e55f17);border-color:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(243,108,33,.4)}.industry-pill strong{display:block;font-size:15px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:4px;transition:color .2s ease}.industry-pill:hover strong{color:var(--gold)}.industry-pill small{display:block;font-size:12px;color:#a0c2eb;font-weight:500}.home-process{padding:64px 0;background:linear-gradient(180deg,#fff 0%,#f4f8fd 100%);position:relative}.home-process .process-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;margin-top:42px;position:relative;z-index:2}.home-process .process-grid::before{content:"";position:absolute;left:5%;right:5%;top:28px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan) 50%,var(--orange));z-index:0;border-radius:3px;opacity:.4}.home-process .process-grid article{background:#fff;border:1px solid rgba(6,79,163,.12);border-radius:12px;padding:24px 14px;text-align:center;box-shadow:0 10px 26px rgba(6,38,74,.06);position:relative;z-index:1;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;min-height:250px}.process-number{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#064fa3,#06264a);color:#fff;font-weight:900;font-size:13px;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 6px 14px rgba(6,79,163,.25);border:3px solid #fff;transition:all .3s ease;flex-shrink:0}.home-process .process-grid article:hover{transform:translateY(-8px);border-color:var(--orange);box-shadow:0 18px 36px rgba(243,108,33,.14),0 0 0 1px rgba(243,108,33,.25)}.home-process .process-grid article:hover .process-number{background:linear-gradient(135deg,var(--orange),#e55f17);box-shadow:0 6px 16px rgba(243,108,33,.4)}.home-process .process-icon{width:56px;height:56px;margin:0 auto 12px;display:grid;place-items:center;color:var(--blue);background:linear-gradient(135deg,#eaf5ff 0%,#d8ebff 100%);border-radius:12px;transition:all .3s ease;box-shadow:0 6px 16px rgba(6,79,163,.1)}.home-process .process-icon svg{width:26px;height:26px;stroke-width:2}.home-process .process-grid article:hover .process-icon{transform:scale(1.08) rotate(-3deg);background:linear-gradient(135deg,var(--orange) 0%,#e55f17 100%);color:#fff;box-shadow:0 8px 20px rgba(243,108,33,.3)}.home-process article strong{display:block;color:var(--navy);font-size:15px;font-weight:800;line-height:1.25;margin-bottom:6px}.home-process article p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}.home-trust{padding-top:28px}.home-trust .trust-grid{grid-template-columns:1.2fr repeat(4,1fr)}.home-trust .stat-card{border-radius:8px;padding:30px 22px;text-align:center}.home-trust .stat-card strong{font-size:42px;color:#fff}.home-trust .stat-card span{font-size:15px}.price-table td:last-child a{color:var(--orange);font-weight:900}.table-note{color:var(--muted);font-size:14px;margin:12px 0 0}.final-cta{background:linear-gradient(90deg,#064fa3,#06264a)}
@media (max-width:980px){.top-strip{display:none}.header-inner{height:70px}.nav-toggle{display:inline-grid;margin-left:auto}.main-nav{position:fixed;left:16px;right:16px;top:78px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:16px;display:none;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a,.nav-item>a{padding:12px 0}.header-quote{display:none}.mega-menu{position:static;width:100%;transform:none;display:none;opacity:1;visibility:visible;box-shadow:none;padding:14px;grid-template-columns:1fr}.mega-trigger:hover .mega-menu,.mega-trigger:focus-within .mega-menu{display:grid;transform:none}.mega-grid{grid-template-columns:1fr}.hero{min-height:620px}.hero h1{font-size:44px}.hero-stats,.feature-row,.industry-strip,.process-grid,.trust-grid,.client-logos,.card-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.product-hero-grid,.product-layout,.contact-layout,.final-cta-inner,.footer-grid{grid-template-columns:1fr}.product-side{position:static}.floating-actions{right:10px}.final-cta-inner{grid-template-columns:1fr;gap:24px;text-align:center}.cta-visual-badge{justify-content:center;margin:0 auto}.cta-main-copy{max-width:none}.cta-actions-group{justify-content:center}}
@media (max-width:640px){.container{width:min(100% - 24px,1180px)}.site-logo{width:210px;max-height:50px}.hero{min-height:700px;align-items:end;padding-bottom:42px}.hero-bg img{object-position:62% center}.hero-bg:after{background:linear-gradient(180deg,rgba(3,18,35,.4),rgba(3,18,35,.93))}.hero h1{font-size:36px}.hero-copy p:not(.eyebrow){font-size:16px}.hero-stats,.feature-row,.industry-strip,.process-grid,.trust-grid,.client-logos,.card-grid,.blog-grid,.mini-grid,.zoom-gallery,.gallery-grid,.form-row{grid-template-columns:1fr}.section{padding:52px 0}.section-head{display:block}.factory-card img,.product-visual img{height:280px}.check-grid{grid-template-columns:1fr}.floating-actions{top:auto;bottom:12px;left:12px;right:12px;transform:none;grid-template-columns:repeat(4,1fr)}.floating-actions a,.floating-actions button{width:auto;min-height:54px}.floating-actions span{display:none}.final-cta{padding-bottom:84px}.product-thumb{height:170px}}
@media (max-width:1100px){.trust-banner-inner{grid-template-columns:1fr;gap:36px}.trust-banner-content{max-width:none}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-process .process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-process .process-grid::before{display:none}.industry-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.home-why .feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-badge-ribbon .container{grid-template-columns:repeat(3,minmax(0,1fr))}.home-trust .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-trust .trust-grid>div{grid-column:1/-1}.home-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}.home-process .process-grid:before,.home-process .process-grid article:after{display:none}}
@media (max-width:640px){.trust-cards-grid{grid-template-columns:1fr;gap:14px}.home-product-grid{grid-template-columns:1fr;gap:16px}.home-process .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.industry-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.industry-pill{padding:18px 10px}.industry-icon{width:44px;height:44px}.industry-icon svg{width:20px;height:20px}.industry-pill strong{font-size:13px}.industry-pill small{font-size:10px}.home-why .feature-row{grid-template-columns:1fr}.home-hero{min-height:690px}.home-hero .hero-copy{max-width:none}.home-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-hero-stats article:before{width:26px;height:26px}.home-hero-stats span{font-size:18px}.center-head .btn{margin:18px auto 0}.home-trust .trust-grid{grid-template-columns:1fr}}
@media (max-width:1100px){.about-stat-strip,.about-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.about-hero{min-height:650px}.about-stat-strip,.about-timeline{grid-template-columns:1fr}.about-story-panel{padding:22px}.about-story-panel .mini-grid{grid-template-columns:1fr}}
@media (max-width:1100px){.industries-hero-grid{grid-template-columns:1fr}.industries-hero-visual{min-height:420px}.industry-flow,.industry-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-flow article:not(:last-child):after{display:none}.industry-glass-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-trust-cards{right:auto;left:0;bottom:210px}.factory-illustration{width:100%}}
@media (max-width:640px){.industries-hero{min-height:860px}.industries-hero-visual{min-height:470px}.factory-illustration{top:30px}.factory-illustration img{height:250px}.product-lineup{grid-template-columns:1fr;right:0;left:0;bottom:10px}.product-lineup .product-visual{height:125px}.floating-trust-cards{position:static;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:300px}.industry-detail-grid,.industry-flow,.industry-glass-grid,.industry-stats-grid{grid-template-columns:1fr}.industry-card-media{height:190px}.industry-product-carousel{grid-auto-columns:85%}}


/* GALLERY REDESIGN STYLES */
.gallery-pro-section { padding: 80px 0; background: #f8fafc; }
.gallery-header { text-align: center; max-width: 760px; margin: 0 auto 48px auto; }
.gallery-header .eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(6,79,163,0.08); color: var(--blue); font-weight: 700; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.gallery-header h2 { font-size: 38px; font-weight: 800; color: var(--navy); margin-bottom: 14px; line-height: 1.2; }
.gallery-header p { color: var(--muted); font-size: 16px; line-height: 1.6; }
.gallery-grid-pro { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
@media (max-width: 980px) { .gallery-grid-pro { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 640px) { .gallery-grid-pro { grid-template-columns: 1fr; gap: 18px; } .gallery-header h2 { font-size: 28px; } }
.gallery-card-item { background: #ffffff; border-radius: 16px; overflow: hidden; border: 1px solid rgba(6,38,74,0.08); box-shadow: 0 10px 30px rgba(6,38,74,0.05); transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; }
.gallery-card-item:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(6,79,163,0.12); border-color: rgba(6,79,163,0.25); }
.gallery-card-media-box { position: relative; width: 100%; height: 240px; overflow: hidden; background: #041830; cursor: pointer; border: none; padding: 0; display: block; text-align: left; }
.gallery-card-media-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease; }
.gallery-card-item:hover .gallery-card-media-box img { transform: scale(1.08); opacity: 0.88; }
.gallery-card-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,20,39,0) 40%, rgba(3,20,39,0.75) 100%); display: flex; align-items: flex-end; justify-content: flex-end; padding: 16px; opacity: 0; transition: opacity 0.3s ease; }
.gallery-card-item:hover .gallery-card-overlay { opacity: 1; }
.gallery-zoom-icon { width: 42px; height: 42px; border-radius: 50%; background: var(--orange); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(243,108,33,0.4); transition: transform 0.3s ease; }
.gallery-card-item:hover .gallery-zoom-icon { transform: scale(1.1); }
.gallery-zoom-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; }
.gallery-card-badge { position: absolute; top: 14px; left: 14px; background: rgba(3,20,39,0.85); backdrop-filter: blur(8px); color: var(--gold); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 5px 12px; border-radius: 50px; border: 1px solid rgba(247,183,49,0.3); z-index: 2; }
.gallery-card-body { padding: 20px 22px 24px 22px; display: flex; flex-direction: column; flex-grow: 1; }
.gallery-card-body h3 { font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 8px; line-height: 1.35; transition: color 0.2s ease; }
.gallery-card-item:hover .gallery-card-body h3 { color: var(--blue); }
.gallery-card-body p { font-size: 14px; color: var(--muted); line-height: 1.5; margin: 0; }

/* TECHNICAL DOCUMENTS DOWNLOADS REDESIGN STYLES */
.doc-pro-section { padding: 80px 0; background: #f8fafc; }
.doc-header { text-align: center; max-width: 760px; margin: 0 auto 48px auto; }
.doc-header .eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(6,79,163,0.08); color: var(--blue); font-weight: 700; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.doc-header h2 { font-size: 38px; font-weight: 800; color: var(--navy); margin-bottom: 14px; line-height: 1.2; }
.doc-header p { color: var(--muted); font-size: 16px; line-height: 1.6; }
.doc-grid-pro { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
@media (max-width: 980px) { .doc-grid-pro { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 640px) { .doc-grid-pro { grid-template-columns: 1fr; gap: 18px; } .doc-header h2 { font-size: 28px; } }
.doc-card-item { background: #ffffff; border-radius: 16px; padding: 28px; border: 1px solid rgba(6,38,74,0.08); box-shadow: 0 10px 30px rgba(6,38,74,0.05); transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; text-decoration: none; position: relative; }
.doc-card-item:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(6,79,163,0.12); border-color: rgba(6,79,163,0.25); }
.doc-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.doc-icon-box { width: 52px; height: 52px; border-radius: 12px; background: linear-gradient(135deg, #08386f, #031427); color: var(--gold); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(8,56,111,0.2); }
.doc-icon-box svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; }
.doc-size-badge { background: #edf4fb; color: var(--blue); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 50px; border: 1px solid rgba(6,79,163,0.15); }
.doc-card-item h3 { font-size: 19px; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.35; transition: color 0.2s ease; }
.doc-card-item:hover h3 { color: var(--blue); }
.doc-card-item p { font-size: 14px; color: var(--muted); line-height: 1.55; margin-bottom: 24px; flex-grow: 1; }
.doc-download-btn { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 18px; background: linear-gradient(135deg, #064fa3, #08386f); color: #ffffff; font-weight: 700; font-size: 14px; border-radius: 8px; transition: all 0.3s ease; box-shadow: 0 4px 14px rgba(6,79,163,0.2); }
.doc-card-item:hover .doc-download-btn { background: linear-gradient(135deg, #f36c21, #e0560d); box-shadow: 0 6px 20px rgba(243,108,33,0.35); }
.doc-download-btn svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2.2; transition: transform 0.2s ease; }
.doc-card-item:hover .doc-download-btn svg { transform: translateY(2px); }

/* PREMIUM SPLIT SHOWCASE SECTION (SLIDER + VIDEO) */
.split-showcase-grid { display: grid; grid-template-columns: 45% 55%; gap: 28px; align-items: stretch; margin-top: 10px; }
@media (max-width: 1024px) { .split-showcase-grid { grid-template-columns: 1fr; gap: 24px; } }
.slider-column-card { position: relative; border-radius: 16px; overflow: hidden; border: 1px solid rgba(24,167,201,0.35); box-shadow: 0 18px 45px rgba(0,0,0,0.5); background: #031427; min-height: 380px; display: flex; flex-direction: column; }
.slider-wrapper { position: relative; width: 100%; height: 100%; flex-grow: 1; min-height: 340px; }
.slide-item { position: absolute; inset: 0; opacity: 0; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; transform: scale(1.04); pointer-events: none; }
.slide-item.active { opacity: 1; transform: scale(1); pointer-events: auto; }
.slide-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.slide-caption { position: absolute; bottom: 0; inset-x: 0; background: linear-gradient(180deg, rgba(3,20,39,0) 0%, rgba(3,20,39,0.92) 100%); padding: 24px 20px 20px 20px; color: #fff; z-index: 5; }
.slide-tag { display: inline-block; background: var(--orange, #f36c21); color: #fff; font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 6px; margin-bottom: 6px; text-transform: uppercase; }
.slide-caption h3 { font-size: 16px; font-weight: 800; color: #fff; margin: 0; line-height: 1.3; }
.slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(3,20,39,0.7); border: 1px solid rgba(255,255,255,0.25); color: #fff; font-size: 18px; cursor: pointer; z-index: 10; display: grid; place-items: center; transition: all 0.2s ease; backdrop-filter: blur(8px); }
.slider-arrow:hover { background: var(--orange, #f36c21); border-color: var(--orange, #f36c21); }
.prev-arrow { left: 14px; }
.next-arrow { right: 14px; }
.slider-dots-group { position: absolute; bottom: 14px; right: 20px; display: flex; gap: 8px; z-index: 10; }
.slider-dots-group .dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.4); border: none; cursor: pointer; padding: 0; transition: all 0.3s ease; }
.slider-dots-group .dot.active { background: var(--gold, #f7b731); width: 24px; border-radius: 10px; }

/* RIGHT COLUMN: CONTINUOUS VIDEO SECTION */
.video-column-card { position: relative; border-radius: 16px; overflow: hidden; border: 1px solid rgba(24,167,201,0.35); box-shadow: 0 18px 45px rgba(0,0,0,0.5); background: #031427; min-height: 380px; display: flex; flex-direction: column; }
.video-container { position: relative; width: 100%; height: 100%; flex-grow: 1; overflow: hidden; background: #020f1f; min-height: 340px; }
.video-container video { width: 100%; height: 100%; object-fit: cover; display: block; }
.video-play-overlay { position: absolute; inset: 0; background: rgba(3,20,39,0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; cursor: pointer; transition: opacity 0.4s ease; z-index: 5; }
.video-play-overlay.hidden { opacity: 0; pointer-events: none; }
.play-btn-circle { width: 64px; height: 64px; border-radius: 50%; background: var(--orange, #f36c21); color: #fff; display: grid; place-items: center; box-shadow: 0 10px 30px rgba(243,108,33,0.5), 0 0 0 8px rgba(243,108,33,0.2); transition: transform 0.3s ease; }
.video-play-overlay:hover .play-btn-circle { transform: scale(1.12); }
.play-btn-circle svg { width: 28px; height: 28px; margin-left: 3px; }
.video-overlay-text { text-align: center; color: #fff; }
.video-overlay-text strong { display: block; font-size: 15px; font-weight: 800; }
.video-overlay-text span { font-size: 12px; color: #b6d2f3; }
.video-badge-pill { position: absolute; top: 16px; left: 16px; background: rgba(3,20,39,0.85); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.2); border-radius: 30px; padding: 5px 14px; color: #fff; font-size: 11px; z-index: 6; display: flex; align-items: center; gap: 6px; }

/* DESKTOP PERFORMANCE & CORE WEB VITALS BOOST */
@media (min-width: 992px) {
  .home-trust-banner,
  .product-range,
  .industry-band,
  .home-process,
  .home-trust,
  .final-cta,
  .site-footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 700px;
  }
}
img {
  content-visibility: auto;
}

/* MEGA MENU BRAND CARD OVERFLOW & WRAPPING FIX */
.mega-menu {
  grid-template-columns: 280px 1fr !important;
  white-space: normal !important;
}

.mega-brand-card {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  padding: 22px 18px !important;
}

.mega-brand-card .eyebrow {
  white-space: normal !important;
}

.mega-brand-card h3 {
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.mega-brand-card p {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 20px !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.mega-brand-card .btn {
  white-space: nowrap !important;
  max-width: 100% !important;
  justify-content: center !important;
}

/* REDUCE SIZE OF HERO BANNER STAT CARDS ACROSS ALL BANNERS */
.home-hero-stats,
.hero-stats,
.product-hero-stats,
.industry-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: 640px !important;
}

.hero-stat-card,
.stat-card-compact,
.industry-stats-grid article {
  padding: 10px 12px !important;
  border-radius: 10px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(12px) !important;
}

.hero-stat-card strong,
.stat-card-compact strong,
.industry-stats-grid article strong {
  display: block !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  color: var(--gold) !important;
  line-height: 1.15 !important;
  margin-bottom: 2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.hero-stat-card span,
.stat-card-compact span,
.industry-stats-grid article span {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #cbe0f8 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 768px) {
  .home-hero-stats,
  .hero-stats,
  .product-hero-stats,
  .industry-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

/* CITY CHIP PILLS FOR DELIVERY & SUPPORT PAGE */
.city-chip-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 10px;
  font-size: 13px;
  font-weight: 800;
  color: #06264a !important;
  background: #ffffff !important;
  border: 1px solid #cce2f7 !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(6, 38, 74, 0.05);
  transition: all 0.25s ease;
  text-align: center;
  text-decoration: none;
}

.city-chip-pill:hover {
  background: var(--orange) !important;
  color: #ffffff !important;
  border-color: var(--orange) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(243, 108, 33, 0.3);
}

@media (max-width: 980px) {
  .city-grid-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .city-grid-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* PREMIUM CORPORATE BRAND & LOGO SECTION STYLING */
.header-inner {
  min-height: 110px !important;
  padding: 14px 0 !important;
}

.brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 4px 0 !important;
}

.site-logo {
  width: 320px !important;
  max-width: 320px !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 4px 14px rgba(11, 42, 89, 0.18)) contrast(1.15) saturate(1.2) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.brand:hover .site-logo {
  transform: translateY(-1px) scale(1.03) !important;
  filter: drop-shadow(0 8px 22px rgba(243, 108, 33, 0.35)) contrast(1.18) saturate(1.25) !important;
}

.brand::after {
  content: "POWER PROTECTION YOU CAN TRUST" !important;
  display: block !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #0B2A59 !important;
  margin-top: 12px !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: all 0.25s ease !important;
}

.brand:hover::after {
  color: var(--orange) !important;
  letter-spacing: 3.5px !important;
}

.footer-brand {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none !important;
  text-align: center !important;
}

.footer-brand .site-logo {
  width: 260px !important;
  max-width: 260px !important;
  max-height: 64px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4)) contrast(1.12) !important;
}

.footer-brand::after {
  content: "POWER PROTECTION YOU CAN TRUST" !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #f36c21 !important;
  margin-top: 10px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media (max-width: 980px) {
  .site-logo {
    width: 270px !important;
    max-height: 64px !important;
  }
  .brand::after {
    font-size: 10px !important;
    letter-spacing: 2.5px !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 640px) {
  .site-logo {
    width: 230px !important;
    max-height: 56px !important;
  }
  .brand::after {
    font-size: 9px !important;
    letter-spacing: 2px !important;
    margin-top: 8px !important;
  }
}

/* ULTRA-ATTRACTIVE SINGLE-LINE HEADER QUOTE BUTTON */
.header-quote,
.site-header .header-quote,
.site-header .btn.header-quote {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  padding: 13px 26px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #f36c21 0%, #d9530f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 18px rgba(243, 108, 33, 0.35) !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

.header-quote:hover,
.site-header .header-quote:hover {
  background: linear-gradient(135deg, #ff7a2e 0%, #e55a13 100%) !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 10px 26px rgba(243, 108, 33, 0.45), 0 0 16px rgba(243, 108, 33, 0.3) !important;
  color: #ffffff !important;
}

.header-quote svg,
.site-header .header-quote svg {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.25s ease !important;
  flex-shrink: 0 !important;
}

.header-quote:hover svg,
.site-header .header-quote:hover svg {
  transform: translateX(3px) translateY(-1px) !important;
}