:root{--red:#e30613;--red-dark:#b90010;--ink:#1f2937;--graphite:#374151;--muted:#667085;--line:#dce1e7;--soft:#f8fafc;--white:#fff;--green:#0f6b4b;--shadow:0 18px 50px rgba(31,41,55,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.kicker{color:var(--red);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.topline{height:4px;background:var(--red)}header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.nav{max-width:1660px;min-height:78px;margin:auto;padding:0 1.4rem;display:flex;align-items:center;gap:.9rem}.brand{display:flex;align-items:center;gap:.75rem;font:800 .95rem/1 Montserrat,sans-serif;letter-spacing:-.02em}.logo{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:var(--red);font-size:1.25rem}.navlinks{display:flex;align-items:center;gap:.85rem;margin-left:auto}.navlinks a{font-size:.75rem;font-weight:650;color:#3f4854}.navlinks a:hover,.navlinks a.active{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;padding:.84rem 1.1rem;font-weight:750;transition:.2s}.btn-red{color:#fff;background:var(--red)}.btn-red:hover{background:var(--red-dark)}.btn-dark{color:#fff;background:var(--ink)}.btn-line{background:#fff;border-color:var(--ink)}.btn-light{color:#fff;border-color:#fff;background:transparent}.menu{display:none;margin-left:auto;border:0;background:none;font-size:1.5rem}.hero{min-height:720px;position:relative;display:grid;align-items:center;overflow:hidden;background:#eef2f5}.hero-image{position:absolute;inset:0;background:url('/assets/global-belt-portfolio.png') center/cover no-repeat}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 38%,#ffffffd8 48%,#ffffff22 72%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#1f293708 1px,transparent 1px),linear-gradient(90deg,#1f293708 1px,transparent 1px);background-size:64px 64px}.hero-copy{position:relative;z-index:2;width:min(720px,56%);padding:7rem max(2rem,calc((100vw - 1400px)/2))}.hero h1,.page-hero h1{font:800 clamp(3rem,5.3vw,5.4rem)/.98 Montserrat,sans-serif;letter-spacing:-.055em;margin:1.1rem 0 1.5rem}.hero p{font-size:1.18rem;color:#4b5563;max-width:660px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.proof{display:flex;gap:2rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.3rem;border-top:1px solid #bbc3cc}.proof div{font-size:.82rem;color:var(--muted)}.proof b{display:block;font-size:1.35rem;color:var(--ink)}.search-panel{max-width:1400px;margin:-58px auto 0;position:relative;z-index:4;padding:0 2rem}.search-box{background:#fff;border-top:4px solid var(--red);box-shadow:var(--shadow);padding:1.4rem;display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:.7rem}.control label{display:block;margin-bottom:.35rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#667085}.control input,.control select{width:100%;height:48px;border:1px solid var(--line);background:#fff;padding:0 .8rem;color:var(--ink)}.section{max-width:1400px;margin:auto;padding:6.5rem 2rem}.section.alt{max-width:none;background:var(--soft)}.section.alt>.inner{max-width:1400px;margin:auto}.section-title{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.7rem}.section-title h2,h2{font:800 clamp(2rem,3.6vw,3.4rem)/1.05 Montserrat,sans-serif;letter-spacing:-.04em;margin:.6rem 0}.section-title p{max-width:580px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.category{background:#fff;min-height:245px;padding:2rem;display:flex;flex-direction:column}.category .num{color:var(--red);font:800 .76rem Montserrat}.category h3{font:800 1.25rem/1.2 Montserrat;margin:1rem 0 .7rem}.category p{color:var(--muted);font-size:.94rem}.category a{margin-top:auto;font-weight:750}.category:hover{background:var(--ink);color:#fff}.category:hover p{color:#cbd3dc}.global-split{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:var(--ink);color:#fff}.global-photo{background:url('/assets/transmission-layers.png') center/cover}.global-copy{padding:5rem}.global-copy p{color:#c8d0da}.checks{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:2rem 0}.check{padding:1rem;border:1px solid #ffffff22}.check b{display:block;color:#fff}.check span{font-size:.85rem;color:#aeb8c5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.metric{padding:2rem;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric b{display:block;color:var(--red);font:800 2rem Montserrat}.metric span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.industries{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}.industry{padding:1.2rem;background:#fff;border:1px solid var(--line);text-align:center;font-weight:700}.cta-band{background:var(--red);color:#fff}.cta-band .section{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-top:4rem;padding-bottom:4rem}.cta-band h2{margin:0;max-width:820px}.page-hero{position:relative;min-height:470px;display:flex;align-items:center;background:var(--ink);color:#fff;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17202c 4%,#17202ce8 45%,#17202c55),var(--page-img) center/cover}.page-hero .inner{position:relative;z-index:2;width:100%;max-width:1400px;margin:auto;padding:6rem 2rem}.page-hero p{max-width:760px;color:#d2d8df;font-size:1.08rem}.catalog-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem}.filters{position:sticky;top:104px;height:max-content;border:1px solid var(--line);background:#fff;padding:1.4rem}.filters h3{margin-top:0}.filters .control{margin:1rem 0}.catalog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.catalog-top span{font-size:.88rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.card-visual{height:150px;position:relative;overflow:hidden;background:#e9edf1 center/cover}.card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#11182788)}.card-code{position:absolute;z-index:2;left:1rem;bottom:.8rem;color:#fff;font-weight:800;font-size:.75rem;letter-spacing:.08em}.card-body{padding:1.25rem;display:flex;flex:1;flex-direction:column}.card h3{font:750 1rem/1.35 Inter;margin:0 0 .75rem}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.tag{padding:.25rem .5rem;background:#f0f2f5;color:#475467;font-size:.68rem;font-weight:750;text-transform:uppercase}.tag-red{background:#fff0f1;color:var(--red)}.card .btn{margin-top:auto}.empty{grid-column:1/-1;text-align:center;padding:4rem;border:1px dashed var(--line)}.family-list{display:grid;gap:1rem}.family{display:grid;grid-template-columns:280px 1fr;border:1px solid var(--line);background:#fff}.family-media{min-height:220px;background:var(--family-img) center/cover}.family-copy{padding:2rem}.family-products{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.2rem}.pill{padding:.38rem .6rem;border:1px solid var(--line);font-size:.75rem;font-weight:700}.technical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tech-card{padding:2rem;border:1px solid var(--line);background:#fff}.tech-card .step{color:var(--red);font:800 2rem Montserrat}.tolerance{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.table-wrap{border:1px solid var(--line);overflow:auto}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:1rem;border-bottom:1px solid var(--line);text-align:left}th{background:var(--ink);color:#fff;font-size:.75rem;letter-spacing:.05em}tr:nth-child(even){background:var(--soft)}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.partner{padding:2.2rem;border-top:4px solid var(--red);background:#fff;box-shadow:0 12px 30px #1f29370b}.partner h3{font:800 1.2rem Montserrat}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.timeline div{position:relative;padding:2rem;border:1px solid var(--line)}.timeline b{color:var(--red);font-size:1.5rem}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem}.contact-list{display:grid;gap:.7rem}.contact-item{padding:1.2rem;border:1px solid var(--line)}.contact-item small{display:block;color:var(--red);font-weight:800;letter-spacing:.08em}.notice{display:none;padding:1rem;background:#ebf8f2;color:#176b4a;margin-bottom:1rem}.notice.show{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{font-size:.78rem;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:.35rem;border:1px solid var(--line);padding:.85rem}.form-grid textarea{min-height:140px}.full{grid-column:1/-1}.drawer-backdrop{position:fixed;z-index:50;inset:0;background:#11182780;opacity:0;pointer-events:none;transition:.25s}.drawer{position:fixed;z-index:51;top:0;right:0;width:min(620px,100%);height:100vh;background:#fff;transform:translateX(102%);transition:.3s;box-shadow:-20px 0 70px #11182733;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-head{padding:1.4rem 1.6rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head button{border:0;background:none;font-size:1.6rem}.drawer-body{padding:1.5rem;overflow:auto}.toggle{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:1.2rem}.toggle button{border:0;background:#fff;padding:.9rem .55rem;font-weight:700;font-size:.78rem}.toggle button.active{background:var(--ink);color:#fff}.upload{display:block;border:1px dashed #aeb7c2;padding:1.2rem;text-align:center;background:var(--soft)}footer{background:#17202c;color:#bdc5cf;padding:4.5rem 2rem 1.5rem}.footer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}.footer-grid h4{color:#fff}.footer-links{display:grid;gap:.55rem;font-size:.9rem}.footer-bottom{max-width:1400px;margin:3rem auto 0;padding-top:1.3rem;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;font-size:.78rem}.accent{color:var(--red)}@media(max-width:1380px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:1rem 2rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block}.search-box{grid-template-columns:1fr 1fr 1fr}.search-box .query{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.industries{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.nav{padding:0 1rem}.nav>.btn{display:none}.hero{min-height:660px}.hero-image{background-position:64% center}.hero-wash{background:linear-gradient(90deg,#fff 0%,#fffffff4 65%,#ffffffaa)}.hero-copy{width:100%;padding:5rem 1.25rem}.proof{gap:1rem}.search-panel{padding:0 1rem}.search-box{grid-template-columns:1fr}.search-box .query{grid-column:auto}.section{padding:4.5rem 1.2rem}.section-title,.cta-band .section{align-items:flex-start;flex-direction:column}.global-split{grid-template-columns:1fr}.global-photo{min-height:380px}.global-copy{padding:3rem 1.2rem}.metrics,.technical-grid,.partner-grid,.timeline{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.family{grid-template-columns:1fr}.contact-grid,.tolerance{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-hero .inner{padding:4rem 1.2rem}}@media(max-width:560px){.category-grid,.cards,.metrics,.technical-grid,.partner-grid,.timeline,.footer-grid,.form-grid{grid-template-columns:1fr}.checks,.industries{grid-template-columns:1fr 1fr}.full{grid-column:auto}.footer-bottom{flex-direction:column;gap:.5rem}.hero h1,.page-hero h1{font-size:2.7rem}.global-photo{min-height:280px}}
