/* Spade Design 2.3: pricing toggle + service switcher. Uses the v2 brand tokens. */
:root{--ssr-p:rgb(104,12,205);--ssr-b:rgb(8,152,216);--ssr-grad:linear-gradient(90deg,var(--ssr-p) 0%,var(--ssr-b) 100%);--ssr-line:#e6e2f0;--ssr-ink:#15121f;--ssr-muted:#5d5a6b}

/* Smooth page-to-page transitions between the service pages (supported browsers). */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Service switcher */
.ssr-svc{box-sizing:border-box;width:100%;max-width:1200px;margin:22px auto 6px;padding:0 20px;text-align:center;font-family:"Public Sans",sans-serif}
.ssr-svc__in{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#f6f4fb;border:1px solid var(--ssr-line);box-shadow:0 1px 2px rgba(21,18,31,.05)}
.ssr-svc__tab{white-space:nowrap;box-sizing:border-box;display:inline-block;min-width:118px;padding:11px 22px;border-radius:999px;font:600 15px/1 "Public Sans",sans-serif;letter-spacing:.02em;color:var(--ssr-ink)!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.ssr-svc__tab:hover{background:#fff;box-shadow:0 2px 8px rgba(104,12,205,.12)}
.ssr-svc__tab.is-active{background:var(--ssr-grad);color:#fff!important;box-shadow:0 6px 16px rgba(104,12,205,.22)}
.ssr-svc__tab:focus-visible{outline:3px solid rgba(8,152,216,.55);outline-offset:2px}
.ssr-svc__learn{margin:14px 0 0}
.ssr-svc__more{border-radius:8px}
.ssr-hide-old{display:none!important}

/* Term toggle */
.ssr-term{box-sizing:border-box;width:100%;max-width:1200px;margin:6px auto 22px;padding:0 20px;text-align:center;font-family:"Public Sans",sans-serif}
.ssr-term__group{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--ssr-line);box-shadow:0 1px 2px rgba(21,18,31,.06),0 8px 24px rgba(21,18,31,.06)}
.ssr-term__opt{white-space:nowrap;appearance:none;border:0;background:transparent;cursor:pointer;min-width:132px;padding:12px 22px;border-radius:999px;font:600 15px/1 "Public Sans",sans-serif;color:var(--ssr-ink);transition:background .2s ease,color .2s ease}
.ssr-term__opt:hover{background:#f6f4fb}
.ssr-term__opt.is-on{background:var(--ssr-grad);color:#fff}
.ssr-term__opt:focus-visible{outline:3px solid rgba(8,152,216,.55);outline-offset:2px}
.ssr-term__save{display:inline-block;margin-left:6px;padding:4px 8px;border-radius:999px;font:700 11px/1 "Public Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase;background:#eaf7ee;color:#1f6b35}
.ssr-term__opt.is-on .ssr-term__save{background:rgba(255,255,255,.22);color:#fff}
.ssr-term__deals{margin:12px auto 0;max-width:720px;font-size:15px;line-height:1.55;color:var(--ssr-muted)}
.ssr-term__deals a{color:var(--ssr-p);font-weight:600}

/* Prices */
.ssr-price{transition:color .2s ease}
.ssr-price__note{display:block;margin:-4px 0 10px;font:500 13px/1.4 "Public Sans",sans-serif;color:#1f6b35;text-align:center}
.ssr-price__note:empty{display:none}
@keyframes ssrFlash{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}
.ssr-flash{animation:ssrFlash .3s ease}
@media (prefers-reduced-motion:reduce){.ssr-flash{animation:none}}

@media (max-width:640px){
  .ssr-svc{margin-top:16px;padding:0 12px}
  .ssr-svc__in{display:flex;width:100%;box-sizing:border-box}
  .ssr-svc__tab{flex:1;min-width:0;padding:11px 8px;font-size:14px}
  .ssr-term{padding:0 12px}
  .ssr-term__group{display:flex;width:100%;box-sizing:border-box}
  .ssr-term__opt{flex:1;min-width:0;padding:12px 6px;font-size:14px}
  .ssr-term__save{margin-left:4px;padding:4px 6px;font-size:10px;letter-spacing:.02em}
  .ssr-term__deals{font-size:14px}
}