:root {
  --mwg-black: #090909;
  --mwg-charcoal: #171717;
  --mwg-gold: #ffb800;
  --mwg-gold-deep: #eaa500;
  --mwg-white: #fff;
  --mwg-off-white: #f7f7f7;
  --mwg-border: #e7e7e7;
  --mwg-text: #444;
  --mwg-muted: #707070;
  --mwg-radius: 16px;
  --mwg-heading: "Sora", system-ui, sans-serif;
  --mwg-body: "Inter", system-ui, sans-serif;
}

.mwg-tool, .mwg-direct-form, .mwg-thank-you { box-sizing: border-box; font-family: var(--mwg-body); }
.mwg-tool *, .mwg-direct-form *, .mwg-thank-you * { box-sizing: border-box; }
.mwg-tool { overflow: hidden; max-width: 1040px; margin: 40px auto; border: 1px solid var(--mwg-border); border-radius: 20px; background: var(--mwg-white); color: var(--mwg-black); box-shadow: 0 25px 75px rgba(0,0,0,.1); }
.mwg-tool__header { padding: clamp(30px, 5vw, 64px); background: var(--mwg-black); color: var(--mwg-white); }
.mwg-tool__header h2 { max-width: 780px; margin: 0 0 18px; color: inherit; font: 700 clamp(2rem, 4vw, 4rem)/1.08 var(--mwg-heading); letter-spacing: -.04em; }
.mwg-tool__header > p:last-child { max-width: 650px; margin: 0; color: rgba(255,255,255,.66); font-size: 1.05rem; }
.mwg-kicker { margin: 0 0 15px; color: #9b6d00; font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.mwg-tool__header .mwg-kicker, .mwg-complete .mwg-kicker { color: var(--mwg-gold); }
.mwg-tool-form, .mwg-capture-form { padding: clamp(25px, 5vw, 58px); }
.mwg-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.mwg-field { display: block; margin: 0 0 22px; }
.mwg-field--full { grid-column: 1 / -1; }
.mwg-field > span { display: block; margin-bottom: 8px; color: var(--mwg-black); font-size: .78rem; font-weight: 700; }
.mwg-field input, .mwg-field select, .mwg-field textarea { width: 100%; min-height: 54px; padding: 13px 15px; border: 1px solid #cfcfcf; border-radius: 12px; background: #fbfbfb; color: var(--mwg-black); font: 400 1rem/1.5 var(--mwg-body); transition: border-color .2s ease, box-shadow .2s ease; }
.mwg-field textarea { min-height: 120px; resize: vertical; }
.mwg-field input:focus, .mwg-field select:focus, .mwg-field textarea:focus { border-color: var(--mwg-gold-deep); outline: 0; box-shadow: 0 0 0 3px rgba(255,184,0,.16); }
.mwg-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 13px 22px; border: 1px solid var(--mwg-black); border-radius: 13px; background: var(--mwg-black); color: var(--mwg-white)!important; font: 700 .9rem/1.2 var(--mwg-body); text-decoration: none!important; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.mwg-button:hover { background: #282828; transform: translateY(-2px); }
.mwg-button:disabled { cursor: wait; opacity: .55; transform: none; }
.mwg-button--gold { border-color: var(--mwg-gold); background: var(--mwg-gold); color: var(--mwg-black)!important; }
.mwg-button--gold:hover { background: #ffc533; }
.mwg-form-status { min-height: 1.6em; margin: 16px 0 0; color: var(--mwg-muted); font-size: .83rem; }
.mwg-form-status.is-error { color: #a3311d; }
.mwg-honeypot { position: absolute!important; left: -9999px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; }
.mwg-notice { margin: 20px clamp(25px, 5vw, 58px) 0; padding: 14px 17px; border-left: 4px solid var(--mwg-gold); background: #fff5d8; color: #654900; font-size: .82rem; }

.mwg-preview { margin: 0 clamp(25px, 5vw, 58px); padding: clamp(26px, 4vw, 46px); border: 1px solid var(--mwg-border); border-radius: var(--mwg-radius); background: var(--mwg-off-white); }
.mwg-preview h3, .mwg-capture-form h3, .mwg-complete h3 { margin: 0 0 18px; font: 700 clamp(1.5rem, 2.5vw, 2.2rem)/1.15 var(--mwg-heading); letter-spacing: -.035em; }
.mwg-result-text { color: var(--mwg-text); font-size: .94rem; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.mwg-capture-form { margin-top: 28px; background: var(--mwg-charcoal); color: var(--mwg-white); }
.mwg-capture-form__intro { max-width: 690px; margin-bottom: 30px; }
.mwg-capture-form__intro .mwg-kicker { color: var(--mwg-gold); }
.mwg-capture-form__intro h3 { color: var(--mwg-white); }
.mwg-capture-form__intro p:last-child { color: rgba(255,255,255,.62); }
.mwg-capture-form .mwg-field > span { color: rgba(255,255,255,.8); }
.mwg-capture-form .mwg-field input, .mwg-capture-form .mwg-field select { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.07); color: var(--mwg-white); }
.mwg-capture-form .mwg-field select option { color: var(--mwg-black); }
.mwg-consent { display: flex; align-items: flex-start; gap: 11px; margin: 0 0 25px; color: inherit; font-size: .78rem; line-height: 1.55; }
.mwg-consent input { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--mwg-gold); }
.mwg-complete { padding: clamp(35px, 6vw, 70px); background: var(--mwg-black); color: var(--mwg-white); }
.mwg-complete h3 { color: var(--mwg-white); }
.mwg-complete .mwg-result-text { color: rgba(255,255,255,.78); }
.mwg-ai-disclaimer { margin: 32px 0; padding: 16px 18px; border-left: 3px solid var(--mwg-gold); background: rgba(255,255,255,.06); color: rgba(255,255,255,.65); font-size: .78rem; }

.mwg-tools-hub { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1280px; margin-inline: auto; }
.mwg-tool-card { display: flex; min-height: 330px; flex-direction: column; padding: 28px; border: 1px solid var(--mwg-border); border-radius: var(--mwg-radius); background: var(--mwg-white); color: var(--mwg-black)!important; text-decoration: none!important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.mwg-tool-card:hover { border-color: var(--mwg-gold); box-shadow: 0 24px 60px rgba(0,0,0,.1); transform: translateY(-5px); }
.mwg-tool-card > span { margin-bottom: auto; color: #946900; font-size: .68rem; font-weight: 800; }
.mwg-tool-card h3 { margin: 45px 0 14px; font: 700 1.25rem/1.15 var(--mwg-heading); letter-spacing: -.03em; }
.mwg-tool-card p { margin: 0 0 25px; color: var(--mwg-muted); font-size: .86rem; line-height: 1.55; }
.mwg-tool-card strong { margin-top: auto; font-size: .78rem; }

.mwg-direct-form { max-width: 850px; margin: 40px auto; padding: clamp(25px, 5vw, 52px); border: 1px solid var(--mwg-border); border-radius: var(--mwg-radius); background: var(--mwg-white); box-shadow: 0 20px 60px rgba(0,0,0,.08); }
.mwg-direct-form h2 { margin: 0 0 35px; font: 700 clamp(1.8rem, 3vw, 3rem)/1.1 var(--mwg-heading); }
.mwg-newsletter { max-width: 1100px; }
.mwg-newsletter > div:first-child { max-width: 720px; }
.mwg-newsletter > div:first-child h2 { margin-bottom: 14px; }
.mwg-newsletter > div:first-child > p:last-child { color: var(--mwg-muted); }
.mwg-newsletter__fields { display: grid; grid-template-columns: 1fr 1.3fr auto; align-items: end; gap: 14px; margin-top: 28px; }
.mwg-newsletter__fields .mwg-field { margin: 0; }
.mwg-thank-you { max-width: 850px; margin: 80px auto; padding: clamp(35px, 7vw, 75px); border-radius: 20px; background: var(--mwg-black); color: var(--mwg-white); }
.mwg-thank-you h1 { margin: 0 0 24px; color: inherit; font: 700 clamp(2.4rem, 5vw, 4.8rem)/1.05 var(--mwg-heading); letter-spacing: -.05em; }
.mwg-thank-you > p:not(.mwg-kicker) { color: rgba(255,255,255,.68); font-size: 1.08rem; }
.mwg-next-step { margin: 35px 0; padding: 22px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; }
.mwg-next-step p { margin: 8px 0 0; color: rgba(255,255,255,.63); }

.mwg-chat { position: fixed; z-index: 99999; right: 22px; bottom: 22px; font-family: var(--mwg-body); }
.mwg-chat__launcher { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 11px 18px; border: 0; border-radius: 100px; background: var(--mwg-gold); color: var(--mwg-black); box-shadow: 0 15px 45px rgba(0,0,0,.25); cursor: pointer; }
.mwg-chat__launcher > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--mwg-black); color: var(--mwg-gold); }
.mwg-chat__launcher strong { font-size: .78rem; }
.mwg-chat__panel { position: absolute; right: 0; bottom: 72px; width: min(520px, calc(100vw - 28px)); max-height: min(780px, calc(100vh - 110px)); overflow-y: auto; border-radius: 18px; background: var(--mwg-white); box-shadow: 0 28px 90px rgba(0,0,0,.35); }
.mwg-chat__close { position: sticky; z-index: 3; top: 12px; float: right; width: 38px; height: 38px; margin: 12px 12px -50px 0; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.08); color: var(--mwg-white); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.mwg-tool--compact { margin: 0; border: 0; border-radius: inherit; box-shadow: none; }
.mwg-tool--compact .mwg-tool__header { padding: 30px; }
.mwg-tool--compact .mwg-tool__header h2 { font-size: 1.65rem; }
.mwg-tool--compact .mwg-tool-form, .mwg-tool--compact .mwg-capture-form, .mwg-tool--compact .mwg-complete { padding: 28px; }
.mwg-tool--compact .mwg-field-grid { grid-template-columns: 1fr; gap: 0; }
.mwg-tool--compact .mwg-field--full { grid-column: auto; }
.mwg-tool--compact .mwg-preview { margin: 0 28px; padding: 24px; }

@media (max-width: 800px) {
  .mwg-tools-hub { grid-template-columns: repeat(2, 1fr); }
  .mwg-newsletter__fields { grid-template-columns: 1fr 1fr; }
  .mwg-newsletter__fields .mwg-button { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .mwg-tool { margin: 24px 0; border-radius: 14px; }
  .mwg-field-grid, .mwg-tools-hub { grid-template-columns: 1fr; }
  .mwg-newsletter__fields { grid-template-columns: 1fr; }
  .mwg-newsletter__fields .mwg-button { grid-column: auto; }
  .mwg-field--full { grid-column: auto; }
  .mwg-tool-card { min-height: 260px; }
  .mwg-chat { right: 14px; bottom: 14px; }
  .mwg-chat__launcher strong { display: none; }
  .mwg-chat__launcher { width: 58px; padding: 10px; justify-content: center; }
  .mwg-chat__panel { position: fixed; inset: 10px; width: auto; max-height: none; }
}

@media (prefers-reduced-motion: reduce) {
  .mwg-tool *, .mwg-tool-card, .mwg-button { transition-duration: .01ms!important; }
}