.signboard-pro-card {
  --sb-pro-accent: #0b5fff;
  --sb-pro-text: #0f172a;
  --sb-pro-muted: #667085;
  --sb-pro-border: #e6e8ec;
  box-sizing: border-box;
  max-width: 680px;
  margin: 28px auto;
  padding: clamp(22px, 4vw, 32px);
  border: 1px solid var(--sb-pro-border);
  border-radius: 18px;
  background: #fff;
  color: var(--sb-pro-text);
  box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}

.signboard-pro-card h2 { margin: 0 0 10px; color: inherit; font-size: clamp(28px, 4vw, 38px); line-height: 1.1; }
.signboard-pro-card p { line-height: 1.55; }
.signboard-pro-eyebrow { margin: 0 0 10px; color: var(--sb-pro-accent); font-size: 12px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.signboard-pro-price { display: flex; align-items: baseline; gap: 8px; margin: 24px 0; }
.signboard-pro-price strong { font-size: 42px; line-height: 1; }
.signboard-pro-price span, .signboard-pro-status { color: var(--sb-pro-muted); font-size: 14px; }
.signboard-pro-card form { display: flex; align-items: end; gap: 10px; }
.signboard-pro-card label { flex: 1; color: var(--sb-pro-muted); font-size: 13px; font-weight: 700; }
.signboard-pro-card input { box-sizing: border-box; width: 100%; min-height: 44px; margin-top: 6px; padding: 9px 12px; border: 1px solid var(--sb-pro-border); border-radius: 10px; background: #fff; color: var(--sb-pro-text); font: inherit; }
.signboard-pro-card button, .signboard-pro-button { box-sizing: border-box; min-height: 44px; padding: 10px 18px; border: 1px solid var(--sb-pro-accent); border-radius: 999px; background: var(--sb-pro-accent); color: #fff; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.signboard-pro-card button:disabled { cursor: wait; opacity: .65; }
.signboard-pro-card input:focus-visible, .signboard-pro-card button:focus-visible, .signboard-pro-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--sb-pro-accent) 30%, transparent); outline-offset: 2px; }
.signboard-pro-status { min-height: 1.5em; margin: 14px 0 0; }
.signboard-pro-activation { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 24px 0; }
.signboard-pro-card button.signboard-pro-secondary { background: transparent; color: var(--sb-pro-text); border-color: var(--sb-pro-border); font-weight: 500; }
.signboard-pro-card details { margin-top: 24px; }
.signboard-pro-card summary { cursor: pointer; color: var(--sb-pro-muted); }
.signboard-pro-card details form { margin-top: 14px; }
.signboard-pro-card summary:focus-visible { outline: 3px solid var(--sb-pro-accent); outline-offset: 3px; }

@media (max-width: 560px) {
  .signboard-pro-card form { align-items: stretch; flex-direction: column; }
  .signboard-pro-card button { width: 100%; }
}

@media (prefers-color-scheme: dark) {
  .signboard-pro-card { --sb-pro-accent: #6fcf97; --sb-pro-text: #e8f0e5; --sb-pro-muted: #a0b3a3; --sb-pro-border: #1f2e17; background: #12200a; }
  .signboard-pro-card input { background: #091102; color: var(--sb-pro-text); }
  .signboard-pro-card button, .signboard-pro-button { color: #07130c; }
}

@media (prefers-reduced-motion: reduce) {
  .signboard-pro-card * { scroll-behavior: auto !important; transition: none !important; }
}

@media (forced-colors: active) {
  .signboard-pro-card, .signboard-pro-card input, .signboard-pro-card button, .signboard-pro-button { border-color: CanvasText; }
}