.compare{display:flex;flex-direction:column;gap:var(--sp-5);background:transparent;border:none;padding:0}.compare__title{font-size:clamp(var(--text-lg),2vw,var(--text-2xl));font-weight:var(--w-bold);letter-spacing:var(--track-tight);line-height:var(--lead-snug);color:var(--c-on-light-1)}.compare__subtitle{margin-top:var(--sp-2);font-size:var(--text-sm);color:var(--c-on-light-3)}.compare__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media (min-width:1200px){.compare__grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-3);grid-template-rows:auto auto auto auto auto}.compare__col{grid-row:span 5;display:grid;grid-template-rows:subgrid}}.compare__col{position:relative;overflow:hidden;background:white;border:0;border-radius:var(--r-xl);padding:var(--sp-7) var(--sp-6) 0;display:flex;flex-direction:column;gap:var(--sp-5);justify-content:space-between;backface-visibility:hidden;transform:translateZ(0);--accent:var(--c-teal)}.compare__col::before{content:'';position:absolute;top:-100px;right:-100px;width:200px;height:200px;border-radius:50%;background:var(--accent);z-index:1;pointer-events:none}.compare__col-label{font-size:clamp(var(--text-xl),1.8vw,var(--text-xl));font-weight:var(--w-bold);letter-spacing:-0.01em;line-height:1.1;text-transform:none;color:var(--accent);position:relative;z-index:2;margin-bottom:var(--sp-7);max-width:70%}.compare__col-brand{display:block;font-size:var(--text-sm);font-weight:var(--w-mid);letter-spacing:0;text-transform:none;opacity:0.7;margin-top:var(--sp-1)}.compare__icon{position:absolute;top:var(--sp-5);right:var(--sp-5);width:auto;height:auto;background:transparent;border:none;color:white;z-index:3}.compare__icon svg{width:20px;height:20px}.compare__icon .material-icons{font-size:35px;line-height:1}.compare__col--buy{--accent:var(--c-text-3)}.compare__col--engine{--accent:var(--c-accent)}.compare__col--build{--accent:var(--c-text-3)}.compare__metric{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-6);border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.compare__metric:last-of-type{border-bottom:none;padding-bottom:var(--sp-4)}.compare__metric-name{font-size:var(--text-sm);color:var(--c-text-3);font-weight:var(--w-semi);line-height:1.3}.compare__bars{display:flex;gap:6px;align-items:center}.compare__bar{flex:1 1 0;width:auto;height:12px;border-radius:999px;background:#e3e7ed;border:none;transition:background 200ms var(--ease-out)}.compare__bar.is-on{background:var(--accent)}.compare__desc{position:relative;z-index:2;flex-basis:100px;margin:0 calc(-1 * var(--sp-6));padding:var(--sp-4) var(--sp-6) var(--sp-5);background:var(--accent);color:white;font-size:var(--text-sm);font-weight:var(--w-semi);line-height:1.5;border-top:none;align-self:stretch}@media (min-width:1200px){.compare--compact .compare__grid{grid-template-columns:repeat(3,200px);justify-content:start;gap:20px}}.compare--compact .compare__col{max-width:200px;padding:var(--sp-5) var(--sp-4) 0;gap:var(--sp-3)}.compare--compact .compare__col-label{font-size:var(--text-sm)}.compare--compact .compare__col-brand{font-size:var(--text-xs)}.compare--compact .compare__metric-name{font-size:var(--text-xs)}.compare--compact .compare__desc{font-size:var(--text-xs)}.compare--compact .compare__icon{top:var(--sp-4);right:var(--sp-4)}.compare--compact .compare__icon svg,.compare--compact .compare__icon .material-icons{font-size:18px;width:18px;height:18px}