.comparison-page{--cmp-page-bg:transparent;--cmp-text:var(--foreground);--cmp-text-muted:color-mix(in srgb, var(--foreground) 72%, transparent);--cmp-accent:var(--primary);--cmp-chip-bg:color-mix(in srgb, var(--primary) 12%, transparent);--cmp-chip-border:color-mix(in srgb, var(--primary) 36%, transparent);--cmp-focus:color-mix(in srgb, var(--primary) 64%, transparent);--cmp-surface-1:color-mix(in srgb, var(--paper) 94%, var(--background) 6%);--cmp-surface-2:color-mix(in srgb, var(--paper) 88%, var(--background) 12%);--cmp-border-strong:color-mix(in srgb, var(--foreground) 20%, transparent);--cmp-border-soft:color-mix(in srgb, var(--foreground) 12%, transparent);--cmp-row-hover:color-mix(in srgb, var(--foreground) 4%, transparent);--cmp-hero-tint:color-mix(in srgb, var(--primary) 16%, transparent);--cmp-hero-spot:color-mix(in srgb, var(--primary) 24%, transparent);--cmp-alert:color-mix(in srgb, var(--error) 72%, var(--foreground) 28%);--cmp-success:color-mix(in srgb, var(--success) 84%, var(--foreground) 16%);--cmp-warning:color-mix(in srgb, var(--warning) 84%, var(--foreground) 16%);--cmp-cta-text:color-mix(in srgb, var(--foreground) 92%, #000);--cmp-cta-shadow:color-mix(in srgb, var(--primary) 32%, transparent);background:var(--cmp-page-bg);color:var(--cmp-text)}.dark .comparison-page{--cmp-page-bg:transparent;--cmp-text-muted:color-mix(in srgb, var(--foreground) 80%, transparent);--cmp-chip-bg:color-mix(in srgb, var(--primary) 16%, transparent);--cmp-chip-border:color-mix(in srgb, var(--primary) 44%, transparent);--cmp-focus:color-mix(in srgb, var(--primary) 74%, transparent);--cmp-surface-1:color-mix(in srgb, var(--paper) 86%, var(--background) 14%);--cmp-surface-2:color-mix(in srgb, var(--paper) 72%, var(--background) 28%);--cmp-border-strong:color-mix(in srgb, var(--foreground) 18%, transparent);--cmp-border-soft:color-mix(in srgb, var(--foreground) 10%, transparent);--cmp-row-hover:color-mix(in srgb, var(--foreground) 8%, transparent);--cmp-hero-tint:color-mix(in srgb, var(--primary) 13%, transparent);--cmp-hero-spot:color-mix(in srgb, var(--primary) 20%, transparent);--cmp-alert:color-mix(in srgb, var(--error) 84%, var(--foreground) 16%);--cmp-success:color-mix(in srgb, var(--success) 78%, var(--foreground) 22%);--cmp-warning:color-mix(in srgb, var(--warning) 78%, var(--foreground) 22%);--cmp-cta-text:color-mix(in srgb, var(--foreground) 90%, #000);--cmp-cta-shadow:color-mix(in srgb, var(--primary) 38%, transparent)}.comparison-hero{text-align:center;padding:100px 24px 60px;position:relative;overflow:hidden}.comparison-hero-badge{font-family:var(--font-mono,monospace);letter-spacing:.15em;text-transform:uppercase;color:var(--cmp-accent);background:var(--cmp-chip-bg);border:1px solid var(--cmp-chip-border);border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.comparison-hero-vs{justify-content:center;align-items:center;gap:24px;margin-bottom:32px;display:flex}.comparison-hero-logo{font-family:var(--font-display,sans-serif);letter-spacing:.06em;text-transform:uppercase;font-size:36px;font-weight:900}.comparison-hero-logo.lvl2{color:var(--cmp-accent)}.comparison-hero-logo.competitor{color:var(--cmp-text-muted);text-decoration:line-through;text-decoration-thickness:3px;-webkit-text-decoration-color:color-mix(in srgb, var(--error) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--error) 50%, transparent)}.comparison-hero-vs-divider{font-family:var(--font-display,sans-serif);color:var(--cmp-text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:20px;font-weight:900}.comparison-hero h1{font-family:var(--font-display,sans-serif);color:var(--cmp-text);max-width:720px;margin:0 auto 20px;font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.15}.comparison-hero-sub{font-family:var(--font-body,sans-serif);color:var(--cmp-text-muted);max-width:560px;margin:0 auto 36px;font-size:17px;line-height:1.7}.comparison-hero-cta{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--cmp-cta-text);font-family:var(--font-display,sans-serif);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:16px 44px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.comparison-hero-cta:hover{box-shadow:0 8px 24px var(--cmp-cta-shadow);transform:translateY(-2px)}.comparison-hero-cta:focus-visible{outline:3px solid var(--cmp-focus);outline-offset:3px}.comparison-section{max-width:900px;margin:0 auto;padding:60px 24px}.comparison-section-title{font-family:var(--font-display,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--cmp-accent);margin:0 0 8px;font-size:13px;font-weight:700}.comparison-section h2{font-family:var(--font-display,sans-serif);color:var(--cmp-text);margin:0 0 40px;font-size:clamp(24px,4vw,36px);font-weight:900;line-height:1.2}.comparison-table{border-collapse:collapse;width:100%;font-family:var(--font-body,sans-serif);background:var(--cmp-surface-1);border:1px solid var(--cmp-border-strong);font-size:14px}.comparison-table-shell{box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.comparison-table thead th{font-family:var(--font-display,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--cmp-text-muted);border-bottom:2px solid var(--cmp-border-strong);text-align:left;padding:12px 16px;font-size:11px;font-weight:700}.comparison-table thead th:not(:first-child){text-align:center}.comparison-table thead th.lvl2-col{color:var(--cmp-accent)}.comparison-table tbody td{border-bottom:1px solid var(--cmp-border-soft);color:var(--cmp-text);padding:14px 16px}.comparison-table tbody td:not(:first-child){text-align:center;font-size:18px}.comparison-table tbody tr:hover{background:var(--cmp-row-hover)}.comparison-table .feature-name{font-weight:600}.comparison-check{color:var(--cmp-success)}.comparison-x{color:var(--cmp-alert)}.comparison-partial{color:var(--cmp-warning);font-weight:600;font-size:13px!important}.comparison-callouts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:900px;margin:0 auto;padding:40px 24px;display:grid}.comparison-callout{background:var(--cmp-surface-2);border:1px solid var(--cmp-border-strong);border-radius:16px;padding:28px 24px;transition:border-color .2s}.comparison-callout:hover{border-color:var(--cmp-accent)}.comparison-callout-icon{margin-bottom:12px;font-size:28px}.comparison-callout h3{font-family:var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;color:var(--cmp-text);margin:0 0 8px;font-size:15px;font-weight:800}.comparison-callout p{font-family:var(--font-body,sans-serif);color:var(--cmp-text-muted);margin:0;font-size:13px;line-height:1.7}.comparison-pricing{max-width:900px;margin:0 auto;padding:60px 24px}.comparison-pricing-card{background:var(--cmp-surface-1);border:1px solid var(--cmp-border-strong);border-radius:16px;grid-template-columns:1fr 1fr;gap:24px;padding:36px 32px;display:grid}.comparison-pricing-side{text-align:center}.comparison-pricing-label{font-family:var(--font-display,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--cmp-text-muted);margin:0 0 8px;font-size:11px;font-weight:700}.comparison-pricing-amount{font-family:var(--font-display,sans-serif);margin:0 0 4px;font-size:36px;font-weight:900}.comparison-pricing-amount.good{color:var(--cmp-success)}.comparison-pricing-amount.bad{color:var(--cmp-alert)}.comparison-pricing-note{font-family:var(--font-body,sans-serif);color:var(--cmp-text-muted);margin:0;font-size:12px}.comparison-final-cta{text-align:center;background:linear-gradient(180deg, transparent 0%, var(--cmp-hero-tint) 100%);padding:80px 24px}.comparison-final-cta h2{font-family:var(--font-display,sans-serif);color:var(--cmp-text);margin:0 0 16px;font-size:clamp(24px,4vw,36px);font-weight:900}.comparison-final-cta p{font-family:var(--font-body,sans-serif);color:var(--cmp-text-muted);max-width:480px;margin:0 auto 32px;font-size:16px;line-height:1.7}@media (max-width:640px){.comparison-hero{padding:80px 16px 40px}.comparison-hero-vs{gap:12px}.comparison-hero-logo{font-size:24px}.comparison-table{font-size:13px}.comparison-table thead th,.comparison-table tbody td{padding:10px 8px}.comparison-pricing-card{grid-template-columns:1fr;gap:16px;padding:24px 20px}}