.compare-page{background:radial-gradient(circle at 0 15%,#7f27d333,#0000 26%),radial-gradient(circle at 100% 26%,#6828cb2b,#0000 28%),#0e0c0e;min-height:100vh;padding:55px 0 90px}.compare-hero{text-align:center;width:min(100% - 32px,850px);margin:auto}.compare-hero>span{color:var(--accent);font-size:12px;font-weight:700}.compare-hero h1{margin:7px auto 10px;font-size:clamp(35px,5vw,55px)}.compare-hero p{color:#b8afb7;max-width:700px;margin:auto;line-height:1.9}.compare-tabs{background:#171317;border:1px solid #373036;border-radius:999px;gap:5px;width:max-content;margin:30px auto;padding:5px;display:flex}.compare-hero .compare-method{margin-top:12px;font-size:12px}.compare-method a{color:var(--accent)}.compare-toolbar h2{font:inherit;margin:0;font-weight:700}.compare-tabs button{color:#aaa1a8;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:160px;min-height:44px;font-weight:700}.compare-tabs button.active{color:#fff;background:linear-gradient(105deg,#e64db8,#a653ef);box-shadow:0 8px 22px #a342dd40}.compare-panel{width:min(100% - 32px,1540px);margin:auto}.compare-toolbar,.manual-builder{background:#161216eb;border:1px solid #373136;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-height:72px;margin-bottom:13px;padding:13px 17px;display:flex}.compare-toolbar>div,.manual-add-control{align-items:center;gap:10px;display:flex}.compare-toolbar strong,.compare-toolbar span{display:block}.compare-toolbar span{color:var(--accent);font-size:11px}.compare-toolbar select,.manual-add-control select{color:#fff;background:#100e10;border:1px solid #3b343a;border-radius:999px;min-width:190px;min-height:40px;padding:0 13px}.compare-search{background:#100e10;border:1px solid #3b3439;border-radius:999px;align-items:center;gap:7px;width:230px;height:40px;padding:0 13px;display:flex}.compare-search svg{color:#8d848c;width:15px}.compare-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.comparison-table-wrap{scrollbar-width:thin;scrollbar-color:var(--accent) #171317;background:#121012;border:1px solid #3a3338;border-radius:15px;max-height:72vh;overflow:auto}.comparison-matrix{border-collapse:separate;border-spacing:0;direction:rtl;width:max-content;min-width:100%}.comparison-matrix th,.comparison-matrix td{text-align:center;vertical-align:middle;border-bottom:1px solid #332d31;border-left:1px solid #3a3338;width:210px;min-width:210px;padding:12px 14px}.comparison-matrix th:first-child,.comparison-matrix td:first-child{width:170px;min-width:170px}.comparison-matrix thead th{z-index:8;background:linear-gradient(155deg,#701052,#4b124f 58%,#351344);height:138px;position:sticky;top:0}.comparison-matrix thead .feature-heading{z-index:12;background:linear-gradient(145deg,#e551b7,#9b4ce9);font-size:15px;right:0}.comparison-matrix tbody th{z-index:5;text-align:right;background:#201820;position:sticky;right:0}.comparison-matrix tbody tr:nth-child(2n) td{background:#171417}.comparison-matrix tbody tr:nth-child(odd) td{background:#121012}.comparison-matrix tr.starts-group>*{border-top:2px solid color-mix(in oklch, var(--accent-2) 55%, #373136)}.comparison-matrix tbody th small,.comparison-matrix tbody th span{display:block}.comparison-matrix tbody th small{color:var(--accent);margin-bottom:4px;font-size:9px}.comparison-matrix tbody th span{font-size:12px}.compare-firm-heading{justify-items:center;gap:5px;display:grid}.compare-firm-heading img{object-fit:contain;background:#0e0c0e;border:1px solid #ffffff2e;border-radius:50%;width:58px;height:58px;padding:5px}.compare-firm-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:175px;font-size:13px;overflow:hidden}.compare-plan-name{color:#f2bddf;font-size:10px;font-weight:700}.compare-verified-date{color:#aaa0a8;font-size:9px;font-weight:400}.compare-firm-heading span{color:#ed54bd;font-size:9px}.comparison-value{color:#ddd6dc;justify-content:center;align-items:center;gap:5px;font-size:11px;line-height:1.7;display:inline-flex}.comparison-value.positive{color:#66daa9}.comparison-value svg{flex:none;width:13px}.manual-builder h2{margin:0;font-size:19px}.manual-builder p{color:#9f969d;margin:3px 0 0;font-size:12px}.manual-add-control button{color:#fff;cursor:pointer;background:linear-gradient(105deg,#e94fb6,#a44fee);border:0;border-radius:999px;align-items:center;gap:6px;min-height:42px;padding:8px 15px;font-weight:700;display:inline-flex}.manual-add-control button:disabled{opacity:.45}.manual-add-control svg{width:16px}.selected-firms{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px;display:grid}.selected-firms>div{background:#171417;border:1px solid #3b3439;border-radius:12px;align-items:center;gap:9px;min-height:58px;padding:8px 11px;display:flex}.selected-firms img{object-fit:contain;border-radius:8px;width:39px;height:39px}.selected-firms span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.selected-firms button{color:#a69ca4;background:0 0;border:0;place-items:center;margin-right:auto;display:grid}.selected-firms button svg{width:15px}.selected-firms .empty-slot{color:#777077;border-style:dashed;justify-content:center}.empty-slot svg{width:15px}.compare-empty{color:#999098;border:1px dashed #3a3338;border-radius:15px;place-content:center;justify-items:center;min-height:320px;display:grid}.compare-empty svg{width:35px;height:35px;color:var(--accent)}.compare-empty h2{color:#fff;margin:12px 0 3px}.compare-empty p{margin:0}@media (max-width:820px){.compare-page{padding-top:38px}.compare-tabs{width:min(100% - 32px,440px)}.compare-tabs button{flex:1;min-width:0}.compare-toolbar,.manual-builder{display:grid}.compare-toolbar>div,.manual-add-control{width:100%}.compare-search{flex:1}.selected-firms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.comparison-matrix th,.comparison-matrix td{width:180px;min-width:180px;padding:10px 9px}.comparison-matrix th:first-child,.comparison-matrix td:first-child{width:132px;min-width:132px}.comparison-matrix thead th{height:116px}.compare-firm-heading img{width:46px;height:46px}.compare-toolbar>div:last-child,.manual-add-control{display:grid}.compare-toolbar select,.manual-add-control select,.compare-toolbar [data-ui=select],.manual-add-control [data-ui=select],.compare-search{width:100%;min-width:0}.selected-firms{grid-template-columns:1fr}}