/* モック faq.html の <style id="faq-extra"> をそのまま収録（読み込み順をモックに合わせるため） */

.demo-cta{padding:80px 0;background:linear-gradient(97deg,#0E3058 0%,#034C92 60%,#0E2F57 100%);color:#fff;text-align:center}
.demo-cta h2{font-size:32px;font-weight:800;margin:0 0 12px;line-height:1.4}
.demo-cta .dc-text{font-size:16px;margin:0 0 30px;color:#D6E2F0}
.demo-cta .dc-types{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 34px}
.demo-cta .dc-types span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 24px;font-weight:700;font-size:15px}
.demo-cta .dc-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.demo-cta .dc-btns a{background:#fff;color:#034C92;border-radius:6px;padding:14px 28px;font-weight:700;font-size:15px;text-decoration:none;transition:.2s}
.demo-cta .dc-btns a:hover{background:#EAF1F9}