.compare-page{--compare-ink:#302942;--compare-muted:#655e75;--compare-line:#e2ddeb;color:var(--compare-ink);font-size:14px;max-width:1280px;margin:auto}.compare-page button,.compare-page select{font:inherit}.compare-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.compare-heading p{color:var(--compare-muted);margin-top:8px;font-size:14px}.compare-heading .eyebrow{font-size:11px}.compare-picker,.compare-result,.compare-owned{border:1px solid var(--compare-line);border-radius:18px;background:#fff;padding:28px;margin-top:22px}.compare-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.compare-section-head>div{display:flex;align-items:center;gap:10px}.compare-section-head h2{font-size:19px}.compare-section-head h2>span{font-size:14px;color:#6950b9;vertical-align:middle;margin-left:6px}.compare-section-head>p{color:var(--compare-muted);font-size:12px}.compare-step{display:grid;place-items:center;border-radius:10px;background:#f0ecfb;color:#6349b8;font-size:12px;font-weight:800;width:31px;height:31px}.compare-groups{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #eee9f4;padding-bottom:19px;margin-bottom:24px}.compare-groups button{padding:10px 15px;border-radius:22px;font-size:13px;background:#f6f4f9;border:1px solid transparent;color:#625a70}.compare-groups button[aria-pressed=true]{background:#eee8fc;border-color:#baa6ed;color:#573f9b;font-weight:700}.compare-selection{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr);gap:32px}.compare-controls{display:grid;align-content:start;gap:18px}.compare-controls label{display:grid;gap:8px;font-size:13px;font-weight:600}.compare-controls select{width:100%;min-width:0;padding:12px;border:1px solid #cfc5de;border-radius:9px;background:#fff;color:#352b43;font-size:14px;min-height:47px}.compare-config-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-hint{color:var(--compare-muted);font-size:12px;line-height:1.8;margin-top:16px}.compare-controls>.compare-hint{margin-top:0}.compare-preview{display:grid;grid-template-columns:minmax(135px,.8fr) minmax(0,1fr);align-items:center;gap:24px;background:#faf8fe;border:1px solid #ede7f5;border-radius:14px;padding:22px}.compare-image{display:grid;place-items:center;min-width:0;min-height:140px;background:#fff;border-radius:10px;overflow:hidden}.compare-image img{display:block;width:100%;height:195px;object-fit:contain;padding:10px}.compare-image.is-missing{background:#f4f1f7;border:1px dashed #c9bfd7;padding:12px;color:#7a6e89;font-size:12px;text-align:center}.compare-tag{display:inline-block;border-radius:5px;background:#eee8f9;color:#604890;font-size:11px;font-weight:600;padding:3px 7px;margin-bottom:7px}.compare-tag.owned{background:#eaf4ef;color:#2a6952}.compare-preview h3{font-size:16px;line-height:1.55}.compare-config-title{display:block;font-size:22px;line-height:1.4;margin-top:8px;letter-spacing:-.6px}.compare-model{font-size:12px;color:#6d627c;margin-top:5px}.compare-preview dl{display:grid;grid-template-columns:65px minmax(0,1fr);gap:7px;margin:16px 0;font-size:12px;line-height:1.7}.compare-preview dt{color:#6f647c}.compare-preview dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.compare-preview .button{width:100%;font-size:13px}.compare-missing{color:#89764d}.compare-owned{margin-top:0;padding:22px 26px}.compare-owned-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:290px;overflow:auto}.compare-owned-list article{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #e4dfeb;border-radius:10px;padding:15px}.compare-owned-list strong{font-size:14px}.compare-owned-list p{color:#665a73;font-size:12px;margin-top:4px}.compare-owned-list small{display:block;font-size:11px;color:#6a6275;margin-top:5px}.compare-owned-list .button{flex-shrink:0;padding:9px 12px;font-size:12px}.compare-owned-empty{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;background:#f0ecf8;border-radius:12px;padding:18px 22px}.compare-owned-empty strong{font-size:14px}.compare-owned-empty p{color:#655972;font-size:12px;grid-column:1}.compare-owned-empty .button{grid-column:2;grid-row:1/3;min-height:39px;font-size:12px}.compare-status{font-size:13px;color:#5e489b;min-height:21px;margin:14px 4px -5px}.compare-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-slot{position:relative;border:1px solid #d6cbea;border-radius:12px;padding:17px;display:flex;align-items:center;gap:14px;min-height:155px}.compare-slot>.compare-image{width:85px;flex-shrink:0;min-height:85px}.compare-slot>.compare-image img{height:100px;padding:4px}.compare-slot>.compare-image.is-missing{font-size:10px}.compare-slot strong{display:block;font-size:13px;padding-right:10px;line-height:1.6}.compare-slot p{font-size:13px;margin-top:4px;line-height:1.5}.compare-slot small{display:block;font-size:10px;color:#675c77;margin-top:5px;overflow-wrap:anywhere}.compare-slot.is-empty{justify-content:center;flex-direction:column;gap:7px;background:#fbfafc;border-style:dashed;border-color:#dcd5e6;color:#8b8297}.compare-slot.is-empty>span{font-size:25px;line-height:1}.compare-slot.is-empty p{font-size:12px}.compare-remove{position:absolute;top:5px;right:6px;width:30px;height:30px;font-size:23px;line-height:1;border-radius:50%;color:#817489}.compare-remove:hover{background:#f1eafa}.compare-clear{font-size:12px;text-decoration:underline;color:#6b5b83;padding:7px}.compare-result-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:25px 0 12px}.compare-result-tools>p{font-size:12px;color:#6e627e}.compare-result-tools label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px}.compare-result-tools input{accent-color:#7255b7;width:16px;height:16px}.compare-table-scroll{overflow-x:auto;border:1px solid var(--compare-line);border-radius:12px;scrollbar-color:#c0b4d1 #f5f2f8}.compare-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:13px;min-width:580px}.compare-table th,.compare-table td{padding:15px 17px;border-right:1px solid #e8e3ed;border-bottom:1px solid #e8e3ed;text-align:left;vertical-align:top;white-space:pre-line;overflow-wrap:anywhere;line-height:1.8}.compare-table tr>:last-child{border-right:0}.compare-table tr:last-child>*{border-bottom:0}.compare-table thead th{background:#f7f4fb;font-weight:600}.compare-table thead th:first-child{width:150px}.compare-table th strong{display:block;font-size:13px}.compare-table th small,.compare-table td>small{display:block;font-size:11px;font-weight:400;color:#756880;margin-top:5px}.compare-table tbody th{font-weight:500;background:#fff}.compare-table .compare-table-section th{background:#f6f3fa;color:#594d69;font-size:12px;font-weight:700;padding:9px 17px}.compare-different td{background:#fdfaff}.compare-diff-mark{display:inline-block;width:6px;height:6px;background:#9b7fca;border-radius:50%;margin-left:7px;vertical-align:middle}.compare-features summary{cursor:pointer;color:#66498f;font-size:12px}.compare-features p{white-space:pre-line;font-size:12px;margin-top:10px;line-height:1.85}.compare-empty{text-align:center;font-size:13px;color:#756881;padding:25px 10px 4px}.compare-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1100px){.compare-selection{gap:20px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)}.compare-preview{grid-template-columns:120px minmax(0,1fr);padding:16px;gap:15px}.compare-preview .compare-image img{height:170px}.compare-slot{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.compare-slot>.compare-image{align-self:center;width:100%}.compare-slot.is-empty{align-items:center}.compare-owned-list{grid-template-columns:1fr}.compare-section-head>p{max-width:280px}}
@media(max-width:760px){.compare-heading{align-items:flex-start;margin-bottom:20px}.compare-heading h1{font-size:26px}.compare-heading p{font-size:13px}.compare-heading .text-link{white-space:nowrap;font-size:11px;margin-top:7px}.compare-picker,.compare-result,.compare-owned{padding:18px 15px;border-radius:14px;margin-top:17px}.compare-section-head{align-items:flex-start;gap:8px;flex-wrap:wrap;margin-bottom:16px}.compare-section-head h2{font-size:17px}.compare-section-head>p{max-width:none;font-size:12px;flex-basis:100%}.compare-selection{grid-template-columns:1fr;gap:16px}.compare-groups{flex-wrap:nowrap;overflow-x:auto;margin:0 -2px 18px;padding:0 2px 13px}.compare-groups button{white-space:nowrap;padding:8px 13px;font-size:12px}.compare-preview{grid-template-columns:120px minmax(0,1fr);padding:16px 12px;gap:13px}.compare-preview h3{font-size:15px}.compare-config-title{font-size:21px}.compare-preview dl{font-size:11px;grid-template-columns:56px minmax(0,1fr)}.compare-preview .compare-image img{height:170px}.compare-preview .button{padding:10px 8px;font-size:12px}.compare-slots{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.compare-slot{padding:10px 8px;min-height:160px}.compare-slot>.compare-image{min-height:70px}.compare-slot>.compare-image img{height:85px}.compare-slot>.compare-image.is-missing{font-size:9px;padding:5px}.compare-slot strong{font-size:11px;padding-right:0}.compare-slot p{font-size:11px}.compare-slot small{font-size:9px;line-height:1.6}.compare-slot .compare-tag{font-size:9px;padding:2px 5px;margin-bottom:5px}.compare-slot.is-empty p{text-align:center;font-size:10px}.compare-remove{background:#fff;width:24px;height:24px;top:2px;right:2px;font-size:20px}.compare-result-tools{align-items:flex-start;flex-direction:column;gap:10px;margin-top:18px}.compare-result-tools>p{font-size:11px}.compare-table{min-width:570px;font-size:12px}.compare-table th,.compare-table td{padding:12px}.compare-table thead th:first-child{width:115px}.compare-table thead th:first-child,.compare-table tbody tr:not(.compare-table-section)>th{position:sticky;left:0;z-index:1;box-shadow:1px 0 #e8e3ed}.compare-table .compare-table-section th{padding:8px 12px}.compare-table th strong{font-size:12px}.compare-table th small{font-size:10px}.compare-owned-empty{padding:15px;gap:7px 10px}.compare-owned-empty .button{padding:9px 11px;font-size:11px}.compare-owned-empty p{font-size:11px}.compare-owned-list article{padding:12px}.compare-owned-list strong{font-size:13px}.compare-hint{font-size:11px}}
@media(max-width:390px){.compare-preview{grid-template-columns:92px minmax(0,1fr)}.compare-preview .compare-image img{height:145px}.compare-config-pair{gap:8px}.compare-controls label{font-size:12px}.compare-slots{gap:5px}.compare-slot{padding:9px 6px}.compare-heading .text-link{display:none}}
.compare-tryout{display:flex;justify-content:space-between;gap:24px;padding:23px 26px;border:1px solid #e1d8f1;background:linear-gradient(115deg,#f3eefb,#faf8fe)}
.compare-tryout strong,.compare-demo-notice strong{display:block;font-size:16px;line-height:1.6}
.compare-tryout p,.compare-demo-notice p{font-size:12px;line-height:1.8;margin:6px 0 0;color:#675b76}
.compare-tryout-actions{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}
.compare-tryout-actions .button{min-height:43px;font-size:13px}.compare-tryout-actions .text-link{font-size:12px}
.compare-demo-notice{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;border:1px solid #dccdec;border-radius:14px;background:#f7f2fc;margin-bottom:17px}
.compare-demo-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;max-width:360px}
.compare-demo-actions .button{font-size:12px;padding:10px 12px}.compare-demo-actions .text-link{padding:6px 9px;font-size:12px}
.compare-owned-list .compare-image{width:68px;min-height:80px;flex:0 0 68px}
.compare-owned-list .compare-image img{height:80px;padding:4px}
.compare-owned-description{flex:1;min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.compare-tryout,.compare-demo-notice{flex-direction:column;align-items:stretch;gap:16px;padding:19px}.compare-tryout-actions{align-items:stretch;text-align:center}.compare-demo-actions{justify-content:flex-start;max-width:none}.compare-tryout strong,.compare-demo-notice strong{font-size:15px}.compare-owned-list .compare-image{width:54px;flex-basis:54px;min-height:68px}.compare-owned-list .compare-image img{height:68px}.compare-owned-list article{gap:10px}}