/**
 * Author: Andrey Morozov
 * Confidential. Proprietary and confidential. Unauthorized copying or distribution is prohibited.
 *
 * This stylesheet adapts the canonical IAM.Bot landing to its support direction.
 * It owns support copy layout, demo ergonomics and accessible focus states.
 * Palette, typography and component surfaces remain in ../iambot/theme.css.
 */
.support-brand { color: var(--iam-ink-mute); font: 12px var(--font-mono); margin-left: 10px; border-left: 1px solid var(--iam-stroke-bright); padding-left: 10px; }
.iam-logo { flex-shrink: 0; }
.support-title { margin-top: var(--sp-5); }
.support-title span { background: linear-gradient(135deg, #c4a8ff 0%, #8b5cf6 60%, #7c3aed 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-split { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.hero-split > div { min-width: 0; }
.hero-bot .lede { margin: var(--sp-6) 0 0; }
.hero-bot .h-display { font-size: clamp(48px, 5vw, 64px); }
.hero-bot { padding-top: var(--sp-16); }
.chat-body { min-height: 360px; max-height: 360px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--bot-accent) transparent; }
.chat-head .meta { white-space: nowrap; }
.chat-input input { min-width: 0; font-family: var(--font-sans); }
.chat-input:focus-within { border-color: var(--bot-accent-hi); }
.bubble { overflow-wrap: anywhere; }
.support-demo-note { color: var(--iam-ink-mute); font-size: 11px; margin: var(--sp-3) 0 0; }
.support-band { background: rgba(8, 14, 28, 0.3); }
.embed-frame { margin-bottom: var(--sp-6); }
.embed-row .code { color: var(--bot-cyan); font-family: var(--font-mono); }
.support-small { margin: var(--sp-4) 0 0; color: var(--iam-ink-mute); font-size: 13px; line-height: 1.6; }
#copy-status:empty { display: none; }
.funnel-strip > .eyebrow { margin-bottom: var(--sp-4); }
.support-knowledge { padding: var(--sp-6); }
.support-knowledge .eyebrow, .support-knowledge .h3 { margin-bottom: var(--sp-4); }
.support-knowledge p { color: var(--iam-ink-mute); font-size: 14.5px; }
.support-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.lead-row { grid-template-columns: 110px minmax(0, 1fr); }
.support-faq { display: grid; grid-template-columns: 1fr 2fr; gap: var(--sp-12); }
.support-faq .h2 { margin-top: var(--sp-4); }
.final-cta .h2 { margin-top: var(--sp-3); }
.final-cta .lede { margin: var(--sp-5) auto 0; }
.final-cta .hero-cta-row { justify-content: center; margin-top: var(--sp-8); }
.support-legal { display: flex; flex-wrap: wrap; gap: var(--sp-5); margin-bottom: var(--sp-6); font-size: 13px; color: var(--iam-ink-mute); }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
section, #demo { scroll-margin-top: 100px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--bot-cyan); outline-offset: 5px; }
.support-skip { position: fixed; top: 8px; left: 16px; z-index: 100; transform: translateY(-200%); padding: 10px 18px; background: var(--iam-canvas); border: 2px solid var(--bot-cyan); border-radius: var(--r-sm); }
.support-skip:focus { transform: none; }
@media (max-width: 1150px) {
  .topbar-nav { gap: 14px; font-size: 12px; }
  .topbar-inner { gap: 16px; }
  .topbar-cta .btn-ghost { display: none; }
}
@media (max-width: 1024px) {
  .hero-split { grid-template-columns: 1fr; }
  .chat-frame { width: 100%; max-width: 640px; }
}
@media (max-width: 768px) {
  .support-faq { grid-template-columns: 1fr; gap: var(--sp-6); }
  .chat-head .meta { display: none; }
  .embed-row { flex-direction: column; align-items: stretch; padding: var(--sp-4); }
  .embed-frame { padding: var(--sp-4); }
  .lead-card .lc-head { flex-wrap: wrap; }
  .lead-card .lc-head .dest { margin-left: 0; }
  .support-legal { flex-direction: column; gap: var(--sp-3); }
}
@media (max-width: 400px) {
  .support-brand { margin-left: 6px; padding-left: 6px; font-size: 10px; }
  .lead-row { grid-template-columns: 90px minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }