/* FAQ 2 - TWO COLUMNS */
.faq-2 { padding: 100px 5%; background: var(--gray-light); }
.faq-2 .container { max-width: 1200px; margin: 0 auto; }
.faq-2 .header { text-align: center; margin-bottom: 60px; }
.faq-2 .eyebrow { font-size: 0.85rem; font-weight: 600; color: var(--secondary); text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 16px; }
.faq-2 h2 { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); color: var(--black); }
.faq-2 .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.faq-2 .card { background: var(--white); padding: 32px; }
.faq-2 .card h3 { font-family: var(--font-display); font-size: 1.1rem; color: var(--black); margin-bottom: 12px; display: flex; align-items: flex-start; gap: 12px; }
.faq-2 .card h3::before { content: '?'; flex-shrink: 0; width: 28px; height: 28px; background: var(--accent); color: var(--white); font-family: var(--font-heading); font-size: 1rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.faq-2 .card p { color: var(--gray-dark); line-height: 1.7; padding-left: 40px; }
@media (max-width: 768px) { .faq-2 .grid { grid-template-columns: 1fr; } }