.xy-product{color:#171717;font-size:16px;line-height:1.65}
.xy-product .breadcrumbs{padding-top:24px}
.xy-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center;padding-block:42px 56px}
.xy-product h1{font-size:clamp(36px,3.5vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.025em;margin:0 0 24px}
.xy-product h2{font-size:clamp(28px,2.5vw,36px);font-weight:300;line-height:1.25;margin:0 0 24px}
.xy-product h3{font-size:21px;font-weight:400;line-height:1.4;margin:0 0 12px}
.xy-product p{margin:0 0 20px;color:inherit;max-width:none}
.xy-product .xy-lead{font-size:18px;line-height:1.65}
.xy-product figure{margin:0;min-width:0}
.xy-product img{display:block;width:100%;height:auto;border-radius:12px}
.xy-hero figure{max-width:440px;justify-self:end}
.xy-product figcaption{font-size:14px;line-height:1.55;color:#525252;margin-top:14px}
.xy-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}
.xy-nav{background:#f0f0f0}
.xy-nav>.container{display:flex;flex-wrap:wrap;gap:8px 30px;padding-block:12px}
.xy-nav a{display:flex;align-items:center;min-height:44px;font-size:14px;color:#171717;text-decoration:none}
.xy-nav a:hover{color:#0050a4}
.xy-product .section{padding-block:64px;scroll-margin-top:120px}
.xy-soft{background:#f0f0f0}
.xy-text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 56px;margin-top:30px}
.xy-text-grid article{min-width:0}
.xy-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;margin:30px 0}
.xy-comparison article+article{margin-top:26px}
.xy-spec-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:32px 0}
.xy-spec-table caption{text-align:left;font-size:21px;font-weight:400;padding-bottom:14px;color:inherit}
.xy-spec-table th{width:29%;font-weight:400;text-align:left}
.xy-spec-table :is(th,td){padding:15px 20px;vertical-align:top;overflow-wrap:anywhere}
.xy-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 56px;padding-left:24px;margin:32px 0}
.xy-process li{padding-left:8px}
.xy-faq details{background:#f0f0f0;margin-bottom:12px;padding:20px 24px}
.xy-faq summary{cursor:pointer;font-size:18px;line-height:1.45}
.xy-faq p{margin:18px 0 0}
.xy-related{margin-top:60px}
.xy-related .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.xy-hero{gap:28px;grid-template-columns:1fr 1fr}.xy-product h1{font-size:36px}.xy-comparison{gap:28px}.xy-product .section{padding-block:44px}.xy-text-grid{gap:24px}.xy-process{gap:20px 32px}}
@media(max-width:600px){.xy-hero,.xy-comparison,.xy-text-grid,.xy-process{grid-template-columns:1fr}.xy-hero{padding-block:28px 40px}.xy-hero figure{justify-self:center;max-width:400px}.xy-product h1{font-size:36px}.xy-product h2{font-size:28px}.xy-nav>.container{gap:4px 22px}.xy-spec-table th{width:35%}.xy-spec-table :is(th,td){padding:12px 10px;font-size:15px}.xy-product .xy-lead{font-size:17px}.xy-related .related-grid{grid-template-columns:1fr}}

.xy-related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.xy-related-links .related-link{border-top:0;margin:0;align-self:start}
.xy-product .section>.container>p,.xy-product .section.container>p{max-width:90ch}
@media(max-width:600px){.xy-related-links{grid-template-columns:1fr}}