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