:root{--navy:#061f35;--blue:#0874cf;--steel:#e8edf2;--ink:#142537;--muted:#5c6f81;--gold:#f2b412}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f4f6f8}a{color:inherit}.utility{height:32px;background:#061827;color:#cdd8e2;display:flex;justify-content:space-between;align-items:center;padding:0 3vw;font-size:12px}.utility a{color:white;text-decoration:none}.brandbar{height:92px;background:white;display:flex;align-items:center;gap:28px;padding:12px 3vw}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:330px}.brand img{width:120px;height:64px;object-fit:contain}.brand span b{display:block;font-size:18px}.brand span small{letter-spacing:3px}.searchbox{margin-left:auto;display:flex;flex:1;max-width:540px}.searchbox input{flex:1;border:1px solid #b8c4cf;padding:13px}.searchbox button{border:0;background:var(--navy);color:white;padding:0 18px}.quote-btn,.primary{background:var(--blue);color:white;text-decoration:none;padding:14px 20px;font-weight:800;border:0;display:inline-block}.mainnav{height:46px;background:var(--navy);display:flex;padding:0 3vw;align-items:center;gap:8px}.mainnav a{color:white;text-decoration:none;font-weight:bold;padding:15px 16px}.mainnav a:hover{background:var(--blue)}main{min-height:60vh}.hero{min-height:510px;background:linear-gradient(90deg,rgba(3,21,36,.92),rgba(3,21,36,.35)),url('/assets/images/hero/industrial-hero.jpg') center/cover;display:flex;align-items:center;padding:7vw;color:white}.hero-copy{max-width:760px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#1685de}.hero .eyebrow,.dark-section .eyebrow{color:#65b9ff}.hero h1{font-size:58px;line-height:.95;margin:14px 0}.hero p{font-size:20px;line-height:1.55}.actions{display:flex;gap:12px;margin-top:26px}.secondary{border:1px solid white;padding:13px 20px;text-decoration:none;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;border-bottom:1px solid #d1dae2}.stats div{padding:24px 30px;border-right:1px solid #d1dae2}.stats b{display:block;font-size:25px;color:var(--blue)}.stats span{font-size:13px;color:var(--muted)}.section{max-width:1500px;margin:auto;padding:52px 32px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h2,.page-hero h1{font-size:36px;margin:5px 0}.section-head a{color:var(--blue);font-weight:bold;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards.products{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid #d4dce3;min-width:0;overflow:hidden}.card img{width:100%;height:220px;object-fit:cover;background:white}.product-card img{object-fit:contain}.card-body{padding:17px}.series{font-size:12px;color:var(--blue);font-weight:800}.card h3{margin:5px 0 8px;font-size:20px}.card p{color:var(--muted);line-height:1.45}.card-actions{display:flex;gap:13px}.card-actions a,.card-body>a{color:var(--blue);font-weight:bold;text-decoration:none}.dark-section{background:linear-gradient(90deg,#061f35,#0d426c);color:white;padding:70px 8vw}.dark-section>div{max-width:900px}.dark-section h2{font-size:38px}.dark-section p{font-size:17px;line-height:1.6}.page-hero{background:linear-gradient(100deg,#f8fafc,#dce9f3);padding:55px max(32px,calc((100vw - 1436px)/2));border-bottom:1px solid #cfd9e2}.page-hero p{max-width:820px;font-size:17px;color:#475c70}.page-hero.pitel{background:linear-gradient(100deg,#071f34,#0e4d7d);color:white}.page-hero.pitel p{color:#dbe9f5}.no-price{display:inline-block;background:#fff3c1;color:#554514;border:1px solid #dec45a;padding:9px 12px}.filters,.search-panel{display:flex;gap:10px;background:white;border:1px solid #d0d9e1;padding:12px;margin-bottom:18px}.filters input,.filters select,.search-panel input{flex:1;padding:12px;border:1px solid #b9c6d0}.search-panel button,#loadAdmin{background:var(--blue);color:white;border:0;padding:0 20px;font-weight:bold}.inline{padding:10px 13px}.service-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article,.contact-grid article,.prose,.form,.auth form{background:white;border:1px solid #d1dae2;padding:26px}.prose p{max-width:900px;line-height:1.7}.form{max-width:950px}.form label,.auth label{display:block;font-weight:bold;margin:10px 0}.form input,.form textarea,.auth input,#adminKey{width:100%;padding:12px;border:1px solid #b9c5cf;margin-top:6px}.form textarea{height:130px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth{min-height:580px;display:flex;align-items:center;justify-content:center;padding:35px}.auth form{width:min(460px,95vw)}.auth form img{width:170px;height:90px;object-fit:contain}.auth button{width:100%;padding:13px;background:var(--blue);border:0;color:white;font-weight:bold}.site-footer{background:#071b2c;color:white;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding:48px 5vw}.site-footer b{display:block;margin-bottom:10px}.site-footer a{display:block;color:#c9d8e5;text-decoration:none;margin:8px 0}.site-footer p{color:#b5c8d7}.copyright{background:#04111d;color:#9fb2c0;padding:14px 5vw;text-align:center;font-size:12px}pre{white-space:pre-wrap;overflow:auto;background:#0a1c2c;color:#cce9ff;padding:14px}@media(max-width:1050px){.cards,.cards.products{grid-template-columns:repeat(2,1fr)}.brand span{display:none}.brand{min-width:145px}.mainnav{overflow:auto}.service-grid,.contact-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr 1fr}}@media(max-width:680px){.utility span:nth-child(2){display:none}.brandbar{height:auto;flex-wrap:wrap}.searchbox{order:3;flex-basis:100%}.quote-btn{display:none}.cards,.cards.products,.stats,.service-grid,.contact-grid,.site-footer{grid-template-columns:1fr}.hero{padding:45px 25px;min-height:460px}.hero h1{font-size:42px}.section{padding:35px 18px}.two{grid-template-columns:1fr}.mainnav{padding:0 10px}.mainnav a{white-space:nowrap}}
/* PITEL 2026 visual system */
:root{--navy:#061a2b;--blue:#0095d9;--blue2:#057fc2;--cyan:#43c6ff;--steel:#e9f0f5;--ink:#10263a;--muted:#63788a;--gold:#f4b942;--radius:14px;--shadow:0 16px 40px rgba(3,29,48,.10)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f5f8fa}
.site-header{position:sticky;top:0;z-index:50;box-shadow:0 6px 24px rgba(0,25,43,.08)}
.utility{background:#03131f}.brandbar{height:88px;padding-top:9px;padding-bottom:9px}.brand{min-width:300px}.brand img{width:178px;height:70px}.brand span b{font-size:15px;color:#087fc0}.brand span small{color:#5d7385;font-weight:800}.searchbox input{border-radius:8px 0 0 8px;border-color:#d3dfe7;background:#f8fafc}.searchbox button{border-radius:0 8px 8px 0;background:linear-gradient(135deg,var(--blue2),var(--blue))}.quote-btn,.primary{border-radius:8px;background:linear-gradient(135deg,#087fc0,#00a1e6);box-shadow:0 7px 18px rgba(0,145,211,.2);transition:.2s transform,.2s box-shadow}.quote-btn:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,145,211,.28)}
.mainnav{height:48px;background:linear-gradient(90deg,#061a2b,#0b3654);gap:2px}.mainnav a{padding:15px 15px;border-bottom:3px solid transparent}.mainnav a:hover{background:rgba(0,149,217,.15);border-color:#22b7f4}
.hero{min-height:570px;position:relative;background:radial-gradient(circle at 78% 45%,rgba(0,160,225,.22),transparent 32%),linear-gradient(90deg,rgba(3,19,31,.97),rgba(4,31,49,.82) 48%,rgba(4,31,49,.3)),url('/assets/images/hero/industrial-hero.jpg') center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#0096d8,#42c7ff,transparent)}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(44px,5vw,72px);letter-spacing:-2px;max-width:900px}.hero p{max-width:730px;color:#d8e7f1}.eyebrow{color:#0095d9}.stats{box-shadow:0 12px 32px rgba(0,30,50,.06)}.stats div{padding:26px 30px}.stats b{font-size:28px}.section{padding-top:64px;padding-bottom:64px}.section-head h2,.page-hero h1{letter-spacing:-.8px}.cards{gap:20px}.card,.service-grid article,.contact-grid article,.prose,.form,.auth form{border:1px solid #dce5eb;border-radius:var(--radius);box-shadow:var(--shadow)}.card{transition:.22s transform,.22s box-shadow}.card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(3,29,48,.14)}.card img{height:240px}.card-body{padding:21px}.dark-section{background:radial-gradient(circle at 75% 30%,rgba(0,160,225,.2),transparent 30%),linear-gradient(120deg,#041522,#0a3553);position:relative}.dark-section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1px}.page-hero{padding-top:70px;padding-bottom:70px;background:radial-gradient(circle at 82% 20%,rgba(0,149,217,.12),transparent 26%),linear-gradient(105deg,#fff,#eaf4fa)}.page-hero.pitel{background:radial-gradient(circle at 82% 20%,rgba(0,168,232,.25),transparent 28%),linear-gradient(105deg,#031522,#0a4266)}
.filters,.search-panel{border-radius:12px;box-shadow:0 10px 30px rgba(3,29,48,.06);padding:14px}.filters input,.filters select,.search-panel input,.form input,.form textarea,.auth input,#adminKey{border-radius:7px}.site-footer{background:linear-gradient(115deg,#03131f,#082d47);border-top:4px solid #008fd0}.site-footer a:hover{color:#43c6ff}.copyright{background:#020d15}.no-price{border-radius:6px}.auth form img{width:240px;height:105px}
@media(max-width:680px){.brand img{width:145px}.brand{min-width:auto}.hero h1{letter-spacing:-1px}.site-header{position:relative}}

/* v16 EPC-first homepage */
.epc-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.epc-home-card{border:1px solid #d9e3ec;border-radius:14px;padding:28px;background:#fff;box-shadow:0 12px 30px rgba(15,38,58,.07)}.epc-home-card>b{font-size:2rem;color:#008fd5}.epc-home-card h3{margin:.5rem 0}.epc-home-card p{color:#52616d;line-height:1.6}@media(max-width:800px){.epc-home-grid{grid-template-columns:1fr}}
/* v16.2 photoreal asset treatment */
.product-card img,.card img{image-rendering:auto;filter:saturate(1.03) contrast(1.025);}
.product-card img{object-fit:cover;background:#eef2f4;}
.hero{background-position:center 44%;background-size:cover;}
.card{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}