:root{--ink:#122233;--navy:#0d1a28;--muted:#627383;--paper:#f4f8fa;--line:#cbd8df;--cyan:#008ee7;--cyan-light:#54c6ff;--soft:#e7f1f5;--mono:"DM Mono",monospace;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{padding-left:max(25px,calc((100vw - 1300px)/2));padding-right:max(25px,calc((100vw - 1300px)/2))}.section-pad{padding-top:clamp(72px,10vw,142px);padding-bottom:clamp(72px,10vw,142px)}.header{min-height:84px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(244,248,250,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.wordmark{font-weight:800;font-size:18px;letter-spacing:-.07em}.wordmark span{color:var(--cyan)}.nav{display:flex;gap:clamp(15px,2vw,31px);margin-left:auto;margin-right:clamp(21px,4vw,64px);font-size:12px;font-weight:700;color:#344758}.nav a:hover{color:var(--cyan)}.header-cta{padding:11px 15px;background:var(--navy);color:#fff;font-size:11px;font-weight:800}.header-cta i,.button span,.direction-card i,.reverse-note i{font-style:normal;margin-left:8px;color:var(--cyan-light)}.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(30px,6vw,90px);align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 -100vw 0 52%;background:#eaf3f6;z-index:-2}.hero:after{content:"";position:absolute;width:50vw;height:50vw;border:1px solid #c7e8f8;border-radius:50%;right:-19vw;top:-25vw;z-index:-1}.kicker{margin:0 0 18px;display:flex;align-items:center;gap:9px;font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#668091}.kicker b{display:inline-block;width:23px;height:2px;background:var(--cyan)}.kicker.light{color:#9cb4c4}.hero h1,.section-title h2,.selector h2,.contact h2{font-size:clamp(44px,5.3vw,78px);letter-spacing:-.075em;line-height:.98;margin:0;font-weight:800}.hero h1 em,.section-title h2 em,.selector h2 em,.contact h2 em{font-style:normal;color:var(--cyan)}.hero-lead{max-width:580px;color:#41586a;font-size:17px;line-height:1.63;margin:29px 0 36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:51px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:800;font-size:12px;cursor:pointer;transition:.2s transform,.2s background,.2s border-color}.button:hover{transform:translateY(-2px)}.primary{background:var(--cyan);color:#fff}.primary:hover{background:#007dcc}.secondary{border-color:#aebfc9;background:#fff;color:var(--navy)}.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.profile-lab{height:465px;position:relative;border:1px solid #bfd4de;background:#f9fcfd;box-shadow:0 21px 50px rgba(19,55,74,.08);overflow:hidden}.profile-lab:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,rgba(0,142,231,.04));pointer-events:none}.lab-meta{height:44px;display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line);color:#607b89;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.profile-lab svg{display:block;width:100%;height:348px;color:#9fb8c4}.grid-fill{color:#d7e5ea}.dim-label,.note{fill:#527080;font:11px var(--mono)}.profile-shape{fill:#183348;stroke:#008ee7;stroke-width:3}.point{fill:#52c7ff}.callout{fill:none;stroke:#008ee7;stroke-width:1.5}.swatches{position:absolute;z-index:1;bottom:14px;left:16px;display:flex;gap:7px}.swatch{padding:7px 8px;color:#fff;font:10px var(--mono);letter-spacing:.03em}.nbr{background:#2f3437}.epdm{background:#182d3b}.vmq{background:#cc794e}.fkm{background:#427d6a}.proof-strip{position:absolute;left:max(25px,calc((100vw - 1300px)/2));right:max(25px,calc((100vw - 1300px)/2));bottom:31px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:rgba(244,248,250,.82)}.proof-strip span{padding:13px 14px;border-right:1px solid var(--line);font:500 10px var(--mono);letter-spacing:.03em;text-transform:uppercase}.proof-strip sup{color:var(--cyan);font-weight:800}.temperature-note{position:absolute;bottom:3px;left:max(25px,calc((100vw - 1300px)/2));max-width:660px;margin:0;font-size:9px;color:#708493;line-height:1.35}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust>div{min-height:128px;padding:21px clamp(16px,2.5vw,38px);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.trust>div:first-child{border-left:1px solid var(--line)}.trust b{font:500 23px var(--mono);color:var(--cyan)}.trust span{font-size:11px;line-height:1.45;color:#617482;max-width:135px}.directions{background:var(--paper)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:52px}.section-title h2{font-size:clamp(37px,4.7vw,67px)}.section-title>p{max-width:320px;margin:0 0 4px;color:#617585;font-size:14px;line-height:1.6}.direction-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.direction-card{min-height:320px;padding:25px;position:relative;background:#f8fbfc;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s background,.25s color}.direction-card:hover{background:var(--navy);color:#fff}.serial{position:absolute;right:20px;top:19px;color:#78909e;font:9px var(--mono)}.profile-icon{width:42px;height:42px;border:1px solid #8ea9b7;position:relative}.profile-icon:before,.profile-icon:after{content:"";position:absolute}.ring{border-radius:50%}.ring:before{inset:10px;border:1px solid var(--cyan);border-radius:50%}.sheet:before{inset:7px 4px;background:#bad1dc;transform:skewY(-17deg)}.hose{border-radius:22px 22px 0 0;border-bottom:0}.hose:before{height:23px;width:21px;border:1px solid var(--cyan);border-bottom:0;left:9px;bottom:0;border-radius:12px 12px 0 0}.rod:before{width:10px;top:0;bottom:0;left:15px;background:#9cb8c6}.rod:after{width:30px;height:9px;top:16px;left:5px;background:var(--cyan)}.direction-card h3{font-size:20px;line-height:1.12;letter-spacing:-.05em;margin:50px 0 10px}.direction-card p{margin:0;min-height:57px;color:#647988;font-size:11px;line-height:1.55}.direction-card:hover p{color:#b5c9d4}.direction-card a{position:absolute;bottom:23px;font-size:11px;font-weight:800}.selector{background:var(--navy);color:#fff}.selector-layout{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(470px,1.15fr);gap:clamp(55px,10vw,150px);align-items:start}.selector-copy{position:sticky;top:110px}.selector h2{font-size:clamp(38px,4.8vw,67px)}.selector-copy>p:not(.kicker){max-width:420px;margin:27px 0;color:#a5bac7;font-size:14px;line-height:1.7}.selector-code{margin-top:48px;padding-top:17px;border-top:1px solid #294051;color:#7892a1;font:10px var(--mono)}.selector-card{min-height:502px;background:#f9fcfd;color:var(--ink);padding:clamp(23px,3.6vw,45px);box-shadow:0 22px 60px rgba(0,0,0,.18)}.step-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:38px}.step-progress span{height:3px;background:#d5e1e6;position:relative;overflow:hidden}.step-progress span:after{content:"";position:absolute;inset:0;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .4s}.step-progress span.active:after{transform:scaleX(1)}.selector-step{display:none}.selector-step.active{display:block;animation:step .32s ease both}@keyframes step{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.step-label{margin:0 0 14px;color:#0084d8;font:10px var(--mono);letter-spacing:.11em;text-transform:uppercase}.selector-step h3{font-size:clamp(25px,3vw,38px);line-height:1.05;letter-spacing:-.06em;margin:0}.selector-step>p:not(.step-label){font-size:13px;line-height:1.55;color:#647887;margin:12px 0 26px}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.option-grid button{min-height:78px;padding:12px;text-align:left;background:#fff;border:1px solid #c5d6de;color:#183345;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.option-grid button:hover,.option-grid button.selected{border-color:var(--cyan);background:#eafbff;color:#0079c3}.option-grid.two button{min-height:108px}.back-button{border:0;background:transparent;padding:0;margin-top:24px;color:#728794;font-size:11px;cursor:pointer}.result-step h3{color:var(--cyan)}.result-summary{min-height:38px}.result-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin:24px 0}.result-grid>div{padding:16px;border:1px solid #cbdbe2;background:#f2f8fa}.result-grid span{font:10px var(--mono);color:#0084d8;text-transform:uppercase}.result-grid ul{margin:10px 0 0;padding:0;list-style:none}.result-grid li{padding:4px 0;font-size:11px;border-bottom:1px solid #dce8ed}.result-grid p{font-size:10px;line-height:1.5;color:#526a78;margin:10px 0 0}.result-actions{display:flex;gap:9px}.result-actions .button{min-height:46px;padding:0 13px;font-size:10px}.ghost{border-color:#b9cdd6;color:#123047;background:#fff}.manufacturing{background:#fff}.manufacture-panel{border:1px solid var(--line)}.entry-route{display:grid;grid-template-columns:repeat(3,1fr)}.entry-route article{min-height:190px;padding:25px;border-right:1px solid var(--line)}.entry-route article:last-child{border:0}.entry-route b{font:11px var(--mono);color:var(--cyan)}.entry-route h3{margin:43px 0 8px;font-size:19px;letter-spacing:-.04em}.entry-route p{margin:0;color:#667c89;font-size:12px;line-height:1.5;max-width:230px}.manufacture-flow{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,42px);padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#335164}.manufacture-flow i{color:var(--cyan);font-size:17px;font-style:normal}.reverse-note{display:grid;grid-template-columns:.5fr 1.3fr 1fr;align-items:center;gap:30px;padding:25px;background:#eaf6fb}.reverse-note b{color:#007fcd;font:11px var(--mono);text-transform:uppercase}.reverse-note p{margin:0;color:#405e70;font-size:12px;line-height:1.55}.reverse-note a{justify-self:end;font-size:11px;font-weight:800}.matrix-section{background:#eaf2f5}.matrix-wrap{overflow-x:auto;border:1px solid #bdd0d9;background:#f9fcfd}.matrix-wrap table{width:100%;border-collapse:collapse;min-width:650px}.matrix-wrap th,.matrix-wrap td{border-right:1px solid #d0e0e5;border-bottom:1px solid #d0e0e5;padding:17px 20px;text-align:center;font:12px var(--mono)}.matrix-wrap thead{background:var(--navy);color:#fff}.matrix-wrap thead th{font-weight:500}.matrix-wrap th:first-child{text-align:left}.matrix-wrap tbody th{color:#314e60;font-size:11px}.matrix-wrap tbody td{color:#007fc9}.matrix-wrap small{display:block;margin-top:4px;color:#8097a2;font:8px var(--mono)}.matrix-note{margin:14px 0 0;color:#6e8490;font-size:10px}.applications{background:var(--paper)}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.application-grid article{min-height:200px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.application-grid span{color:var(--cyan);font:10px var(--mono)}.application-grid h3{margin:48px 0 7px;font-size:18px;letter-spacing:-.04em}.application-grid p{margin:0;color:#67808f;font-size:11px;line-height:1.55}.contact{background:var(--navy);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,9vw,135px);align-items:start}.contact h2{font-size:clamp(34px,4.3vw,61px)}.contact-lines{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:38px}.contact-lines a{font:700 13px var(--mono);color:#d7eef9}.contact-lines small{color:var(--cyan-light);font-size:9px}.warehouse{margin:25px 0 0;color:#829dac;font-size:11px}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:clamp(22px,3vw,32px);background:#f8fcfd;color:var(--ink)}.request-form label{display:flex;flex-direction:column;gap:6px;color:#5e7480;font:10px var(--mono);text-transform:uppercase}.request-form input,.request-form textarea{width:100%;padding:11px 12px;border:1px solid #c9dbe2;color:var(--ink);outline:0;background:#fff;font:13px var(--sans)}.request-form input:focus,.request-form textarea:focus{border-color:var(--cyan)}.request-form textarea{height:79px;resize:vertical}.full{grid-column:1/-1}.file-placeholder{min-height:68px;padding:10px;border:1px dashed #a7c1cc;position:relative;justify-content:center}.file-placeholder input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-placeholder span{font:12px var(--sans);text-transform:none;color:#19354a}.request-form small{color:#718792;font-size:9px}.footer{min-height:112px;display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;background:#09131e;color:#c5dbe5}.footer>p{font-size:11px;color:#7f9aa9}.footer>div{justify-self:end;display:flex;gap:17px;font-size:10px;font-family:var(--mono)}.footer a:hover{color:var(--cyan-light)}.toast{position:fixed;right:22px;bottom:22px;z-index:50;background:#e9f8ff;color:#10334b;padding:13px 17px;font-size:12px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(150%);transition:transform .3s}.toast.show{transform:none}.toast span{color:var(--cyan);margin-left:7px}
html.anim .reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}html.anim .reveal.is-visible{opacity:1;transform:none}html.anim .reveal-left{transform:translateX(-45px)}html.anim .reveal-right{transform:translateX(45px)}
@media(max-width:900px){.nav{display:none}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-bottom:124px;padding-top:80px}.hero:before{inset:40% -25px 0 -25px}.profile-lab{max-width:640px;width:100%;justify-self:center}.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip span{border-bottom:1px solid var(--line)}.temperature-note{bottom:4px;right:25px}.direction-grid,.application-grid{grid-template-columns:repeat(2,1fr)}.selector-layout,.contact-grid{grid-template-columns:1fr}.selector-copy{position:static}.selector-code{margin-top:25px}.reverse-note{grid-template-columns:1fr}.reverse-note a{justify-self:start}.footer{grid-template-columns:1fr 1fr;padding-top:30px;padding-bottom:30px}.footer>p{grid-column:1/-1;order:3}.footer>div{justify-self:start}.entry-route article{min-height:170px}.section-title{display:block}.section-title>p{margin-top:22px}}
@media(max-width:560px){.wrap{padding-left:20px;padding-right:20px}.header{min-height:68px}.wordmark{font-size:16px}.header-cta{padding:9px 10px;font-size:9px}.hero{min-height:0;padding-top:68px;padding-bottom:157px}.hero h1{font-size:43px}.hero-lead{font-size:15px}.hero-actions,.result-actions{flex-direction:column}.hero-actions .button,.result-actions .button{width:100%}.profile-lab{height:355px}.profile-lab svg{height:252px}.lab-meta{height:39px}.proof-strip{left:20px;right:20px;bottom:42px}.proof-strip span{padding:10px 8px;font-size:8px}.temperature-note{left:20px;right:20px;bottom:6px;font-size:8px}.trust{grid-template-columns:repeat(2,1fr)}.trust>div{min-height:107px}.trust>div:nth-child(3){border-left:1px solid var(--line)}.section-title{margin-bottom:35px}.direction-grid,.application-grid{grid-template-columns:1fr}.direction-card{min-height:225px}.selector-card{min-height:500px;padding:21px}.option-grid,.option-grid.two{grid-template-columns:1fr}.option-grid button{min-height:57px}.result-grid,.contact-lines,.request-form{grid-template-columns:1fr}.result-grid>div{padding:13px}.entry-route{grid-template-columns:1fr}.entry-route article{min-height:141px;border-right:0;border-bottom:1px solid var(--line)}.entry-route h3{margin-top:22px}.manufacture-flow{flex-wrap:wrap;gap:10px;padding:19px 12px;font-size:8px}.manufacture-flow i{font-size:12px}.reverse-note{padding:21px}.footer{grid-template-columns:1fr}.footer>div{justify-self:start}.footer>p{grid-column:auto}.contact-lines a{font-size:12px}html.anim .reveal-left,html.anim .reveal-right{transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.selector-step.active{animation:none}html.anim .reveal,html.anim .reveal.is-visible{opacity:1;transform:none;transition:none}.step-progress span:after{transition:none}}