.page-hero{background:radial-gradient(900px 400px at 80% -20%,var(--mint),#fff 60%);padding:120px 0 50px;border-bottom:1px solid var(--line)}
  .crumbs{font-size:.85rem;color:var(--ink-faint);margin-bottom:14px}.crumbs a{color:var(--brand);font-weight:600}.crumbs span{margin:0 8px;color:var(--line)}
  .page-hero h1{font-size:clamp(2rem,4vw,3rem)}.page-hero p{color:var(--ink-dim);margin-top:14px;max-width:680px}
  .faq-wrap{padding:56px 0 72px;max-width:860px;margin:0 auto}
  .faq{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden;transition:.25s}
  .faq:hover{border-color:var(--brand)}
  .faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--head);font-weight:700;font-size:1.05rem;color:var(--ink);padding:22px 56px 22px 24px;position:relative;display:flex;align-items:center}
  .faq-x{position:absolute;right:22px;top:50%;width:16px;height:16px;flex:none;transform:translateY(-50%)}
  .faq-x::before,.faq-x::after{content:"";position:absolute;background:var(--brand);border-radius:2px;transition:.3s}
  .faq-x::before{left:0;top:7px;width:16px;height:2px}
  .faq-x::after{left:7px;top:0;width:2px;height:16px}
  .faq.open .faq-x::after{transform:rotate(90deg);opacity:0}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
  .faq-a p{padding:0 24px 22px;color:var(--ink-dim);line-height:1.65;font-size:.96rem}
  .faq.open{box-shadow:var(--shadow)}
  .faq-cta{text-align:center;background:linear-gradient(150deg,var(--brand),var(--brand-dark));border-radius:20px;padding:44px;color:#fff;margin-top:34px;box-shadow:var(--shadow)}
  .faq-cta h2{color:#fff;font-size:clamp(1.4rem,2.4vw,1.9rem)}
  .faq-cta p{color:rgba(255,255,255,.9);margin:12px 0 24px}
  .faq-cta .btn-brand{background:#fff;color:var(--brand-dark)}
  @media(prefers-reduced-motion:reduce){.faq-a,.faq-x::before,.faq-x::after{transition:none}}