.faq-page { background: var(--bg); }
.faq-hero { padding: clamp(64px, 9vw, 112px) 24px; background: linear-gradient(135deg, rgba(255,248,232,.98), rgba(255,241,207,.90)), radial-gradient(circle at 78% 20%, rgba(212,177,95,.26), transparent 34%); }
.faq-hero-inner { text-align: center; }
.faq-hero .eyebrow { margin-left: auto; margin-right: auto; }
.faq-hero h1 { max-width: 1000px; margin: 0 auto; color: var(--navy-2); font-size: clamp(42px, 6vw, 78px); line-height: 1.02; letter-spacing: -.055em; }
.faq-lead { max-width: 820px; margin: 24px auto 0; color: var(--muted); font-size: clamp(18px, 2vw, 23px); line-height: 1.65; }
.faq-section { padding: clamp(58px, 8vw, 96px) 24px; }
.faq-layout { max-width: 980px; }
.faq-intro { text-align: center; margin-bottom: 34px; }
.faq-intro h2, .faq-cta h2 { margin: 0; color: var(--navy-2); font-size: clamp(30px, 4vw, 50px); line-height: 1.08; }
.faq-intro > p:last-child, .faq-cta p { color: var(--muted); font-size: 18px; line-height: 1.7; }
.faq-list { display: grid; gap: 14px; }
.faq-item { border-radius: 20px; background: rgba(255,255,255,.84); border: 1px solid rgba(16,47,77,.09); box-shadow: 0 14px 34px rgba(16,47,77,.08); overflow: hidden; }
.faq-item summary { position: relative; cursor: pointer; list-style: none; padding: 23px 62px 23px 25px; color: var(--navy-2); font-size: 19px; font-weight: 850; line-height: 1.35; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 30px; color: #bd9342; }
.faq-item[open] summary::after { content: "−"; }
.faq-answer { padding: 0 25px 23px; }
.faq-answer p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.72; }
.faq-cta { margin-top: 40px; padding: clamp(28px, 5vw, 48px); border-radius: 26px; text-align: center; background: rgba(255,255,255,.78); border: 1px solid rgba(212,177,95,.18); box-shadow: var(--shadow); }
.faq-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
@media (max-width: 620px) { .faq-item summary { padding: 20px 52px 20px 20px; font-size: 18px; } .faq-answer { padding: 0 20px 20px; } }