:root{
  --bg:#f6f7f9;--surface:#fff;--text:#121820;--muted:#667085;--dark:#101820;--border:#e2e7ec;--primary:#1769e0;--primary-dark:#1057bd;--success:#168a45;--warning:#d89b18;--radius:14px;--container:1320px;--shadow:0 12px 36px rgba(16,24,32,.06)
}
html{font-family:"Estedad",Tahoma,"Segoe UI",Arial,sans-serif}
[dir="ltr"],.font-tech{font-family:"Inter","Estedad",Arial,sans-serif;font-variant-numeric:tabular-nums}
input[dir="ltr"],textarea[dir="ltr"]{text-align:left}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Estedad",Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45}h1{font-size:clamp(2.15rem,4vw,4.5rem);letter-spacing:-.035em}h2{font-size:clamp(1.65rem,2.7vw,2.65rem);letter-spacing:-.025em}h3{font-size:1.08rem}p{color:var(--muted)}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.narrow{max-width:900px}.section{padding:84px 0}.section--soft{background:#eef1f4}.skip-link{position:fixed;top:-60px;right:20px;z-index:9999;background:var(--dark);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:20px}.eyebrow,.eyebrow-mini{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:.78rem;letter-spacing:.05em}.eyebrow i{width:30px;height:1px;background:var(--primary)}.eyebrow-mini{font-family:"Inter","Estedad",Arial,sans-serif;direction:ltr;letter-spacing:.12em;font-size:.72rem}.button{min-height:46px;padding:10px 20px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:.18s ease;white-space:nowrap}.button:focus-visible,.icon-button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,105,224,.22);outline-offset:2px}.button--primary{background:var(--primary);color:#fff}.button--primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.button--secondary{background:#fff;border-color:var(--border);color:var(--text)}.button--secondary:hover{border-color:#b8c6d7;box-shadow:0 8px 22px rgba(16,24,32,.05)}.button--light{background:#fff;color:var(--dark)}.button--ghost-light{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.04)}.button--block{width:100%}.text-link{color:var(--primary);font-weight:700}.text-button{border:0;background:transparent;color:var(--primary);padding:0}.muted{color:var(--muted)}
.site-header{height:76px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.2s}.site-header.is-scrolled{border-bottom-color:var(--border);box-shadow:0 5px 20px rgba(16,24,32,.04)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:39px;height:39px;border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;background:#fff}.brand-mark i{display:block;background:var(--primary);border-radius:2px}.brand-mark i:nth-child(2){height:70%;align-self:end}.brand-mark i:nth-child(3){height:42%;align-self:end}.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font-size:1rem}.brand-copy small{font-size:.65rem;color:var(--muted);margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:22px;font-size:.9rem;margin-right:8px}.desktop-nav>a,.nav-menu-trigger{color:#354052;transition:.18s}.desktop-nav>a:hover,.nav-menu-trigger:hover,.desktop-nav .is-active{color:var(--primary)}.nav-products{position:relative}.nav-menu-trigger{border:0;background:transparent;padding:14px 0}.products-popover{position:absolute;top:48px;right:-16px;width:430px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}.nav-products.is-open .products-popover{opacity:1;visibility:visible;transform:none}.products-popover>div{display:flex;flex-direction:column}.products-popover b{font-size:.78rem;color:var(--muted);margin-bottom:7px}.products-popover a{padding:7px 8px;border-radius:7px;font-size:.84rem}.products-popover a:hover{background:var(--bg);color:var(--primary)}.header-actions{margin-right:auto;display:flex;align-items:center;gap:9px}.icon-button{width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:1.45rem}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.menu-toggle{display:none}.mobile-drawer{display:none}
.hero{padding:54px 0 38px;background:linear-gradient(#fff,#f7f8fa)}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;min-height:610px;gap:72px}.hero-copy{padding:28px 0}.hero-copy h1{max-width:690px;margin:18px 0 22px}.hero-copy h1 span{color:var(--primary)}.hero-copy>p{font-size:1.05rem;max-width:650px}.hero-actions{display:flex;gap:10px;margin:30px 0 22px}.trust-line{display:flex;align-items:center;gap:12px;color:#5a6675;font-size:.86rem}.trust-line b{color:#bdc5ce}.hero-visual{height:540px;position:relative;border:1px solid var(--border);border-radius:24px;background:#f8f9fb;overflow:hidden}.technical-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,141,160,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(125,141,160,.1) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%)}.visual-label{position:absolute;right:28px;top:24px;z-index:2;display:flex;flex-direction:column}.visual-label span{font:700 .65rem/1.4 "Inter",Arial,sans-serif;letter-spacing:.16em;color:#98a2b3}.visual-label b{font:700 .8rem/1.5 "Inter",Arial,sans-serif;color:#4a5565}.visual-product{position:absolute;margin:0;border:1px solid #dfe4e9;background:#fff;border-radius:16px;box-shadow:0 20px 36px rgba(16,24,32,.09);overflow:hidden}.visual-product img{width:100%;height:100%;object-fit:cover}.visual-product--main{width:54%;left:8%;top:17%;z-index:3;transform:rotate(-2deg)}.visual-product--cylinder{width:48%;right:7%;bottom:10%;z-index:4;transform:rotate(2deg)}.visual-product--frl{width:30%;right:7%;top:17%;z-index:2}.visual-chip{position:absolute;left:25px;bottom:25px;background:var(--dark);color:#fff;padding:10px 14px;border-radius:10px;z-index:6;display:flex;flex-direction:column}.visual-chip small{font:700 .59rem "Inter",Arial,sans-serif;letter-spacing:.15em;color:#92a5b7}.visual-chip strong{font:700 .72rem "Inter",Arial,sans-serif;margin-top:4px}.home-search-wrap{position:relative;margin-top:-2px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-heading h2{margin:5px 0 5px}.section-heading p{margin:0}.quote-banner-wrap{padding-top:30px}.quote-banner{position:relative;min-height:330px;background:var(--dark);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:50px 58px;color:#fff}.technical-grid--dark{opacity:.25}.quote-banner__copy{position:relative;z-index:2}.quote-banner h2{max-width:650px;margin:8px 0 12px}.quote-banner p{color:#b9c2cc;max-width:650px}.quote-banner__copy>div{display:flex;gap:10px;margin-top:24px}.quote-banner>img{position:relative;z-index:2;width:90%;justify-self:end;border-radius:16px;mix-blend-mode:screen;opacity:.82}.seo-section{padding-top:62px}.seo-section h2{font-size:1.8rem}.seo-section p{font-size:.96rem}
.page-hero{background:#fff;padding:34px 0 70px;border-bottom:1px solid var(--border)}.page-hero--compact{padding-bottom:54px}.page-heading{max-width:780px;margin-top:28px}.page-heading h1{font-size:clamp(2rem,4vw,3.8rem);margin:7px 0 10px}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#7b8794;font-size:.8rem}.breadcrumb li:not(:last-child)::after{content:"/";margin-right:8px;color:#bdc5ce}.breadcrumb a:hover{color:var(--primary)}.brand-hero__grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;margin-top:35px}.brand-hero__grid h1{margin:8px 0 4px;font-family:"Inter",Arial,sans-serif}.brand-country{color:var(--muted);margin-bottom:16px}.brand-hero__grid p{max-width:680px}.brand-logo-panel{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:65px;display:flex;align-items:center;justify-content:center}.pill-links{display:flex;flex-wrap:wrap;gap:10px}.pill-links a{padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:#fff}.pill-links a:hover{border-color:var(--primary);color:var(--primary)}
.error-page{text-align:center;padding:120px 0 150px}.error-code{font:700 7rem "Inter",Arial,sans-serif;color:#d9e2ed;letter-spacing:-.08em}.error-page h1{font-size:2.4rem;margin:0 0 10px}.error-page>div>div{display:flex;justify-content:center;gap:10px;margin-top:26px}.centered-cta{text-align:center}.centered-cta h2{max-width:700px;margin:0 auto 20px}
.site-footer{background:#0f171f;color:#fff;padding:58px 0 0;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:42px;padding-bottom:45px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid h3{font-size:.82rem;margin:0 0 14px;color:#dce3ea}.footer-grid a,.footer-grid span,.footer-grid p{font-size:.75rem;color:#95a3b1;margin:3px 0}.footer-grid a:hover{color:#fff}.footer-logo{font-weight:700;font-size:1.08rem;margin-bottom:11px}.footer-logo span{font:700 .68rem "Inter",Arial,sans-serif;color:#7f91a1;margin-right:8px}.footer-brand p{max-width:310px}.footer-bottom{min-height:64px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom span{font:400 .67rem/1.5 "Inter","Estedad",Arial,Tahoma,sans-serif;color:#778795}

/* === Industrial catalog refinement / 2026-09 === */
:root{
  --graphite:#202a35;
  --graphite-2:#34404c;
  --steel:#7b8794;
  --steel-soft:#eef1f3;
  --border:#dde3e8;
  --dark:#141c24;
  --shadow:0 12px 30px rgba(20,28,36,.055);
}
h1{font-size:clamp(2.05rem,3.45vw,3.8rem);letter-spacing:-.025em}
h2{font-size:clamp(1.5rem,2.2vw,2.2rem);letter-spacing:-.018em}
h1,h2,h3{line-height:1.42}
.section--soft{background:#f0f2f4}

.site-header{height:72px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.header-inner{gap:26px}
.brand-lockup{gap:11px}
.brand-mark{width:38px;height:38px;padding:6px;border-radius:8px;background:#f9fafb;border-color:#d7dde3;display:grid;place-items:center}
.brand-mark svg{width:100%;height:100%;fill:none;stroke:var(--graphite);stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}
.brand-mark svg path:nth-child(2){stroke:var(--primary)}
.brand-copy strong{font-size:1.03rem;letter-spacing:-.015em}
.brand-copy small{font-size:.61rem;color:#737f8c;margin-top:3px}
.desktop-nav{font-size:.86rem;gap:20px}
.desktop-nav>a,.nav-menu-trigger{color:#46515d}

.hero{padding:34px 0 28px;background:#fff;border-bottom:1px solid #edf0f2}
.hero-grid{grid-template-columns:.92fr 1.08fr;min-height:505px;gap:58px}
.hero-copy{padding:20px 0}
.hero-copy .eyebrow{color:#596674;font-size:.72rem;font-weight:600;letter-spacing:0}
.hero-copy .eyebrow i{background:#aeb8c2;width:24px}
.hero-copy h1{font-size:clamp(2.65rem,3.05vw,3.48rem);max-width:650px;margin:14px 0 16px;line-height:1.28;letter-spacing:-.035em}
.hero-copy h1 .hero-line,.hero-copy h1 .hero-accent{display:block;white-space:nowrap}
.hero-copy h1 .hero-line{color:var(--graphite)}
.hero-copy h1 .hero-accent{color:var(--primary)}
.hero-copy>p{font-size:.97rem;line-height:1.9;max-width:610px;margin-bottom:0}
.hero-actions{margin:23px 0 18px}
.trust-line{font-size:.78rem;color:#66717d;gap:10px}
.hero-visual{height:445px;border-radius:16px;border-color:#dfe4e8;background:linear-gradient(145deg,#f8f9fa,#f1f3f5);overflow:hidden}
.hero-visual::after{content:"";position:absolute;inset:16px;border:1px solid rgba(89,102,116,.12);pointer-events:none}
.technical-grid{background-image:linear-gradient(rgba(105,119,133,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(105,119,133,.075) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.74),transparent 94%)}
.visual-label{right:27px;top:24px}
.visual-label span{font-size:.57rem;letter-spacing:.18em;color:#8f9aa6;font-weight:600}
.visual-label b{font-size:.69rem;letter-spacing:.04em;color:#4e5b68;font-weight:600}
.visual-product{border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible}
.visual-product img{width:100%;height:100%;object-fit:contain;padding:0;filter:drop-shadow(0 16px 16px rgba(21,29,37,.15))}
.visual-product figcaption{position:absolute;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(102,113,125,.22);background:rgba(255,255,255,.88);backdrop-filter:blur(5px);font-family:"Inter",Arial,sans-serif;font-size:.52rem;color:#687482;letter-spacing:.08em;white-space:nowrap}
.visual-product figcaption b{font-size:.58rem;color:#28333e;letter-spacing:.02em}
.visual-product--main{width:58%;height:52%;left:5%;top:20%;z-index:3;transform:none}
.visual-product--main figcaption{left:7%;bottom:2%}
.visual-product--cylinder{width:51%;height:44%;right:4%;bottom:7%;z-index:4;transform:none}
.visual-product--cylinder figcaption{right:5%;bottom:3%}
.visual-product--frl{width:31%;height:36%;right:8%;top:18%;z-index:2}
.visual-product--frl figcaption{right:2%;top:2%}
.spec-rail{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;font:500 .5rem/1 "Inter",Arial,sans-serif;letter-spacing:.13em;color:#7f8b97}
.spec-rail span{color:#a2abb4}.spec-rail i{display:block;width:48px;height:1px;background:#aeb7c0}.spec-rail b{font-weight:600}
.spec-rail--top{left:26px;top:27px}.spec-rail--bottom{right:28px;bottom:22px}

.home-page .section{padding:59px 0}
.home-page .home-search-wrap{margin-top:22px;margin-bottom:-3px}
.home-page .section-heading{margin-bottom:22px;align-items:flex-end}
.home-page .section-heading h2{font-size:1.85rem;margin:4px 0 3px;color:var(--graphite)}
.home-page .section-heading p{font-size:.84rem}
.home-page .eyebrow-mini{font-family:"Estedad",Tahoma,sans-serif;direction:rtl;letter-spacing:0;font-size:.66rem;font-weight:600;color:#7a8590}
.home-page .text-link{font-size:.78rem;font-weight:600}
.home-page #categories{padding-top:53px;padding-bottom:56px}
.home-page #brands{padding-top:51px;padding-bottom:51px}
.home-page #brands + .section{padding-top:55px;padding-bottom:57px}
.home-page .trust-section{padding-top:54px;padding-bottom:54px}
.home-page .quote-banner-wrap{padding-top:10px;padding-bottom:46px}
.home-page .seo-section{padding-top:45px;padding-bottom:57px}

.quote-banner{min-height:268px;border-radius:16px;grid-template-columns:1.18fr .82fr;padding:35px 46px}
.quote-banner h2{font-size:1.8rem;margin:6px 0 8px}
.quote-banner p{font-size:.87rem;margin-bottom:0}
.quote-banner__copy>div{margin-top:18px}
.quote-banner>img{width:82%;height:215px;object-fit:contain;border-radius:0;mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 20px 22px rgba(0,0,0,.28))}
.quote-banner .eyebrow-mini{color:#9ba9b6!important}

.seo-section h2{font-size:1.55rem}
.seo-section p{font-size:.9rem;line-height:1.9}
.page-heading h1{font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.02em}
.hero-copy h1{font-size:clamp(2.5rem,2.85vw,3.25rem)}
.brand-mark svg{stroke-width:1.9}
.brand-mark svg path:nth-child(1){stroke:#35414d}
.brand-mark svg path:nth-child(2){stroke:var(--primary)}
.brand-mark{background:var(--graphite);border-color:var(--graphite);color:#fff;padding:0}
.brand-mark b{font:700 .7rem/1 "Inter",Arial,sans-serif;letter-spacing:.04em;color:#fff;direction:ltr}