/* YapAIgibi demo interaction layer */
.demo-modal[hidden]{display:none!important}
.demo-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px}
.demo-modal-backdrop{position:absolute;inset:0;background:rgba(7,25,22,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:demoFade .18s ease-out}
.demo-modal-card{position:relative;width:min(520px,calc(100vw - 32px));border:1px solid rgba(20,120,96,.22);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,252,250,.99));box-shadow:0 28px 80px rgba(4,31,25,.28);padding:28px;animation:demoPop .22s cubic-bezier(.2,.8,.2,1)}
.demo-modal-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,#dff8f0,#e8f0ff);color:#08795f;font-size:24px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(8,121,95,.08)}
.demo-modal-kicker{display:block;margin-bottom:8px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#0b8a6b}
.demo-modal-card h3{margin:0 0 10px;font-size:24px;line-height:1.18;color:#102821}
.demo-modal-card p{margin:0;color:#637a73;line-height:1.65;font-size:14px}
.demo-modal-target{margin-top:14px;padding:11px 13px;border-radius:13px;background:#eff7f4;color:#49655d;font-size:12px;font-weight:700;display:none}
.demo-modal-target.is-visible{display:block}
.demo-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.demo-modal-actions a,.demo-modal-actions button{min-height:42px;border-radius:12px;padding:0 16px;font-weight:850;font-size:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.demo-modal-primary{border:0;background:#102d27;color:#fff;box-shadow:0 10px 24px rgba(16,45,39,.18)}
.demo-modal-secondary{border:1px solid #d7e5e0;background:#fff;color:#29463e}
.demo-modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:1px solid #dbe8e4;border-radius:11px;background:#fff;color:#667c75;font-size:20px;cursor:pointer}
.demo-modal-card:focus{outline:none}
@keyframes demoFade{from{opacity:0}to{opacity:1}}
@keyframes demoPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.demo-modal{padding:16px}.demo-modal-card{padding:24px 20px;border-radius:20px}.demo-modal-actions{display:grid}.demo-modal-actions a,.demo-modal-actions button{width:100%}}