/* Shared visual layer for the production market pages. Business behavior remains in HTML. */
:root {
  --bg: #f6f8fc;
  --carbon: #0d1729;
  --surface: #14223a;
  --panel-border: #dbe4f2;
  --text: #111c31;
  --text-inv: #f8fbff;
  --muted: #627089;
  --muted-inv: #c9d5e8;
  --accent: #2867ed;
  --accent-dark: #174bc0;
  --signal: #3b82f6;
  --blue: #2867ed;
  --border: #dbe4f2;
  --card: #fff;
  --radius: 16px;
  --shadow: 0 18px 50px rgba(34, 76, 145, .10);
}

html { scroll-behavior: smooth; }
body.concepts-candidate {
  background: var(--bg);
  color: var(--text);
  font-family: Inter, Heebo, system-ui, sans-serif;
}
.concept-preview-bar {
  position: relative;
  z-index: 1001;
  min-height: 28px;
  display: grid;
  place-items: center;
  padding: 5px 16px;
  background: #0d1729;
  color: #dce8ff;
  font: 700 10px/1.35 Inter, sans-serif;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
}
.site-header { top: 0; background: rgba(255,255,255,.94); border-bottom-color: #e5ebf4; }
.brand-mark, .btn-primary { background: linear-gradient(135deg, #2867ed, #1f5bd5); }
.btn { border-radius: 10px; }
.btn-primary { box-shadow: 0 8px 20px rgba(40,103,237,.22); }
.btn-primary:hover { background: linear-gradient(135deg, #174bc0, #2867ed); }
.hero, .section, .site-footer { border-color: #e3eaf4; }
.hero { background: radial-gradient(circle at 75% 20%, rgba(40,103,237,.12), transparent 34%), #f9fbff; }
.hero h1, h1, h2, h3 { font-family: "Space Grotesk", Heebo, sans-serif; letter-spacing: -.035em; }
.warm-word, .eyebrow, a, .price, .workflow-level { color: var(--accent); }
.card, .workflow-card, .package-card, .evidence-card, .dashboard-shell,
.contact-card, .buyer-panel, .first-step-card, .technical-summary {
  border-color: #dfe7f3;
  border-radius: 16px;
  box-shadow: var(--shadow);
}
.card:hover, .workflow-card:hover { border-color: #9db9f5; transform: translateY(-2px); }
.section:nth-of-type(even) { background: #eef4fd; }
.contact-section, .site-footer { background: #0d1729; }
input, select, textarea { border-radius: 10px; border-color: #cbd7e8; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(40,103,237,.14); }
.chat-shell, .modal-card { border-radius: 16px; }
.workflow-finder {
  grid-template-columns: 1fr;
  gap: 14px;
  max-width: 920px;
  margin: 0 auto;
}
.workflow-finder > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.workflow-finder > div:first-child .eyebrow { margin: 0; flex: 0 0 auto; }
.workflow-finder > div:first-child h2 { margin: 0; font-size: clamp(1.55rem, 3vw, 2rem); }
.finder-panel { padding: 16px; gap: 9px; }
.finder-panel label { font-size: .88rem; }
.finder-panel input { min-height: 48px; }
.finder-actions .btn { padding: 10px 14px; }
.finder-status:empty { display: none; }
.workflow-results[hidden] { display: none; }
.workflow-results { margin-top: 4px; }
.workflow-next-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.workflow-scroll-hint {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  border: 0;
  border-radius: 10px;
  background: #eaf1ff;
  color: var(--accent-dark);
  font: 750 13px/1.3 Inter, Heebo, sans-serif;
  cursor: pointer;
}
.workflow-scroll-hint[hidden], #workflow-unique-request[hidden] { display: none; }
.workflow-scroll-arrow {
  display: inline-block;
  color: var(--accent);
  font-size: 22px;
  line-height: 1;
  animation: workflow-arrow-callout .85s ease-in-out infinite alternate;
}
@keyframes workflow-arrow-callout {
  from { opacity: .38; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(4px); }
}
@media (prefers-reduced-motion: reduce) {
  .workflow-scroll-arrow { animation: none; }
}
.mobile-sticky-cta, .site-floating { filter: drop-shadow(0 10px 24px rgba(13,23,41,.18)); }
html[dir="rtl"] .concept-preview-bar { direction: ltr; }
@media (max-width: 760px) {
  .concept-preview-bar { font-size: 9px; letter-spacing: .08em; }
  .hero { background: radial-gradient(circle at 50% 8%, rgba(40,103,237,.12), transparent 26%), #f9fbff; }
  .workflow-finder > div:first-child { display: block; }
  .workflow-finder > div:first-child .eyebrow { margin-bottom: 5px; }
}