.image-compare[data-v-02c6be5d]{aspect-ratio:16/9;background:#e8eaed;border-radius:8px;overflow:hidden;position:relative;width:100%}.image-compare>img[data-v-02c6be5d],.image-compare__after img[data-v-02c6be5d]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-compare__after[data-v-02c6be5d]{clip-path:inset(0 0 0 var(--split));inset:0;overflow:hidden;position:absolute}.image-label[data-v-02c6be5d]{background:#141618c7;border-radius:4px;color:#fff;font-size:10px;font-weight:800;padding:5px 8px;position:absolute;text-transform:uppercase;top:14px}.image-label--before[data-v-02c6be5d]{left:14px}.image-label--after[data-v-02c6be5d]{right:14px}.image-line[data-v-02c6be5d]{background:#fff;bottom:0;left:var(--split);position:absolute;top:0;transform:translate(-1px);width:2px}.image-line span[data-v-02c6be5d]{background:var(--brand);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 16px #0000002e;color:#fff;display:grid;height:40px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.image-compare input[data-v-02c6be5d]{cursor:ew-resize;height:100%;inset:0;opacity:0;position:absolute;width:100%}.tool-hero[data-v-1d1630d1]{align-items:center;display:flex;flex-direction:column;padding:28px 0 18px;text-align:center}.tool-hero__badge[data-v-1d1630d1]{align-items:center;color:var(--brand-dark);display:inline-flex;font-size:11px;font-weight:800;gap:6px;margin-top:18px;text-transform:uppercase}.tool-hero h1[data-v-1d1630d1]{font-size:50px;margin-top:12px;max-width:850px}.tool-hero h1 span[data-v-1d1630d1]{color:var(--brand);margin-right:.16em}.tool-hero>p[data-v-1d1630d1]:not(.tool-hero__badge){color:var(--muted);font-size:15px;margin-top:14px;max-width:700px}.showcase-inner[data-v-1d1630d1]{max-width:930px}.showcase-media[data-v-1d1630d1]{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg);margin-top:34px;padding:12px}.reference-steps[data-v-1d1630d1]{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:42px}.reference-steps article[data-v-1d1630d1]{background:#fff;border:1px solid var(--line);border-radius:8px;min-width:0;padding:26px;position:relative;text-align:center}.step-icon[data-v-1d1630d1]{background:var(--brand-soft);border-radius:50%;color:var(--brand-dark);display:grid;height:54px;margin-inline:auto;place-items:center;width:54px}.reference-steps small[data-v-1d1630d1]{color:#c5c9cd;font-size:12px;font-weight:850;position:absolute;right:20px;top:18px}.reference-steps h3[data-v-1d1630d1]{font-size:20px;margin-top:20px}.reference-steps p[data-v-1d1630d1]{color:var(--muted);font-size:13px;margin-top:9px}.feature-panels[data-v-1d1630d1]{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:40px}.feature-panels article[data-v-1d1630d1]{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:15px;grid-template-columns:auto 1fr;padding:24px}.feature-panels article>span[data-v-1d1630d1]{background:#f1f2f3;border-radius:7px;color:var(--brand-dark);display:grid;height:46px;place-items:center;width:46px}.feature-panels h3[data-v-1d1630d1]{font-size:18px}.feature-panels p[data-v-1d1630d1]{color:var(--muted);font-size:13px;margin-top:8px}.tool-cards[data-v-1d1630d1]{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:38px}.tool-cards a[data-v-1d1630d1]{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:13px;grid-template-columns:auto 1fr auto;padding:20px}.tool-cards a[data-v-1d1630d1]:hover{border-color:var(--brand);color:var(--brand-dark);transform:translateY(-2px)}.tool-cards a>span[data-v-1d1630d1]{background:var(--brand-soft);border-radius:7px;display:grid;height:42px;place-items:center;width:42px}.tool-cards strong[data-v-1d1630d1]{font-size:14px}@media(max-width:820px){.feature-panels[data-v-1d1630d1],.reference-steps[data-v-1d1630d1],.tool-cards[data-v-1d1630d1]{grid-template-columns:1fr}.tool-hero[data-v-1d1630d1]{padding-inline:14px}}@media(max-width:520px){.tool-hero[data-v-1d1630d1]{padding-top:22px}.tool-hero h1[data-v-1d1630d1]{font-size:36px}.tool-hero>p[data-v-1d1630d1]:not(.tool-hero__badge){font-size:14px}.showcase-media[data-v-1d1630d1]{padding:6px}}