.mpd-guest-home,
.mpd-guest-home * { box-sizing: border-box; }

.mpd-guest-home {
  --mpd-bg: #040814;
  --mpd-panel: #091222;
  --mpd-panel-2: #0d1728;
  --mpd-red: #ff293f;
  --mpd-red-2: #b80b1e;
  --mpd-blue: #178cff;
  --mpd-blue-2: #0755c8;
  --mpd-white: #fff;
  --mpd-muted: #b9c8da;
  width: min(1240px, calc(100% - 24px));
  margin: 24px auto;
  color: var(--mpd-white);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 41, 63, .18), transparent 28%),
    radial-gradient(circle at 88% 16%, rgba(23, 140, 255, .23), transparent 30%),
    linear-gradient(180deg, #061127 0%, var(--mpd-bg) 44%, #030712 100%);
  border: 1px solid rgba(92, 159, 255, .24);
  border-radius: 28px;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .48), inset 0 0 75px rgba(11, 78, 164, .11);
  overflow: hidden;
}

.mpd-guest-home a { text-decoration: none; }

.mpd-guest-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(370px, .78fr);
  gap: 34px;
  padding: 34px;
}

.mpd-guest-marketing { min-width: 0; }

.mpd-guest-brand-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.mpd-guest-brand-logo img {
  display: block;
  width: min(100%, 690px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .36));
}


.mpd-guest-studio-line {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  font-weight: 900;
  font-size: clamp(19px, 2.2vw, 30px);
}
.mpd-guest-studio-line span:first-child { color: #ff372e; }
.mpd-guest-studio-line span:last-child { color: #2c9dff; }
.mpd-guest-studio-line b { color: #fff; }

.mpd-guest-eyebrow {
  margin: 10px 0 24px;
  text-align: center;
  font-weight: 850;
  letter-spacing: .14em;
  font-size: 12px;
  color: #dbe8fb;
}

.mpd-guest-copy-grid {
  display: block;
}

.mpd-guest-copy { min-width: 0; }
.mpd-guest-kicker {
  margin: 0;
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 850;
}
.mpd-guest-copy h1 {
  margin: 4px 0 14px;
  font-size: clamp(42px, 5.6vw, 74px);
  line-height: .89;
  letter-spacing: -.04em;
  font-weight: 1000;
}
.mpd-guest-copy h1 span { color: #ff2d29; text-shadow: 0 0 22px rgba(255, 45, 41, .3); }
.mpd-guest-intro {
  margin: 0;
  color: #e7eef9;
  font-size: 17px;
  line-height: 1.52;
}

.mpd-guest-price-card {
  margin: 26px 0 22px;
  padding: 22px;
  background: linear-gradient(135deg, rgba(71, 4, 11, .64), rgba(4, 18, 44, .94));
  border: 1px solid rgba(255, 55, 75, .92);
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(255, 27, 55, .16), inset 0 0 22px rgba(23, 140, 255, .08);
}
.mpd-guest-price {
  font-size: clamp(48px, 6vw, 76px);
  font-weight: 1000;
  line-height: 1;
  letter-spacing: -.04em;
}
.mpd-guest-dollar { font-size: .62em; vertical-align: .16em; margin-right: 3px; }
.mpd-guest-price small { font-size: 18px; font-weight: 700; letter-spacing: 0; margin-left: 8px; }
.mpd-guest-credit-badge {
  display: inline-block;
  margin-top: 13px;
  padding: 8px 14px;
  border: 1px solid var(--mpd-red);
  border-radius: 8px;
  color: #ff4b54;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: .035em;
}
.mpd-guest-price-card ul,
.mpd-guest-signup-offer ul {
  margin: 17px 0;
  padding: 0;
  list-style: none;
}
.mpd-guest-price-card li,
.mpd-guest-signup-offer li {
  position: relative;
  margin: 9px 0;
  padding-left: 27px;
  color: #eaf1fb;
  font-size: 16px;
}
.mpd-guest-price-card li::before,
.mpd-guest-signup-offer li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #55a9ff;
  font-weight: 1000;
}

.mpd-guest-btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 9px;
  border: 1px solid transparent;
  color: #fff !important;
  font-weight: 900;
  letter-spacing: .02em;
  text-align: center;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.mpd-guest-btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.mpd-guest-btn-red { background: linear-gradient(180deg, #e91c2e, #a90817); border-color: #ff5364; box-shadow: 0 8px 24px rgba(215, 22, 42, .24); }
.mpd-guest-btn-blue { background: linear-gradient(180deg, #168bff, #0754be); border-color: #43a7ff; box-shadow: 0 8px 24px rgba(22, 113, 255, .22); }
.mpd-guest-btn-outline { border-color: #258fff; background: rgba(17, 88, 185, .12); }
.mpd-guest-price-card > .mpd-guest-btn { width: 100%; margin-top: 2px; }

.mpd-guest-studios-heading {
  margin: 24px 0 12px;
  text-align: center;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .08em;
  color: #f3f6fb;
}
.mpd-guest-studio-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.mpd-guest-studio-card {
  min-height: 250px;
  padding: 22px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(11, 20, 39, .95), rgba(4, 10, 23, .95));
}
.mpd-guest-studio-ai { border: 1px solid #ff3047; box-shadow: inset 0 0 25px rgba(255, 35, 61, .09); }
.mpd-guest-studio-mega { border: 1px solid #2b9dff; box-shadow: inset 0 0 25px rgba(23, 140, 255, .11); }
.mpd-guest-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  height: 44px;
  padding: 0 12px;
  border-radius: 99px;
  font-weight: 1000;
  font-size: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid currentColor;
}
.mpd-guest-studio-ai .mpd-guest-card-icon,
.mpd-guest-studio-ai h2 { color: #ff3e48; }
.mpd-guest-studio-mega .mpd-guest-card-icon,
.mpd-guest-studio-mega h2 { color: #39a8ff; }
.mpd-guest-studio-card h2 { margin: 16px 0 8px; font-size: 23px; font-weight: 950; }
.mpd-guest-studio-card p { margin: 0; color: #d6e0ee; line-height: 1.5; }

.mpd-guest-benefits { margin-top: 24px; }
.mpd-guest-benefits > h2 {
  margin: 0 0 13px;
  text-align: center;
  color: #39a8ff;
  font-size: 19px;
  font-weight: 950;
  letter-spacing: .06em;
}
.mpd-guest-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.mpd-guest-benefit-grid > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: auto auto;
  gap: 2px 10px;
  align-items: center;
  min-height: 82px;
  padding: 13px;
  border: 1px solid rgba(54, 136, 233, .45);
  border-radius: 13px;
  background: rgba(9, 20, 38, .72);
}
.mpd-guest-benefit-grid span { grid-row: 1 / 3; font-size: 27px; text-align: center; }
.mpd-guest-benefit-grid strong { font-size: 15px; }
.mpd-guest-benefit-grid small { color: #b9c7da; line-height: 1.3; }

.mpd-guest-auth-card {
  position: sticky;
  top: 18px;
  align-self: start;
  padding: 24px;
  border: 1px solid #258fff;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(10, 20, 40, .97), rgba(4, 10, 23, .98));
  box-shadow: 0 0 34px rgba(23, 140, 255, .17), inset 0 0 32px rgba(23, 140, 255, .04);
}
.mpd-guest-auth-heading { text-align: center; }
.mpd-guest-auth-heading h2 { margin: 2px 0 6px; font-size: 29px; font-weight: 950; letter-spacing: .04em; }
.mpd-guest-auth-heading p { margin: 0 0 18px; color: var(--mpd-muted); }

.mpd-guest-auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(43, 157, 255, .7);
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.mpd-guest-auth-tabs button {
  min-height: 54px;
  border: 0;
  color: #dce7f7;
  background: #07101e;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
.mpd-guest-auth-tabs button.is-active:first-child { background: linear-gradient(180deg, #b91326, #650613); color: #fff; }
.mpd-guest-auth-tabs button.is-active:last-child { background: linear-gradient(180deg, #126fcf, #06356e); color: #fff; }

.mpd-guest-auth-panel {
  padding: 22px;
  border: 1px solid rgba(43, 157, 255, .48);
  border-top: 0;
  border-radius: 0 0 13px 13px;
  background: rgba(2, 8, 17, .56);
}
.mpd-guest-auth-panel[hidden] { display: none !important; }
.mpd-guest-login-form label { display: block; margin: 0 0 7px; color: #f3f6fb; font-size: 14px; font-weight: 750; }
.mpd-guest-login-form input[type="text"],
.mpd-guest-login-form input[type="password"] {
  width: 100%;
  min-height: 50px;
  margin: 0 0 15px;
  padding: 10px 13px;
  border: 1px solid #34475f;
  border-radius: 8px;
  background: #08111f;
  color: #fff;
  font: inherit;
  outline: none;
}
.mpd-guest-login-form input:focus { border-color: #258fff; box-shadow: 0 0 0 3px rgba(37, 143, 255, .13); }
.mpd-guest-password-wrap { position: relative; margin-bottom: 14px; }
.mpd-guest-password-wrap input { margin-bottom: 0 !important; padding-right: 78px !important; width: 100%; }
.mpd-guest-password-toggle {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 58px;
  height: 34px;
  padding: 0 9px;
  border: 1px solid rgba(67, 167, 255, .65);
  border-radius: 8px;
  background: rgba(18, 74, 135, .28);
  color: #8ac8ff;
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
  cursor: pointer;
}
.mpd-guest-password-toggle:hover,
.mpd-guest-password-toggle:focus-visible { background: rgba(25, 112, 207, .42); color: #fff; outline: none; }
.mpd-guest-login-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 17px; font-size: 13px; }
.mpd-guest-login-row .mpd-guest-remember { margin: 0; display: flex; gap: 7px; align-items: center; font-weight: 650; }
.mpd-guest-login-row a { color: #43a7ff; }
.mpd-guest-login-form .mpd-guest-btn { width: 100%; border: 1px solid #ff4658; cursor: pointer; font: inherit; }

.mpd-guest-or { display: flex; align-items: center; gap: 12px; margin: 20px 0; color: #9fb0c6; }
.mpd-guest-or::before,
.mpd-guest-or::after { content: ""; height: 1px; flex: 1; background: rgba(183, 205, 236, .26); }
.mpd-guest-new-member { text-align: center; }
.mpd-guest-new-member h3 { margin: 0 0 4px; font-size: 20px; }
.mpd-guest-new-member p { margin: 0 0 15px; color: var(--mpd-muted); }
.mpd-guest-new-member .mpd-guest-btn { width: 100%; }

.mpd-guest-signup-offer { text-align: center; }
.mpd-guest-signup-kicker { margin: 0 0 5px; color: #ff4856; font-weight: 950; letter-spacing: .08em; }
.mpd-guest-signup-price { font-size: 48px; font-weight: 1000; line-height: 1; }
.mpd-guest-signup-price small { font-size: 17px; margin-left: 5px; }
.mpd-guest-signup-credits { display: inline-block; margin: 13px 0 3px; padding: 7px 12px; border: 1px solid #258fff; border-radius: 8px; color: #5ab1ff; font-weight: 950; }
.mpd-guest-signup-offer ul { text-align: left; }
.mpd-guest-signup-offer .mpd-guest-btn { width: 100%; }
.mpd-guest-secure { margin: 12px 0 0; color: #98a9be; font-size: 12px; }

.mpd-guest-learn-card,
.mpd-guest-extra-card {
  margin-top: 18px;
  padding: 17px;
  border: 1px solid rgba(43, 157, 255, .42);
  border-radius: 15px;
  background: rgba(8, 18, 34, .76);
}
.mpd-guest-learn-card strong,
.mpd-guest-extra-card strong { display: block; font-size: 18px; }
.mpd-guest-learn-card p,
.mpd-guest-extra-card p { margin: 6px 0 12px; color: #b6c5d7; line-height: 1.45; }
.mpd-guest-learn-card a { color: #43a7ff; font-weight: 900; }
.mpd-guest-extra-card .mpd-guest-btn { width: 100%; }

.mpd-guest-footer-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 19px 24px;
  border-top: 1px solid rgba(54, 136, 233, .35);
  color: #f5f8fd;
  font-weight: 900;
  letter-spacing: .05em;
  background: rgba(4, 14, 31, .9);
}
.mpd-guest-footer-strip i { color: #ff2b42; font-style: normal; }

.mpd-guest-public-section {
  margin: 0 34px 22px;
  padding: 28px;
  border: 1px solid rgba(54, 136, 233, .38);
  border-radius: 20px;
  background: rgba(7, 16, 31, .82);
}
.mpd-guest-public-section h2 {
  margin: 0 0 13px;
  color: #f8faff;
  font-size: clamp(28px, 4vw, 43px);
  line-height: 1.06;
  letter-spacing: -.025em;
  font-weight: 1000;
}
.mpd-guest-section-kicker {
  margin: 0 0 8px;
  color: #52aeff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
}
.mpd-guest-section-intro {
  max-width: 900px;
  margin: 0 0 22px;
  color: #c9d7e9;
  font-size: 17px;
  line-height: 1.58;
}
.mpd-guest-sample-grid,
.mpd-guest-text-grid,
.mpd-guest-create-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.mpd-guest-sample-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mpd-guest-sample-card,
.mpd-guest-text-grid article,
.mpd-guest-create-grid article {
  padding: 18px;
  border: 1px solid rgba(74, 158, 255, .4);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(14, 29, 53, .86), rgba(4, 10, 21, .9));
}
.mpd-guest-sample-card h3,
.mpd-guest-text-grid h3,
.mpd-guest-create-grid h3 { margin: 0 0 7px; color: #fff; font-size: 19px; }
.mpd-guest-sample-card p,
.mpd-guest-text-grid p,
.mpd-guest-create-grid p { margin: 0; color: #bdcadd; line-height: 1.52; }
.mpd-guest-sample-card audio { display: block; width: 100%; margin-top: 14px; }
.mpd-guest-about { background: linear-gradient(135deg, rgba(68, 5, 15, .58), rgba(4, 23, 52, .88)); }
.mpd-guest-create-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mpd-guest-create-grid article > span { display: block; margin-bottom: 9px; font-size: 27px; }
.mpd-guest-definition > p { max-width: 980px; margin: 0; color: #cbd8e8; font-size: 17px; line-height: 1.65; }
.mpd-guest-example-lines { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.mpd-guest-example-lines span { padding: 9px 13px; border: 1px solid rgba(255, 54, 74, .42); border-radius: 99px; color: #f2dce1; background: rgba(105, 9, 25, .21); }
.mpd-guest-workflow ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
  margin: 21px 0 0;
  padding: 0;
  list-style: none;
}
.mpd-guest-workflow li { min-height: 156px; padding: 15px; border: 1px solid rgba(62, 149, 252, .37); border-radius: 14px; background: rgba(5, 13, 27, .75); }
.mpd-guest-workflow li > span { display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 50%; background: linear-gradient(180deg, #ed2036, #a30918); color: #fff; font-weight: 950; }
.mpd-guest-workflow strong,
.mpd-guest-workflow small { display: block; }
.mpd-guest-workflow strong { color: #fff; }
.mpd-guest-workflow small { margin-top: 6px; color: #aebed2; line-height: 1.4; }
.mpd-guest-audiences > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.mpd-guest-audiences p { margin: 0; padding: 13px; border-bottom: 1px solid rgba(104, 154, 216, .22); color: #c8d5e5; }
.mpd-guest-audiences strong { color: #fff; }
.mpd-guest-faq details { border-top: 1px solid rgba(97, 151, 219, .25); }
.mpd-guest-faq details:last-child { border-bottom: 1px solid rgba(97, 151, 219, .25); }
.mpd-guest-faq summary { padding: 16px 2px; cursor: pointer; color: #f8faff; font-weight: 900; }
.mpd-guest-faq details p { margin: -2px 0 16px; color: #c2d0e1; line-height: 1.58; }
.mpd-guest-seo-links > div { display: flex; flex-wrap: wrap; gap: 9px; }
.mpd-guest-seo-links a { padding: 9px 13px; border: 1px solid rgba(67, 167, 255, .52); border-radius: 99px; color: #83c7ff; background: rgba(15, 76, 148, .18); font-weight: 850; }
.mpd-guest-final-cta { text-align: center; background: linear-gradient(135deg, rgba(77, 5, 16, .72), rgba(4, 27, 62, .9)); }
.mpd-guest-final-cta > p { max-width: 760px; margin: 0 auto; color: #cbd9e9; font-size: 17px; line-height: 1.55; }
.mpd-guest-final-cta > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 11px; margin-top: 21px; }

@media (max-width: 980px) {
  .mpd-guest-hero { grid-template-columns: 1fr; }
  .mpd-guest-auth-card { position: static; }
  .mpd-guest-sample-grid,
  .mpd-guest-create-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mpd-guest-workflow ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .mpd-guest-home { width: min(100% - 12px, 1240px); margin: 8px auto; border-radius: 18px; }
  .mpd-guest-hero { padding: 17px; gap: 22px; }
  .mpd-guest-brand-logo img { width: min(100%, 560px); }
  .mpd-guest-studio-line { flex-wrap: wrap; gap: 6px 9px; font-size: 18px; }
  .mpd-guest-eyebrow { font-size: 10px; margin-bottom: 18px; }
  .mpd-guest-copy-grid { grid-template-columns: 1fr; }
  .mpd-guest-copy h1 { font-size: clamp(40px, 13vw, 62px); }
  .mpd-guest-price-card { padding: 18px; }
  .mpd-guest-credit-badge { font-size: 18px; }
  .mpd-guest-studio-cards,
  .mpd-guest-benefit-grid { grid-template-columns: 1fr; }
  .mpd-guest-studio-card { min-height: 0; }
  .mpd-guest-auth-card { padding: 16px; }
  .mpd-guest-auth-panel { padding: 17px; }
  .mpd-guest-login-row { align-items: flex-start; flex-direction: column; }
  .mpd-guest-footer-strip { gap: 8px; font-size: 12px; }
  .mpd-guest-public-section { margin: 0 17px 17px; padding: 19px; border-radius: 16px; }
  .mpd-guest-sample-grid,
  .mpd-guest-text-grid,
  .mpd-guest-create-grid,
  .mpd-guest-workflow ol,
  .mpd-guest-audiences > div { grid-template-columns: 1fr; }
  .mpd-guest-final-cta .mpd-guest-btn { width: 100%; }
}

/* v0.2.26: explicit customer password visibility option */
.mpd-guest-show-password {
  display:flex !important;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:-4px 0 14px !important;
  color:#dfe8f5 !important;
  font-size:13px !important;
  font-weight:750 !important;
  cursor:pointer;
}
.mpd-guest-show-password input[type="checkbox"] {
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  accent-color:#238dff;
  cursor:pointer;
}