.faq-hero{padding: 60px 48px;text-align:center}
.faq-hero-label{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:#1a1a1a;margin-bottom:16px;font-family:Inter,'DM Sans',sans-serif}
.faq-hero-title{font-size:clamp(36px,5vw,60px);font-family:Inter,'DM Sans',sans-serif;color:#1a1615;line-height:1.1;margin-bottom:20px}
.faq-hero-sub{font-size:15px;color:#5A5E7A;max-width:480px;margin:0 auto;font-family:Inter,'DM Sans',sans-serif;line-height:1.7}
.faq-content{padding:80px 48px 0;background:var(--cd-bg,#f7f5f2)}
.faq-inner{max-width:760px;margin:0 auto}
.faq-category{margin-bottom:0}
.faq-category-title{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:#5A5E7A;font-family:Inter,"DM Sans",sans-serif;margin-bottom:20px;padding-bottom:0;border-bottom:none;font-weight:600;padding-top:20px}
.faq-item{background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:0;padding:0;margin-bottom:8px}
.faq-q{font-family:Inter,"DM Sans",sans-serif;font-size:18px;font-weight:400;color:#1a1615;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;user-select:none;line-height:1.5;padding:28px 32px}
.faq-q::after{content:'+';font-family:Inter,"DM Sans",sans-serif;font-size:24px;color:#1a1a1a;flex-shrink:0;transition:transform 0.3s}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{font-size:15px;line-height:1.8;color:#5A5E7A;font-family:Inter,"DM Sans",sans-serif;max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s;padding:0 32px}
.faq-item.open .faq-a{max-height:400px !important;padding:0 32px 24px !important;display:block !important}
.faq-cta{background:#f0efed;padding:0px 48px 80px;text-align:center}
.faq-cta h2{font-size:clamp(28px,4vw,42px);font-family: Inter, "DM Sans", sans-serif;color:#f7f5f2;margin-bottom:16px}
.faq-cta p{font-size:14px;color:rgba(248,248,245,0.6);font-family:Inter,'DM Sans',sans-serif;margin-bottom:32px}
@media(max-width:768px){.faq-hero{padding:80px 24px 40px}.faq-content{padding:40px 24px 0 !important}.faq-cta{padding:60px 24px}}
/* ── PAGE HERO — consistent across all pages ── */
@media(max-width: 768px) {
}

/* Hero text - no background box */
.page-hero p, .page-hero h1, .page-hero h2, .blog-hero p, .blog-hero h1, .blog-hero h2, .blog-hero-sub, .blog-hero-title { background: transparent !important; }