/* RealStore platform surfaces — stable platform identity */
body.platform-clean-v3 {
  --primary: var(--rs-primary);
  --primary-dark: var(--rs-primary-hover);
  --panel: var(--rs-surface);
  --panel-soft: var(--rs-canvas-cool);
  --bg: var(--rs-canvas-cool);
  --text: var(--rs-ink);
  --muted: var(--rs-muted);
  --line: var(--rs-line);
  color: var(--rs-ink);
  background: linear-gradient(135deg, rgb(248, 250, 252) 0%, rgb(245, 248, 255) 52%, rgb(255, 253, 251) 100%);
  font-family: Arial, Helvetica, sans-serif;
}

body.platform-clean-v3 .site-header {
  border-bottom: 1px solid var(--rs-line);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  backdrop-filter: blur(14px);
}

body.platform-clean-v3 .site-header .brand,
body.platform-clean-v3 .wizard-brand,
body.platform-clean-v3 .brand-title {
  color: var(--rs-ink);
  font-weight: 800;
  letter-spacing: -0.025em;
}

body.platform-clean-v3 .brand-title {
  color: #0f172a;
}

body.platform-clean-v3 .main-nav a {
  color: var(--rs-ink-soft);
  font-weight: 650;
}

body.platform-clean-v3 .main-nav a:hover,
body.platform-clean-v3 .plain-link,
body.platform-clean-v3 .footer-link,
body.platform-clean-v3 .login-link,
body.platform-clean-v3 .link-button {
  color: var(--rs-primary-strong);
}

body.platform-clean-v3 .btn,
body.platform-clean-v3 .btn-login,
body.platform-clean-v3 .btn-primary,
body.platform-clean-v3 .btn-secondary,
body.platform-clean-v3 button {
  min-height: 44px;
  border-radius: 12px;
  font-family: inherit;
}

body.platform-clean-v3 .btn-primary,
body.platform-clean-v3 .btn-login {
  color: var(--rs-on-primary);
  border-color: var(--rs-primary);
  background: var(--rs-primary);
  box-shadow: 0 10px 24px rgba(var(--rs-primary-rgb, 37, 99, 235), 0.18);
}

body.platform-clean-v3 .btn-primary:hover,
body.platform-clean-v3 .btn-login:hover {
  color: var(--rs-on-primary);
  background: var(--rs-primary-hover);
  transform: translateY(-1px);
}

body.platform-clean-v3 .hero {
  color: var(--rs-ink);
  background:
    radial-gradient(circle at 12% 12%, rgba(var(--rs-primary-rgb, 37, 99, 235), 0.08), transparent 32%),
    var(--rs-canvas);
}

body.platform-clean-v3 .hero-text h1,
body.platform-clean-v3 .about-hero-copy h1,
body.platform-clean-v3 .wizard-header h1,
body.platform-clean-v3 .card-title {
  color: var(--rs-ink);
  font-weight: 850;
  letter-spacing: -0.045em;
}

body.platform-clean-v3 .hero-lead,
body.platform-clean-v3 .wizard-header p,
body.platform-clean-v3 .brand-sub,
body.platform-clean-v3 .card-copy,
body.platform-clean-v3 .hint,
body.platform-clean-v3 .helper-msg {
  color: var(--rs-muted);
}

body.platform-clean-v3 .product-window,
body.platform-clean-v3 .flow-step,
body.platform-clean-v3 .login-panel,
body.platform-clean-v3 .signup-panel,
body.platform-clean-v3 .promise-section,
body.platform-clean-v3 .card,
body.platform-clean-v3 .wizard-card,
body.platform-clean-v3 .panel,
body.platform-clean-v3 .modal-card {
  border: 1px solid var(--rs-line);
  border-radius: var(--rs-radius-lg);
  background: var(--rs-surface);
  box-shadow: var(--rs-shadow-xs);
}

body.platform-clean-v3 .signal-strip,
body.platform-clean-v3 .about-signal-strip {
  border-block: 1px solid var(--rs-line);
  background: var(--rs-surface);
}

body.platform-clean-v3 input,
body.platform-clean-v3 select,
body.platform-clean-v3 textarea,
body.platform-clean-v3 .form-input {
  min-height: 46px;
  border: 1px solid var(--rs-line-strong);
  border-radius: 11px;
  color: var(--rs-ink);
  background: var(--rs-surface);
}

body.platform-clean-v3 .wizard-container {
  width: min(100% - 32px, 1120px);
}

body.platform-clean-v3 .wizard-header {
  padding-top: 26px;
}

body.platform-clean-v3 .wizard-stepper {
  border: 1px solid var(--rs-line);
  border-radius: 14px;
  background: var(--rs-surface);
  box-shadow: var(--rs-shadow-xs);
}

body.platform-clean-v3 .wizard-field input[type="color"] {
  min-height: 54px;
  border-radius: 12px;
}

body.platform-clean-v3 .wizard-image-preview {
  border-color: var(--rs-line-strong);
  border-radius: var(--rs-radius-lg);
  background: var(--rs-surface-soft);
}

body.platform-clean-v3 .login-wrapper,
body.platform-clean-v3 .wrap {
  width: min(100% - 32px, 520px);
}

body.platform-clean-v3 .card {
  overflow: hidden;
}

body.platform-clean-v3 .app-shell {
  background: var(--rs-canvas-cool);
}

body.platform-clean-v3 .sidebar {
  color: #f8fafc;
  background: #101828;
  border-inline-end: 1px solid rgba(255,255,255,0.08);
}

body.platform-clean-v3 .topbar {
  border-bottom: 1px solid var(--rs-line);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: none;
}

body.platform-clean-v3 .content {
  background: var(--rs-canvas-cool);
}

body.platform-clean-v3 .panel,
body.platform-clean-v3 .kpi,
body.platform-clean-v3 .ops-card,
body.platform-clean-v3 .store-flow-card,
body.platform-clean-v3 .launch-card-head,
body.platform-clean-v3 .readiness-panel,
body.platform-clean-v3 .setup-card,
body.platform-clean-v3 .source-card,
body.platform-clean-v3 .tracking-card,
body.platform-clean-v3 .viz-card {
  border-color: var(--rs-line);
  border-radius: var(--rs-radius-md);
  background: var(--rs-surface);
  box-shadow: var(--rs-shadow-xs);
}

body.platform-clean-v3 .nav-btn {
  border-radius: 10px;
}

body.platform-clean-v3 .nav-btn.active,
body.platform-clean-v3 .nav-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

body.platform-clean-v3 .badge,
body.platform-clean-v3 .launch-stage-pill,
body.platform-clean-v3 .delta-pill,
body.platform-clean-v3 .template-pill {
  border-radius: 999px;
}

body.platform-clean-v3 .table-wrap {
  overflow: hidden;
  border: 1px solid var(--rs-line);
  border-radius: var(--rs-radius-md);
  background: var(--rs-surface);
}

@media (max-width: 720px) {
  body.platform-clean-v3 .hero {
    padding-block: 54px;
  }

  body.platform-clean-v3 .hero-text h1,
  body.platform-clean-v3 .about-hero-copy h1 {
    font-size: clamp(2.4rem, 11vw, 3.5rem);
  }

  body.platform-clean-v3 .wizard-container {
    width: 100%;
  }

  body.platform-clean-v3 .wizard-header {
    padding-inline: 12px;
  }

  body.platform-clean-v3 .wizard-form-section .wizard-field {
    margin-bottom: 0.72rem;
  }

  body.platform-clean-v3 .wizard-field textarea {
    min-height: 108px;
  }
}

@media (max-width: 340px) {
  body.platform-clean-v3 .wizard-card:not(.wizard-card-success) > .wizard-actions #wiz-next {
    width: 100%;
    justify-self: stretch;
  }
}