.comparison-container[data-astro-cid-dlrtrvle]{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f8f9fa}.comparison-after[data-astro-cid-dlrtrvle],.comparison-before[data-astro-cid-dlrtrvle]{position:absolute;inset:0}.comparison-before[data-astro-cid-dlrtrvle]{clip-path:inset(0 50% 0 0);z-index:2}.comparison-range[data-astro-cid-dlrtrvle]{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;-webkit-appearance:none}.comparison-handle[data-astro-cid-dlrtrvle]{position:absolute;top:0;bottom:0;left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);pointer-events:none}.comparison-handle-line[data-astro-cid-dlrtrvle]{flex:1;width:3px;background:#fff;box-shadow:0 0 8px #0000004d}.comparison-handle-circle[data-astro-cid-dlrtrvle]{width:44px;height:44px;background:var(--color-primary, #1E5F82);border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d;flex-shrink:0}.comparison-label[data-astro-cid-dlrtrvle]{position:absolute;bottom:12px;background:#000000b3;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;z-index:1;letter-spacing:.05em}.comparison-label-before[data-astro-cid-dlrtrvle]{left:12px}.comparison-label-after[data-astro-cid-dlrtrvle]{right:12px}.mockup-browser-bar[data-astro-cid-dlrtrvle]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f3f5;border-bottom:1px solid #e2e5e9}.mockup-bar-old[data-astro-cid-dlrtrvle]{background:#f8f0f0;border-bottom-color:#e8d5d5}.mockup-dot[data-astro-cid-dlrtrvle]{width:8px;height:8px;border-radius:50%}.mockup-url[data-astro-cid-dlrtrvle]{flex:1;background:#fff;border-radius:4px;padding:2px 8px;font-size:.6rem;color:#6b7280;margin-left:4px}.mockup-badge-good[data-astro-cid-dlrtrvle]{background:#d1fae5;color:#065f46;font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:4px}.mockup-badge-bad[data-astro-cid-dlrtrvle]{background:#fee2e2;color:#991b1b;font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:4px}.comparison-mockup[data-astro-cid-dlrtrvle]{position:absolute;inset:0;display:flex;flex-direction:column}.comparison-mockup-modern[data-astro-cid-dlrtrvle]{background:#fff}.mockup-real-content[data-astro-cid-dlrtrvle]{flex:1;overflow:hidden;position:relative}.mockup-real-content[data-astro-cid-dlrtrvle] img[data-astro-cid-dlrtrvle]{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.comparison-mockup-old[data-astro-cid-dlrtrvle]{background:#fafaf8}.mockup-content-old[data-astro-cid-dlrtrvle]{flex:1;overflow:hidden}.mo-header[data-astro-cid-dlrtrvle]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#2a2a5a}.mo-logo[data-astro-cid-dlrtrvle]{width:50px;height:12px;background:#ffffff80;border-radius:2px}.mo-nav[data-astro-cid-dlrtrvle]{display:flex;gap:8px}.mo-nav[data-astro-cid-dlrtrvle] span[data-astro-cid-dlrtrvle]{width:30px;height:6px;background:#ffffff4d;border-radius:2px}.mo-banner[data-astro-cid-dlrtrvle]{height:50px;background:linear-gradient(to right,#4a4a8a,#2a2a5a);position:relative;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}.mo-banner-text[data-astro-cid-dlrtrvle]{height:8px;width:60%;background:#fff6;border-radius:2px;margin-bottom:4px}.mo-banner-text[data-astro-cid-dlrtrvle].short{width:40%}.mo-spacer[data-astro-cid-dlrtrvle]{height:8px}.mo-body[data-astro-cid-dlrtrvle]{padding:12px}.mo-title[data-astro-cid-dlrtrvle]{height:10px;width:60%;background:#2a2a5a;border-radius:2px;margin-bottom:8px}.mo-text[data-astro-cid-dlrtrvle]{height:5px;width:100%;background:#d1d5db;border-radius:2px;margin-bottom:4px}.mo-text[data-astro-cid-dlrtrvle].w80{width:80%}.mo-text[data-astro-cid-dlrtrvle].w60{width:60%}.mo-text[data-astro-cid-dlrtrvle].w70{width:70%}.mo-img-row[data-astro-cid-dlrtrvle]{display:flex;gap:8px;margin:8px 0}.mo-img[data-astro-cid-dlrtrvle]{flex:1;height:40px;background:#e5e7eb;border-radius:2px}.mo-title[data-astro-cid-dlrtrvle].short{width:45%}@media(max-width:640px){.comparison-container[data-astro-cid-dlrtrvle]{aspect-ratio:4/5}}