/* ===== V10 FAQ ===== */
.faq-intro{max-width:920px}
.faq-topline{font:700 13px 'Manrope',sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.faq-capsule{display:inline-flex;background:var(--teal);color:var(--navy);padding:10px 18px;border-radius:999px;font:800 13px 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px}
.faq-page-hero h1{font-size:clamp(46px,5vw,72px);line-height:1.02;color:var(--navy);margin:0 0 16px;max-width:850px}
.faq-page-hero p{font-size:16px;color:var(--muted);line-height:1.7;max-width:760px}
.faq-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.faq-filter{border:1px solid rgba(32,41,93,.14);background:#fff;color:var(--navy);padding:10px 15px;border-radius:999px;font:700 12px 'Manrope',sans-serif;cursor:pointer}
.faq-filter.active,.faq-filter:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
/* Each category is a full-width navy band (broken out of the page's
   centered .container, same trick used nowhere else on this page but
   standard: negative margins sized from the viewport) holding cream
   pill-cards with an orange circle toggle, matching the Services section /
   homepage FAQ band style. Its own nested .container keeps the title and
   list aligned with the rest of the page's content width. */
.faq-category{background:var(--navy);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:46px 0}
.faq-category-title{font-size:24px;color:#fff;margin:0 0 22px}
.faq-page-list{display:grid;gap:14px}
.faq-page-item{background:#F5F1EB;color:var(--ink);border-radius:18px;overflow:hidden;transition:background .35s ease}
.faq-page-item.open{background:var(--teal)}
.faq-page-q{width:100%;border:0;background:transparent;padding:22px 26px;display:flex;align-items:center;gap:20px;text-align:left;color:var(--navy);font:600 16px 'Manrope',sans-serif;cursor:pointer;min-height:76px}
.faq-page-num{color:#8a90a5;font-size:14px;font-weight:600;flex:0 0 auto}
.faq-page-item.open .faq-page-num{color:rgba(255,255,255,.78)}
.faq-page-q-text{flex:1 1 auto}
.faq-page-item.open .faq-page-q-text{color:#fff}
.faq-page-toggle{width:40px;height:40px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;flex:0 0 auto;transition:.3s}
.faq-page-toggle svg{width:16px;height:16px;transition:transform .3s ease}
.faq-page-item.open .faq-page-toggle{background:rgba(32,41,93,.08);color:var(--navy)}
.faq-page-item.open .faq-page-toggle svg{transform:rotate(90deg)}
.faq-page-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-page-a p{padding:0 26px 22px;color:var(--navy);font-size:14px;line-height:1.65;margin:0}
.faq-page-item.open .faq-page-a{max-height:300px}
@media(max-width:620px){.faq-category{padding:30px 0}.faq-page-q{padding:18px 18px;gap:14px;font-size:15px;min-height:0}.faq-page-toggle{width:34px;height:34px}.faq-page-toggle svg{width:14px;height:14px}.faq-page-a p{padding:0 18px 18px}}