/* Homepage-only approved closing banner. No shared navigation overrides. */
.sb-upgrade-wrap { padding: 64px 32px 80px; }
.sb-upgrade {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; align-items: center; justify-content: space-between; gap: 36px;
  width: min(1152px, 100%); margin: 0 auto; padding: 46px 48px;
  color: #f4f2f8; border: 1px solid #563163; border-radius: 16px;
  background: radial-gradient(ellipse at 85% 40%, #412154, transparent 65%), #1c1127;
}
.sb-upgrade-eyebrow { color: #b893d2; font-size: 10px; letter-spacing: 1.5px; font-weight: 750; margin: 0 0 16px; }
.sb-upgrade h2 { font-size: clamp(32px, 3.4vw, 46px); font-weight: 800; line-height: 1.15; letter-spacing: -1.5px; margin: 0; }
.sb-upgrade h2 span { color: #c5a2fa; }
.sb-upgrade-copy > p:not(.sb-upgrade-eyebrow) { color: #bdadca; font-size: 14px; line-height: 1.8; margin: 19px 0 25px; }
.sb-upgrade-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.sb-upgrade-button { display: inline-flex; align-items: center; gap: 16px; padding: 15px 20px; color: #fff; background: #8e37d4; border: 1px solid #ad59e2; border-radius: 9px; font-size: 13px; font-weight: 750; transition: background .15s, transform .15s; }
.sb-upgrade-button:hover { background: #a249e5; transform: translateY(-2px); }
.sb-upgrade-button svg { width: 17px; height: 17px; }
.sb-upgrade-dashboard { font-size: 12px; font-weight: 600; color: #d6bfe5; }
.sb-upgrade-dashboard:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.sb-upgrade-art { position: absolute; z-index: -1; top: 10px; right: 100px; width: 250px; height: 250px; object-fit: contain; opacity: .13; transform: rotate(-12deg); pointer-events: none; }
.sb-upgrade-price { align-self: flex-end; flex-shrink: 0; font-size: 12px; color: #c4accf; line-height: 1.8; padding-bottom: 8px; }
.sb-upgrade-price strong { display: block; color: #cf9df0; font-size: 64px; font-weight: 650; line-height: 1.1; letter-spacing: -3px; margin-bottom: 9px; }
.sb-upgrade :focus-visible { outline: 2px solid #e9d2ff; outline-offset: 5px; }
@media (max-width: 700px) {
  .sb-upgrade-wrap { padding: 42px 18px 50px; }
  .sb-upgrade { display: block; padding: 30px 24px; border-radius: 12px; }
  .sb-upgrade h2 { font-size: 34px; letter-spacing: -1px; }
  .sb-upgrade-eyebrow { font-size: 8px; letter-spacing: 1px; }
  .sb-upgrade-copy > p:not(.sb-upgrade-eyebrow) { font-size: 12px; margin-block: 17px 23px; }
  .sb-upgrade-button { font-size: 11px; padding: 13px 15px; }
  .sb-upgrade-dashboard { font-size: 11px; }
  .sb-upgrade-actions { gap: 15px; }
  .sb-upgrade-price { font-size: 11px; margin-top: 26px; }
  .sb-upgrade-price strong { font-size: 42px; letter-spacing: -2px; }
  .sb-upgrade-art { top: auto; bottom: 5px; right: -10px; width: 180px; height: 180px; }
}
@media (max-width: 360px) { .sb-upgrade h2 { font-size: 29px; } .sb-upgrade { padding: 26px 20px; } }
@media (prefers-reduced-motion: reduce) { .sb-upgrade-button { transition: none; } .sb-upgrade-button:hover { transform: none; } }