.upgrade{background:radial-gradient(70% 40% at 50% 0%, color-mix(in srgb, var(--color-accent-soft) 60%, transparent), transparent 70%), transparent}.upgrade-list{gap:var(--space-md);counter-reset:upgrade-step;flex-direction:column;max-width:920px;margin:0 auto;padding:0;list-style:none;display:flex}.upgrade-step{gap:var(--space-lg);padding:var(--space-xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:56px minmax(0,1fr);transition:border-color .2s,box-shadow .3s;display:grid}.upgrade-step:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.upgrade-step-num{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-soft);border:1px solid color-mix(in srgb, var(--color-accent) 20%, transparent);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:600;display:inline-flex}.upgrade-step-body h3{letter-spacing:-.01em;margin-bottom:6px;font-size:17px}.upgrade-step-body p{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:14px;line-height:1.6}.upgrade-diff{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}@media (width<=720px){.upgrade-diff{grid-template-columns:1fr}}.upgrade-diff-col{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.upgrade-diff-before{border-color:color-mix(in srgb, #ef4444 20%, var(--color-border))}.upgrade-diff-after{border-color:color-mix(in srgb, var(--color-accent) 30%, var(--color-border))}.upgrade-diff-label{height:22px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-bottom-right-radius:6px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.upgrade-diff-before .upgrade-diff-label{color:#ef4444;background:#ef444424}.upgrade-diff-after .upgrade-diff-label{color:var(--color-accent);background:var(--color-accent-soft)}.upgrade-diff pre{padding:8px var(--space-md) var(--space-md);font-family:var(--font-mono);color:var(--color-text);white-space:pre;margin:0;font-size:12.5px;line-height:1.6;overflow-x:auto}@media (width<=640px){.upgrade-step{gap:var(--space-md);padding:var(--space-lg);grid-template-columns:1fr}.upgrade-step-num{margin-bottom:0}}.upgrade-page-hero{padding:var(--space-3xl) 0 var(--space-xl);text-align:center;position:relative;overflow:hidden}.upgrade-page-hero:before{content:"";background:var(--gradient-glow);pointer-events:none;z-index:-1;position:absolute;inset:-40% 0 50%}.upgrade-page-hero h1{margin:var(--space-md) auto 0;letter-spacing:-.035em;max-width:14ch;font-size:clamp(36px,5vw,64px);font-weight:800}.upgrade-page-hero p{margin:var(--space-lg) auto 0;max-width:60ch;color:var(--color-text-muted);font-size:clamp(15px,1.3vw,18px);line-height:1.6}.upgrade-page-hero .eyebrow{background:var(--color-bg-elevated)}.upgrade-page-hero .eyebrow a{color:inherit}.eyebrow-arrow{font-family:var(--font-mono);font-weight:600}.upgrade-page .upgrade{padding-top:var(--space-2xl)}