.compare[data-v-fba400ed]{position:relative;overflow:hidden;margin:0;border-radius:12px;background:var(--surface);touch-action:pan-y}.shot[data-v-fba400ed]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.shot--before[data-v-fba400ed]{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.tag[data-v-fba400ed]{position:absolute;top:12px;padding:6px 12px;border-radius:999px;background:#0e0f11cc;color:var(--ink);font-family:var(--font-label);font-size:.8125rem;font-weight:500;pointer-events:none}.tag--before[data-v-fba400ed]{left:12px}.tag--after[data-v-fba400ed]{right:12px}.handle[data-v-fba400ed]{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--accent);pointer-events:none}.handle[data-v-fba400ed]:after{content:"⟷";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:1.25rem;transform:translate(-50%,-50%)}.range[data-v-fba400ed]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare:has(.range:focus-visible) .handle[data-v-fba400ed]:after{outline:3px solid var(--md-focus);outline-offset:3px}.case[data-v-982e6bc7]{display:grid;grid-template-columns:var(--col-start) minmax(0,1fr) var(--margin);padding-bottom:var(--section-gap)}.case[data-v-982e6bc7]>*{grid-column:2}.intro[data-v-982e6bc7]{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:40px clamp(40px,6vw,120px);align-items:end;padding-top:8vh}.back[data-v-982e6bc7]{margin-bottom:24px}.title[data-v-982e6bc7]{font-size:var(--step-head);line-height:1.05}.lede[data-v-982e6bc7]{max-width:720px;margin-top:28px;font-size:var(--step-lead);line-height:1.4}.facts[data-v-982e6bc7]{display:grid;gap:20px;margin:0}.facts dt[data-v-982e6bc7]{font-size:var(--step-small);color:var(--muted)}.facts dd[data-v-982e6bc7]{margin:4px 0 0}.facts .text-link[data-v-982e6bc7]{min-height:0;font-size:inherit}.compare-block[data-v-982e6bc7]{margin-top:clamp(48px,6vw,80px)}.compare-block .block-title[data-v-982e6bc7]{font-size:var(--step-lead)}.block[data-v-982e6bc7]{margin-top:clamp(80px,9vw,128px)}.block-title[data-v-982e6bc7]{font-size:var(--step-sub);line-height:1.15}.hint[data-v-982e6bc7]{margin-top:12px;color:var(--muted)}.screens[data-v-982e6bc7]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:clamp(24px,3vw,48px);align-items:start;margin-top:32px}.phones[data-v-982e6bc7]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.phone[data-v-982e6bc7]{position:relative}.phone img[data-v-982e6bc7]{width:100%;height:auto;border-radius:12px;background:var(--surface)}.phone-tag[data-v-982e6bc7]{display:block;margin-top:8px;font-size:var(--step-small);color:var(--muted)}.phone-caption[data-v-982e6bc7]{grid-column:1 / -1;font-size:var(--step-small);color:var(--muted)}.text-block[data-v-982e6bc7]{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px clamp(32px,5vw,96px)}.body[data-v-982e6bc7]{display:grid;gap:20px;max-width:640px;font-size:var(--step-body);line-height:1.6}.body .text-link[data-v-982e6bc7]{justify-self:start}.changes[data-v-982e6bc7]{width:100%;margin-top:32px;border-collapse:collapse;font-size:var(--step-body);line-height:1.5}.changes th[data-v-982e6bc7],.changes td[data-v-982e6bc7]{padding:20px 24px 20px 0;border-top:1px solid var(--surface-2);text-align:left;vertical-align:top}.changes thead th[data-v-982e6bc7]{border-top:0;font-size:var(--step-small);font-weight:400;color:var(--muted)}.changes thead td[data-v-982e6bc7]{border-top:0}.changes tbody th[data-v-982e6bc7]{width:16%;font-weight:600}.changes .was[data-v-982e6bc7]{width:36%;color:var(--muted)}.changes .now[data-v-982e6bc7]:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--accent);vertical-align:.15em}.method-figure[data-v-982e6bc7]{grid-column:1 / -1;margin:24px 0 0}.method-figure img[data-v-982e6bc7]{width:100%;height:auto;min-height:140px;object-fit:cover;border-radius:12px;background:var(--surface)}.method-figure figcaption[data-v-982e6bc7]{margin-top:12px;font-size:var(--step-small);color:var(--muted)}.outro[data-v-982e6bc7]{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(56px,6vw,88px)}@media (max-width: 1100px){.screens[data-v-982e6bc7],.text-block[data-v-982e6bc7]{grid-template-columns:1fr}.phones[data-v-982e6bc7]{max-width:520px}}@media (max-width: 860px){.case[data-v-982e6bc7]{grid-template-columns:var(--margin) minmax(0,1fr) var(--margin)}.intro[data-v-982e6bc7]{grid-template-columns:1fr}.facts[data-v-982e6bc7]{grid-template-columns:1fr 1fr}.changes thead[data-v-982e6bc7]{display:none}.changes[data-v-982e6bc7],.changes tbody[data-v-982e6bc7],.changes tr[data-v-982e6bc7],.changes th[data-v-982e6bc7],.changes td[data-v-982e6bc7]{display:block;width:auto}.changes tbody th[data-v-982e6bc7],.changes .was[data-v-982e6bc7]{width:auto}.changes tr[data-v-982e6bc7]{padding:20px 0;border-top:1px solid var(--surface-2)}.changes th[data-v-982e6bc7],.changes td[data-v-982e6bc7]{padding:0;border:0}.changes td[data-v-982e6bc7]{margin-top:12px}.changes .was[data-v-982e6bc7]:before,.changes .now[data-v-982e6bc7]:before{content:attr(data-label);display:block;margin:0 0 4px;width:auto;height:auto;border-radius:0;background:none;font-size:var(--step-small);color:var(--muted)}}
