:root { --products-scale: .8; }
* { box-sizing: border-box; }
html, body { margin: 0; min-width: 320px; background: #fff; font-family: Inter, Arial, sans-serif; }
.products-frame-wrap { position: relative; width: 1536px; height: 3853.6px; margin: 0 auto; overflow: hidden; }
.products-frame { position: absolute; width: 1920px; height: 4817px; transform: scale(var(--products-scale)); transform-origin: top left; color: #213345; background: #fff; }
.products-frame h1 { position: absolute; top: 150px; left: 50%; width: 900px; height: 90px; margin: 0; color: #213345; font-size: 64px; font-weight: 700; line-height: 90px; text-align:center; white-space:nowrap; transform:translateX(-50%); }
.products-intro { position: absolute; top: 271px; left: 451.5px; width: 1017px; height: 82px; margin: 0; color: #586a7b; font-size: 20px; font-weight: 400; line-height: normal; text-align: center; }
.product-image { position: absolute; display: block; overflow: hidden; }
.product-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.row-one-image { top: 422px; left: 143px; width: 959px; height: 539px; }
.row-two-image { top: 1620px; left: 146px; width: 956px; height: 539px; }
.row-three-image { top: 2828px; left: 146px; width: 956px; height: 539px; }
.row-four-image { top: 3432px; left: 869px; width: 910px; height: 539px; }
.product-copy { position: absolute; width: 607px; height: 539px; padding: 0; background: #efefef; }
.row-one-copy { top: 422px; left: 1172px; }

.row-one-copy .product-eyebrow { top: 53px; }
.row-one-copy .product-family { position: absolute; top: 76px; left: 56px; color: #213345; font-size: 18px; line-height: 24px; font-weight: 700; }
.row-one-copy h2 { top: 113px; width: 500px; font-size: 49px; line-height: 1.13; }
.row-one-copy > p:not(.product-eyebrow) { top: 185px; width: 490px; font-size: 20px; line-height: 28px; }
.row-two-copy { top: 1620px; left: 1172px; width: 609px; }
.row-two-copy .product-eyebrow { top: 53px; }
.row-two-copy .product-family { position: absolute; top: 76px; left: 56px; color: #213345; font-size: 18px; line-height: 24px; font-weight: 700; }
article.product-copy.row-two-copy h2 { top: 113px; width: 500px; font-size: 42px; line-height: 1.13; }
.row-two-copy > p:not(.product-eyebrow) { top: 185px; width: 490px; font-size: 20px; line-height: 28px; }
.row-two-copy .product-button { width: 160px; }
.row-three-copy { top: 2833px; left: 1172px; width: 609px; }
.row-four-copy { top: 3432px; left: 146px; width: 650px; }
.row-one-extra-copy { top: 1021px; left: 146px; width: 650px; }
.row-one-extra-copy .product-eyebrow { top: 53px; }
.row-one-extra-copy .product-family { position: absolute; top: 76px; left: 56px; color: #213345; font-size: 18px; line-height: 24px; font-weight: 700; }
.row-one-extra-copy h2 { top: 113px; width: 538px; font-size: 49px; line-height: 1.13; }
.row-one-extra-copy > p:not(.product-eyebrow) { top: 185px; width: 538px; font-size: 20px; line-height: 28px; }
.row-one-extra-copy .product-button { width: 160px; }
.row-one-extra-image { top: 1021px; left: 869px; width: 910px; height: 539px; }
.row-two-extra-image { top: 2224px; left: 869px; width: 910px; height: 539px; }
.row-two-extra-copy { top: 2224px; left: 146px; width: 650px; }
.product-eyebrow { position: absolute; top: 80px; left: 56px; width: 430px; height: 16px; margin: 0; color: #006ead; font-size: 16px; font-weight: 700; line-height: 22px; }
.product-copy h2 { position: absolute; top: 116px; left: 56px; width: 500px; margin: 0; color: #213345; font-size: 38px; font-weight: 700; line-height: 46px; }
.product-copy > p:not(.product-eyebrow) { position: absolute; top: 190px; left: 56px; width: 470px; margin: 0; color: #586a7b; font-size: 20px; font-weight: 400; line-height: 28px; }
.row-two-extra-copy .product-eyebrow { top: 53px; }
.row-two-extra-copy .product-family { position: absolute; top: 76px; left: 56px; color: #213345; font-size: 18px; line-height: 24px; font-weight: 700; }
article.product-copy.row-two-extra-copy h2 { top: 113px; width: 538px; font-size: 42px; line-height: 1.13; }
.row-two-extra-copy > p:not(.product-eyebrow) { top: 185px; width: 538px; font-size: 20px; line-height: 28px; }
.row-two-extra-copy .product-button { width: 160px; }
.row-three-copy .product-eyebrow { top: 80px; }
.row-three-copy h2 { top: 115px; }
.row-three-copy > p:not(.product-eyebrow) { top: 235px; }
.row-three-copy > p:not(.product-eyebrow) { top: 190px; }
.row-four-copy > p:not(.product-eyebrow) { top: 190px; width: 470px; }
.product-button { position: absolute; right: 0; bottom: 0; display: flex; width: 150px; height: 53px; align-items: center; justify-content: center; background: #1f3a66; color: #fff; font-size: 18px; font-weight: 700; line-height: 22px; text-decoration: none; }
.product-button:hover, .product-button:focus-visible { background: #006ead; outline: none; }
.product-button-disabled { border:0; font-family:inherit; cursor:default; }
.product-button-disabled:hover, .product-button-disabled:focus-visible { background:#1f3a66; }
.products-section-divider { position:absolute; top:4035px; left:102px; width:1716px; height:1px; background:rgba(33,51,69,.45); }
.products-footer { position: absolute; top: 4099px; left: 0; width: 1920px; height: 712.5px; overflow: hidden; background:#f0f0f0; clip-path:polygon(0 8%,100% 20%,100% 100%,0 100%); }
.footer-background { display:none; }
.footer-more, .footer-range { position: absolute; top: 235px; }
.footer-more { left: 102.5px; width: 300px; }
.footer-range { left: 473.75px; width: 440px; }
.products-footer h2 { margin: 0 0 27.5px; color: #213345; font-size: 27.5px; font-weight: 700; line-height: 34.375px; }
.products-footer a { display: block; margin: 0 0 6.25px; color: #003f64; font-size: 20px; font-weight: 400; line-height: 31px; text-decoration: none; }
.products-footer a:hover, .products-footer a:focus-visible { color: #006ead; outline: none; }
.footer-logo { position: absolute; top: 270px; left: 1380px; width: 425px; height: auto; object-fit: contain; }
.footer-social { position: absolute; top: 434.5px; left: 1550px; display: flex; gap: 26.25px; }
.footer-social img { display: block; width: 30px; height: 30px; }
.footer-line { display:none; }
.products-footer .copyright { position: absolute; right: 102.5px; bottom: 42.5px; left: 102.5px; width:auto; height:auto; margin: 0; padding-top:21.25px; border-top:1px solid #8d949c; color: #003f64; font-size: 16.25px; font-weight: 400; line-height: normal; }
@media (max-width: 1536px) { :root { --products-scale: calc(100vw / 1920); } .products-frame-wrap { width: 100vw; height: calc(4817px * var(--products-scale)); } }