.compare-wrap{width:calc(100% - 64px);max-width:1920px;margin-inline:auto}.compare-intro{padding:38px 0 42px}.compare-intro>.compare-wrap{display:flex;justify-content:space-between;align-items:center;gap:60px}.compare-intro .eyebrow{font-size:9px;margin-bottom:16px}.compare-intro h1{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-.055em}.compare-intro>.compare-wrap>div:last-child{max-width:450px;padding-right:15px}.compare-intro p:not(.eyebrow){color:#a9b9ce;font-size:12px;line-height:1.9}.compare-intro .text-link{margin-top:18px;font-size:10px;color:#c3d0e2;gap:25px}.comparison-board{background:#e9eef3;padding-bottom:45px}.comparison-controls{position:sticky;top:94px;z-index:24;background:#f8fafcfa;border-bottom:1px solid #d7e0e9;backdrop-filter:blur(14px)}.comparison-controls-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:17px}.compare-view-tabs{display:flex;background:#e8eef4;border:1px solid #d8e2ed;border-radius:5px;padding:4px;gap:4px}.compare-view-tabs>button{border:0;background:none;display:flex;gap:12px;align-items:center;padding:11px 22px;font:400 11px Poppins,Arial,sans-serif;border-radius:3px;color:#6e8297;white-space:nowrap}.compare-view-tabs>button>span{font-size:8px;color:#94a6b9}.compare-view-tabs>button[aria-selected=true]{background:#fff;color:#1b5fc9;box-shadow:0 2px 8px #153f6c0a}.compare-view-tabs>button[aria-selected=true]>span{color:#689bee}.compare-view-tabs>button:hover{color:#266acb}.compare-density{display:flex;align-items:center;gap:7px}.compare-density button{background:none;border:1px solid transparent;padding:9px 12px;display:flex;align-items:center;gap:8px;color:#8091a4;border-radius:4px;font-size:9px;white-space:nowrap}.compare-density button>span{font-size:18px;line-height:1;color:#869db7}.compare-density button[aria-pressed=true]{background:white;color:#345777;border-color:#d1dce7}.compare-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0 18px;font-size:9px;color:#7890a5;line-height:1.8}.compare-meta>span{font-size:8px;color:#91a2b2}.comparison-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start}.comparison-grid[data-layout=large]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.compare-card{background:white;border:1px solid #d1dce7;border-radius:6px;overflow:hidden;transition:border-color .2s,box-shadow .2s;min-width:0}.compare-card:hover,.compare-card:focus-within{border-color:#7ea7e2;box-shadow:0 8px 28px #18416a10}.compare-card-heading{padding:15px 13px 13px;position:relative;border-top:3px solid var(--concept-accent);display:grid;grid-template-columns:20px 1fr;gap:0 7px;min-height:92px;align-content:start}.compare-card-heading>span:first-child{font-size:8px;color:#9bafc2;letter-spacing:.09em;margin-top:3px;grid-row:1/3}.compare-card-heading>h2{font-size:12px;line-height:1.45;letter-spacing:-.025em;min-width:0;max-width:100%;font-weight:500}.compare-brand{font-size:7px;letter-spacing:.06em;color:#96a7b6;line-height:1.5;margin-top:8px;grid-column:2}.compare-preview{position:relative;aspect-ratio:1280/1050;background:#f5f7fa;border-block:1px solid #e2e9f0;overflow:hidden;isolation:isolate}.comparison-grid[data-view=app] .compare-preview{aspect-ratio:1280/820}.compare-preview>iframe{width:1280px;height:1050px;max-width:none;position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;background:#fff;visibility:hidden}.compare-preview.ready>iframe{visibility:visible}.comparison-grid[data-view=app] .compare-preview>iframe{height:820px}.compare-preview:not(.ready):before{content:'Loading design…';position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#9eb0c1}.compare-expand-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:2;display:grid;place-items:center}.compare-expand-overlay>span{background:#10243be8;border:1px solid #ffffff35;color:white;padding:10px 16px;border-radius:4px;box-shadow:0 5px 22px #0c234622;font-size:10px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.compare-expand-overlay:hover>span,.compare-expand-overlay:focus-visible>span{opacity:1;transform:none}.compare-expand-overlay:focus-visible{outline:3px solid #70a9ff;outline-offset:-3px}.compare-card-footer{padding:11px 12px;display:flex;align-items:center;gap:10px;min-height:43px;line-height:1.5}.compare-card-footer>span{font-size:8px;color:#6f8ba4;margin-right:auto;min-width:0}.compare-card-footer>button,.compare-card-footer>a{font-size:8px;display:flex;gap:6px;align-items:center;background:none;border:0;padding:0;color:#3375cf;white-space:nowrap}.compare-card-footer>a{font-size:7px;color:#92a5b6}.compare-card-footer>button>span{font-size:14px}.compare-help{font-size:9px;color:#8ba0b2;text-align:center;padding:25px 0 0;max-width:none}.comparison-grid[data-layout=large] .compare-card-heading{padding:21px 24px 18px;min-height:105px;grid-template-columns:28px 1fr}.comparison-grid[data-layout=large] .compare-card-heading>h2{font-size:19px;max-width:600px}.comparison-grid[data-layout=large] .compare-brand{font-size:9px}.comparison-grid[data-layout=large] .compare-card-heading>span:first-child{font-size:10px}.comparison-grid[data-layout=large] .compare-card-footer{padding:16px 24px}.comparison-grid[data-layout=large] .compare-card-footer>span,.comparison-grid[data-layout=large] .compare-card-footer>button{font-size:11px}.comparison-grid[data-layout=large] .compare-card-footer>a{font-size:10px}.comparison-dialog{width:calc(100% - 60px);max-width:1680px;height:94dvh;max-height:1100px;padding:0;border:1px solid #aebed0;border-radius:10px;overflow:hidden;background:#fff;color:#11263e;box-shadow:0 35px 150px #0005}.comparison-dialog[open]{display:flex;flex-direction:column}.comparison-dialog::backdrop{background:#071326c9;backdrop-filter:blur(8px)}.comparison-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 25px;border-bottom:1px solid #dbe4ed;background:#fff;flex-shrink:0}.comparison-dialog-header p{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#90a1b4;margin-bottom:6px}.comparison-dialog-header h2{font-size:19px;line-height:1.4;letter-spacing:-.03em}.comparison-dialog-actions{display:flex;align-items:center;gap:25px}.comparison-dialog-actions>a{font-size:10px;color:#377ad6;white-space:nowrap}.comparison-dialog-actions>button{border:1px solid #d9e2ed;background:#f3f6fa;color:#637e98;border-radius:4px;padding:9px 13px;font-size:10px;white-space:nowrap}.comparison-dialog>iframe{border:0;width:100%;flex:1;min-height:0;background:#f6f8fb}.comparison-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:13px 25px;border-top:1px solid #dde5ee;flex-shrink:0;background:white}.comparison-dialog-footer>button{border:0;background:none;color:#3274cb;font-size:10px;padding:4px 0}.comparison-dialog-footer>span{font-size:8px;color:#91a4b5}.comparison-entry{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #d7e1e9;padding-top:20px;margin-bottom:24px}.comparison-entry>p{font-size:11px;color:#7890a5}.comparison-entry>a{font-size:10px;color:#3378d7;display:flex;align-items:center;gap:18px;white-space:nowrap}
@media(min-width:1800px){.compare-wrap{width:calc(100% - 100px)}.compare-card-heading{min-height:110px;padding:20px}.compare-card-heading>h2{font-size:15px}.compare-brand{font-size:9px}.compare-card-footer{padding:15px 20px}.compare-card-footer>span,.compare-card-footer>button{font-size:10px}.compare-card-footer>a{font-size:9px}}
@media(max-width:1250px){.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-card-heading{min-height:95px;padding-inline:17px}.compare-card-heading>h2{font-size:14px}.compare-brand{font-size:8px}.compare-card-footer{padding-inline:17px}.compare-card-footer>span,.compare-card-footer>button{font-size:9px}.compare-card-footer>a{font-size:8px}.compare-view-tabs>button{padding-inline:18px}.compare-density button{padding-inline:9px}}
@media(max-width:1000px){.comparison-controls-inner{gap:20px}.compare-view-tabs>button{padding-inline:14px;font-size:10px;gap:8px}.compare-density button{font-size:8px;padding-inline:8px;gap:6px}.compare-intro>.compare-wrap{gap:45px}.compare-intro>.compare-wrap>div:last-child{max-width:360px}.compare-intro p:not(.eyebrow){font-size:11px}}
@media(max-width:800px){.compare-wrap{width:calc(100% - 40px)}.compare-intro{padding:35px 0}.compare-intro>.compare-wrap{display:block}.compare-intro>.compare-wrap>div:last-child{max-width:620px;margin-top:23px;padding:0}.compare-intro h1{font-size:44px}.compare-intro p:not(.eyebrow){font-size:12px}.comparison-controls{top:77px}.comparison-controls-inner{display:block;padding-block:13px}.compare-view-tabs{justify-content:space-between}.compare-view-tabs>button{flex:1;justify-content:center;font-size:11px;padding-block:11px;gap:10px}.compare-density{justify-content:flex-end;margin-top:10px}.compare-density button{font-size:9px;padding:6px 10px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.compare-meta{font-size:9px;padding-block:17px;display:block}.compare-meta>span{display:block;font-size:8px;margin-top:5px}.compare-card-heading{padding-inline:13px;min-height:100px}.compare-card-heading>h2{font-size:13px}.compare-card-footer{padding-inline:11px;gap:8px}.compare-card-footer>a{font-size:7px}.compare-card-footer>span,.compare-card-footer>button{font-size:8px}.comparison-grid[data-layout=large]{gap:20px}.comparison-grid[data-layout=large] .compare-card-heading{padding:17px 15px;min-height:110px;grid-template-columns:23px 1fr}.comparison-grid[data-layout=large] .compare-card-heading>h2{font-size:15px}.comparison-grid[data-layout=large] .compare-brand{font-size:8px}.comparison-grid[data-layout=large] .compare-card-footer{padding:13px}.comparison-grid[data-layout=large] .compare-card-footer>span,.comparison-grid[data-layout=large] .compare-card-footer>button{font-size:9px}.comparison-grid[data-layout=large] .compare-card-footer>a{font-size:8px}.comparison-dialog{width:calc(100% - 25px);height:96dvh;border-radius:7px}.comparison-dialog-header{padding:16px;gap:16px}.comparison-dialog-header h2{font-size:16px}.comparison-dialog-actions{gap:13px}.comparison-dialog-actions>a{font-size:9px}.comparison-dialog-actions>button{font-size:9px;padding:8px 10px}.comparison-dialog-footer{padding:12px 16px}.comparison-dialog-footer>button{font-size:9px}.comparison-entry{display:block}.comparison-entry>a{margin-top:15px}}
@media(max-width:520px){.compare-wrap{width:calc(100% - 30px)}.compare-intro h1{font-size:42px}.compare-intro .eyebrow{font-size:8px}.compare-intro>.compare-wrap>div:last-child{margin-top:22px}.compare-intro p:not(.eyebrow){font-size:11px}.compare-view-tabs>button{font-size:10px;gap:0;padding:10px 8px}.compare-view-tabs>button>span{display:none}.compare-density{justify-content:flex-start}.compare-density button{font-size:8px;padding:6px 9px}.comparison-grid{gap:12px}.compare-card-heading{grid-template-columns:1fr;min-height:102px;padding:12px 10px}.compare-card-heading>span:first-child{grid-row:auto;position:absolute;right:9px;top:8px;font-size:7px}.compare-card-heading>h2{font-size:10px;padding-right:12px;line-height:1.5}.compare-brand{grid-column:1;font-size:6px;letter-spacing:0;line-height:1.6;margin-top:7px}.compare-card-footer{flex-wrap:wrap;padding:9px 10px;gap:8px}.compare-card-footer>span{width:100%;font-size:7px}.compare-card-footer>button{font-size:8px}.compare-card-footer>a{font-size:6px;margin-left:auto}.compare-expand-overlay>span{font-size:7px;padding:7px 10px}.comparison-grid[data-layout=large]{grid-template-columns:1fr;gap:22px}.comparison-grid[data-layout=large] .compare-card-heading{grid-template-columns:25px 1fr;min-height:90px;padding:18px}.comparison-grid[data-layout=large] .compare-card-heading>h2{font-size:16px;padding:0}.comparison-grid[data-layout=large] .compare-card-heading>span:first-child{position:static;font-size:9px;grid-row:1/3}.comparison-grid[data-layout=large] .compare-brand{grid-column:2;font-size:8px}.comparison-grid[data-layout=large] .compare-card-footer{padding:13px 16px;flex-wrap:nowrap}.comparison-grid[data-layout=large] .compare-card-footer>span{width:auto}.comparison-grid[data-layout=large] .compare-card-footer>a{font-size:8px}.compare-help{text-align:left;font-size:8px;line-height:1.9;padding-top:22px}.comparison-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.comparison-dialog-header{align-items:flex-start;padding:15px 12px;gap:12px}.comparison-dialog-header h2{font-size:14px;max-width:210px}.comparison-dialog-header p{font-size:7px}.comparison-dialog-actions{align-items:flex-end;flex-direction:column;gap:10px}.comparison-dialog-actions>a{font-size:7px;order:2}.comparison-dialog-actions>button{padding:6px 10px;font-size:9px}.comparison-dialog-footer{padding:13px 12px;gap:15px}.comparison-dialog-footer>button{font-size:8px}.comparison-dialog-footer>span{font-size:7px;text-align:center}.comparison-entry>p{font-size:10px}.comparison-entry>a{font-size:10px}}
