/* Client feedback batch 3 · CONTACT (.claude/CLIENT-FEEDBACK-0917b.md C1–C3). Loaded only by contact.html. */

/* ── C2 · "Send Us a Message" + "Contact Information": GOLD cards on the light section, every text in ink ── */
#touch .fqcard{
  background: var(--accent-sheen), var(--accent-grad);
  border-color: rgba(10,10,11,.16);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: 0 28px 70px -36px rgba(120,84,20,.6);
}
#touch .fqcard::after{ background: radial-gradient(300px circle at var(--fq-x, 50%) var(--fq-y, 50%), rgba(255,250,236,.32), transparent 70%); }
#touch .fqcard .h-mid{ color: #0A0A0B; background: none; -webkit-text-fill-color: currentColor; }
#touch .fqcard .kick{ color: #0A0A0B; }
#touch .fqcard .fld__lbl{ color: rgba(10,10,11,.84); }
#touch .fqcard .fld__lbl i{ color: #0A0A0B; }
#touch .fqcard .fld__in{ background: rgba(255,255,255,.58); border: 1px solid rgba(10,10,11,.26); color: #0A0A0B; }
#touch .fqcard .fld__in::placeholder{ color: rgba(10,10,11,.5); }
#touch .fqcard .fld__in:focus{ background: rgba(255,255,255,.86); border-color: #0A0A0B; box-shadow: 0 0 0 2px rgba(10,10,11,.14); }
#touch .fqcard .fld__sel option{ color: #0A0A0B; background: #FFFFFF; }
#touch .fqcard .fld__caret{ color: #0A0A0B; }
#touch .fqcard .btn--solid,
#touch .fqcard .btn--solid *{ color: var(--accent); -webkit-text-fill-color: currentColor; }
#touch .fqcard .btn--solid{ background: #0A0A0B; background-image: none; border-color: #0A0A0B; box-shadow: 0 12px 30px -14px rgba(10,10,11,.7); }
#touch .fqcard .btn--solid:hover, #touch .fqcard .btn--solid:focus-visible{ background: #1B1B1F; }
#touch .fqcard .btn--solid:hover *, #touch .fqcard .btn--solid:focus-visible *{ color: var(--accent-hov); }
#touch .fqcard [data-ok]{ color: #0A0A0B; font-weight: 600; }
#touch .fqcard .ftr__h{ color: rgba(10,10,11,.66); }
#touch .fqcard .ftr__link{ color: #0A0A0B; }
#touch .fqcard .ftr__link:hover{ color: #0A0A0B; text-decoration: underline; text-underline-offset: 3px; }
#touch .fqcard .fq__ic{ background: rgba(10,10,11,.09); border-color: rgba(10,10,11,.2); color: #0A0A0B; }

/* ── C3 · FAQ: black ground, gold cards; the heading is just "Frequently Asked Questions" in white ── */
#faq.faqband{ background: #0A0A0B; }
#faq .close-band__bg{ display: none; }
#faq .faq__h{ background: none; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; }
#faq .fqcard{
  background: var(--accent-sheen), var(--accent-grad);
  border-color: rgba(226,178,76,.55);
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
#faq .fqcard::after{ background: radial-gradient(300px circle at var(--fq-x, 50%) var(--fq-y, 50%), rgba(255,250,236,.34), transparent 70%); }
#faq .fqcard:hover{ border-color: rgba(247,220,150,.9); }
#faq .fq__btn{ color: #0A0A0B; }
#faq .fq__q{ color: #0A0A0B; font-weight: 600; }
#faq .fq__meta{ color: rgba(10,10,11,.72); border-color: rgba(10,10,11,.26); background: rgba(10,10,11,.05); }
#faq .fq__a{ color: rgba(10,10,11,.86); }
#faq .fq__ic{ background: rgba(10,10,11,.08); border-color: rgba(10,10,11,.28); color: #0A0A0B; }
#faq .fqcard.is-open .fq__ic{ background: #0A0A0B; border-color: #0A0A0B; color: var(--accent); }

/* ══ 2026-09-23 · batch 13 · phone pass ═══════════════════════════════════
   Form labels are the one place the .68rem mono label scale has to give: on a
   phone these are read while typing into the field beneath them. 12px with
   slightly tighter tracking keeps the same voice at a readable size. */
@media (max-width: 600px){
  #touch .fld__lbl{ font-size: .75rem; letter-spacing: .14em; }
}