/* Make It Happen modal · shared across teaser surfaces · brand-toggle aware
   Reads --bg-card / --text / --accent / --gradient etc from the host page. */
.mih-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);animation:mih-fade 0.18s ease}
.mih-overlay.open{display:flex}
@keyframes mih-fade{from{opacity:0}to{opacity:1}}
.mih-card{background:var(--bg-card,#fff);color:var(--text,#22142b);border:1px solid var(--border,rgba(0,0,0,0.12));border-radius:14px;max-width:480px;width:100%;max-height:92vh;overflow-y:auto;padding:28px 28px 24px;box-shadow:0 24px 64px rgba(0,0,0,0.45);font-family:var(--font-body,'Nunito',sans-serif);position:relative;animation:mih-rise 0.22s ease}
@keyframes mih-rise{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
.mih-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:var(--text-muted,#888);font-size:24px;line-height:1;cursor:pointer;padding:4px 10px;border-radius:6px}
.mih-close:hover{background:var(--bg-alt,#f3f3f3);color:var(--text,#22142b)}
.mih-card h3{font-family:var(--font-display,'Nunito',sans-serif);font-weight:var(--display-weight,900);font-size:1.5rem;line-height:1.15;margin:0 0 6px;color:var(--text,#22142b)}
.mih-sub{font-size:13px;color:var(--text-sec,#555);margin-bottom:18px;line-height:1.5}
.mih-form{display:flex;flex-direction:column;gap:12px}
.mih-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mih-field{display:flex;flex-direction:column;gap:4px}
.mih-field label{font-size:11px;font-weight:700;color:var(--text-sec,#555);text-transform:uppercase;letter-spacing:0.06em}
.mih-field input,.mih-field textarea{background:var(--bg,#fff);border:1px solid var(--border,rgba(0,0,0,0.18));border-radius:7px;padding:9px 11px;font-size:14px;color:var(--text,#22142b);font-family:inherit;outline:none;transition:border-color 0.15s,box-shadow 0.15s}
.mih-field input:focus,.mih-field textarea:focus{border-color:var(--accent,#602875);box-shadow:0 0 0 3px var(--gradient-soft,rgba(96,40,117,0.12))}
.mih-field textarea{resize:vertical;min-height:60px;font-family:inherit}
.mih-field .opt{color:var(--text-muted,#999);font-weight:600;text-transform:none;letter-spacing:normal;font-size:10.5px;margin-left:4px}
.mih-submit{background:var(--gradient,linear-gradient(135deg,#602875,#008e6f));color:#fff;border:none;border-radius:8px;padding:12px 16px;font-family:var(--font-display,inherit);font-weight:var(--display-weight,900);font-size:13.5px;letter-spacing:0.07em;text-transform:uppercase;cursor:pointer;margin-top:6px;transition:filter 0.15s,transform 0.1s}
.mih-submit:hover{filter:brightness(1.08)}
.mih-submit:active{transform:translateY(1px)}
.mih-submit:disabled{opacity:0.55;cursor:wait}
.mih-fine{font-size:11.5px;color:var(--text-muted,#888);margin-top:10px;text-align:center;line-height:1.55}
.mih-fine a{color:var(--accent,#602875);text-decoration:none;font-weight:700}
.mih-fine a:hover{text-decoration:underline}
.mih-error{background:rgba(200,68,47,0.10);border:1px solid rgba(200,68,47,0.35);color:#c8442f;border-radius:7px;padding:9px 12px;font-size:12.5px;margin-top:4px}
.mih-success{text-align:center;padding:14px 8px 4px}
.mih-success .check{width:54px;height:54px;border-radius:50%;background:var(--gradient,linear-gradient(135deg,#10a37f,#3dbf99));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:900;margin-bottom:14px}
.mih-success h3{margin-bottom:6px}
.mih-success p{font-size:13.5px;color:var(--text-sec,#555);line-height:1.55;margin-bottom:6px}

/* Trigger button — "Slack Us Now" · larger than .cta-btn, not gaudy */
.mih-trigger{background:var(--gradient,linear-gradient(135deg,#602875,#008e6f));color:#fff;border:none;border-radius:10px;padding:14px 28px;font-family:var(--font-display,inherit);font-weight:var(--display-weight,900);font-size:15px;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:filter 0.15s,transform 0.1s;box-shadow:0 6px 18px rgba(0,0,0,0.18)}
.mih-trigger:hover{filter:brightness(1.08);transform:translateY(-1px)}
.mih-trigger:active{transform:translateY(0)}
.mih-trigger .ic{display:inline-flex;width:22px;height:22px;border-radius:5px;background:rgba(255,255,255,0.18);align-items:center;justify-content:center;font-size:13px}

@media (max-width:520px){.mih-row{grid-template-columns:1fr}.mih-card{padding:22px 20px 18px}.mih-trigger{padding:13px 22px;font-size:14px}}
