.wb-hero{background:#ffcf24;padding:26px 0 64px}.wb-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.wb-hero-grid h1{font-size:clamp(36px,3.6vw,54px)}.wb-hero-grid p{max-width:50ch}.wb-hero-grid img{display:block;width:100%;height:auto;border-radius:8px}.wb-hero .about-kicker{color:#22262c}.wb-section{padding-block:96px;scroll-margin-top:110px}.wb-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}.wb-products article{border:1px solid #dde0e3;border-radius:8px;overflow:hidden}.wb-products a{display:block;color:inherit;text-decoration:none;height:100%}.wb-product-image{aspect-ratio:1;background:#f4f4f2;overflow:hidden}.wb-product-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.wb-products a:hover img{transform:scale(1.03)}.wb-product-copy{padding:24px}.wb-product-copy h3{font-size:20px;line-height:1.4;margin:0 0 16px}.wb-product-copy p{font-size:14px;color:#6b7077}.wb-product-copy>span{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.wb-selection{background:#f4f4f2}.wb-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:40px}.wb-checks article{border-top:2px solid #ffcf24;padding-top:24px}.wb-checks article>span{font-size:14px}.wb-checks h3{font-size:21px;margin:24px 0 16px}.wb-checks p,.wb-faq p{color:#6b7077}.wb-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:64px}.wb-faq details{padding:20px 0;border-bottom:1px solid #dde0e3}.wb-faq summary{font-weight:600;cursor:pointer}:root body .waterproof-boxes .wb-hero a.about-action{background-image:linear-gradient(90deg,#fff 50%,#22262c 50%);color:#fff}:root body .waterproof-boxes .wb-hero a.about-action:hover{color:#22262c}.wb-products a:focus-visible{outline:3px solid #22262c;outline-offset:-3px}
@media(max-width:1000px){.wb-products,.wb-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-hero-grid{gap:32px}}
@media(max-width:760px){.wb-hero-grid,.wb-faq{grid-template-columns:1fr;gap:32px}.wb-section{padding-block:56px}.wb-hero{padding-bottom:40px}.wb-products,.wb-checks{grid-template-columns:1fr}.wb-product-copy{padding:24px}}
@media(prefers-reduced-motion:reduce){.wb-product-image img{transition:none}.wb-products a:hover img{transform:none}}