.scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-compare{min-height:0}@media (width>=900px){.hero-compare{height:auto;min-height:680px}}.hero-compare .hero-inner{padding-bottom:72px}.hero-compare h1{max-width:640px}.hero-compare h1 .vs{color:var(--muted);-webkit-text-fill-color:var(--muted);font-weight:400}.hero-compare .lead{max-width:560px}.hero-compare .scene-room{height:clamp(300px,80vw,380px);display:block}@media (width>=900px){.hero-compare .scene-room{display:none}}.hero-compare .hero-shade{background:linear-gradient(90deg,#000000b3 0%,#00000059 40%,#0000 56%)}@media (width<=899px){.hero-compare .hero-shade{background:linear-gradient(#0009 0%,#0000004d 50%,#0000 64%)}}.hero-compare .scene{mask-image:linear-gradient(#000 84%,#0000)}.hero-compare .scene[data-state=off]{background:linear-gradient(115deg,#0000 62%,oklch(49.62% .2174 283.61/.35) 72%,#0000 82%)}.cmp-scroll{overflow-x:auto}.cmp-prod{align-items:center;gap:10px;display:inline-flex}.cmp-prod img{width:20px;height:20px}.cmp-prod .cmp-mark-p{width:26px;height:auto}.cmp-cell{gap:4px;display:grid}.cmp-markline{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.cmp-markline svg{flex:none;width:16px;height:16px}.cmp-yes svg,.cmp-paid svg{color:var(--accent)}.cmp-partial svg,.cmp-addon svg{color:oklch(82% .12 80)}.cmp-no svg{color:#fff6}.cmp-note{color:var(--muted);font-size:14px;line-height:20px}.competitor-mark__plate{background:#f4f4f6;border-radius:6px;place-items:center;padding:3px;display:inline-grid}.pcards{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}}.pcard{isolation:isolate;clip-path:inset(-1px -1px -4px round 25px);grid-row:span var(--rows,5);grid-template-rows:subgrid;border:1px solid var(--line);transition:transform .5s var(--ease), border-color .3s var(--ease);background:#0b0b0d;border-radius:24px;row-gap:0;padding:32px 24px;display:grid;position:relative}@media (width>=1100px){.pcard{padding:32px}}.pcard:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0px), #ffffff12, transparent 45%);opacity:0;transition:opacity .3s var(--ease);position:absolute;inset:0}.pcard:hover:before{opacity:1}.pcard:hover{border-color:var(--line-2);transform:translateY(-2px)}.pcard-us{background:#0d0b14;border-color:oklch(62% .17 285/.7)}.pcard-us:hover{border-color:oklch(70% .16 287)}.pcard-us:after{content:"";z-index:-2;background:var(--violet);filter:blur(72px);opacity:.36;pointer-events:none;clip-path:inset(71.429% -15.789% -114.286% round 23px);border-radius:50%;height:70%;position:absolute;top:-50%;left:12%;right:12%}.pcard-name{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:20px;font-size:20px;font-weight:600;line-height:28px;display:flex}.pcard-name img{width:auto;height:20px}.pcard-name .competitor-mark__img{width:22px;height:22px}.pcard-name .cmp-atp{width:34px;height:22px}.pblock{border-bottom:1px solid var(--line);align-content:start;gap:4px;padding-block:24px;display:grid}.pblock-label{font:600 13px/16px var(--font);color:var(--muted)}.pblock-amt{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:8px 0 6px;font-size:40px;font-weight:600;line-height:44px}.pblock-desc{color:var(--muted);font-size:14px;line-height:20px}.pcard-foot{grid-row:-2/-1;padding-top:24px}.pcard-actions{flex-wrap:wrap;gap:12px;display:flex}.pcard-fine{color:var(--muted);margin-top:12px;font-size:13px;line-height:20px}.vs-list{border-top:1px solid var(--line);column-gap:48px;margin-top:40px;display:grid}@media (width>=900px){.vs-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.vs-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding-block:18px;display:grid;position:relative}.vs-row:after{content:"";transform-origin:0;height:1px;transition:transform .5s var(--ease);background:linear-gradient(90deg,oklch(62% .25 286/0),oklch(85% .12 290),oklch(62% .25 286/0));position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);box-shadow:0 0 12px 1px oklch(60% .25 286/.7)}.vs-row:hover:after,.vs-row:focus-visible:after{transform:scaleX(1)}.vs-tile{width:36px;height:36px;transition:box-shadow .4s var(--ease);background:#f4f4f6;border-radius:9px;place-items:center;display:grid}.vs-row:hover .vs-tile{box-shadow:0 0 22px -4px oklch(60% .25 286/.8)}.vs-tile img{object-fit:contain;width:22px;height:22px}.vs-name{letter-spacing:-.01em;min-width:0;font-size:18px;font-weight:600;line-height:24px}.vs-p{color:var(--muted);font-weight:400}.vs-row>svg{width:16px;height:16px;color:var(--muted);transition:transform .3s var(--ease), color .3s var(--ease)}.vs-row:hover>svg{transform:translate(2px,-2px)}.cmp-atp,.vs-tile-text{font:700 11px/16px var(--font);letter-spacing:.02em;color:#4b4b57}.cmp-atp{background:#f4f4f6;border-radius:5px;place-items:center;width:30px;height:20px;display:inline-grid}.cmp-all{margin-top:32px}.cmp-small{color:#ffffff80;margin-top:32px;font-size:13px;line-height:20px}.more-cmp+.final-cta{padding-top:32px}.cmpi{padding-top:24px}.cmpi-grid{gap:16px;display:grid}@media (width>=700px){.cmpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.cmpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cmpi-grid>li{min-width:0;display:flex}.cmpi-card{isolation:isolate;border:1px solid var(--line);transition:transform .5s var(--ease), border-color .3s var(--ease);background:#0b0b0d;border-radius:24px;flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;position:relative}.cmpi-card:before{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0px), #ffffff12, transparent 45%);opacity:0;transition:opacity .3s var(--ease);position:absolute;inset:0}.cmpi-card:hover,.cmpi-card:focus-visible{border-color:var(--line-2);transform:translateY(-2px)}.cmpi-card:hover:before{opacity:1}.cmpi-tile{margin-bottom:8px}.cmpi-card h3{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:28px}.cmpi-card p{color:var(--muted);flex:1;font-size:15px;line-height:22px}.cmpi-go{align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:600;display:inline-flex}.cmpi-go svg{width:14px;height:14px;transition:transform .3s var(--ease)}.cmpi-card:hover .cmpi-go svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.pcard,.cmpi-card,.cmpi-go svg,.vs-row:after,.vs-row>svg,.vs-tile{transition:none}}
