.quality{text-align:center}.quality>p{margin-bottom:34px;color:var(--muted)}.comparison{width:min(620px,100%);margin:0 auto 31px}.comparison-stage{height:465px;position:relative;display:grid;place-items:center;perspective:1200px}.video-card{position:absolute;width:238px;aspect-ratio:9/16;overflow:hidden;padding:0;border:1px solid rgba(205,172,255,.38);border-radius:13px;background:radial-gradient(circle at 50% 24%,#7340b8,#160d2f 46%,#090713);box-shadow:0 24px 70px rgba(0,0,0,.42);cursor:pointer;transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .45s ease,filter .45s ease,border-color .3s ease}.video-card video{display:block;width:100%;height:100%;object-fit:cover;background:#120b22}.video-card span{position:absolute;z-index:2;top:13px;left:13px;padding:5px 9px;border-radius:20px;background:rgba(10,6,22,.78);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em}.video-card i{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:51px;height:51px;border:1px solid #f0e6ff;border-radius:50%;background:rgba(143,84,230,.85);color:#fff;font-size:15px;font-style:normal;transform:translate(-50%,-50%);opacity:1;transition:transform .25s ease,background .25s ease,opacity .25s ease}.video-card.active{z-index:2;transform:translateX(-72px) rotateY(0) scale(1);border-color:#d8baff}.video-card:not(.active){z-index:1;opacity:.72;filter:brightness(.68);transform:translateX(112px) scale(.85) rotateY(-18deg)}.video-card:hover i{transform:translate(-50%,-50%) scale(1.1);background:#9f61ee}.video-card.is-playing i{opacity:0}.video-card.is-playing:hover i,.video-card.is-playing:focus-visible i{opacity:1}.comparison-switch{display:inline-flex;padding:4px;border:1px solid rgba(205,172,255,.28);border-radius:7px;background:#0e091b}.comparison-switch button{padding:10px 18px;border:0;border-radius:4px;background:transparent;color:#a99eb9;font:700 11px Inter,Arial,sans-serif;cursor:pointer;transition:background .25s,color .25s}.comparison-switch button.active{background:#7544c9;color:#fff}.comparison[data-active="b"] .video-card[data-video="b"]{z-index:2;transform:translateX(72px) rotateY(0) scale(1);border-color:#d8baff}.comparison[data-active="b"] .video-card[data-video="a"]{z-index:1;opacity:.72;filter:brightness(.68);transform:translateX(-112px) scale(.85) rotateY(18deg)}@media(max-width:600px){.comparison-stage{height:415px}.video-card{width:210px}.video-card.active{transform:translateX(-48px)}.video-card:not(.active){transform:translateX(84px) scale(.8) rotateY(-18deg)}.comparison[data-active="b"] .video-card[data-video="b"]{transform:translateX(48px)}.comparison[data-active="b"] .video-card[data-video="a"]{transform:translateX(-84px) scale(.8) rotateY(18deg)}}