*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#16324a;background:#fff}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e7eef3}.nav-wrap{height:82px;display:flex;align-items:center;gap:28px}.brand img{width:270px;max-height:58px;object-fit:contain;object-position:left center}.nav-wrap nav{margin-left:auto;display:flex;gap:26px;align-items:center}.nav-wrap nav a{text-decoration:none;font-size:14px;font-weight:600}.nav-cta{color:#064f92}.quote-pill{border:0;background:#0a5598;color:#fff;padding:11px 15px;border-radius:999px;font-weight:700;cursor:pointer}.quote-pill span,.sticky-quote span{background:#fff;color:#0a5598;border-radius:50%;min-width:23px;height:23px;display:inline-grid;place-items:center;margin-left:6px}.hero{background:linear-gradient(135deg,#f6fbfe,#eaf7fc 55%,#f7fbfd);padding:78px 0 72px;border-bottom:1px solid #e4eef5}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center}.eyebrow{display:inline-block;color:#1599be;font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:10px}.hero h1,.section h2{margin:0;color:#123e72;line-height:1.08}.hero h1{font-size:clamp(38px,5.6vw,68px);letter-spacing:-.045em}.hero h1 span{color:#0e82ad}.hero-text{font-size:19px;line-height:1.65;color:#4f6475;max-width:760px}.hero-actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 20px;border-radius:10px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;font-size:15px}.btn.primary{background:#0b5798;color:#fff}.btn.secondary{background:#fff;border-color:#bcd3e2;color:#0b5798}.btn.full{width:100%}.trust-row{display:flex;gap:12px;flex-wrap:wrap;color:#607889;font-size:14px}.hero-card{background:#fff;border:1px solid #dae8f0;border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(25,75,105,.09)}.hero-card h3{margin:0 0 10px;color:#123e72;font-size:23px}.hero-card p,.hero-card li{color:#5e7180;line-height:1.6}.hero-card ol{padding-left:20px}.section{padding:78px 0}.soft{background:#f6fafc}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:18px}.section h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.03em}.muted{color:#677b8a;max-width:860px;line-height:1.6}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid #d2e1ea;background:#fff;color:#416077;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:12px}.filter.active{background:#0b5798;color:#fff;border-color:#0b5798}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.product-card{border:1px solid #dce8ef;border-radius:16px;padding:20px;display:flex;flex-direction:column;min-height:240px;background:#fff;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(29,75,105,.08)}.product-cat{color:#1599be;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-card h3{font-size:18px;color:#183f67;margin:12px 0 8px}.product-card p{font-size:13px;line-height:1.5;color:#687d8c;margin:0 0 18px}.add-row{margin-top:auto;display:grid;grid-template-columns:68px 1fr;gap:8px}.add-row input{width:100%;border:1px solid #ccdce6;border-radius:9px;padding:9px}.add-row button{border:0;border-radius:9px;background:#0b5798;color:#fff;font-weight:700;cursor:pointer}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.two-col p{color:#647888;font-size:17px;line-height:1.7}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px}.benefits div{background:#fff;border:1px solid #deebf1;padding:21px;border-radius:14px}.benefits strong,.benefits span{display:block}.benefits strong{color:#0c4e88;margin-bottom:6px}.benefits span{color:#70818e;font-size:13px;line-height:1.5}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.catalog-card{border:1px solid #d8e6ee;border-radius:16px;padding:25px;text-decoration:none;display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#fff,#f4fbfe)}.catalog-card strong{font-size:20px;color:#15466f}.catalog-card span{color:#667b8a;line-height:1.55}.catalog-card b{color:#0a6d9e;margin-top:5px}.quote-section{background:#0f365b;color:#fff}.quote-section h2{color:#fff}.quote-section p{color:#c6d8e6;line-height:1.6}.quote-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.quote-list{margin-top:22px;display:flex;flex-direction:column;gap:10px}.empty{border:1px dashed #66839a;border-radius:12px;padding:18px;color:#c5d7e4}.quote-item{display:grid;grid-template-columns:1.2fr 1fr 84px 36px;gap:8px;align-items:center;background:#fff;color:#18384f;padding:10px;border-radius:12px}.quote-item div span{display:block;color:#7a8e9b;font-size:11px;margin-top:3px}.quote-item input{border:1px solid #d5e1e8;border-radius:8px;padding:9px;min-width:0}.remove{border:0;background:#f7e8e8;color:#a03a3a;border-radius:8px;height:36px;cursor:pointer;font-size:20px}.link-btn{margin-top:12px;background:transparent;border:0;color:#bcd9ea;text-decoration:underline;cursor:pointer}.form-card{background:#fff;color:#18384f;border-radius:20px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px;font-weight:700;color:#4d6476}.form-grid input,.form-grid textarea{width:100%;margin-top:6px;border:1px solid #cedde6;border-radius:9px;padding:11px;font:inherit}.form-grid textarea{resize:vertical}.wide{grid-column:1/-1}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.consent{display:flex;gap:8px;font-size:12px;color:#607482;margin:15px 0;line-height:1.4}.consent input{margin-top:2px}.submit{border:0}.form-note{font-size:12px!important;color:#738692!important;text-align:center;margin:12px 0 0}.result-box{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.result-box.success{background:#e8f7ee;color:#20663c}.result-box.error{background:#fff0f0;color:#983c3c}.sticky-quote{position:fixed;right:18px;bottom:18px;z-index:60;background:#0a5598;color:#fff;padding:12px 16px;border-radius:999px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18);cursor:pointer;display:none}.pulse{animation:pulse .45s}@keyframes pulse{50%{transform:scale(1.08)}}footer{background:#092846;color:#c8d7e2;padding:30px 0}.footer-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;font-size:13px}.footer-wrap img{width:230px;filter:brightness(0) invert(1);opacity:.95}.footer-wrap a{color:#fff}
@media(max-width:980px){.nav-wrap nav{display:none}.quote-pill{margin-left:auto}.brand img{width:220px}.hero-grid,.two-col,.quote-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.sticky-quote{display:block}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.topbar .nav-wrap{height:70px}.brand img{width:175px}.quote-pill{display:none}.hero{padding:48px 0}.hero-grid{gap:28px}.hero-text{font-size:16px}.hero-actions{flex-direction:column}.product-grid,.catalog-grid,.benefits,.form-grid,.footer-wrap{grid-template-columns:1fr}.quote-item{grid-template-columns:1fr 78px 36px}.quote-item .spec{grid-column:1/-1;grid-row:2}.section{padding:56px 0}.form-card{padding:18px}.footer-wrap img{width:210px}.sticky-quote{display:block}}

/* v11: category-led B2B product presentation */
.categories-section{background:#fff}
.category-head{max-width:760px;margin-bottom:28px}.category-intro{margin-top:12px;line-height:1.7}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.category-card{border:1px solid #dbe7ee;border-radius:18px;overflow:hidden;background:#fff;cursor:pointer;transition:.22s ease;box-shadow:0 8px 24px rgba(15,54,91,.05)}
.category-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,54,91,.12);border-color:#b9d5e4}
.category-image{height:215px;background:#f5fafc;overflow:hidden;display:flex;align-items:center;justify-content:center}
.category-image img{width:100%;height:100%;object-fit:contain;transition:.25s ease}
.category-card:hover .category-image img{transform:scale(1.025)}
.category-copy{padding:20px}.category-copy h3{margin:0 0 8px;color:#123f68;font-size:20px}.category-copy p{margin:0;color:#6f8290;font-size:13px;line-height:1.55;min-height:60px}.category-copy span{display:inline-block;margin-top:14px;color:#0b6f9e;font-weight:800;font-size:13px}
.products-section{background:#f7fbfd}.product-card{padding:0!important;overflow:hidden;display:flex!important;flex-direction:column}.product-thumb{height:170px;background:#fff;border-bottom:1px solid #e3edf2;display:flex;align-items:center;justify-content:center}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-body{padding:18px;display:flex;flex-direction:column;flex:1}.product-body .add-row{margin-top:auto}
@media(max-width:980px){.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.category-grid{grid-template-columns:1fr}.category-image{height:230px}.category-copy p{min-height:0}}


/* v12: image lightbox / zoom */
.zoomable{position:relative;cursor:zoom-in}
.zoom-hint{position:absolute;right:10px;bottom:10px;background:rgba(9,40,70,.86);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.02em;opacity:0;transform:translateY(3px);transition:.18s ease;pointer-events:none}
.zoomable:hover .zoom-hint{opacity:1;transform:translateY(0)}
.image-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(4,20,35,.88);display:none;align-items:center;justify-content:center;padding:28px}
.image-lightbox.open{display:flex}
.lightbox-inner{width:min(1180px,94vw);max-height:90vh;background:#fff;border-radius:16px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.38);display:flex;flex-direction:column;align-items:center}
.lightbox-inner img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:10px}
.lightbox-caption{padding:12px 8px 2px;color:#183f67;font-size:14px;font-weight:800;text-align:center}
.lightbox-close{position:fixed;right:26px;top:18px;z-index:10000;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.13);color:#fff;font-size:32px;line-height:1;cursor:pointer}
.no-scroll{overflow:hidden}
@media(max-width:640px){.image-lightbox{padding:12px}.lightbox-inner{width:96vw;padding:8px}.lightbox-inner img{max-height:78vh}.lightbox-close{right:12px;top:10px}.zoom-hint{opacity:1}}

/* v14: company story, manufacturing and quality sections */
.about-section{background:#fff}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.about-copy .lead{font-size:19px;line-height:1.7;color:#435d72;margin:16px 0}
.about-copy p{color:#667b8a;line-height:1.75}
.timeline-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.timeline-strip>div{border:1px solid #dbe8ef;border-radius:14px;padding:16px;background:#f8fbfd}
.timeline-strip strong{display:block;color:#0b5798;font-size:22px;margin-bottom:6px}
.timeline-strip span{display:block;color:#667b8a;font-size:12px;line-height:1.45}
.about-visual{border-radius:22px;overflow:hidden;background:#eef6fa;box-shadow:0 18px 46px rgba(15,54,91,.10)}
.about-visual img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.about-visual-label{padding:18px 20px;background:#0f365b;color:#fff}
.about-visual-label strong,.about-visual-label span{display:block}.about-visual-label span{margin-top:4px;color:#c6d8e6;font-size:13px;line-height:1.5}
.production-section{background:#f6fafc}.production-head{max-width:860px}
.factory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.factory-card{background:#fff;border:1px solid #dce8ef;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(15,54,91,.05)}
.factory-img{height:230px;background:#eaf3f7;overflow:hidden}.factory-img img{width:100%;height:100%;object-fit:cover;display:block}
.factory-copy{padding:20px}.factory-copy>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#1599be}.factory-copy h3{margin:8px 0 8px;color:#123f68;font-size:20px}.factory-copy p{margin:0;color:#6c7f8d;line-height:1.6;font-size:13px}
.quality-block{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch;margin-top:28px}
.quality-gallery{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.quality-main,.quality-small{overflow:hidden;border-radius:18px;background:#eaf3f7}.quality-main img,.quality-small img{width:100%;height:100%;display:block;object-fit:cover}.quality-main{min-height:410px}.quality-small{min-height:410px}
.quality-copy{background:#0f365b;color:#fff;border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:center}.quality-copy h3{font-size:28px;margin:0 0 12px}.quality-copy p{color:#c9d9e5;line-height:1.7;margin:0 0 20px}.quality-points{display:grid;gap:12px}.quality-points>div{border-top:1px solid rgba(255,255,255,.14);padding-top:12px}.quality-points strong,.quality-points span{display:block}.quality-points span{font-size:12px;color:#c9d9e5;margin-top:4px;line-height:1.45}
.representative-strip{margin-top:28px;background:#fff;border:1px solid #dbe8ef;border-radius:18px;padding:22px;display:flex;gap:20px;align-items:center;justify-content:space-between}.representative-strip strong{color:#123f68;font-size:19px}.representative-strip span{color:#6b7f8d;line-height:1.55}.representative-strip .btn{flex:0 0 auto}
@media(max-width:980px){.about-grid,.quality-block{grid-template-columns:1fr}.factory-grid{grid-template-columns:1fr 1fr}.timeline-strip{grid-template-columns:1fr}.quality-gallery{grid-template-columns:1fr 1fr}.quality-main,.quality-small{min-height:300px}}
@media(max-width:640px){.factory-grid,.quality-gallery{grid-template-columns:1fr}.factory-img{height:240px}.quality-main,.quality-small{min-height:260px}.representative-strip{align-items:flex-start;flex-direction:column}.about-copy .lead{font-size:17px}}