.compare-matrix-scroll{position:relative;margin:2rem 0 1.4rem;overflow:hidden;border:1px solid rgba(245,242,236,.14);border-radius:24px;background:#090c12;box-shadow:0 30px 90px rgba(0,0,0,.32)}
.compare-matrix{--cm-accent:#20d5e5;--cm-accent-rgb:32,213,229;display:grid;grid-template-columns:minmax(150px,.72fr) repeat(3,minmax(0,1fr));min-width:0}
.compare-matrix[data-accent="uptempo"]{--cm-accent:#ed2941;--cm-accent-rgb:237,41,65}
.compare-matrix>*{min-width:0;padding:20px 22px;border-right:1px solid rgba(245,242,236,.12);border-bottom:1px solid rgba(245,242,236,.12)}
.compare-matrix>*:nth-child(4n){border-right:0}
.compare-matrix>*:nth-last-child(-n+4){border-bottom:0}
.compare-corner{background:linear-gradient(145deg,#0a0e15,#080b10)}
.compare-provider{min-height:130px;display:flex;flex-direction:column;justify-content:center;background:#0b0f16}
.compare-provider strong{color:#f5f2ec;font-size:clamp(16px,1.45vw,22px);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.compare-provider span{margin-top:8px;color:#aaa8b2;font-size:14px;line-height:1.45}
.compare-provider.is-neroz{position:relative;border-top:2px solid var(--cm-accent);background:radial-gradient(circle at 50% 0,rgba(var(--cm-accent-rgb),.17),transparent 72%),rgba(var(--cm-accent-rgb),.06);box-shadow:inset 1px 0 rgba(var(--cm-accent-rgb),.48),inset -1px 0 rgba(var(--cm-accent-rgb),.48),0 0 45px rgba(var(--cm-accent-rgb),.08)}
.compare-provider.is-neroz strong{color:var(--cm-accent);text-shadow:0 0 24px rgba(var(--cm-accent-rgb),.28)}
.compare-provider.is-harderclass{border-top:2px solid #9c63ff;background:radial-gradient(circle at 50% 0,rgba(134,78,241,.14),transparent 72%),rgba(111,64,205,.04)}
.compare-provider.is-harderclass strong{color:#b784ff}
.compare-provider.is-youtube{border-top:2px solid rgba(245,242,236,.38)}
.compare-feature{display:flex;align-items:center;background:#090d13;color:#f5f2ec;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.compare-value{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.012);color:#c3c0c9;font-size:14px;line-height:1.5}
.compare-value.is-neroz{background:linear-gradient(90deg,rgba(var(--cm-accent-rgb),.095),rgba(var(--cm-accent-rgb),.035));box-shadow:inset 1px 0 rgba(var(--cm-accent-rgb),.48),inset -1px 0 rgba(var(--cm-accent-rgb),.48)}
.compare-value.is-harderclass{background:rgba(116,68,210,.035)}
.compare-check{flex:0 0 auto;color:var(--cm-accent);font-size:20px;font-weight:950;text-shadow:0 0 14px rgba(var(--cm-accent-rgb),.55)}
.compare-action{min-height:82px;display:flex;align-items:center;background:#090d13}
.compare-action.is-neroz{background:rgba(var(--cm-accent-rgb),.07);box-shadow:inset 1px 0 rgba(var(--cm-accent-rgb),.48),inset -1px 0 rgba(var(--cm-accent-rgb),.48),inset 0 -1px var(--cm-accent)}
.compare-action a{width:100%;min-height:48px!important;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--cm-accent)!important;border-radius:12px!important;background:linear-gradient(110deg,rgba(var(--cm-accent-rgb),.94),rgba(var(--cm-accent-rgb),.68))!important;color:#061015!important;box-shadow:0 12px 35px rgba(var(--cm-accent-rgb),.2)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-decoration:none!important;text-transform:uppercase}
.compare-action a:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(var(--cm-accent-rgb),.3)!important}
.compare-matrix-scroll:focus-visible{outline:2px solid var(--cm-accent,#20d5e5);outline-offset:4px}
@media(max-width:760px){.compare-matrix-scroll{margin-inline:-12px;border-radius:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--cm-accent,#20d5e5) #0b0e14}.compare-matrix{grid-template-columns:112px repeat(3,250px);width:862px}.compare-matrix>*{padding:16px 14px}.compare-provider{min-height:120px;scroll-snap-align:start}.compare-provider strong{font-size:15px;line-height:1.25}.compare-provider span,.compare-value{font-size:12px}.compare-feature{position:sticky;z-index:3;left:0;padding-inline:11px;background:#0a0e15;box-shadow:8px 0 20px rgba(0,0,0,.28);font-size:9px}.compare-corner{position:sticky;z-index:4;left:0}.compare-action{min-height:72px}.compare-action a{padding-inline:10px!important}.compare-swipe-hint{display:block!important}}
@media(prefers-reduced-motion:reduce){.compare-action a{transition:none!important}}

@media(max-width:720px){.compare-corner{scroll-snap-align:start}.compare-provider{scroll-margin-left:112px}}