:root{--blue:#006ebc;--navy:#061c2b;--ink:#07243c;--muted:#546575;--paper:#f0f4f7}header{height:94px;padding:15px 4.7vw;gap:24px}.logo{width:270px}.preview{font-size:12px;padding:3px;background:#eaf1f6;color:#345268}nav{font-size:15px;gap:24px}.header-cta{background:#063266;color:white;border:0;border-radius:4px;white-space:nowrap;padding:11px 19px}.btn{border-radius:5px;background:#0071c4;border-color:#0071c4;font-size:16px;gap:14px}.btn svg,.text-link svg{height:21px;width:21px;flex-shrink:0}.text-link{border:0;display:inline-flex;align-items:center;gap:12px;font-size:15px}.ghost{background:transparent!important;border-color:#d8e9f5;color:#fff}.hero.ref-hero{display:block;min-height:515px;background:#061c2b;isolation:isolate}.ref-hero .hero-photo{position:absolute;inset:0;background-image:url('assets/hero-reference.webp');background-position:left 52%;background-size:cover;z-index:-2}.ref-hero .hero-photo:after{background:linear-gradient(270deg,rgba(4,24,40,.98) 0%,rgba(4,24,40,.86) 32%,rgba(4,24,40,.15) 66%,rgba(4,24,40,.07) 100%);z-index:0}.ref-hero .hero-copy{padding:54px 4.7vw 30px;max-width:680px}.ref-hero h1{font-size:clamp(42px,4.6vw,66px);line-height:1.16;letter-spacing:-1.5px;margin-bottom:20px}.ref-hero h1 span{color:#b7d3eb}.ref-hero p{font-size:20px;max-width:560px;line-height:1.55;margin-bottom:24px}.eyebrow{font-size:14px;letter-spacing:1px;margin-bottom:10px;color:#007cae}.ref-hero .eyebrow,.special-banner .eyebrow,.closing .eyebrow{color:#43caee}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 4.7vw 30px;gap:24px;color:white}.hero-benefits>div{display:flex;gap:17px;align-items:center;border-left:1px solid #315466;padding-left:22px}.hero-benefits>div:last-child{border:0}.hero-benefits svg{width:36px;height:36px;flex-shrink:0}.hero-benefits p{margin:0;font-size:15px}.hero-benefits strong{font-size:16px;display:block;margin-bottom:3px}.hero-benefits span{font-size:14px;color:#d9e5ed}.section{padding:42px 4.7vw}.section-head{margin-bottom:22px}.section-head h2{margin:0;font-size:32px;line-height:1.25}.cards{grid-template-columns:repeat(5,1fr);gap:12px}.family-card{background:#f0f4f7;border:0;border-radius:5px;overflow:hidden;position:relative}.family-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #143e5712}.family-card img{height:140px;object-fit:contain;padding:13px 18px;mix-blend-mode:multiply}.family-card .card-copy{border:0;padding:0 10px 17px;text-align:center}.family-card h3{display:block;font-size:18px;line-height:1.2;margin-bottom:0}.family-card h3 span{display:none}.family-card p{display:none}.special-banner{min-height:315px;background:linear-gradient(270deg,#071e30 20%,#173e5b 100%);color:white;padding:45px 4.7vw;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.special-banner h2{font-size:43px;margin-bottom:15px}.special-banner p{font-size:18px;line-height:1.6;max-width:590px}.special-banner ul{list-style:none;padding:0 20px 0 0;margin:0;width:max-content;max-width:100%}.special-banner li{display:flex;gap:12px;margin-bottom:10px;font-size:16px}.special-banner li:before{content:'✓';display:inline-grid;place-items:center;border:1px solid #c8d9e8;width:21px;height:21px;border-radius:50%;flex-shrink:0;font-size:14px;line-height:1}.technical-section{padding-bottom:25px}.tools-grid{gap:22px}.tool-card{background:var(--paper);padding:22px;border:0;border-radius:5px}.tool-card h3{font-size:23px}.tool-card p{font-size:16px;margin-bottom:12px}.number{margin-bottom:10px;font-size:14px}.brands-section{padding-top:28px}.brands{display:flex;align-items:center;justify-content:space-around;gap:50px;padding:24px 0 12px}.brands img{max-width:190px;width:25%;height:55px;object-fit:contain}.brands-section .note{font-size:13px;margin-bottom:0}.closing{padding:35px 4.7vw;background:radial-gradient(ellipse at 35% 50%,#244a64,#071e30 68%);color:white;display:flex;align-items:center;justify-content:space-between;gap:32px}.closing h2{font-size:29px;line-height:1.15;margin:0}.stat{border-right:1px solid #4b6a80;padding-right:26px}.stat strong{font-size:30px;display:block;line-height:1.4}.stat span{font-size:14px;color:#d5e2eb}.closing .btn{white-space:nowrap}footer{font-size:14px;padding:27px 4.7vw}footer img{width:185px}footer small{font-size:12px}.page-head{padding:32px 4.7vw}.page-head h1{font-size:43px}.family-visual{background:var(--paper);padding:25px;border-radius:6px}.family-visual img{mix-blend-mode:multiply}.panel{border-radius:5px}.badge{border-radius:4px}.spec-list{padding-right:22px;margin-bottom:30px}.spec-list li{margin-bottom:9px}@media(min-width:1600px){.ref-hero .hero-copy{max-width:760px}.ref-hero h1{font-size:72px}.hero.ref-hero{min-height:580px}.family-card img{height:170px}}@media(max-width:1050px){header{gap:15px}.logo{width:230px}nav{gap:17px;font-size:14px}.header-cta{font-size:14px;padding:9px 13px}.header-cta span{display:none}.hero-benefits{gap:16px}.hero-benefits>div{gap:10px;padding-left:10px}.hero-benefits strong{font-size:14px}.hero-benefits span{font-size:13px}.family-card img{height:120px}.family-card h3{font-size:16px}.special-banner{gap:25px}.special-banner h2{font-size:36px}.closing{gap:18px;flex-wrap:wrap}.closing .stat{padding-right:20px}}@media(max-width:700px){header{height:auto;padding:15px 20px}.logo{width:200px}nav{gap:8px;font-size:13px;overflow-x:auto;white-space:nowrap}.header-cta{font-size:13px}.hero.ref-hero{min-height:620px;display:flex;flex-direction:column}.ref-hero .hero-copy{padding:36px 24px 175px;max-width:100%}.ref-hero h1{font-size:44px;letter-spacing:-1px}.ref-hero p{font-size:18px}.ref-hero .hero-photo{height:auto;background-size:auto 100%;background-position:28% center}.ref-hero .hero-photo:after{background:linear-gradient(180deg,rgba(4,24,40,.93) 0%,rgba(4,24,40,.85) 38%,rgba(4,24,40,.16) 70%,#061c2b 95%)}.ref-hero .actions{gap:12px}.ref-hero .btn{padding:11px 15px;font-size:14px}.hero-benefits{grid-template-columns:repeat(2,1fr);padding:15px 24px 27px;gap:20px;margin-top:auto}.hero-benefits>div{border:0;padding:0;align-items:start}.hero-benefits svg{height:29px;width:29px}.hero-benefits strong{font-size:14px}.hero-benefits span{font-size:12px}.section{padding:32px 20px}.section-head{gap:12px;flex-direction:column;align-items:start}.section-head h2{font-size:28px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.family-card img{height:125px}.family-card h3{font-size:17px}.special-banner{grid-template-columns:1fr;padding:32px 24px;gap:25px}.special-banner h2{font-size:34px}.special-banner p{font-size:17px}.special-banner ul{padding:0}.special-banner li{font-size:15px}.tools-grid{grid-template-columns:1fr;gap:12px}.tool-card{padding:20px}.brands{gap:25px;flex-wrap:wrap}.brands img{width:26%;height:40px}.closing{padding:30px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px 12px}.closing>div:first-child{grid-column:1/-1}.closing h2{font-size:31px}.closing .stat{padding-right:12px}.stat strong{font-size:25px}.stat span{font-size:13px}.closing .btn{grid-column:1/-1;justify-self:start}.page-head h1{font-size:34px}.product-layout{gap:28px}footer{padding:25px 24px}.preview{font-size:12px}}

.special-banner{background:linear-gradient(270deg,rgba(4,24,40,.95) 0%,rgba(4,24,40,.80) 46%,rgba(4,24,40,.1) 80%),url(assets/special-reference.webp) left center/cover}.special-banner ul{justify-self:start;margin-right:10px;background:#061c2b66;padding:18px;border-radius:5px}@media(max-width:700px){.special-banner{background:linear-gradient(270deg,rgba(4,24,40,.95),rgba(4,24,40,.68)),url(assets/special-reference.webp) left center/cover}.special-banner ul{margin:0;padding:0;background:none}}

.language-switch{display:flex;align-items:center;gap:8px;direction:ltr;font-size:14px;white-space:nowrap}.language-switch a{padding:5px 2px;color:#526a7f}.language-switch a[aria-current=true]{color:#063266;font-weight:bold;border-bottom:2px solid #0071c4}@media(max-width:700px){.language-switch{font-size:13px}header{gap:12px}.logo{width:190px}}

/* Consistent studio illustrations for product-family navigation. */
.family-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;padding:0;mix-blend-mode:normal}.family-visual img{mix-blend-mode:normal}

.brands.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 0}.supplier-logo{display:flex;justify-content:center;align-items:center;min-height:114px;padding:20px 28px;background:#fff;border:1px solid #e1e8ef;border-radius:5px}.brands.supplier-grid img{width:100%;max-width:205px;height:65px;object-fit:contain}.supplier-logo.supplier-dark{background:#092e49;border-color:#092e49}.supplier-logo:focus-visible{outline:3px solid #0071c4;outline-offset:3px}@media(max-width:650px){.brands.supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supplier-logo{padding:16px;min-height:92px}.brands.supplier-grid img{height:48px}}

/* Continuous single-row supplier carousel. Each group has the same width. */
.supplier-carousel{position:relative;margin:20px 0}.supplier-window{overflow-x:auto;scrollbar-width:none;direction:ltr;border-radius:5px}.supplier-window::-webkit-scrollbar{display:none}.supplier-track{display:flex;width:max-content;animation:supplier-travel 48s linear infinite}.supplier-group{display:flex;gap:20px;padding-inline-end:20px;flex-shrink:0}.supplier-group .supplier-logo{box-sizing:border-box;width:230px;min-height:110px;flex:0 0 230px;padding:20px}.supplier-group img{width:100%;max-width:190px;height:65px;object-fit:contain}.supplier-pause{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}.supplier-motion-control{display:block;width:fit-content;margin:0 0 14px;cursor:pointer;border:1px solid #a4bacb;border-radius:4px;padding:7px 14px;font-size:14px}.supplier-motion-control .resume-label{display:none}.supplier-pause:checked~.supplier-motion-control .pause-label{display:none}.supplier-pause:checked~.supplier-motion-control .resume-label{display:inline}.supplier-pause:focus-visible~.supplier-motion-control{outline:3px solid #0071c4;outline-offset:3px}.supplier-pause:checked~.supplier-window .supplier-track,.supplier-window:hover .supplier-track,.supplier-window:focus-within .supplier-track{animation-play-state:paused}@keyframes supplier-travel{to{transform:translateX(-50%)}}@media(max-width:650px){.supplier-group .supplier-logo{width:180px;flex-basis:180px;min-height:94px}.supplier-group img{height:52px}.supplier-track{animation-duration:42s}}@media(prefers-reduced-motion:reduce){.supplier-track{animation:none}.supplier-copy,.supplier-motion-control,.supplier-pause{display:none}}

.about p,.about-capabilities p,.about-manufacturers p,.about-values p{font-size:18px;line-height:1.85;color:#4d6373}.about-capabilities{background:#f0f5f8}.about-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:28px}.about-two-columns h3{font-size:24px}.about-manufacturers>p{max-width:1000px}.about-brand-names{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.about-brand-names span{padding:10px 18px;background:#edf3f7;color:#113a57;font-weight:700;border-radius:4px}.about-values{background:#f7f9fb}.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px}.about-values-grid article{padding:25px;background:white;border-top:3px solid #0071c4}.about-value-number{color:#0071c4;font-size:16px;font-weight:700}.about-values-grid h3{font-size:23px;margin:18px 0 10px}.about-values-grid p{font-size:16px;margin:0}.about-contact{background:#0a2a43;color:#fff}.about-contact p{font-size:18px;line-height:1.7;color:#cee1ed}.about-contact .actions{margin-top:25px;flex-wrap:wrap}.about-contact .ghost{color:white;border-color:#a1bdcf}@media(max-width:1000px){.about-values-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.about-two-columns,.about-values-grid{grid-template-columns:1fr;gap:22px}.about p,.about-capabilities p,.about-manufacturers p{font-size:17px}}

/* Keep the benefit labels legible over light metal in the hero photo. */
.hero-benefits{background:rgba(4,24,40,.80)}