/* デモ専用：画面右下の「導入を相談する」（js/demo-cta.js）。本番アプリには無い */
.demo-cta{
  position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;
  padding:12px 18px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;
  color:var(--accent-ink);background:var(--accent);box-shadow:0 8px 24px rgba(48,97,212,.35);
  transition:transform .15s,background .15s;
}
.demo-cta:hover{background:var(--accent-h);transform:translateY(-2px)}
.demo-cta .icx{stroke:currentColor}
@media screen and (max-width:767px){
  /* 下のメニュー（nav.bottom）に重ならない位置 */
  .demo-cta{right:12px;bottom:calc(72px + env(safe-area-inset-bottom));padding:10px 14px;font-size:13px}
  body:has(#app.hidden) .demo-cta{bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media print{.demo-cta{display:none !important}}