/* SignalSolid premium commerce & activation surfaces. No workflow behavior changes. */
.ss-commerce{width:min(100% - 36px,1300px);margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 0 5rem;color:var(--ss3-text)}
.ss-commerce__header{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:clamp(1.25rem,3vw,2rem)}
.ss-commerce__header h1{font-size:clamp(2rem,4vw,3.1rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--ss3-text);margin:.55rem 0}
.ss-commerce__header .ss-commerce__intro{max-width:720px;line-height:1.75;color:var(--ss3-text-soft)}
.ss-commerce__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--ss3-primary)}
.ss-commerce__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,335px),1fr));gap:1.1rem;align-items:start}
.ss-commerce__stack{display:grid;gap:1rem}
.ss-commerce__card{background:var(--ss3-surface)!important;border:1px solid var(--ss3-border)!important;color:var(--ss3-text)!important;border-radius:19px!important;box-shadow:var(--ss3-shadow-sm);padding:clamp(1.3rem,2.5vw,2rem)!important;min-width:0;transition:border-color .18s ease,box-shadow .18s ease}
.ss-commerce__card:hover{border-color:var(--ss3-border-strong)!important;box-shadow:var(--ss3-shadow-md)}
.ss-commerce__card h2{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:800;line-height:1.24;letter-spacing:-.035em;color:var(--ss3-text)}
.ss-commerce__card p,.ss-commerce__card li{color:var(--ss3-text-soft);line-height:1.65}
.ss-commerce__action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.1rem;border-radius:11px;font-weight:750;text-decoration:none!important;transition:background-color .18s,border-color .18s,transform .18s}
.ss-commerce__action:not(.ss-commerce__secondary){background:var(--ss3-primary)!important;border:1px solid var(--ss3-primary)!important;color:var(--ss3-primary-ink)!important}
.ss-commerce__secondary{border:1px solid var(--ss3-border-strong)!important;background:var(--ss3-surface-2)!important;color:var(--ss3-text)!important}
.ss-commerce__action:hover{transform:translateY(-1px)}
.ss-commerce__notice{background:var(--ss3-primary-soft)!important;color:var(--ss3-text)!important;border:1px solid var(--ss3-border)!important;border-radius:14px;padding:1rem 1.25rem}
.ss-commerce__badge{border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.025em;padding:.35rem .65rem}
.ss-commerce__badge--paid{background:rgba(52,184,137,.13)!important;color:var(--ss3-green)!important}
.ss-commerce :where(input,select,textarea){max-width:100%}
.ss-activation{width:min(100% - 36px,740px);margin:auto;padding:clamp(2rem,5vw,5rem) 0}
.ss-activation__eyebrow{color:var(--ss3-primary);text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800}
.ss-activation__panel{border:1px solid var(--ss3-border);border-radius:22px;background:var(--ss3-surface);padding:clamp(1.5rem,4vw,2.7rem);box-shadow:var(--ss3-shadow-md)}
.ss-activation h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;margin:.5rem 0 .75rem;color:var(--ss3-text)}
.ss-activation p{color:var(--ss3-text-soft);line-height:1.75}
.ss-activation form{margin-top:1.2rem}
.ss-activation :where(.form-control,.form-select){margin-top:.35rem}
.ss-activation :where(.btn){min-height:44px;border-radius:11px;padding:.7rem 1.2rem}
.ss-activation__details{background:var(--ss3-surface-2);border:1px solid var(--ss3-border);border-radius:13px;padding:1.1rem;margin:1.25rem 0}
.ss-activation__details strong{color:var(--ss3-text)}
.ss-activation__success{background:rgba(52,184,137,.12);border:1px solid var(--ss3-green);border-radius:14px;padding:1rem}
@media(max-width:640px){.ss-commerce__grid{grid-template-columns:1fr}.ss-commerce__header{align-items:start}.ss-commerce__action{width:auto}.ss-activation__panel{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.ss-commerce__card,.ss-commerce__action{transition:none}.ss-commerce__action:hover{transform:none}}