.support-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(360px,1.2fr); gap: 18px; }
.support-intro, .support-request-form { padding: 24px; }
.support-intro { background: linear-gradient(145deg,#2f2c57,#4f41b2); color: white; }
.support-intro .eyebrow { color: #cfc9ff; }
.support-intro > p { max-width: 520px; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.65; }
.support-promise { display: grid; margin: 20px 0 0; padding: 0; gap: 11px; list-style: none; }
.support-promise li { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 9px; font-size: 12px; }
.support-promise li > span:first-child { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; background: rgba(255,255,255,.13); font-weight: 800; }
.support-request-form { display: grid; gap: 16px; }
.support-request-form header p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.support-request-form label { display: flex; flex-direction: column; gap: 7px; }
.support-request-form textarea { min-height: 130px; resize: vertical; }
.support-context { display: grid; padding: 12px 14px; gap: 5px; border: 1px solid var(--border); border-radius: 12px; background: #fafafe; }
.support-context strong { font-size: 11px; }
.support-context span { color: var(--muted); font-size: 10px; line-height: 1.45; }
.support-privacy-note { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.guide-human-support { display: flex; margin: 0 15px 12px; padding: 10px 12px; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(103,87,214,.2); border-radius: 12px; background: #f8f6ff; color: var(--primary-dark); font-size: 10px; text-align: left; }
.guide-human-support strong { display: block; font-size: 11px; }
.guide-human-support > span:last-child { font-weight: 800; }

@media (max-width: 900px) {
  .support-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .support-intro, .support-request-form { padding: 19px; }
}
