:root{--navy:#082941;--cyan:#04c5e8;--muted:#61717e;--line:#dce5e9;--paper:#f5f8f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:white}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #009fc0;outline-offset:4px}.wrap{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}.topbar{background:var(--navy);color:white;padding:12px max(36px,calc((100vw - 1168px)/2));font-size:10px;letter-spacing:1.4px;display:flex;justify-content:space-between}.topbar span{color:#98ddec;letter-spacing:0}header{height:106px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand img{width:158px;height:69px;object-fit:contain}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#00879f}.button{padding:17px 23px;display:inline-flex;align-items:center;justify-content:center;gap:34px;border:0;border-radius:5px;font-size:13px;font-weight:700;line-height:1.3}.navy{background:var(--navy);color:white}.cyan{background:var(--cyan);color:var(--navy)}.button:hover{filter:brightness(1.12)}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:540px;padding-top:22px;padding-bottom:36px;gap:45px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;margin:0 0 23px}.hero-copy{padding:25px 0}h1{font-size:57px;line-height:1.04;letter-spacing:-2.8px;margin:0 0 24px;font-weight:800}h1 em{font-style:normal;color:#008eac}.hero-copy>p:not(.eyebrow){max-width:375px;font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:28px}.hero-note{font-size:11px;margin-top:23px;color:var(--muted)}.hero-note span{color:#00a6c5;margin-right:7px}.hero-art{background:#c9f4fa;border-radius:8px;position:relative;overflow:hidden;min-height:470px}.hero-art>img{position:absolute;width:74%;height:72%;object-fit:contain;left:15%;top:0;mix-blend-mode:multiply;transform:rotate(-9deg)}.orbit{width:370px;height:370px;border:1px solid #92dae7;border-radius:50%;position:absolute;top:-90px;right:-100px}.orbit-two{width:490px;height:490px;right:-160px;top:-150px}.vertical-label{position:absolute;right:18px;top:35px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.hero-tag{position:absolute;bottom:26px;left:27px;background:white;padding:21px 25px;width:76%;box-shadow:0 12px 28px #08294109;border-left:3px solid var(--cyan)}.hero-tag small{font-size:8px;letter-spacing:1.1px}.hero-tag strong{display:block;font-size:22px;line-height:1.2;margin:11px 0}.hero-tag a{font-size:10px;color:#337183}.mini-tag{position:absolute;left:22px;top:25px;font-size:10px;line-height:1.5;letter-spacing:1px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-top:22px;padding-bottom:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px}.benefits span{font-size:11px;color:var(--muted)}.benefits b{font-size:12px;color:var(--navy);margin:0 8px}.catalog{padding-top:68px;padding-bottom:58px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-size:32px;letter-spacing:-1px;line-height:1.17;margin:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.7}.toolbar{display:flex;gap:25px;align-items:center}.search{border:1px solid var(--line);background:var(--paper);border-radius:5px;display:flex;align-items:center;gap:13px;padding:15px 17px;flex:1}.search span{font-size:25px;line-height:20px}.search input{border:0;background:transparent;min-width:0;flex:1;font-size:13px;outline-offset:8px}.search kbd{font-size:8px;letter-spacing:1px;color:var(--muted)}.sort{font-size:10px;color:var(--muted)}.sort select{display:block;margin-top:6px;border:0;color:var(--navy);font-size:12px;background:white}.categories{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 15px}.categories button{border:1px solid var(--line);background:white;padding:10px 14px;border-radius:4px;font-size:11px;color:var(--navy)}.categories button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.results-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;color:var(--muted)}.text-button{border:0;background:none;font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:white;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 10px 24px #08294112;transform:translateY(-3px)}.photo{background:#f8fafb;height:215px;padding:22px;display:flex;align-items:center;justify-content:center;position:relative}.photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.photo .fallback{font-size:12px;color:var(--muted);text-align:center}.card-body{padding:19px 17px;display:flex;flex-direction:column;flex:1}.card-category{color:#0087a3;font-size:9px;letter-spacing:.7px;text-transform:uppercase;margin:0 0 10px}.card h3{font-size:13px;line-height:1.5;margin:0 0 10px;font-weight:600}.code{font-size:10px;color:var(--muted);margin:0 0 12px}.card-bottom{margin-top:auto;padding-top:12px}.consult{font-size:10px;color:var(--muted);margin:0 0 12px}.order{border:1px solid #bddce3;background:#f0fbfd;display:block;padding:12px 8px;font-size:11px;text-align:center;border-radius:4px;font-weight:600;color:#075064}.order:hover{background:#c9f4fa}.source{display:block;font-size:9px;text-align:center;color:var(--muted);margin-top:12px;text-decoration:underline;text-underline-offset:3px}.catalog-note{font-size:11px;line-height:1.8;color:var(--muted);text-align:center;margin-top:28px}.empty{text-align:center;padding:45px}.steps{border-top:1px solid var(--line);padding-top:47px;padding-bottom:57px;display:grid;grid-template-columns:1fr 1.6fr;gap:40px}.steps h2{font-size:27px}.steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0}.steps li>span{font-size:23px;color:#0099b5}.steps h3{font-size:12px;margin-top:18px}.steps li p{font-size:11px;line-height:1.8;color:var(--muted)}.contact{background:var(--navy);color:white}.contact-inner{display:flex;justify-content:space-between;gap:55px;padding-top:48px;padding-bottom:48px}.contact .eyebrow{color:#75d6e9}.contact h2{font-size:30px;margin-bottom:25px}.contact p:not(.eyebrow){font-size:11px;color:#b3c8d4;line-height:1.7}.contact-box{width:310px;align-self:center;display:flex;flex-direction:column;gap:13px}.contact-box label{font-size:12px}.contact-box select{padding:13px;background:#163a52;color:white;border:1px solid #456174;border-radius:4px;font-size:13px}.contact-box small{font-size:10px;color:#b3c8d4;line-height:1.6}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-top:27px;padding-bottom:27px;font-size:10px}footer strong{font-size:12px}footer strong span{font-size:10px;font-weight:400;color:var(--muted)}footer small{color:var(--muted)}.skip{position:absolute;left:10px;top:-80px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:580px}.hero-art{min-height:500px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:46px}.hero{gap:20px}.benefits span{line-height:1.8}.benefits b{display:block;margin:0}.steps{grid-template-columns:1fr}.topbar{font-size:8px}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.topbar{padding:10px 20px;font-size:7px}.topbar span{display:none}header{height:83px;gap:10px}.brand img{width:115px;height:55px}header>.button{padding:12px;font-size:10px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:5px;gap:15px}.hero-copy{padding-top:18px}h1{font-size:46px;letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-art{min-height:365px}.hero-art>img{height:72%;width:68%;left:20%;top:-6%}.hero-tag{bottom:20px;padding:15px 20px}.hero-tag strong{font-size:19px}.benefits{gap:15px}.benefits span{font-size:9px}.benefits b{font-size:10px}.catalog{padding-top:40px}.section-heading{display:block}.section-heading>p{margin-top:15px}h2{font-size:28px}.toolbar{display:block}.sort{display:flex;align-items:center;gap:10px;margin-top:16px}.sort select{margin:0}.categories{gap:6px}.categories button{padding:9px 11px;font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{height:165px;padding:15px}.card-body{padding:13px 11px}.card h3{font-size:12px}.card-category{font-size:8px}.order{font-size:10px}.steps{padding-top:30px;gap:28px}.steps ol{grid-template-columns:1fr;gap:15px}.steps li{display:grid;grid-template-columns:38px 1fr;column-gap:10px}.steps h3{margin:3px 0 6px}.steps li p{grid-column:2;margin:0}.contact-inner{flex-direction:column;gap:22px}.contact h2{font-size:27px}.contact-box{width:100%}footer{flex-wrap:wrap;line-height:1.8}footer strong{width:100%}.search kbd{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
