/* Comparison table, matching the graphite and white package section. */
.comparison-section{background:#19262f;color:#f2f3ef;font-family:Manrope,Arial,sans-serif;padding:55px 0 52px;scroll-margin-top:24px}
.comparison-container{width:min(100% - 104px,1536px);margin-inline:auto}
.comparison-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:26px}
.comparison-heading h2{font:600 clamp(28px,3.2vw,46px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 15px}
.comparison-heading p{font-size:14px;line-height:1.6;color:#bdc6cc;margin:0}
.comparison-year{font-size:12px;font-weight:500;color:#a9b6c0;padding-top:8px}
.comparison-scroll{position:relative;border-top:1px solid #ffffff2a;border-bottom:1px solid #ffffff2a;outline-offset:5px}
.comparison-scroll:focus-visible{outline:2px solid #dce6ed88}
.comparison-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;color:#d7dde0}
.comparison-feature-col{width:25%}
.comparison-table th,.comparison-table td{vertical-align:middle;padding:10px 16px;font-size:12px;line-height:1.55;overflow-wrap:break-word;border-bottom:1px solid #ffffff16}
.comparison-table thead th{position:sticky;top:0;z-index:3;background:#19262f;color:#f4f4ee;font-size:13px;line-height:1.5;letter-spacing:.015em;font-weight:600;text-align:center;padding-block:18px;border-bottom:1px solid #ffffff40}
.comparison-table thead th:first-child{text-align:left;z-index:4}
.comparison-table tbody th{position:sticky;left:0;z-index:1;text-align:left;font-weight:600;color:#e8ebe9;background:#19262f;border-right:0}
.comparison-table tbody td{text-align:center;font-weight:400;background:#19262f}
.comparison-table tbody tr:nth-child(even) td,.comparison-table tbody tr:nth-child(even) th{background:#1c2a33}
.comparison-table tbody tr:hover td,.comparison-table tbody tr:hover th{background:#23323c}
.comparison-table td.comparison-yes{color:#f3f4ef;font-weight:600}
.comparison-table td.comparison-no{color:#8d9eaa}
.comparison-table tfoot th,.comparison-table tfoot td{padding-block:18px;border-top:1px solid #ffffff35;border-bottom:0;background:#202f39}
.comparison-table tfoot th{text-align:left;font-weight:600;font-size:12px;color:#edf0eb}
.comparison-table tfoot td{text-align:center;white-space:nowrap}
.comparison-table tfoot strong{font-size:clamp(18px,1.85vw,27px);font-weight:600;letter-spacing:-.035em;color:#f5f5ee}
.comparison-note{margin:21px 0 0;color:#a6b3bc;font-size:11px;line-height:1.65}
.comparison-scroll-hint{display:none}
.comparison-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1500px){.comparison-table th,.comparison-table td{font-size:12px;padding:11px 20px}.comparison-table thead th{font-size:13px}}
@media(max-width:1150px){.comparison-container{width:calc(100% - 64px)}.comparison-table th,.comparison-table td{padding-inline:12px;font-size:11px}.comparison-table thead th{font-size:12px}}
@media(max-width:1000px){
 .comparison-scroll{overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#667682 #19262f}
 .comparison-table{min-width:980px}
 .comparison-feature-col{width:164px}
 .comparison-table col:not(:first-child){width:204px}
 .comparison-table th,.comparison-table td{font-size:12px;padding:11px 14px}
 .comparison-table thead th{font-size:12px}
 .comparison-table thead th:first-child{left:0}
 .comparison-table tfoot th{position:sticky;left:0;z-index:1;background:#202f39}
 .comparison-scroll-hint{display:block;font-size:11px;line-height:1.6;color:#a9b6be;margin:0 0 17px}
}
@media(max-width:760px){
 .comparison-section{padding:44px 0 42px}
 .comparison-container{width:calc(100% - 40px)}
 .comparison-heading{margin-bottom:24px;gap:15px}
 .comparison-heading h2{font-size:27px;line-height:1.2}
 .comparison-heading p{font-size:12px;max-width:250px}
 .comparison-year{font-size:10px;padding-top:4px}
 .comparison-scroll-hint{font-size:10px;margin-bottom:14px}
 .comparison-table tfoot strong{font-size:23px}
}
@media(max-width:450px){
 .comparison-container{width:calc(100% - 32px)}
 .comparison-table{min-width:942px}
 .comparison-feature-col{width:150px}
 .comparison-table col:not(:first-child){width:198px}
 .comparison-table tbody th,.comparison-table thead th:first-child,.comparison-table tfoot th{padding-inline:11px}
 .comparison-heading h2{font-size:25px}
}


.comparison-table tr>:not(:first-child){border-left:1px solid #ffffff16}
.comparison-table tbody[hidden]{display:none}
.comparison-frame{border-top:1px solid #ffffff2a;border-bottom:1px solid #ffffff2a}
.comparison-frame .comparison-scroll{border:0}
.comparison-reveal{display:flex;flex-direction:column;align-items:center;gap:11px;padding:22px 20px 20px;background:linear-gradient(180deg,#202f39,#1d2b35);border-top:1px solid #ffffff16}
.comparison-reveal[hidden]{display:none}
.comparison-toggle{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:19px;max-width:100%;padding:8px 9px 8px 24px;border:1px solid #d7e5ee47;border-radius:999px;background:linear-gradient(120deg,#ffffff10,#ffffff04);box-shadow:inset 0 1px 0 #ffffff12,0 3px 12px #08131b25;color:#edf1ef;font:500 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:.015em;cursor:pointer;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s,border-color .35s,box-shadow .35s}
.comparison-toggle::before{content:"";position:absolute;inset:-50% -65%;z-index:-1;background:linear-gradient(110deg,transparent 35%,#e6f2ff15 50%,transparent 65%);transform:translateX(-75%);transition:transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.comparison-toggle-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#d7e5ee12;color:#e4edf4;transition:transform .45s cubic-bezier(.2,.7,.2,1),background .35s}
.comparison-toggle-icon svg{width:20px;height:20px}
.comparison-toggle[aria-expanded="true"] .comparison-toggle-icon{transform:rotate(180deg)}
.comparison-toggle:focus-visible{outline:2px solid #dce6edaa;outline-offset:4px}
.comparison-reveal-note{font-size:10px;line-height:1.5;letter-spacing:.025em;color:#a8b8c4}
@media(hover:hover) and (pointer:fine){
 .comparison-toggle:hover{transform:translateY(-2px) scale(1.035);border-color:#d7e5ee99;background:linear-gradient(120deg,#cbe2f026,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff25,0 5px 25px #badcf018,0 8px 24px #07121c35}
 .comparison-toggle:hover::before{transform:translateX(75%)}
 .comparison-toggle:hover .comparison-toggle-icon{background:#d7e5ee2c}
}
.comparison-toggle:active{transform:scale(.985)}
@media(max-width:450px){.comparison-reveal{padding:18px 10px 17px;gap:9px}.comparison-toggle{font-size:11px;gap:13px;padding-left:19px}.comparison-toggle-icon{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.comparison-toggle,.comparison-toggle::before,.comparison-toggle-icon{transition:none}.comparison-toggle:hover,.comparison-toggle:active{transform:none}}

/* The PDF download belongs to the comparison header and remains visible when collapsed. */
.comparison-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;padding-top:5px}
.comparison-heading-actions .comparison-year{padding:0}
.comparison-download{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:15px;max-width:100%;padding:7px 8px 7px 21px;min-height:48px;border:1px solid #d7e5ee47;border-radius:999px;background:linear-gradient(120deg,#ffffff10,#ffffff04);box-shadow:inset 0 1px 0 #ffffff12,0 3px 12px #08131b25;color:#edf1ef;text-decoration:none;font:500 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:.015em;white-space:nowrap;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s,border-color .35s,box-shadow .35s}
.comparison-download::before{content:"";position:absolute;inset:-50% -65%;z-index:-1;background:linear-gradient(110deg,transparent 35%,#e6f2ff15 50%,transparent 65%);transform:translateX(-75%);transition:transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.comparison-download-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#d7e5ee12;color:#e4edf4;transition:background .35s}
.comparison-download-icon svg{width:20px;height:20px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.comparison-download:focus-visible{outline:2px solid #dce6edaa;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.comparison-download:hover{transform:translateY(-2px) scale(1.035);border-color:#d7e5ee99;background:linear-gradient(120deg,#cbe2f026,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff25,0 5px 25px #badcf018,0 8px 24px #07121c35}.comparison-download:hover::before{transform:translateX(75%)}.comparison-download:hover .comparison-download-icon{background:#d7e5ee2c}.comparison-download:hover svg{transform:translateY(2px)}}
.comparison-download:active{transform:scale(.985)}
@media(max-width:760px){.comparison-heading{flex-wrap:wrap;gap:18px}.comparison-heading>div:first-child{flex-basis:100%}.comparison-heading-actions{width:100%;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:15px;padding-top:0}.comparison-download{font-size:11px;gap:14px;min-height:46px;padding-left:19px}}
@media(prefers-reduced-motion:reduce){.comparison-download,.comparison-download::before,.comparison-download-icon,.comparison-download-icon svg{transition:none}.comparison-download:hover,.comparison-download:active,.comparison-download:hover svg{transform:none}}