/* v219 My Melo visitor intro; isolated from player, account pages, and admin styles. */
.mm219{--mm219-ink:#1d1d1f;--mm219-muted:#6e6e73;--mm219-blue:#1769d1;max-width:1330px;margin:0 auto;padding:70px clamp(18px,5vw,76px) 106px;color:var(--mm219-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo",sans-serif}
.mm219 *{box-sizing:border-box}.mm219 a{text-decoration:none}.mm219-lead{text-align:center}.mm219-lead-copy{max-width:920px;margin:0 auto 48px}.mm219-eyebrow{font-size:12px;line-height:1.4;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:#5d5d65;margin:0 0 19px}
.mm219 h1{font-size:clamp(41px,6.6vw,84px);line-height:1.1;letter-spacing:-.055em;font-weight:790;max-width:1000px;margin:0 auto 24px;text-wrap:balance}.mm219-summary{font-size:clamp(17px,2vw,22px);color:var(--mm219-muted);line-height:1.65;max-width:780px;margin:0 auto}
.mm219-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:33px}.mm219-cta{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:var(--mm219-blue);color:#fff!important;border-radius:28px;padding:14px 26px;font-size:15px;font-weight:650;min-height:50px;box-shadow:0 6px 15px #1466cc25}.mm219-cta:hover{background:#0751ae}.mm219-quiet{color:var(--mm219-blue)!important;font-size:16px;font-weight:600;padding:14px 8px}
.mm219-visual{position:relative;isolation:isolate;border-radius:32px;overflow:hidden;min-height:290px;height:clamp(300px,33vw,460px);background:linear-gradient(135deg,#eceafb,#edf5ff);box-shadow:0 32px 55px #25254210}.mm219-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.92}.mm219-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 44%,#ffffff10)}.mm219-artwork{position:absolute;width:clamp(95px,15%,180px);aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 25px 55px #0002;border:5px solid #ffffffb0}.mm219-artwork img{width:100%;height:100%;object-fit:cover}.mm219-artwork-a{left:5%;bottom:8%;transform:rotate(-10deg)}.mm219-artwork-b{right:6%;top:7%;transform:rotate(11deg)}
.mm219-features{padding-top:104px;text-align:center}.mm219-features h2{font-size:clamp(31px,4vw,52px);line-height:1.2;letter-spacing:-.045em;margin:0 0 43px;font-weight:760}.mm219-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;text-align:left}.mm219-feature{background:#f5f5f7;border-radius:26px;padding:22px 22px 34px;min-width:0}.mm219-feature-media{height:210px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;overflow:hidden}.mm219-feature-media img{width:clamp(110px,48%,175px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 20px 28px #1920321d}.mm219-feature-first{background:linear-gradient(135deg,#eef2ff,#d9e3fb)}.mm219-feature-second{background:linear-gradient(135deg,#f5e8f9,#e2dcfa)}.mm219-feature-third{background:linear-gradient(135deg,#e1f2f0,#cde3e3)}.mm219-feature h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:0 0 11px}.mm219-feature p{font-size:15px;line-height:1.65;color:var(--mm219-muted);margin:0}.mm219-final{text-align:center;padding:63px 0 0}.mm219-final p:first-child{font-size:18px;font-weight:600;letter-spacing:-.02em}.mm219-final p:last-child{color:var(--mm219-muted);font-size:14px;margin-top:15px}.mm219-final a{color:var(--mm219-blue);font-weight:650}.mm219 :focus-visible{outline:3px solid #5599fb;outline-offset:3px}
@media(max-width:780px){.mm219{padding:40px 15px 64px}.mm219-lead-copy{margin-bottom:35px}.mm219-visual{height:310px;border-radius:24px}.mm219-visual>img{object-position:64% center}.mm219-artwork{border-width:3px;border-radius:13px}.mm219-features{padding-top:70px}.mm219-grid{grid-template-columns:1fr;gap:14px}.mm219-feature{padding:18px;display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:17px;align-items:center}.mm219-feature-media{grid-row:span 2;height:120px;margin:0}.mm219-feature-media img{width:85px;border-radius:9px}.mm219-feature h3{font-size:19px}.mm219-feature p{font-size:13px}.mm219-final{padding-top:45px}}
@media(max-width:380px){.mm219-feature{grid-template-columns:88px minmax(0,1fr)}.mm219-feature-media{height:96px}.mm219-feature-media img{width:67px}.mm219 h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.mm219 *{scroll-behavior:auto}}