/* =========================================================================
   Nancy AI — Contact page (contact.html) specific styles.
   Loaded only by contact.html. Shared components (hero, cta-form/form-*,
   buttons) live in main.css and are reused here without modification.
   ========================================================================= */

/* ───────── ALTERNATIVE CONTACT ───────── */
.altcontact{padding:100px 0;background:var(--bg-soft);}
.altcontact-head{text-align:center;max-width:560px;margin:0 auto 48px;}
.altcontact-head .eyebrow{margin-bottom:14px;}
.altcontact-head h2{margin-bottom:0;}
.altcontact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:760px;margin:0 auto;}
.altcontact-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 30px;transition:transform .18s, box-shadow .18s, border-color .18s;}
.altcontact-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(31,18,96,.08);border-color:var(--v200);}
.altcontact-card:focus-visible{outline:2px solid var(--v500);outline-offset:3px;}
@media (prefers-reduced-motion: reduce){.altcontact-card{transition:border-color .18s;}.altcontact-card:hover{transform:none;}}
.ac-icon{width:44px;height:44px;border-radius:12px;background:var(--v50);color:var(--v600);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.altcontact-card h3{font:700 18px/1.3 var(--font-display);color:var(--ink-900);margin-bottom:6px;}
.altcontact-card p{font:400 14px/1.55 var(--font-body);color:var(--ink-600);word-break:break-word;}

/* ───────── FAQ ───────── */
.faq{padding:120px 0;background:#fff;}
.faq-head{text-align:center;max-width:720px;margin:0 auto 56px;}
.faq-head .eyebrow{margin-bottom:14px;}
.faq-list{max-width:820px;margin:0 auto;}
.faq-item{padding:28px 0;border-bottom:1px solid var(--line);}
.faq-item:first-child{border-top:1px solid var(--line);}
.faq-item h3{font:700 19px/1.35 var(--font-display);color:var(--ink-900);margin-bottom:12px;}
.faq-item p{font:400 15px/1.6 var(--font-body);color:var(--ink-600);}

/* ───────── RESPONSIVE ───────── */
@media (max-width:900px){
  .altcontact, .faq{padding:88px 0;}
}
@media (max-width:720px){
  .altcontact, .faq{padding:64px 0;}
  .altcontact-grid{grid-template-columns:1fr;max-width:420px;}
}
@media (max-width:480px){
  .altcontact, .faq{padding:52px 0;}
}