.support-app { display: grid; gap: 24px; }
.support-hero { display: flex; min-height: 210px; align-items: flex-end; justify-content: space-between; gap: 36px; padding: 28px 0 38px; border-bottom: 1px solid var(--fs-border); }
.support-hero h1 { margin: 0 0 12px; font-size: clamp(3rem, 6vw, 5.2rem); line-height: .95; letter-spacing: -.06em; }
.support-hero p:not(.fs-eyebrow) { margin: 0; color: var(--fs-muted); }
.support-panel { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; padding: 46px; border: 1px solid var(--fs-border); border-radius: 18px; background: linear-gradient(155deg, rgba(15,34,63,.88), rgba(8,21,41,.93)); }
.support-panel h2 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.25rem); letter-spacing: -.035em; }
.support-copy > p:not(.fs-eyebrow) { color: var(--fs-muted); line-height: 1.7; }
.support-copy a { color: var(--fs-blue-500); font-weight: 760; }
.support-promise { display: grid; gap: 5px; margin-top: 30px; padding: 16px; border: 1px solid rgba(75,164,255,.24); border-radius: 12px; background: rgba(75,164,255,.07); }
.support-promise span { color: var(--fs-muted); font-size: .8rem; line-height: 1.5; }
.support-form { display: grid; gap: 17px; }
.fs-field textarea { width: 100%; min-height: 150px; resize: vertical; border: 1px solid var(--fs-border); border-radius: 11px; outline: 0; padding: 13px; color: var(--fs-text); background: rgba(6,17,35,.74); font: inherit; line-height: 1.55; }
.fs-field textarea:focus { border-color: var(--fs-blue-500); box-shadow: 0 0 0 3px rgba(75,164,255,.12); }

@media (max-width: 880px) {
  .support-panel { grid-template-columns: 1fr; gap: 34px; padding: 32px; }
  .support-hero { align-items: stretch; flex-direction: column; }
}
@media (max-width: 640px) {
  .support-panel { padding: 24px 20px; }
  .support-hero { min-height: 0; }
  .support-hero h1 { font-size: 3.3rem; }
}