.plan-compare{display:flex;flex-direction:column;gap:var(--gap-5)}.plan-compare__intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-3) var(--gap-5)}.plan-compare__lead{display:flex;flex:1 1 var(--size-card-min);flex-direction:column;align-items:flex-start;gap:var(--gap-2)}.plan-compare__recommend{display:inline-flex;align-items:center;gap:var(--gap-1);margin:0;padding:var(--padding-1) var(--padding-2);border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-accent);font-size:var(--font-size-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.plan-compare__summary{margin:0;color:var(--text-strong);font-size:var(--font-size-5);font-weight:var(--font-weight-medium)}.plan-compare__share{grid-template-columns:auto auto;align-items:center;column-gap:var(--gap-1);padding:var(--padding-1) var(--padding-2);border:var(--border-width) solid var(--accent);border-radius:var(--radius-pill);color:var(--text-accent);font-size:var(--font-size-1);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.plan-compare__share-label{grid-column:2;text-align:start}.plan-compare__share:focus-visible{outline:var(--size-0) solid var(--focus-ring);outline-offset:var(--size-0)}.plan-compare__buy{align-self:center}.plan-compare__blocks{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-4)}.plan-compare__block{gap:var(--gap-4)}.plan-compare__title{margin:0}.plan-compare__metrics{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--gap-4)}.plan-compare__metric{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--gap-3)}.plan-compare__metric-name{margin:0;color:var(--text-secondary);font-size:var(--font-size-2)}.plan-compare__chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--gap-2);margin:0}.plan-compare__column{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);text-align:center}.plan-compare__column dd{margin:0}.plan-compare__value{order:1;color:var(--text-strong);font-size:var(--font-size-5);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight)}.plan-compare__track{order:2;display:flex;justify-content:center;width:100%}.plan-compare__bar{display:block;max-width:100%;height:calc(var(--size-7) * 3)}.plan-compare__bar-bg{fill:color-mix(in srgb,var(--text) 7%,transparent)}.plan-compare__bar-fill{fill:color-mix(in srgb,var(--text-muted) 75%,var(--bg));transform-box:fill-box;transform-origin:bottom;animation:plan-compare-grow var(--duration-slow) var(--easing-standard)}.plan-compare__column--recommended .plan-compare__bar-fill{fill:var(--accent)}.plan-compare__plan-star{color:var(--text-accent)}.plan-compare__plan{order:3;display:inline-flex;align-items:center;gap:var(--gap-1);color:var(--text-strong);font-size:var(--font-size-2);font-weight:var(--font-weight-medium)}.plan-compare__delta{order:4;color:var(--text-accent);font-size:var(--font-size-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.plan-compare__block--price .plan-compare__value{color:var(--text-secondary);font-size:var(--font-size-3);font-weight:var(--font-weight-medium)}.plan-compare__highlight{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--gap-1);margin:0;padding:var(--padding-1) var(--padding-2);border:var(--border-width) solid var(--success);border-radius:var(--radius-pill);color:var(--text-strong);font-size:var(--font-size-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.plan-compare__highlight-icon{flex-shrink:0;background-color:color-mix(in srgb,var(--success) 60%,var(--text))}.plan-compare__same{display:flex;justify-content:center;margin:0}.plan-compare__note{margin:auto 0 0;color:var(--text-muted);font-size:var(--font-size-1)}@keyframes plan-compare-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.plan-compare__bar-fill{animation:none}}@container section (width >= 550px){.plan-compare__blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-compare__block--scope{grid-column:1 / -1}}