/* MarktMind upgrade modal; colors and Geist are supplied by the site design system. */
  .mm-modal-root[hidden]{display:none}
  .mm-modal-root{position:fixed;inset:0;z-index:10055;display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
  .mm-scrim{position:absolute;inset:0;background:rgba(11,37,69,0.65)}
  .mm-dialog{position:relative;width:876px;max-width:100%;min-height:380px;display:flex;flex-direction:row-reverse;border-radius:12px;overflow:hidden;background:var(--lavender-bg)}
  .mm-close{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,0.85);color:var(--brand-navy);font:20px/1 var(--font-sans);cursor:pointer;transition:background .33s ease}
  .mm-close:hover{background:#fff}
  .mm-photo{flex:0 0 340px;background:url(/assets/about-mm-engine.webp) -8px 50%/auto 100% no-repeat,var(--brand-navy)}
  .mm-body{flex:1;min-width:0;box-sizing:border-box;padding:40px 44px 32px 40px;display:flex;flex-direction:column;justify-content:center}
  .mm-logo{display:block;height:26px;width:auto;align-self:flex-start}
  .mm-eyebrow{font-size:12px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--brand-violet);margin-top:24px}
  .mm-title{font-size:26px;font-weight:500;line-height:1.15;letter-spacing:-0.01em;color:var(--brand-navy);margin:10px 0 0}
  .mm-text{font-size:14px;line-height:1.6;color:var(--lavender-text);margin:10px 0 0;text-wrap:pretty}
  .mm-text-short{display:none}
  .mm-actions{margin-top:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  .mm-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;box-sizing:border-box;border:none;border-radius:4px;background:var(--brand-violet);color:#fff !important;font:500 14px var(--font-sans);text-decoration:none;cursor:pointer;transition:background .33s ease}
  .mm-btn:hover{background:#9B7FE0}
  .mm-btn:active{background:#4C34A0}
  .mm-btn:disabled{cursor:default}
  .mm-btn-secondary{background:#fff;color:var(--graphite) !important;box-shadow:inset 0 0 0 1px var(--silver-border)}
  .mm-btn-secondary:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--brand-violet)}
  .mm-btn-secondary:active{background:var(--lavender-bg)}
  .mm-link{padding:0;border:none;background:none;font:500 13px var(--font-sans);color:var(--brand-violet);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .mm-link:hover{color:var(--brand-navy)}
  .mm-form{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}
  .mm-input{flex:1 1 200px;min-width:0;height:40px;box-sizing:border-box;padding:0 13px;border-radius:4px;border:1px solid var(--lavender-border);background:#fff;font:14px var(--font-sans);color:var(--lavender-text);outline:none}
  .mm-input::placeholder{color:var(--lavender-text-tertiary)}
  .mm-input:focus{border-color:var(--brand-violet)}
  .mm-input[aria-invalid="true"]{border-color:#C4776F}
  .mm-note{font-size:12px;margin-top:8px;color:var(--lavender-text-muted)}
  .mm-note.is-error{color:#A4554D}
  .mm-dismiss{align-self:flex-start;margin-top:18px;padding:0;border:none;background:none;font:13px var(--font-sans);color:var(--lavender-text-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .mm-dismiss:hover{color:var(--brand-navy)}
  .mm-success{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
  .mm-check{width:56px;height:56px;border-radius:50%;background:var(--brand-violet);display:flex;align-items:center;justify-content:center}
  .mm-success .mm-title{font-size:28px;margin:0}
  .mm-success .mm-text{color:var(--lavender-text-body);margin:0;max-width:420px}
  .mm-success strong{font-weight:500;color:var(--brand-navy);word-break:break-all}
  .mm-success-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;width:100%}
  .mm-success-actions .mm-btn{flex:1 1 150px}
  .mm-modal-root [data-step]{display:none}
  .mm-modal-root[data-state="cta"] [data-step~="cta"],
  .mm-modal-root[data-state="form"] [data-step~="form"],
  .mm-modal-root[data-state="sent"] [data-step~="sent"]{display:flex}
  .mm-modal-root[data-state="cta"] .mm-intro,.mm-modal-root[data-state="form"] .mm-intro{display:contents}

  /* Phones: bottom sheet (design option 2c) */
  @media (max-width:640px){
    .mm-modal-root{align-items:flex-end;padding:0}
    .mm-dialog{width:100%;min-height:0;flex-direction:column;border-radius:16px 16px 0 0;max-height:100dvh;overflow-y:auto}
    .mm-close{top:12px;right:12px;width:44px;height:44px;font-size:22px}
    .mm-photo{flex:0 0 240px;background-position:0 -28px;background-size:442px auto}
    .mm-body{padding:24px 24px calc(28px + env(safe-area-inset-bottom))}
    .mm-logo{height:22px}
    .mm-eyebrow{margin-top:20px}
    .mm-title{font-size:24px;margin-top:8px}
    .mm-text{margin-top:8px}
    .mm-text-long{display:none}
    .mm-text-short{display:block}
    .mm-actions{margin-top:22px;flex-direction:column;align-items:stretch;gap:4px}
    .mm-btn{height:44px}
    .mm-link{height:44px}
    .mm-form{margin-top:22px;flex-direction:column}
    .mm-input{flex:none;height:44px;font-size:16px}
    .mm-dismiss{align-self:center;height:44px;margin-top:4px;padding:0 12px}
    .mm-check{width:48px;height:48px}
    .mm-success{gap:14px}
    .mm-success .mm-title{font-size:24px}
    .mm-success-actions{flex-direction:column;gap:10px}
    .mm-success-actions .mm-btn{flex:none}
  }
  @media (prefers-reduced-motion:reduce){.mm-modal-root *{transition:none !important}}
