/* marketing-faq.css — FAQ page styles */

.page-hero { padding: 4.5rem 0 3.5rem; background: radial-gradient(ellipse 70% 50% at 50% 0%,rgba(168,85,247,.08),transparent),var(--bg2); border-bottom: 1px solid var(--border); }
.faq-layout { display: grid; grid-template-columns: 240px 1fr; gap: 3rem; align-items: start; }
.faq-nav { position: sticky; top: calc(var(--nav-h) + 1.5rem); }
.faq-nav-title { font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: .75rem; }
.faq-nav ul { list-style: none; }
.faq-nav li { margin-bottom: .2rem; }
.faq-nav a { display: block; padding: .38rem .75rem; border-radius: 8px; font-size: .83rem; color: var(--muted); transition: color .15s, background .15s; }
.faq-nav a:hover, .faq-nav a.active { color: var(--text); background: rgba(12,27,58,.06); }
.faq-section { margin-bottom: 3rem; scroll-margin-top: calc(var(--nav-h) + 1.5rem); }
.faq-sec-title { font-size: 1rem; font-weight: 800; color: var(--accent); margin-bottom: 1rem; display: flex; align-items: center; gap: .5rem; }
.faq-item { border: 1px solid var(--border); border-radius: 12px; overflow: hidden; margin-bottom: .75rem; }
.faq-q { padding: 1.1rem 1.3rem; display: flex; align-items: center; justify-content: space-between; cursor: pointer; gap: 1rem; user-select: none; transition: background .15s; }
.faq-q:hover { background: rgba(12,27,58,.03); }
.faq-q-text { font-size: .9rem; font-weight: 600; line-height: 1.4; }
.faq-icon { color: var(--accent); font-size: .78rem; flex-shrink: 0; transition: transform .2s; }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-a { display: none; padding: 0 1.3rem 1.2rem; font-size: .86rem; color: var(--muted); line-height: 1.8; border-top: 1px solid var(--border); }
.faq-item.open .faq-a { display: block; }
.faq-item.open { border-color: rgba(184,148,12,.3); }
@media(max-width:800px) { .faq-layout { grid-template-columns: 1fr; } .faq-nav { display: none; } }