.comparison-badge,.comparison-label{font-weight:var(--font-weight-medium)}.comparison-label,.comparison-value{height:48px;border-bottom:1px solid var(--color-border)}:root{--color-background:var(--a-white);--color-text-primary:var(--a-black);--color-text-secondary:var(--a-gray-800);--color-text-muted:var(--a-gray-500);--color-accent:var(--a-primary);--color-accent-hover:var(--a-primary--hover);--color-card-bg:var(--a-bg-website);--color-card-shadow:var(--aCardShadowLarge);--color-badge-active-bg:#dcfce7;--color-badge-active-text:#166534;--color-badge-inactive-bg:#f3f4f6;--color-badge-inactive-text:#6b7280;--color-border:var(--a-primary);--font-family:"Inter",Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-size-column-title:var(--text-l);--font-size-body:var(--text-m);--font-size-small:var(--text-m);--font-size-badge:var(--text-m);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--space-xs:0.25rem;--space-s:0.5rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2rem;--space-xxl:4rem;--radius-xs:0.25rem;--radius-s:0.5rem;--radius-m:0.75rem;--radius-l:1rem;--radius-full:9999px;--shadow-card:var(--aCardShadowLarge);--transition-fast:var(--a-anim);--transition-normal:var(--a-anim);--card-padding:var(--space-l);--column-gap:var(--space-xl);--label-width:120px}.comparison-container{display:flex;gap:var(--space-m)}.comparison-labels{display:flex;flex-direction:column;padding-top:100px;min-width:var(--label-width);flex-shrink:0}.comparison-label{display:flex;align-items:center;font-size:var(--font-size-small);color:var(--color-text-primary)}.comparison-columns{display:flex;gap:var(--column-gap);flex:1}.comparison-column{flex:1;min-width:0}.comparison-column--active .comparison-card{background-color:var(--color-card-bg);box-shadow:var(--shadow-card);border-radius:var(--radius-l);padding:var(--card-padding)}.comparison-column--inactive{padding:var(--card-padding)}.comparison-header{margin-bottom:var(--space-l)}.comparison-badge{display:inline-block;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-full);font-size:var(--font-size-badge);margin-bottom:var(--space-s)}.comparison-badge--active{background-color:var(--color-badge-active-bg);color:var(--color-badge-active-text)}.comparison-badge--inactive{background-color:var(--color-badge-inactive-bg);color:var(--color-badge-inactive-text)}.comparison-column-title{font-size:var(--font-size-column-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.comparison-column--inactive .comparison-column-title,.comparison-column--inactive .comparison-value{color:var(--color-text-secondary)}.comparison-values{display:flex;flex-direction:column}.comparison-button,.comparison-value{align-items:center;font-size:var(--font-size-body)}.comparison-value{display:flex;color:var(--color-text-primary)}.comparison-cta{margin-top:var(--space-l)}.comparison-button{display:inline-flex;justify-content:center;gap:var(--space-s);width:100%;padding:var(--space-m) var(--space-xl);background-color:var(--color-accent);color:#fff;font-family:var(--font-family);font-weight:var(--font-weight-medium);text-decoration:none;border:none;border-radius:var(--radius-m);cursor:pointer;transition:background-color var(--transition-fast)}.comparison-button:hover{background-color:var(--color-accent-hover)}.comparison-button-icon{display:inline-flex;align-items:center;gap:var(--space-xs)}.comparison-button-icon svg{width:16px;height:16px}@media (max-width:768px){.comparison-columns,.comparison-container{flex-direction:column}:root{--font-size-column-title:1rem;--label-width:100px;--column-gap:var(--space-m)}.comparison-labels{display:none}.comparison-columns{gap:var(--space-l)}.comparison-column--active .comparison-card,.comparison-column--inactive{padding:var(--space-m)}.comparison-column--inactive{background-color:var(--color-badge-inactive-bg);border-radius:var(--radius-l)}.comparison-value{flex-direction:column;align-items:flex-start;height:auto;padding:var(--space-s) 0}.comparison-value::before{content:attr(data-label);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-xs)}}@media (max-width:480px){:root{--card-padding:var(--space-m)}}