:root{--compare-accent:#6752e8;--compare-tint:#f1edff}
body.compare-page{background:#fff;color:#20232c}
.compare-hero{position:relative;overflow:hidden;padding:116px 0 74px;background:radial-gradient(circle at 82% 9%,var(--compare-tint),transparent 39%),linear-gradient(180deg,#fff 0%,#fafbff 100%)}
.compare-hero:after{content:"";position:absolute;right:-160px;bottom:-220px;width:520px;height:520px;border-radius:50%;border:92px solid color-mix(in srgb,var(--compare-accent) 8%,transparent);pointer-events:none}
.compare-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,.72fr);gap:70px;align-items:center}
.compare-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;color:#778091}
.compare-breadcrumbs a{color:inherit;text-decoration:none}.compare-breadcrumbs a:hover{color:var(--compare-accent)}
.compare-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--compare-accent) 18%,#e4e7ec);border-radius:999px;background:rgba(255,255,255,.78);font-size:12px;font-weight:800;color:var(--compare-accent)}
.compare-hero h1{max-width:760px;margin:22px 0 0;font:800 clamp(42px,5.3vw,72px)/.98 "Manrope",sans-serif;letter-spacing:-.058em}
.compare-hero h1 span{color:var(--compare-accent)}
.compare-hero__lead{max-width:760px;margin:25px 0 0;font-size:18px;line-height:1.72;color:#5f6775}
.compare-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}
.compare-source{display:flex;align-items:center;gap:7px;margin-top:18px;font-size:12px;color:#8b93a2}
.compare-source a{font-weight:700;color:#697283;text-underline-offset:3px}
.compare-card{position:relative;padding:26px;border:1px solid rgba(222,225,234,.88);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 28px 80px rgba(31,38,61,.12);backdrop-filter:blur(14px)}
.compare-card__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid #eceef3}
.compare-card__brand{display:flex;align-items:center;gap:12px}.compare-card__logo{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:var(--compare-tint);font:800 18px/1 "Manrope",sans-serif;color:var(--compare-accent)}
.compare-card__brand b{display:block;font:800 16px/1.2 "Manrope",sans-serif}.compare-card__brand small{display:block;margin-top:5px;font-size:11px;color:#858d9c}
.compare-card__vs{font:800 11px/1 "Manrope",sans-serif;color:#a1a7b3}
.compare-mini{display:grid;gap:10px;margin-top:20px}.compare-mini__row{display:grid;grid-template-columns:110px 1fr 1fr;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #f0f1f4;font-size:11.5px;line-height:1.45}.compare-mini__row:last-child{border:0}.compare-mini__row span{color:#8a92a0}.compare-mini__row b{font-weight:750}.compare-mini__row b:last-child{color:var(--compare-accent)}
.compare-card__verdict{display:flex;gap:10px;padding:14px 15px;border-radius:15px;background:var(--compare-tint);font-size:11.5px;line-height:1.5;color:#4d5564}.compare-card__verdict iconify-icon{flex:0 0 auto;margin-top:1px;color:var(--compare-accent)}
.compare-nav{position:sticky;z-index:15;top:68px;border-block:1px solid #e9ebf0;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}
.compare-nav__in{display:flex;align-items:center;gap:28px;min-height:58px}.compare-nav a{font-size:13px;font-weight:700;color:#687180;text-decoration:none}.compare-nav a:hover{color:var(--compare-accent)}.compare-nav .btn{margin-left:auto;color:#fff}
.compare-band{padding:92px 0}.compare-band--tint{background:#f7f8fb}.compare-head{max-width:780px;margin-bottom:42px}.compare-head--center{margin-inline:auto;text-align:center}.compare-kicker{display:block;margin-bottom:13px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--compare-accent)}
.compare-head h2{margin:0;font:800 clamp(32px,4vw,50px)/1.05 "Manrope",sans-serif;letter-spacing:-.045em}.compare-head p{margin:17px 0 0;font-size:17px;line-height:1.7;color:#687180}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{padding:30px;border:1px solid #e4e7ed;border-radius:24px;background:#fff}.choice--primary{border-color:color-mix(in srgb,var(--compare-accent) 25%,#e4e7ed);background:linear-gradient(145deg,#fff,var(--compare-tint))}.choice__eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#7d8594}.choice__eyebrow i{width:9px;height:9px;border-radius:50%;background:#aab0bb}.choice--primary .choice__eyebrow i{background:var(--compare-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--compare-accent) 12%,transparent)}.choice h3{margin:20px 0 11px;font:800 24px/1.1 "Manrope",sans-serif;letter-spacing:-.035em}.choice p{margin:0;font-size:15px;line-height:1.68;color:#687180}
.compare-table-wrap{overflow:hidden;border:1px solid #e2e5eb;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(31,38,61,.06)}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:19px 22px;border-bottom:1px solid #eceef2;text-align:left;vertical-align:top}.compare-table tr:last-child td{border-bottom:0}.compare-table th{background:#f5f6f9;font:800 12px/1.2 "Manrope",sans-serif;color:#606877}.compare-table th:first-child,.compare-table td:first-child{width:22%}.compare-table th:nth-child(2){color:var(--compare-accent)}.compare-table td{font-size:14px;line-height:1.55;color:#596271}.compare-table td:first-child{font-weight:800;color:#252a34}
.compare-verdict{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;padding:29px 32px;border-radius:24px;background:#20242e;color:#fff}.compare-verdict__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:var(--compare-accent)}.compare-verdict h3{margin:0;font:800 22px/1.2 "Manrope",sans-serif}.compare-verdict p{margin:10px 0 0;font-size:15px;line-height:1.7;color:#c9ced8}
.compare-faq{display:grid;gap:10px;max-width:900px;margin:auto}.compare-faq details{overflow:hidden;border:1px solid #e3e6ec;border-radius:17px;background:#fff}.compare-faq summary{position:relative;padding:21px 56px 21px 22px;cursor:pointer;list-style:none;font-weight:800}.compare-faq summary::-webkit-details-marker{display:none}.compare-faq summary:after{content:"+";position:absolute;right:21px;top:16px;font:500 26px/1 sans-serif;color:var(--compare-accent)}.compare-faq details[open] summary:after{content:"−"}.compare-faq__answer{padding:0 22px 21px;color:#687180;line-height:1.7}
.compare-related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compare-related a{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #e2e5eb;border-radius:17px;background:#fff;color:#262b35;text-decoration:none;transition:.2s}.compare-related a:hover{border-color:var(--compare-accent);transform:translateY(-2px);box-shadow:0 12px 30px rgba(31,38,61,.08)}.compare-related i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#f1edff;font:800 12px/1 "Manrope",sans-serif;color:#6752e8}.compare-related b{display:block;font-size:13px}.compare-related span{display:block;margin-top:3px;font-size:11px;color:#8a91a0}
.compare-final{padding:54px;border-radius:30px;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--compare-accent) 34%,transparent),transparent 43%),#20242e;color:#fff}.compare-final h2{max-width:720px;margin:0;font:800 clamp(34px,4vw,52px)/1.04 "Manrope",sans-serif;letter-spacing:-.045em}.compare-final p{max-width:700px;margin:16px 0 0;font-size:16px;line-height:1.7;color:#c9ced8}.compare-final__actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.alternatives-hero{padding-bottom:62px}.alternatives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.alternative-card{display:flex;min-height:230px;flex-direction:column;padding:25px;border:1px solid #e2e5eb;border-radius:22px;background:#fff;color:#252a34;text-decoration:none;transition:.22s}.alternative-card:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 18px 50px rgba(31,38,61,.1)}.alternative-card__top{display:flex;align-items:center;justify-content:space-between}.alternative-card__mark{display:grid;width:45px;height:45px;place-items:center;border-radius:14px;background:var(--card-tint);font:800 15px/1 "Manrope",sans-serif;color:var(--card-accent)}.alternative-card__arrow{color:#a2a8b4}.alternative-card h2{margin:22px 0 8px;font:800 22px/1.1 "Manrope",sans-serif}.alternative-card p{margin:0;font-size:13.5px;line-height:1.62;color:#697180}.alternative-card span{margin-top:auto;padding-top:20px;font-size:12px;font-weight:800;color:var(--card-accent)}
@media(max-width:980px){.compare-hero__grid{grid-template-columns:1fr}.compare-card{max-width:720px}.alternatives-grid{grid-template-columns:repeat(2,1fr)}.compare-related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.compare-hero{padding:94px 0 52px}.compare-hero__grid{gap:40px}.compare-hero h1{font-size:42px}.compare-hero__lead{font-size:16px}.compare-card{padding:18px;border-radius:21px}.compare-mini__row{grid-template-columns:85px 1fr 1fr}.compare-nav{top:61px;overflow-x:auto}.compare-nav__in{min-width:max-content;gap:20px}.compare-nav .btn{display:none}.compare-band{padding:68px 0}.choice-grid,.alternatives-grid,.compare-related{grid-template-columns:1fr}.compare-table-wrap{overflow-x:auto}.compare-table{min-width:680px}.compare-verdict{grid-template-columns:1fr}.compare-final{padding:36px 25px}.compare-card__brand small{max-width:150px}}