:root{--navy:#0b2441;--navy2:#12385f;--blue:#1769aa;--steel:#eaf0f5;--ink:#152233;--muted:#667586;--line:#dce5ec;--white:#fff;--orange:#f39a2d;--soft:#f6f9fb;--max:1220px;--shadow:0 16px 40px rgba(11,36,65,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.62}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:#071a2f;color:#dbe7f1;font-size:13px}.topbar .wrap{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a:hover{color:#fff}.brandbar{background:#fff;border-bottom:1px solid var(--line)}.brandbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:22px}.brand{display:flex;align-items:center;gap:14px}.logo{display:grid;grid-template-columns:repeat(2,28px);gap:3px;transform:skew(-8deg)}.logo i{height:28px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800;font-style:normal;font-size:12px}.brandcopy strong{font-size:21px;display:block;line-height:1.2;color:var(--navy)}.brandcopy small{color:var(--muted);font-size:12px;letter-spacing:.3px}.head-actions{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:14px;background:#fff}.pill.primary{background:var(--orange);border-color:var(--orange);color:#182333;font-weight:800}.pill.lang{color:var(--navy);font-weight:700}.nav{background:var(--navy);position:sticky;top:0;z-index:30;box-shadow:0 6px 18px rgba(0,0,0,.08)}.nav .wrap{display:flex;align-items:center;justify-content:space-between}.links{display:flex}.links a{color:#fff;padding:16px 18px;font-size:14px;font-weight:650;opacity:.9;border-bottom:3px solid transparent}.links a:hover,.links a.active{background:rgba(255,255,255,.07);opacity:1;border-bottom-color:var(--orange)}.menu{display:none;background:none;border:0;color:white;font-size:25px;padding:13px}.nav-rfq{color:#fff;font-weight:800;font-size:13px;letter-spacing:.3px}.hero{position:relative;min-height:610px;background:url('images/home_factory_banner.webp') center/cover no-repeat;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,36,.9) 0%,rgba(8,39,69,.82) 48%,rgba(8,39,69,.3) 75%,rgba(8,39,69,.08) 100%)}.hero .wrap{position:relative}.hero-copy{max-width:770px;color:#fff;padding:78px 0}.kicker{display:inline-flex;gap:8px;align-items:center;font-size:13px;letter-spacing:1.8px;text-transform:uppercase;font-weight:800;color:#cfe6fa}.kicker:before{content:"";width:34px;height:2px;background:var(--orange)}.hero h1{font-size:56px;line-height:1.06;margin:18px 0 18px;letter-spacing:-1.7px}.hero p{font-size:19px;color:#dbe7f2;max-width:710px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:5px;font-weight:800;border:1px solid transparent}.btn.orange{background:var(--orange);color:#162332}.btn.white{background:#fff;color:var(--navy)}.btn.blue{background:var(--blue);color:#fff}.btn.outline{border-color:#b9c9d7;color:var(--navy);background:#fff}.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:var(--shadow);margin-top:-56px;position:relative;z-index:4;border-radius:7px;overflow:hidden}.fact{padding:25px 24px;border-right:1px solid var(--line)}.fact:last-child{border:0}.fact strong{display:block;color:var(--navy);font-size:18px}.fact span{font-size:13px;color:var(--muted)}.section{padding:78px 0}.soft{background:var(--soft)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-head .eyebrow{color:var(--blue);font-size:12px;letter-spacing:1.7px;font-weight:850;text-transform:uppercase}.section-head h2{font-size:36px;line-height:1.15;margin:7px 0 0;color:var(--navy)}.section-head p{max-width:560px;margin:0;color:var(--muted)}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.catcard{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.2s;position:relative}.catcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b8cfdf}.catcard img{width:100%;height:220px;object-fit:cover;background:#f1f4f7}.catbody{padding:19px}.catbody small{font-size:11px;color:var(--blue);font-weight:850;letter-spacing:.9px;text-transform:uppercase}.catbody h3{margin:6px 0 7px;font-size:20px;color:var(--navy)}.catbody p{margin:0 0 12px;color:var(--muted);font-size:14px}.arrow{color:var(--blue);font-size:14px;font-weight:800}.split{display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center}.split img{border-radius:8px;box-shadow:var(--shadow)}.split h2{font-size:38px;line-height:1.15;color:var(--navy);margin:8px 0 16px}.split p{color:var(--muted)}.checkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:22px 0 28px}.check{display:flex;gap:10px;font-size:14px}.check:before{content:"✓";color:var(--blue);font-weight:900}.appgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app{min-height:220px;padding:26px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:6px}.app .icon{font-size:28px}.app h3{color:var(--navy);margin:14px 0 8px}.app p{color:var(--muted);margin:0}.rfq{background:linear-gradient(135deg,var(--navy),#154d7b);color:#fff;border-radius:10px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:38px}.rfq h2{font-size:34px;margin:0 0 10px}.rfq p{color:#dbe9f4}.rfq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin-top:22px}.rfq-list span:before{content:"•";color:var(--orange);font-weight:900;margin-right:8px}.rfq-card{background:#fff;color:var(--ink);padding:27px;border-radius:7px}.rfq-card h3{color:var(--navy);margin-top:0}.rfq-card a{display:block;margin:8px 0;color:var(--blue);font-weight:750}.subhero{background:linear-gradient(90deg,rgba(4,18,34,.88),rgba(8,44,77,.68)),url('images/hero_pipes.webp') center/cover no-repeat;color:#fff;padding:82px 0}.subhero h1{font-size:46px;line-height:1.08;margin:10px 0}.subhero p{max-width:700px;color:#dbe7f2;font-size:18px}.crumb{font-size:13px;color:#c6d7e5}.crumb a{color:#fff}.layout{display:grid;grid-template-columns:260px 1fr;gap:28px}.sidebar{border:1px solid var(--line);border-radius:7px;overflow:hidden;height:max-content;position:sticky;top:82px;background:#fff}.sidebar h3{background:var(--navy);color:#fff;margin:0;padding:16px 18px}.sidebar a{display:block;padding:11px 16px;border-bottom:1px solid var(--line);font-size:14px}.sidebar a:hover{background:#f4f8fb;color:var(--blue)}.prodgroups{display:grid;gap:30px}.group h2{color:var(--navy);font-size:28px;margin:0 0 15px}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.productcard{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.productcard img{height:200px;width:100%;object-fit:cover}.productcard .body{padding:16px}.productcard h3{font-size:18px;margin:2px 0 8px;color:var(--navy)}.productcard p{font-size:13px;color:var(--muted);margin:0 0 10px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.detail-mainimg{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#f2f5f8}.detail h1{font-size:42px;line-height:1.1;color:var(--navy);margin:8px 0 14px}.detail .lead{color:var(--muted);font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chip{padding:6px 10px;border-radius:999px;background:#edf4f9;color:#285276;font-size:12px;font-weight:750}.specbox{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:22px}.specrow{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid var(--line)}.specrow:last-child{border:0}.specrow b,.specrow span{padding:12px 15px}.specrow b{background:#f4f7f9;color:var(--navy);font-size:13px}.specrow span{font-size:14px;color:#4f6071}.content h2{color:var(--navy);font-size:30px;margin-top:40px}.content h3{color:var(--navy)}.content p,.content li{color:#526476}.content ul{padding-left:20px}.note{background:#f4f8fb;border-left:4px solid var(--blue);padding:16px 18px;color:#4e6478;margin:20px 0}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:7px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{background:var(--navy);color:#fff;text-align:left;padding:12px}.table td{padding:11px 12px;border-bottom:1px solid var(--line);color:#526476}.table tr:last-child td{border-bottom:0}.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-card{border:1px solid var(--line);border-radius:7px;padding:22px;background:#fff}.info-card h3{color:var(--navy);margin-top:0}.contactgrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px}.contactcard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}.contactitem{padding:14px 0;border-bottom:1px solid var(--line)}.contactitem:last-child{border:0}.contactitem small{display:block;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:1px}.contactitem strong{color:var(--navy);font-size:17px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-size:12px;font-weight:800;color:var(--navy)}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #cdd9e2;border-radius:5px;font:inherit;background:#fff}.form .full{grid-column:1/-1}.form textarea{min-height:130px;resize:vertical}.formnote{font-size:12px;color:var(--muted)}.insightgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight{border:1px solid var(--line);border-radius:7px;padding:22px;background:#fff}.insight small{color:var(--blue);font-weight:800}.insight h3{color:var(--navy);font-size:19px}.insight p{color:var(--muted);font-size:14px}.footer{background:#071a2f;color:#d5e2ed;padding:54px 0 0;margin-top:0}.footgrid{display:grid;grid-template-columns:1.6fr .8fr 1fr;gap:42px}.footer h3{color:#fff}.footer p,.footer a{font-size:14px;color:#b9c9d7}.footer a{display:block;margin:7px 0}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding:19px 0;color:#8fa6b9;font-size:12px}.floatbar{position:fixed;right:18px;top:52%;transform:translateY(-50%);z-index:25;display:grid;gap:8px}.floatbar a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.14);font-weight:900;color:var(--navy);font-size:12px}.floatbar a.rfqfloat{background:var(--orange);border-color:var(--orange)}.qrpop{position:fixed;right:76px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;border-radius:8px;width:170px;display:none;z-index:26}.qrpop.show{display:block}.qrpop img{width:146px;aspect-ratio:1/1;object-fit:contain;background:#fff}.qrpop small{display:block;text-align:center;color:var(--muted);margin-top:4px}.mobile-only{display:none}
@media(max-width:980px){.brandcopy strong{font-size:17px}.head-actions .pill:not(.lang){display:none}.links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);flex-direction:column}.links.open{display:flex}.links a{padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.menu{display:block}.nav-rfq{display:none}.hero{min-height:540px}.hero h1{font-size:46px}.hero-facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.catgrid{grid-template-columns:repeat(2,1fr)}.split,.detail,.rfq,.contactgrid{grid-template-columns:1fr}.appgrid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.sidebar{position:static}.productgrid,.insightgrid{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.wrap{width:min(100% - 26px,var(--max))}.topbar .wrap{justify-content:center}.topbar .wrap span:first-child{display:none}.brandbar .wrap{padding:13px 0}.logo{grid-template-columns:repeat(2,22px)}.logo i{height:22px;font-size:10px}.brandcopy strong{font-size:14px}.brandcopy small{display:none}.hero{min-height:500px;background-position:60% center}.hero-copy{padding:55px 0}.hero h1{font-size:37px}.hero p{font-size:16px}.hero-facts{margin-top:0;border-radius:0;grid-template-columns:1fr 1fr}.fact{padding:18px 14px}.fact strong{font-size:15px}.section{padding:55px 0}.section-head{display:block}.section-head h2{font-size:30px}.section-head p{margin-top:12px}.catgrid,.appgrid,.productgrid,.cards2,.insightgrid{grid-template-columns:1fr}.catcard img,.productcard img{height:220px}.split h2{font-size:31px}.checkgrid,.rfq-list{grid-template-columns:1fr}.rfq{padding:26px 20px}.subhero{padding:58px 0}.subhero h1{font-size:36px}.detail h1{font-size:35px}.specrow{grid-template-columns:1fr}.specrow b{padding-bottom:3px}.specrow span{padding-top:3px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}.footgrid{grid-template-columns:1fr}.footgrid>div:first-child{grid-column:auto}.floatbar{right:10px;top:auto;bottom:18px;transform:none;grid-template-columns:repeat(3,44px)}.floatbar a{width:44px;height:44px}.qrpop{right:12px;bottom:72px;top:auto;transform:none}.mobile-only{display:block}}

/* WhatsApp contact enhancements */
.floatbar a.wafloat{background:#25D366;border-color:#25D366;color:#fff}.wa-contact-box{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#f7fbf8;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.wa-contact-box img{width:150px;aspect-ratio:1/1;object-fit:contain;border-radius:7px;background:#fff;padding:6px}.wa-contact-box p{margin:5px 0 12px;color:var(--muted);font-size:13px}.btn.wa-btn{background:#25D366;color:#fff;border-color:#25D366}.qrpop{width:190px}.qrpop img{width:164px;aspect-ratio:1/1;object-fit:contain;border-radius:6px;background:#fff;padding:5px}
@media(max-width:640px){.floatbar{grid-template-columns:repeat(4,44px)}.wa-contact-box{grid-template-columns:1fr;text-align:center}.wa-contact-box img{margin:auto;width:180px;aspect-ratio:1/1}}

/* RFQ submission feedback */
.honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.rfq-status{margin-top:10px;font-size:13px;line-height:1.5;color:var(--muted)}
.rfq-status.success{padding:11px 13px;border-radius:5px;background:#eef8f1;color:#176538;border:1px solid #c8e7d2}
.rfq-status.error{padding:11px 13px;border-radius:5px;background:#fff3f1;color:#9a2f25;border:1px solid #f0d0cb}
.rfq-status.error a{text-decoration:underline;font-weight:700}
#rfqSubmit:disabled{opacity:.7;cursor:wait}