/** Shopify CDN: Minification failed

Line 7541:72 Unexpected "\\n"
Line 7541:119 Expected ":"
Line 7541:152 Expected ":"
Line 7541:189 Expected ":"
Line 7541:226 Expected ":"
Line 7541:476 Unexpected "@media"

**/
:root{--bg:#252527;--bg2:#303033;--ink:#fff;--muted:#c9c9cf;--purple:#a73cff;--yellow:#ffca24;--line:#4b4b50;--max:1180px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 28px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3c3c40}.logo{width:150px;height:auto}.links{display:flex;gap:28px;align-items:center;font-size:13px;text-transform:uppercase;font-weight:700}.btn{display:inline-block;padding:15px 22px;border-radius:8px;background:linear-gradient(90deg,var(--yellow),#ff8a3d,var(--purple));color:#111;font-weight:900;text-transform:uppercase}.hero{padding:86px 0 58px;background:radial-gradient(circle at 82% 25%,#5b1976 0,transparent 32%),linear-gradient(135deg,#202022,#29292c)}.eyebrow{color:#ffd252;letter-spacing:.16em;font-weight:800;font-size:13px}.hero h1{font-size:68px;line-height:.96;max-width:780px;margin:16px 0 22px;text-transform:uppercase}.accent{color:#bd49ff}.hero p{font-size:19px;color:var(--muted);max-width:600px;line-height:1.55}.prices{margin-top:24px;color:#e7e7e9}.section{padding:68px 0;border-top:1px solid #3a3a3d}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;padding:28px;background:linear-gradient(145deg,#2d2d30,#242426)}.card h3{font-size:24px;margin:0 0 10px}.price{font-size:44px;font-weight:900;margin:20px 0}.kicker{color:#c653ff;text-transform:uppercase;font-size:13px;letter-spacing:.15em;font-weight:900}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:46px;align-items:center}.section h2{font-size:44px;line-height:1;margin:10px 0 16px;text-transform:uppercase}.panel{border:1px dashed #7b7b82;border-radius:12px;padding:36px;text-align:center;background:#232325}.shop{display:grid;grid-template-columns:.9fr 1.4fr;gap:42px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{min-height:180px;border:1px solid var(--line);border-radius:10px;padding:20px;background:linear-gradient(160deg,#34134b,#232326);display:flex;align-items:flex-end;font-weight:800}.footer{padding:34px 0;color:#aaa;border-top:1px solid #3a3a3d}@media(max-width:800px){.links a:not(.btn){display:none}.hero h1{font-size:45px}.cards,.split,.shop,.products{grid-template-columns:1fr}.nav{height:74px}.logo{width:120px}.section h2{font-size:36px}}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:760px}.eyebrow{letter-spacing:.16em;font-size:.76rem;color:#a76cff;font-weight:800}.muted{color:#bbb}.project-order,.audio-compare-section,.rough-mix{padding:88px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.service-card,.audio-compare,.rough-form{background:#303034;border:1px solid #48484e;border-radius:20px;padding:26px}.service-card h3{font-size:1.55rem;margin:.3rem 0}.price{font-size:2rem;font-weight:900;color:#ffb400}.project-form,.rough-form{display:grid;gap:14px}.project-form label,.rough-form label{display:grid;gap:7px;font-size:.86rem;color:#ddd}.project-form input,.project-form textarea,.rough-form input,.rough-form textarea,.rough-form select{width:100%;box-sizing:border-box;background:#242428;color:#fff;border:1px solid #55555d;border-radius:10px;padding:12px}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #6a6a72;border-radius:999px;padding:12px 18px;background:#3b3b42;color:#fff;text-decoration:none;cursor:pointer}.button.primary{background:linear-gradient(90deg,#7a35ff,#a34dff);border:0}.setup-note,.upload-note{font-size:.86rem;color:#aaa;margin-top:18px}.upload-note a{color:#ffb400}.compare-top,.switches{display:flex;align-items:center;gap:12px}.compare-top{justify-content:space-between}.seek{width:100%;margin:24px 0}.rough-form{margin-top:28px}.success{color:#d7ffb3}@media(max-width:820px){.service-grid{grid-template-columns:1fr}.project-order,.audio-compare-section,.rough-mix{padding:58px 0}}
/* v0.3 approved visual direction */
body{background:#202022;position:relative}
main{position:relative;isolation:isolate}
main:before{content:none;/* superseded by .home-212:before */position:fixed;inset:88px 0 0;z-index:-2;background-image:linear-gradient(rgba(29,29,31,.82),rgba(29,29,31,.88)),var(--texture-bg);background-size:cover;background-position:center top;background-attachment:fixed;opacity:var(--texture-opacity,.35);pointer-events:none}
header{background:rgba(25,25,27,.96);backdrop-filter:blur(12px);position:relative;z-index:5}
.hero{background:linear-gradient(90deg,rgba(28,28,30,.94),rgba(28,28,30,.72) 58%,rgba(28,28,30,.46));min-height:500px;display:flex;align-items:center}
.section{background:rgba(38,38,41,.62);backdrop-filter:blur(2px)}
.section:nth-of-type(even){background:rgba(31,31,34,.72)}
.card,.service-card,.audio-compare,.panel{background:linear-gradient(145deg,rgba(43,43,47,.92),rgba(29,29,32,.92));box-shadow:0 16px 45px rgba(0,0,0,.18)}
.card{border-color:rgba(167,60,255,.35)}
.card:nth-child(2){border-color:rgba(255,202,36,.45)}
.footer{background:#1b1b1d}
@media(max-width:800px){main:before{background-attachment:scroll;opacity:.5}.hero{min-height:auto}}

.home-212{position:relative;isolation:isolate}.home-212:before{content:"";position:fixed;inset:88px 0 0;z-index:-2;background-image:linear-gradient(rgba(29,29,31,.48),rgba(29,29,31,.62)),var(--texture-bg);background-size:cover;background-position:center top;background-repeat:no-repeat;opacity:var(--texture-opacity,.35);pointer-events:none}.home-212 section{position:relative}


/* 212 v0.3.2 — background layering fix
   Artwork and wash are isolated from page content so intensity never hides sections. */
html, body {
  position: relative;
  min-height: 100%;
}

body {
  isolation: isolate;
}

/* Background art layer */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image: var(--mm-bg-image, none);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: var(--mm-bg-intensity, 0.35);
}

/* Charcoal readability wash */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(24, 24, 28, var(--mm-bg-wash, 0.64));
}

/* All storefront content stays above both background layers. */
.shopify-section,
#shopify-section-header,
#MainContent,
main,
header,
footer {
  position: relative;
  z-index: 1;
}

/* Never apply the background intensity to content containers. */
#MainContent,
main,
.shopify-section {
  opacity: 1 !important;
}

/* 212 v0.3.3 — transparent header logo */
.site-logo img,
.header__heading-logo,
.header-logo img {
  background: transparent !important;
  object-fit: contain;
}

/* 212 v0.3.4 — header clearance + restored digital product artwork */
header { overflow: visible; }
.nav {
  height: 118px;
  padding-top: 14px;
  padding-bottom: 10px;
  overflow: visible;
}
.logo {
  width: 150px;
  max-height: 98px;
  object-fit: contain;
  object-position: center;
  display: block;
}
.product-visual {
  min-height: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: rgba(18,18,21,.94);
  border-color: rgba(167,60,255,.45);
}
.product-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}
.product-visual span {
  padding: 16px 14px 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .03em;
}
@media(max-width:800px){
  .nav { height: 96px; padding-top: 10px; }
  .logo { width: 125px; max-height: 78px; }
}


/* 212 v0.3.5 — polished desktop hover interactions */
@media (hover: hover) and (pointer: fine) {
  a {
    transition: color .24s ease, text-shadow .24s ease, opacity .24s ease;
  }

  .links a {
    position: relative;
  }
  .links a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -7px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #8a2bff, #ffbf24);
    box-shadow: 0 0 10px rgba(138,43,255,.45);
    transition: right .26s ease;
  }
  .links a:hover::after,
  .links a:focus-visible::after {
    right: 0;
  }
  .links a:hover,
  .links a:focus-visible {
    color: #fff;
    text-shadow: 0 0 12px rgba(138,43,255,.34);
  }

  .btn {
    transition: transform .24s ease, box-shadow .24s ease, filter .24s ease, border-color .24s ease;
  }
  .btn:hover,
  .btn:focus-visible {
    transform: translateY(-3px);
    filter: brightness(1.08);
    box-shadow: 0 10px 28px rgba(138,43,255,.22), 0 0 16px rgba(255,191,36,.10);
  }

  .product-visual {
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  }
  .product-visual img {
    transition: transform .38s cubic-bezier(.2,.7,.2,1), filter .28s ease;
  }
  .product-visual:hover,
  .product-visual:focus-visible {
    transform: translateY(-7px);
    border-color: rgba(168,74,255,.82);
    box-shadow: 0 18px 44px rgba(0,0,0,.34), 0 0 24px rgba(138,43,255,.24);
  }
  .product-visual:hover img,
  .product-visual:focus-visible img {
    transform: scale(1.035);
    filter: brightness(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* 212 v0.3.6 — refined link/button treatment */
:root {
  --mm-purple-deep: #6f2cff;
  --mm-purple-rich: #8b3dff;
  --mm-gold-warm: #d7a43a;
}

.btn {
  background: var(--mm-purple-deep) !important;
  border-color: rgba(139,61,255,.72) !important;
  color: #fff !important;
  box-shadow: none;
}

@media (hover: hover) and (pointer: fine) {
  .links a::after {
    background: var(--mm-purple-rich) !important;
    box-shadow: 0 0 8px rgba(139,61,255,.28) !important;
  }

  .links a:hover,
  .links a:focus-visible {
    color: #fff !important;
    text-shadow: 0 0 9px rgba(215,164,58,.20) !important;
  }

  .links a:hover::after,
  .links a:focus-visible::after {
    background: var(--mm-gold-warm) !important;
    box-shadow: 0 0 7px rgba(215,164,58,.22) !important;
  }

  .btn:hover,
  .btn:focus-visible {
    background: var(--mm-purple-rich) !important;
    border-color: rgba(215,164,58,.55) !important;
    box-shadow: 0 10px 26px rgba(111,44,255,.18), 0 0 0 1px rgba(215,164,58,.16) !important;
    filter: none !important;
  }

  .product-visual:hover,
  .product-visual:focus-visible {
    border-color: rgba(139,61,255,.72) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.34), 0 0 20px rgba(111,44,255,.18) !important;
  }
}


/* 212 v0.3.7 — hero presence + ambient studio motion */
.hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.hero > * {
  position: relative;
  z-index: 2;
}

.hero::before,
.hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
  border-radius: 999px;
  filter: blur(58px);
  opacity: .16;
  will-change: transform;
}

.hero::before {
  width: 42vw;
  height: 42vw;
  min-width: 320px;
  min-height: 320px;
  top: -24%;
  left: -10%;
  background: radial-gradient(circle, rgba(111,44,255,.58) 0%, rgba(111,44,255,.16) 42%, transparent 72%);
  animation: mmHeroDriftA 16s ease-in-out infinite alternate;
}

.hero::after {
  width: 34vw;
  height: 34vw;
  min-width: 260px;
  min-height: 260px;
  right: -9%;
  bottom: -34%;
  background: radial-gradient(circle, rgba(215,164,58,.30) 0%, rgba(139,61,255,.10) 46%, transparent 72%);
  animation: mmHeroDriftB 20s ease-in-out infinite alternate;
}

.hero-title {
  font-size: clamp(3.35rem, 7.2vw, 7.1rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em;
  text-wrap: balance;
  text-shadow:
    0 0 18px rgba(139,61,255,.22),
    0 0 42px rgba(111,44,255,.14),
    0 2px 20px rgba(0,0,0,.28);
}

@keyframes mmHeroDriftA {
  0%   { transform: translate3d(-3%, -2%, 0) scale(1); }
  50%  { transform: translate3d(12%, 8%, 0) scale(1.08); }
  100% { transform: translate3d(22%, -1%, 0) scale(.98); }
}

@keyframes mmHeroDriftB {
  0%   { transform: translate3d(2%, 3%, 0) scale(.96); }
  50%  { transform: translate3d(-13%, -10%, 0) scale(1.07); }
  100% { transform: translate3d(-22%, 2%, 0) scale(1); }
}

@media (max-width: 700px) {
  .hero-title {
    font-size: clamp(2.65rem, 13vw, 4.4rem) !important;
    line-height: 1 !important;
  }
  .hero::before,
  .hero::after {
    opacity: .11;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero::before,
  .hero::after {
    animation: none !important;
  }
}


/* 212 v0.3.8 — Shopify-visible hero motion fix */
.hero {
  background:
    radial-gradient(circle at 82% 25%, rgba(91,25,118,.30) 0, transparent 34%),
    linear-gradient(90deg,rgba(28,28,30,.90),rgba(28,28,30,.66) 58%,rgba(28,28,30,.40));
  background-size: 115% 115%, 100% 100%;
  animation: mmHeroBackgroundFloat 18s ease-in-out infinite alternate;
}

.hero::before,
.hero::after {
  opacity: .28;
  mix-blend-mode: screen;
}

.hero::before {
  filter: blur(44px);
}

.hero::after {
  filter: blur(52px);
  opacity: .22;
}

@keyframes mmHeroBackgroundFloat {
  0%   { background-position: 78% 22%, center; }
  50%  { background-position: 88% 31%, center; }
  100% { background-position: 74% 36%, center; }
}

@media (max-width: 700px) {
  .hero { animation-duration: 22s; }
  .hero::before { opacity: .20; }
  .hero::after { opacity: .16; }
}

@media (prefers-reduced-motion: reduce) {
  .hero { animation: none !important; }
}


/* 212 v0.3.9 — animated audio waveform hero */
.hero {
  animation: none !important;
}

.hero-waveform {
  position: absolute;
  z-index: 1;
  left: -5%;
  top: 50%;
  width: 110%;
  height: 190px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, .75vw, 13px);
  opacity: .30;
  pointer-events: none;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

.hero-waveform::before {
  content: \"\";
  position: absolute;
  inset: 45% 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(139,61,255,.38), rgba(215,164,58,.20), rgba(139,61,255,.38), transparent);
  box-shadow: 0 0 18px rgba(111,44,255,.22);
}

.hero-waveform span {
  width: clamp(3px, .32vw, 6px);
  height: var(--h);
  min-height: 16px;
  max-height: 160px;
  border-radius: 999px;
  transform-origin: center;
  background: linear-gradient(180deg, rgba(215,164,58,.52), rgba(139,61,255,.82) 42%, rgba(111,44,255,.44));
  box-shadow: 0 0 12px rgba(111,44,255,.22);
  animation: mmWavePulse 2.15s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.085s);
  will-change: transform, opacity;
}

@keyframes mmWavePulse {
  0%, 100% { transform: scaleY(.42); opacity: .48; }
  35% { transform: scaleY(1.05); opacity: .95; }
  62% { transform: scaleY(.66); opacity: .68; }
  82% { transform: scaleY(.90); opacity: .84; }
}

@media (hover: hover) and (pointer: fine) {
  .hero:hover .hero-waveform { opacity: .36; }
}

@media (max-width: 700px) {
  .hero-waveform {
    height: 130px;
    opacity: .22;
    gap: 5px;
  }
  .hero-waveform span {
    max-height: 105px;
    width: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-waveform span {
    animation: none !important;
    transform: scaleY(.68);
  }
}


/* 212 v0.4.0 — editable waveform scale + transparency */
.hero-waveform {
  opacity: var(--mm-wave-opacity, .30) !important;
  transform: translateY(-50%) scale(var(--mm-wave-scale, 1));
  transform-origin: center;
}

@media (hover: hover) and (pointer: fine) {
  .hero:hover .hero-waveform {
    opacity: min(1, calc(var(--mm-wave-opacity, .30) + .06)) !important;
  }
}

@media (max-width: 700px) {
  .hero-waveform {
    opacity: calc(var(--mm-wave-opacity, .30) * .74) !important;
  }
}

/* 212 v0.4.1 — Shopify waveform control binding fix */
.hero-waveform {
  opacity: var(--mm-wave-opacity, .30) !important;
  transform: translateY(-50%) scale(var(--mm-wave-scale, 1)) !important;
  transform-origin: center center;
}
.hero-waveform span {
  animation: mmWavePulse 2.15s ease-in-out infinite !important;
  animation-delay: calc(var(--i) * -0.085s) !important;
}
@keyframes mmWavePulse {
  0%, 100% { transform: scaleY(.42); opacity: .48; }
  35% { transform: scaleY(1.08); opacity: .98; }
  62% { transform: scaleY(.62); opacity: .66; }
  82% { transform: scaleY(.92); opacity: .86; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-waveform span {
    animation: none !important;
    transform: scaleY(.68) !important;
  }
}

/* Multiple Before / After song examples */
.audio-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px}
.audio-example-card{min-width:0}
.audio-example-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 12px;padding:0 4px}
.audio-example-heading h3{margin:0;font-size:1.15rem;color:#fff}
.audio-example-number{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#a76cff;font-weight:800;white-space:nowrap}
.audio-example-card .audio-compare{height:100%;box-sizing:border-box}
.audio-empty-state{grid-column:1/-1;border:1px dashed #55555d;border-radius:20px;padding:28px;color:#aaa;text-align:center}
@media(max-width:820px){.audio-examples-grid{grid-template-columns:1fr}.audio-example-heading{align-items:flex-start;flex-direction:column;gap:4px}}

/* 212 v0.4.2 — service artwork + elevated Digital Shop */
.services-showcase{padding-top:78px;padding-bottom:84px}
.service-feature-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:520px;position:relative}
.service-copy{padding:24px 28px 30px;display:flex;flex-direction:column;flex:1}
.service-copy p{color:var(--muted);line-height:1.55;min-height:72px}
.service-copy .btn{margin-top:auto;align-self:flex-start}
.service-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#b98cff;margin-bottom:8px}
.service-art{height:205px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(111,44,255,.20),transparent 55%),linear-gradient(180deg,#18181b,#242428);border-bottom:1px solid rgba(255,255,255,.07)}
.service-art::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.035) 48%,transparent 70%);pointer-events:none}

/* 2-track: paired waveform lanes */
.service-art-track{display:flex;align-items:center;justify-content:center}
.track-line{position:absolute;left:10%;right:10%;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#7a35ff 14%,#b66cff 50%,#d7a43a 86%,transparent);box-shadow:0 0 18px rgba(122,53,255,.38)}
.track-line-a{top:42%;transform:rotate(-2deg)}
.track-line-b{top:59%;transform:rotate(1.5deg);opacity:.72}
.track-node{position:absolute;width:12px;height:12px;border-radius:50%;background:#d7a43a;box-shadow:0 0 0 5px rgba(215,164,58,.10),0 0 16px rgba(215,164,58,.45)}
.track-node.n1{left:24%;top:39%}.track-node.n2{left:46%;top:56%}.track-node.n3{left:66%;top:39%}.track-node.n4{left:78%;top:56%}

/* Full stems: console faders */
.service-art-stems{display:flex;align-items:flex-end;justify-content:center;gap:13px;padding:26px 34px}
.fader{width:18px;height:142px;border-radius:999px;background:#151518;border:1px solid #3b3b42;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.fader::before{content:"";position:absolute;width:2px;top:12px;bottom:12px;left:50%;transform:translateX(-50%);background:linear-gradient(#d7a43a,#7a35ff);opacity:.75}
.fader i{position:absolute;left:50%;width:30px;height:12px;border-radius:4px;transform:translateX(-50%);background:linear-gradient(180deg,#8f8f99,#4a4a52);border:1px solid #aaa;box-shadow:0 5px 16px rgba(0,0,0,.35)}
.f1 i{bottom:28%}.f2 i{bottom:58%}.f3 i{bottom:42%}.f4 i{bottom:72%}.f5 i{bottom:36%}.f6 i{bottom:61%}

/* Mastering: loudness ring + level bars */
.service-art-master{display:flex;align-items:center;justify-content:center;gap:34px}
.master-ring{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#d7a43a 0 20%,#8b3dff 20% 78%,rgba(255,255,255,.08) 78% 100%);box-shadow:0 0 30px rgba(111,44,255,.22)}
.master-ring::before{content:"";width:80px;height:80px;border-radius:50%;background:#1a1a1e;box-shadow:inset 0 0 24px rgba(0,0,0,.55)}
.master-ring span{position:absolute;width:34px;height:3px;border-radius:999px;background:#d7a43a;transform:translate(17px,-1px) rotate(-30deg);transform-origin:left center;box-shadow:0 0 10px rgba(215,164,58,.5)}
.master-bars{height:118px;display:flex;gap:7px;align-items:flex-end}
.master-bars i{display:block;width:9px;height:var(--v);border-radius:999px;background:linear-gradient(#d7a43a,#8b3dff);box-shadow:0 0 10px rgba(111,44,255,.26)}

/* Digital Shop gets a larger, premium stage */
.digital-shop-section{padding:96px 0 104px;background:radial-gradient(circle at 74% 42%,rgba(111,44,255,.15),transparent 35%),rgba(29,29,32,.76)!important;overflow:hidden}
.shop-premium{grid-template-columns:.76fr 1.75fr;gap:52px;align-items:center}
.shop-intro h2{font-size:clamp(2.8rem,5vw,5.25rem);letter-spacing:-.035em;max-width:520px}
.shop-intro p{color:var(--muted);font-size:1.08rem;line-height:1.7;max-width:480px;margin-bottom:20px}
.shop-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.shop-badge-row span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(185,140,255,.28);padding:8px 10px;border-radius:999px;background:rgba(111,44,255,.08);color:#ddd}
.products-featured{gap:20px;align-items:stretch}
.products-featured .product-visual{border-radius:16px;border-color:rgba(139,61,255,.42);box-shadow:0 18px 50px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.02) inset;background:linear-gradient(180deg,rgba(31,24,42,.96),rgba(18,18,21,.98));position:relative}
.product-frame{position:relative;overflow:hidden;background:#121215}
.products-featured .product-frame{aspect-ratio:1/1;display:grid;place-items:center;padding:14px}
.products-featured .product-visual img{width:100%;height:100%;aspect-ratio:1/1;min-height:0;object-fit:contain;object-position:center;border-radius:10px}
.product-shine{position:absolute;inset:0;background:linear-gradient(118deg,transparent 35%,rgba(255,255,255,.12) 49%,transparent 61%);transform:translateX(-130%);transition:transform .65s ease;pointer-events:none}
.products-featured .product-visual span{font-size:1.03rem;padding:18px 16px 7px}
.products-featured .product-visual small{display:block;color:#aeadb6;text-align:center;padding:0 16px 20px;line-height:1.4;font-size:.84rem}
@media (hover:hover) and (pointer:fine){
  .service-feature-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
  .service-feature-card:hover{transform:translateY(-7px);border-color:rgba(139,61,255,.66);box-shadow:0 20px 46px rgba(0,0,0,.35),0 0 28px rgba(111,44,255,.16)}
  .products-featured .product-visual:hover .product-shine{transform:translateX(130%)}
  .products-featured .product-visual:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 28px 65px rgba(0,0,0,.42),0 0 34px rgba(111,44,255,.20)!important}
}
@media(max-width:900px){.shop-premium{grid-template-columns:1fr}.products-featured{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-intro{text-align:center}.shop-intro p{margin-left:auto;margin-right:auto}.shop-badge-row{justify-content:center}.products-featured .product-frame{min-height:0}.products-featured .product-visual img{min-height:0}.service-feature-card{min-height:0}}
@media(max-width:700px){.products-featured{grid-template-columns:1fr}.products-featured .product-visual img{aspect-ratio:1/1;min-height:0}.digital-shop-section{padding:72px 0 80px}.service-art{height:180px}}

/* 212 v0.4.3 — animated service artwork */
.service-art-track .track-line-a{animation:mm-track-pulse-a 3.2s ease-in-out infinite}
.service-art-track .track-line-b{animation:mm-track-pulse-b 3.2s ease-in-out .35s infinite}
.service-art-track .track-node{animation:mm-track-node 2.8s ease-in-out infinite}
.service-art-track .n2{animation-delay:.35s}.service-art-track .n3{animation-delay:.7s}.service-art-track .n4{animation-delay:1.05s}

.service-art-stems .fader i{animation:mm-fader-move 4.8s ease-in-out infinite;will-change:transform}
.service-art-stems .f2 i{animation-delay:-.9s}.service-art-stems .f3 i{animation-delay:-1.8s}.service-art-stems .f4 i{animation-delay:-2.7s}.service-art-stems .f5 i{animation-delay:-3.6s}.service-art-stems .f6 i{animation-delay:-4.2s}

.master-ring{position:relative;animation:mm-master-glow 3.6s ease-in-out infinite}
.master-ring span{animation:mm-master-needle 3.1s ease-in-out infinite;will-change:transform}
.master-bars i{transform-origin:bottom;animation:mm-master-level 2.2s ease-in-out infinite;will-change:transform,opacity}
.master-bars i:nth-child(2){animation-delay:-.35s}.master-bars i:nth-child(3){animation-delay:-.7s}.master-bars i:nth-child(4){animation-delay:-1.05s}.master-bars i:nth-child(5){animation-delay:-1.4s}.master-bars i:nth-child(6){animation-delay:-1.75s}

@keyframes mm-track-pulse-a{
  0%,100%{transform:rotate(-2deg) scaleX(.92);filter:brightness(.92);opacity:.78}
  50%{transform:rotate(-2deg) scaleX(1.03);filter:brightness(1.22);opacity:1}
}
@keyframes mm-track-pulse-b{
  0%,100%{transform:rotate(1.5deg) scaleX(1.02);filter:brightness(1);opacity:.62}
  50%{transform:rotate(1.5deg) scaleX(.90);filter:brightness(1.18);opacity:.88}
}
@keyframes mm-track-node{
  0%,100%{transform:scale(.84);box-shadow:0 0 0 4px rgba(215,164,58,.08),0 0 12px rgba(215,164,58,.30)}
  50%{transform:scale(1.14);box-shadow:0 0 0 7px rgba(215,164,58,.12),0 0 24px rgba(215,164,58,.62)}
}
@keyframes mm-fader-move{
  0%,100%{transform:translateX(-50%) translateY(5px)}
  35%{transform:translateX(-50%) translateY(-11px)}
  70%{transform:translateX(-50%) translateY(8px)}
}
@keyframes mm-master-glow{
  0%,100%{box-shadow:0 0 25px rgba(111,44,255,.18);filter:brightness(.96)}
  50%{box-shadow:0 0 42px rgba(111,44,255,.34),0 0 16px rgba(215,164,58,.12);filter:brightness(1.08)}
}
@keyframes mm-master-needle{
  0%,100%{transform:translate(17px,-1px) rotate(-42deg)}
  38%{transform:translate(17px,-1px) rotate(-10deg)}
  68%{transform:translate(17px,-1px) rotate(-28deg)}
}
@keyframes mm-master-level{
  0%,100%{transform:scaleY(.72);opacity:.72}
  45%{transform:scaleY(1.12);opacity:1}
  75%{transform:scaleY(.88);opacity:.86}
}

@media (prefers-reduced-motion: reduce){
  .service-art-track .track-line,
  .service-art-track .track-node,
  .service-art-stems .fader i,
  .master-ring,
  .master-ring span,
  .master-bars i{animation:none!important}
}


/* 212 BIG SCREEN PASS — larger, calmer, more editorial */
:root {
  --mm-wide: 1500px;
  --mm-section-pad: clamp(92px, 11vw, 180px);
  --mm-card-radius: 28px;
}

/* Wider overall canvas */
.wrap {
  width: min(var(--mm-wide), calc(100% - 72px)) !important;
  max-width: var(--mm-wide) !important;
}

/* Hero gets a true full-screen presence */
.hero {
  min-height: calc(100svh - 110px);
  display: flex;
  align-items: center;
  padding-top: clamp(70px, 8vw, 130px) !important;
  padding-bottom: clamp(80px, 10vw, 150px) !important;
}
.hero .wrap {
  width: min(1540px, calc(100% - 72px)) !important;
}
.hero-title {
  max-width: 12ch;
  font-size: clamp(4.9rem, 10.5vw, 10.8rem) !important;
  line-height: .88 !important;
  letter-spacing: -.055em !important;
  margin-bottom: 34px !important;
}
.hero p,
.hero .hero-copy,
.hero .lede {
  max-width: 760px;
  font-size: clamp(1.2rem, 1.6vw, 1.65rem) !important;
  line-height: 1.55;
}
.hero .btn {
  min-height: 60px;
  padding: 0 28px !important;
  font-size: 1.03rem !important;
}

/* Every major section becomes its own "moment" */
.section {
  padding-top: var(--mm-section-pad) !important;
  padding-bottom: var(--mm-section-pad) !important;
}
.section h2,
.shop h2 {
  font-size: clamp(3.4rem, 6.5vw, 6.6rem) !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
  max-width: 11ch;
}
.kicker {
  font-size: .9rem !important;
  letter-spacing: .16em !important;
  margin-bottom: 20px !important;
}

/* Service cards: taller, roomier, more visual */
.services,
.service-grid,
.cards {
  gap: clamp(22px, 2.5vw, 38px) !important;
}
.service-card,
.card.service-card {
  min-height: 560px !important;
  border-radius: var(--mm-card-radius) !important;
  padding: clamp(30px, 3vw, 46px) !important;
}
.service-card h3 {
  font-size: clamp(2rem, 2.7vw, 3rem) !important;
  margin-top: 24px !important;
}
.service-card .price,
.service-card strong {
  font-size: clamp(2.1rem, 3vw, 3.2rem) !important;
}
.service-card p {
  font-size: 1.05rem !important;
  line-height: 1.62 !important;
}
.service-visual {
  min-height: 250px !important;
  border-radius: 22px !important;
}

/* Before/After section: larger cards and controls */
.audio-examples,
.audio-grid,
.compare-grid {
  gap: 34px !important;
}
.audio-example,
.compare-card,
.audio-card {
  padding: clamp(28px, 3vw, 44px) !important;
  border-radius: var(--mm-card-radius) !important;
}
.audio-example h3,
.compare-card h3,
.audio-card h3 {
  font-size: clamp(1.7rem, 2.2vw, 2.4rem) !important;
}
audio {
  min-height: 56px;
}

/* Digital Shop: oversized editorial gallery */
#shop {
  padding-top: clamp(110px, 13vw, 200px) !important;
  padding-bottom: clamp(120px, 14vw, 220px) !important;
}
#shop .shop {
  display: grid !important;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.6fr) !important;
  gap: clamp(50px, 7vw, 110px) !important;
  align-items: start !important;
}
#shop .shop > div:first-child {
  position: sticky;
  top: 130px;
}
#shop .shop p {
  font-size: clamp(1.08rem, 1.4vw, 1.35rem) !important;
  line-height: 1.65 !important;
  max-width: 540px;
}
.products {
  gap: clamp(26px, 3vw, 46px) !important;
}
.product-visual {
  border-radius: 28px !important;
  min-height: 0 !important;
}
.product-visual img {
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  padding: clamp(14px, 1.4vw, 24px) !important;
}
.product-visual span {
  font-size: clamp(1.1rem, 1.4vw, 1.45rem) !important;
  padding: 20px 18px 26px !important;
}

/* Larger nav spacing without feeling bulky */
.nav {
  height: 122px !important;
}
.links {
  gap: clamp(20px, 2.2vw, 34px) !important;
}
.links a {
  font-size: .96rem !important;
}

/* Footer breathes more */
footer,
.footer {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

/* Tablet */
@media (max-width: 1050px) {
  :root {
    --mm-section-pad: clamp(76px, 10vw, 120px);
  }
  #shop .shop {
    grid-template-columns: 1fr !important;
    gap: 52px !important;
  }
  #shop .shop > div:first-child {
    position: static;
  }
  .hero-title {
    max-width: 10ch;
    font-size: clamp(4.2rem, 12vw, 7.5rem) !important;
  }
}

/* Mobile still feels large, but remains usable */
@media (max-width: 700px) {
  .wrap,
  .hero .wrap {
    width: min(100% - 34px, 100%) !important;
  }
  .hero {
    min-height: auto;
    padding-top: 66px !important;
    padding-bottom: 86px !important;
  }
  .hero-title {
    font-size: clamp(3.4rem, 15vw, 5.6rem) !important;
    max-width: 9ch;
    line-height: .92 !important;
  }
  .section h2,
  .shop h2 {
    font-size: clamp(2.75rem, 12vw, 4.4rem) !important;
  }
  .service-card,
  .card.service-card {
    min-height: 470px !important;
    padding: 28px !important;
  }
  .service-visual {
    min-height: 210px !important;
  }
  #shop {
    padding-top: 92px !important;
    padding-bottom: 110px !important;
  }
  .products {
    gap: 24px !important;
  }
}


/* 212 v0.4.5 — service section title */
.services-heading{max-width:980px;margin:0 auto clamp(42px,5vw,72px);text-align:center}
.services-heading .kicker{margin-bottom:14px}
.services-heading h2{margin:0;font-size:clamp(3.2rem,6.3vw,6.8rem);line-height:.92;letter-spacing:-.045em;text-wrap:balance}
.services-heading p{max-width:650px;margin:22px auto 0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.65}
.services-showcase .cards{margin-top:0}
@media(max-width:700px){
  .services-heading{margin-bottom:38px;text-align:left}
  .services-heading h2{font-size:clamp(3rem,13vw,4.8rem)}
  .services-heading p{margin-left:0}
}

/* 212 v0.4.6 — refined type scale + left-aligned hierarchy */
.hero-title{
  font-size:clamp(4.25rem,8.4vw,8.7rem)!important;
  max-width:10.5ch;
  line-height:.9!important;
  letter-spacing:-.05em!important;
}
.section h2,
.shop h2{
  font-size:clamp(2.9rem,5.1vw,5.25rem)!important;
  max-width:12ch;
  text-align:left!important;
  line-height:.96!important;
}
.services-heading{
  max-width:860px;
  margin:0 0 clamp(38px,4.5vw,62px);
  text-align:left!important;
}
.services-heading h2{
  font-size:clamp(2.8rem,5vw,5.15rem)!important;
  max-width:11ch;
  line-height:.95!important;
  text-align:left!important;
}
.services-heading p{
  max-width:620px;
  margin:18px 0 0!important;
  text-align:left!important;
}
.shop-intro h2{
  font-size:clamp(2.8rem,4.8vw,5rem)!important;
  max-width:9ch;
}
@media(max-width:1050px){
  .hero-title{font-size:clamp(3.8rem,10vw,6.5rem)!important;max-width:10ch}
  .section h2,.shop h2{font-size:clamp(2.7rem,7vw,4.5rem)!important}
  .services-heading h2{font-size:clamp(2.7rem,7.5vw,4.6rem)!important}
}
@media(max-width:700px){
  .hero-title{font-size:clamp(3rem,12.5vw,4.65rem)!important;max-width:9ch}
  .section h2,.shop h2{font-size:clamp(2.4rem,10vw,3.7rem)!important}
  .services-heading h2{font-size:clamp(2.45rem,10.5vw,3.9rem)!important}
  .services-heading{margin-bottom:34px}
}

/* 212 — soft rounded CTA typography + exact centering */
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  vertical-align: middle;
  font-family: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  line-height: 1.1 !important;
  white-space: nowrap;
}

.hero .btn {
  min-height: 60px !important;
  padding: 0 30px !important;
}

.links .btn {
  min-height: 44px;
}

.service-copy .btn,
.shop-intro .btn {
  min-height: 50px;
  padding: 0 24px !important;
}

@media (max-width: 820px) {
  .hero .btn {
    min-height: 54px !important;
    padding: 0 24px !important;
  }
}

/* 212 — hero peek + single-line project heading refinement */
@media (min-width: 701px) {
  .hero {
    min-height: clamp(560px, 72svh, 760px) !important;
    padding-top: clamp(54px, 5.5vw, 88px) !important;
    padding-bottom: clamp(56px, 6vw, 92px) !important;
  }
  .hero-title {
    font-size: clamp(3.8rem, 7vw, 7.25rem) !important;
    max-width: 11.5ch !important;
    margin-bottom: 24px !important;
  }
  .services-heading {
    max-width: none !important;
  }
  .services-heading h2 {
    max-width: none !important;
    white-space: nowrap;
    text-wrap: nowrap;
    font-size: clamp(2.75rem, 4.65vw, 4.9rem) !important;
    letter-spacing: -.04em !important;
  }
}

@media (max-width: 1050px) and (min-width: 701px) {
  .hero-title {
    font-size: clamp(3.6rem, 8.2vw, 5.8rem) !important;
  }
  .services-heading h2 {
    font-size: clamp(2.6rem, 5.4vw, 4rem) !important;
  }
}

@media (max-width: 700px) {
  .hero {
    padding-top: 54px !important;
    padding-bottom: 70px !important;
  }
  .hero-title {
    font-size: clamp(2.8rem, 11.5vw, 4.2rem) !important;
  }
  .services-heading h2 {
    white-space: normal;
    text-wrap: balance;
  }
}

/* 212 — rounded framed navigation, preserving existing logo asset */
header {
  padding: 18px 22px 10px;
  background: rgba(18,18,20,.90) !important;
}

header .nav {
  width: min(calc(100% - 8px), var(--max));
  height: 112px !important;
  padding: 10px 26px !important;
  border: 1px solid rgba(255, 202, 36, .62) !important;
  border-radius: 32px;
  background: linear-gradient(180deg, rgba(34,34,37,.82), rgba(23,23,26,.78));
  box-shadow:
    0 14px 34px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

header .logo {
  /* Keep the exact existing logo image and proportions. */
  width: 150px !important;
  max-height: 92px !important;
  object-fit: contain !important;
}

@media (max-width: 800px) {
  header {
    padding: 12px 12px 8px;
  }
  header .nav {
    width: 100%;
    height: 88px !important;
    padding: 8px 16px !important;
    border-radius: 24px;
  }
  header .logo {
    width: 118px !important;
    max-height: 70px !important;
  }
}

/* 212 — align Start a Project + Digital Shop vertical rhythm with hero */
@media (min-width: 701px) {
  .services-showcase,
  #shop.digital-shop-section {
    padding-top: clamp(56px, 6vw, 92px) !important;
    padding-bottom: clamp(56px, 6vw, 92px) !important;
  }

  .services-showcase .wrap,
  #shop .shop {
    align-content: start;
  }

  #shop .shop > div:first-child {
    top: 112px;
  }
}

@media (max-width: 700px) {
  .services-showcase,
  #shop.digital-shop-section {
    padding-top: 64px !important;
    padding-bottom: 72px !important;
  }
}

/* 212 v0.5.0 — playback waveform for Before / After players */
.player-waveform{
  --wave-progress:0%;
  position:relative;
  height:92px;
  margin:22px 0 2px;
  padding:12px 14px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  overflow:hidden;
  border:1px solid rgba(167,108,255,.22);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(167,108,255,.07),rgba(255,180,0,.025));
}
.player-waveform::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--wave-progress);
  background:linear-gradient(90deg,rgba(122,53,255,.12),rgba(255,180,0,.06));
  pointer-events:none;
  transition:width .18s linear;
}
.player-waveform span{
  position:relative;
  z-index:1;
  width:clamp(3px,.42vw,5px);
  height:24%;
  min-height:8px;
  border-radius:999px;
  background:linear-gradient(180deg,#b58cff,#824cff 62%,#ffb400);
  opacity:.42;
  transform-origin:center;
}
.audio-compare.is-playing .player-waveform span{
  opacity:.82;
  animation:mm-player-wave 820ms ease-in-out infinite alternate;
  animation-delay:calc(var(--wave-i) * -47ms);
}
.audio-compare[data-active-mode="after"] .player-waveform span{
  background:linear-gradient(180deg,#ffd36a,#ffb400 55%,#9b64ff);
}
@keyframes mm-player-wave{
  0%{height:18%;filter:brightness(.9)}
  35%{height:calc(28% + (var(--wave-i) % 5) * 6%)}
  70%{height:72%;filter:brightness(1.18)}
  100%{height:34%}
}
@media(max-width:820px){
  .player-waveform{height:76px;gap:3px;padding-inline:10px}
  .player-waveform span{width:3px}
}
@media(prefers-reduced-motion:reduce){
  .audio-compare.is-playing .player-waveform span{animation:none;height:42%;opacity:.7}
  .player-waveform::before{transition:none}
}


/* 212 — Hear the Difference heading parity + optional cover art */
.audio-section-heading {
  max-width: 860px;
  margin: 0 0 clamp(38px,4.5vw,62px);
  text-align: left;
}
.audio-section-heading .kicker {
  margin-bottom: 14px;
}
.audio-section-heading h2 {
  margin: 0;
  font-size: clamp(2.8rem,4.8vw,5rem) !important;
  line-height: .96 !important;
  letter-spacing: -.04em !important;
  text-align: left !important;
  max-width: none !important;
  font-family: inherit;
}
.audio-section-heading .muted {
  max-width: 620px;
  margin: 18px 0 0 !important;
  text-align: left;
}
.audio-cover-art {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 16px;
  background: #17171a;
  border: 1px solid rgba(255,255,255,.07);
}
.audio-cover-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1050px) {
  .audio-section-heading h2 {
    font-size: clamp(2.7rem,7vw,4.5rem) !important;
  }
}
@media (max-width: 700px) {
  .audio-section-heading {
    margin-bottom: 34px;
  }
  .audio-section-heading h2 {
    font-size: clamp(2.4rem,10vw,3.7rem) !important;
  }
  .audio-cover-art {
    border-radius: 16px;
  }
}

/* 212 v0.5.2 — compact Hear the Difference song players */
.audio-examples-grid{
  gap:18px !important;
  margin-top:24px !important;
}
.audio-example-card{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:16px;
  row-gap:10px;
  align-items:start;
  padding:16px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(43,43,47,.52),rgba(29,29,32,.48));
}
.audio-example-card .audio-cover-art{
  grid-column:1;
  grid-row:1 / span 2;
  width:132px;
  aspect-ratio:1/1;
  margin:0;
  border-radius:14px;
  align-self:start;
}
.audio-example-card .audio-example-heading{
  grid-column:2;
  grid-row:1;
  margin:0;
  padding:2px 2px 0;
  align-items:center;
}
.audio-example-card .audio-example-heading h3{
  font-size:1.05rem;
  line-height:1.2;
}
.audio-example-card .audio-compare{
  grid-column:2;
  grid-row:2;
  padding:16px 18px;
  border-radius:16px;
  height:auto;
}
.audio-example-card .compare-top,
.audio-example-card .switches{
  gap:8px;
}
.audio-example-card .button{
  padding:9px 14px;
  font-size:.86rem;
}
.audio-example-card .player-waveform{
  height:58px;
  margin:12px 0 0;
  padding:7px 9px;
  gap:3px;
  border-radius:12px;
}
.audio-example-card .player-waveform span{
  width:3px;
  min-height:5px;
}
.audio-example-card .seek{
  margin:12px 0;
}
.audio-example-card .setup-note{
  grid-column:1 / -1;
  margin:2px 2px 0;
  font-size:.78rem;
}
@media(max-width:1050px){
  .audio-example-card{
    grid-template-columns:108px minmax(0,1fr);
    column-gap:14px;
    padding:14px;
  }
  .audio-example-card .audio-cover-art{width:108px;border-radius:12px}
  .audio-example-card .audio-compare{padding:14px}
  .audio-example-card .player-waveform{height:52px}
}
@media(max-width:820px){
  .audio-examples-grid{gap:14px !important}
  .audio-example-card{
    grid-template-columns:92px minmax(0,1fr);
    column-gap:12px;
    row-gap:8px;
  }
  .audio-example-card .audio-cover-art{width:92px}
  .audio-example-card .audio-example-heading{
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
  }
  .audio-example-card .player-waveform{height:48px;padding-inline:8px}
}
@media(max-width:520px){
  .audio-example-card{
    grid-template-columns:72px minmax(0,1fr);
    padding:12px;
  }
  .audio-example-card .audio-cover-art{width:72px;border-radius:10px}
  .audio-example-card .audio-compare{padding:12px;grid-column:1/-1}
  .audio-example-card .audio-example-heading{grid-column:2}
  .audio-example-card .player-waveform{height:44px;margin-top:10px}
  .audio-example-card .button{padding:8px 12px;font-size:.82rem}
}

/* 212 v0.5.3 — vertically center song cover art beside compact player */
.audio-example-card .audio-cover-art{
  align-self:center !important;
  justify-self:start;
}


/* 212 v0.5.4 — two featured examples + Hear More CTA */
.audio-more-cta{
  display:flex;
  justify-content:flex-start;
  margin-top:24px;
}
.audio-more-cta .button{
  min-width:150px;
}
.audio-more-placeholder{
  opacity:.72;
  cursor:default;
}
@media(max-width:520px){
  .audio-more-cta{margin-top:18px}
  .audio-more-cta .button{width:100%;min-width:0}
}

/* 212 v0.5.5 — center Hear More CTA on desktop + left-align Digital Shop mobile heading */
@media (min-width: 521px) {
  .audio-more-cta {
    justify-content: center !important;
    text-align: center;
  }
}

@media (max-width: 900px) {
  #shop .shop-intro {
    text-align: left !important;
  }
  #shop .shop-intro h2,
  #shop .shop-intro .kicker,
  #shop .shop-intro p {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #shop .shop-badge-row {
    justify-content: flex-start !important;
  }
}

/* 212 — remove top navigation outline while preserving layout */
header .nav {
  border: none !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}

/* 212 v0.6.0 — dedicated Store page */
.store-212{overflow:hidden}
.store-header{background:rgba(25,25,27,.96);backdrop-filter:blur(12px)}
.store-header .nav{border:none!important;box-shadow:none!important}
.store-hero{padding:clamp(74px,9vw,126px) 0 clamp(68px,8vw,108px);background:radial-gradient(circle at 78% 22%,rgba(111,44,255,.22),transparent 32%),linear-gradient(135deg,#202022,#29292c);border-bottom:1px solid #3a3a3d}
.store-hero-inner{max-width:1120px}
.store-hero h1{max-width:920px;margin:14px 0 20px;font-size:clamp(3.6rem,7.7vw,7.4rem);line-height:.91;letter-spacing:-.055em;text-transform:uppercase}
.store-hero p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.65}
.store-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.store-text-link{font-weight:800;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px}
.store-section-heading{max-width:850px;margin-bottom:42px}
.store-section-heading h2,.store-next-step h2{margin:9px 0 16px;font-size:clamp(2.8rem,4.8vw,5rem);line-height:.96;letter-spacing:-.04em;text-transform:uppercase}
.store-section-heading p{max-width:680px;margin:0;color:var(--muted);line-height:1.65;font-size:1.04rem}
.store-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.store-service-card{border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,rgba(43,43,47,.95),rgba(29,29,32,.98));box-shadow:0 20px 50px rgba(0,0,0,.2)}
.store-service-visual{height:190px!important;border-bottom:1px solid rgba(255,255,255,.07)}
.store-service-body{padding:24px 26px 28px;display:flex;flex-direction:column;min-height:310px}
.store-service-body h3{font-size:1.65rem;margin:4px 0 10px}
.store-service-body p{color:var(--muted);line-height:1.55;margin:0 0 18px}
.store-price{font-size:2.25rem;font-weight:900;margin:auto 0 18px;color:#fff}
.store-service-body .btn,.store-service-body .button{align-self:flex-start}
.store-setup-button{opacity:.62;cursor:default}
.store-next-step{background:rgba(255,255,255,.015)}
.store-next-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}
.store-steps{display:grid;gap:12px}
.store-steps>div{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.store-steps strong{font-size:1.6rem;color:#b98cff}
.store-steps span{color:var(--muted);line-height:1.55}
.store-digital{background:radial-gradient(circle at 74% 42%,rgba(111,44,255,.12),transparent 35%),rgba(29,29,32,.76)}
.store-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.store-product-card{display:block;border:1px solid rgba(139,61,255,.34);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(31,24,42,.95),rgba(18,18,21,.98));transition:transform .25s ease,border-color .25s ease}
.store-product-image{aspect-ratio:1/1;background:#121215;display:grid;place-items:center;padding:12px}
.store-product-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}
.store-product-placeholder{font-size:4rem;font-weight:900;color:#8c58ff}
.store-product-copy{padding:18px 18px 20px;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.store-product-copy h3{font-size:1.05rem;margin:0}
.store-product-copy span{color:#ffca24;font-weight:800;font-size:.92rem;text-align:right}
.store-product-placeholders .store-product-card{pointer-events:none}
@media(hover:hover) and (pointer:fine){.store-service-card,.store-product-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.store-service-card:hover,.store-product-card:hover{transform:translateY(-6px);border-color:rgba(139,61,255,.64);box-shadow:0 24px 55px rgba(0,0,0,.34)}}
@media(max-width:900px){.store-header .links{gap:15px}.store-service-grid,.store-product-grid{grid-template-columns:1fr}.store-next-grid{grid-template-columns:1fr;gap:26px}.store-service-body{min-height:0}.store-hero h1{font-size:clamp(3.2rem,10.5vw,5.4rem)}}
@media(max-width:700px){.store-header .nav{height:auto;min-height:82px;padding-top:10px;padding-bottom:10px}.store-header .links{display:none}.store-hero{padding:64px 0 58px}.store-hero h1{font-size:clamp(2.9rem,13vw,4.6rem)}.store-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.store-section-heading h2,.store-next-step h2{font-size:clamp(2.4rem,10vw,3.7rem)}.store-service-visual{height:170px!important}.store-service-body{padding:20px}.store-steps>div{grid-template-columns:48px 1fr;gap:12px}}

.service-copy .btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}


/* 212 product page */
.product-212{padding-top:clamp(48px,7vw,90px);padding-bottom:clamp(56px,8vw,110px)}
.product-212-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.product-212-media{display:flex;justify-content:center;align-items:center}
.product-212-image{display:block;width:100%;max-width:560px;aspect-ratio:1/1;object-fit:cover;border-radius:22px}
.product-212-placeholder{width:100%;max-width:560px;aspect-ratio:1/1;border-radius:22px;display:grid;place-items:center;font-size:clamp(72px,10vw,150px);font-weight:800;opacity:.18;border:1px solid rgba(255,255,255,.12)}
.product-212-copy h1{margin:.25em 0 .15em;font-size:clamp(38px,5vw,72px);line-height:.98}
.product-212-price{font-size:clamp(24px,3vw,34px);font-weight:700;margin:18px 0 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.product-212-price-current{color:#fff}
.product-212-price-current.is-sale{color:#ffca24}
.product-212-price-compare{font-size:.72em;font-weight:600;color:rgba(255,255,255,.48);text-decoration-thickness:2px}
.product-212-sale-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid rgba(255,202,36,.48);border-radius:999px;background:rgba(255,202,36,.10);color:#ffca24;font-size:.64rem;font-weight:900;letter-spacing:.12em;line-height:1}
.product-212-price .is-hidden{display:none}
.product-212-description{font-size:1rem;line-height:1.7;opacity:.86;margin-bottom:28px}
.product-212-form{display:grid;gap:14px;max-width:460px}
.product-212-form label{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.product-212-form select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#111;color:#fff}
.product-212-submit{justify-self:start}
.product-212-note{margin-top:18px;font-size:.88rem;line-height:1.5;opacity:.6;max-width:520px}
@media(max-width:760px){.product-212-grid{grid-template-columns:1fr}.product-212-copy h1{font-size:clamp(34px,10vw,52px)}}

/* 212 product page detail restoration */
.product-212-details{padding-top:clamp(38px,5.5vw,68px)}
.product-detail-intro{max-width:780px;margin-bottom:22px}
.product-detail-intro h2{margin:.14em 0 .24em;font-size:clamp(24px,2.8vw,38px);line-height:1.04;letter-spacing:-.025em}
.product-detail-intro p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(.9rem,.95vw,1rem);line-height:1.48}
.product-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-detail-card{padding:26px 28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,rgba(43,43,47,.94),rgba(27,27,30,.98));box-shadow:0 18px 44px rgba(0,0,0,.18)}
.product-detail-card h3{margin:0 0 10px;font-size:1.18rem}
.product-detail-card p{margin:0;color:var(--muted);line-height:1.65}
.product-detail-wide{margin-top:18px;padding:26px 28px;border:1px solid rgba(139,61,255,.32);border-radius:18px;background:rgba(139,61,255,.08);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}
.product-detail-wide h3{margin:5px 0 0;font-size:clamp(1.35rem,2vw,1.8rem)}
.product-detail-wide p{margin:0;color:var(--muted);line-height:1.65}
@media(max-width:760px){.product-detail-grid,.product-detail-wide{grid-template-columns:1fr}.product-detail-card,.product-detail-wide{padding:22px}}

/* 212 cart drawer */
.mm-cart-lock{overflow:hidden}
.mm-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:998}
.mm-cart-overlay.is-open{opacity:1;pointer-events:auto}
.mm-cart-drawer{position:fixed;top:0;right:0;width:min(420px,92vw);height:100dvh;background:#0e0e0e;border-left:1px solid rgba(207,164,86,.32);box-shadow:-24px 0 60px rgba(0,0,0,.45);transform:translateX(105%);transition:transform .3s ease;z-index:999;display:flex;flex-direction:column;color:#f4f0e8}
.mm-cart-drawer.is-open{transform:translateX(0)}
.mm-cart-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 24px 18px;border-bottom:1px solid rgba(255,255,255,.09)}
.mm-cart-head h2{margin:0;font-size:24px;line-height:1.1;color:#f4f0e8}
.mm-cart-close{appearance:none;border:0;background:transparent;color:#f4f0e8;font-size:30px;line-height:1;cursor:pointer;padding:2px 6px}
.mm-cart-body{padding:20px 24px;overflow:auto;flex:1}
.mm-cart-empty{color:rgba(244,240,232,.7);margin:6px 0}
.mm-cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.mm-cart-item-image{width:72px;height:72px;object-fit:cover;border-radius:12px;background:#171717}
.mm-cart-item-title{font-weight:700;color:#f4f0e8;text-decoration:none;display:block;margin-bottom:4px}
.mm-cart-item-meta{font-size:13px;color:rgba(244,240,232,.62)}
.mm-cart-item-price{font-weight:700;white-space:nowrap;color:#d8b56f}
.mm-cart-foot{padding:20px 24px 26px;border-top:1px solid rgba(255,255,255,.09);background:#0b0b0b}
.mm-cart-subtotal{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;margin-bottom:16px}
.mm-cart-subtotal strong{font-size:20px;color:#d8b56f}
.mm-cart-checkout{width:100%;border:0;cursor:pointer;text-align:center;display:block}
.mm-cart-continue{width:100%;margin-top:10px;background:transparent;border:1px solid rgba(216,181,111,.38);color:#f4f0e8;cursor:pointer;padding:12px 16px;border-radius:999px;font:inherit}
.mm-cart-status{min-height:18px;margin-top:10px;font-size:13px;color:rgba(244,240,232,.67)}
.product-212-submit.is-loading{opacity:.65;pointer-events:none}
@media (max-width:520px){.mm-cart-head,.mm-cart-body,.mm-cart-foot{padding-left:18px;padding-right:18px}.mm-cart-item{grid-template-columns:58px 1fr}.mm-cart-item-image{width:58px;height:58px}.mm-cart-item-price{grid-column:2;justify-self:start}}


/* 212 branded cart page */
.mm-cart-page{padding-top:clamp(54px,7vw,90px);padding-bottom:clamp(70px,9vw,120px)}
.mm-cart-page-wrap{max-width:1180px}
.mm-cart-page-head{max-width:720px;margin-bottom:34px}
.mm-cart-page-head h1{margin:.2em 0 .15em;font-size:clamp(42px,6vw,78px);line-height:.95}
.mm-cart-page-head p{margin:0;color:var(--muted);font-size:1rem}
.mm-cart-page-form{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:34px;align-items:start}
.mm-cart-page-items{border-top:1px solid rgba(255,255,255,.1)}
.mm-cart-page-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.mm-cart-page-image{width:92px;height:92px;object-fit:cover;border-radius:16px;background:#171717;display:block}
.mm-cart-page-image-placeholder{display:grid;place-items:center;font-weight:800;color:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.08)}
.mm-cart-page-title{display:inline-block;color:#f4f0e8;text-decoration:none;font-size:1.15rem;font-weight:700;margin-bottom:5px}
.mm-cart-page-title:hover{color:#d8b56f}
.mm-cart-page-variant,.mm-cart-page-meta{font-size:.9rem;color:rgba(244,240,232,.62);line-height:1.45}
.mm-cart-page-price{font-weight:800;color:#d8b56f;font-size:1.05rem;white-space:nowrap}
.mm-cart-summary{position:sticky;top:28px;padding:26px;border:1px solid rgba(216,181,111,.22);border-radius:22px;background:rgba(14,14,14,.82);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.mm-cart-summary-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0 12px;font-size:1.05rem}
.mm-cart-summary-row strong{font-size:1.25rem;color:#d8b56f}
.mm-cart-summary-note{margin:0 0 20px;color:rgba(244,240,232,.6);font-size:.87rem;line-height:1.5}
.mm-cart-page-checkout{width:100%;border:0;cursor:pointer}
.mm-cart-page-continue{display:block;text-align:center;margin-top:13px;color:rgba(244,240,232,.74);text-decoration:none;font-size:.92rem}
.mm-cart-page-continue:hover{color:#fff}
.mm-cart-page-empty{padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:680px;background:rgba(14,14,14,.7)}
.mm-cart-page-empty h2{margin:0 0 8px;font-size:clamp(28px,4vw,42px)}
.mm-cart-page-empty p{margin:0 0 22px;color:var(--muted)}
@media(max-width:820px){.mm-cart-page-form{grid-template-columns:1fr}.mm-cart-summary{position:static}.mm-cart-page-item{grid-template-columns:76px minmax(0,1fr) auto}.mm-cart-page-image{width:76px;height:76px}}
@media(max-width:560px){.mm-cart-page-item{grid-template-columns:64px minmax(0,1fr)}.mm-cart-page-image{width:64px;height:64px}.mm-cart-page-price{grid-column:2;justify-self:start}.mm-cart-summary{padding:22px}}


/* 212 service product artwork */
.product-212-service-art{object-fit:contain!important;background:#09090b;border:1px solid rgba(139,61,255,.26);box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 34px rgba(111,44,255,.12)}


/* 212 global navigation upgrade */
.mm-site-header{
  position:relative;
  z-index:50;
  background:rgba(13,13,16,.88);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.mm-global-nav{
  min-height:78px;
  display:flex;
  align-items:center;
  gap:clamp(18px,2.4vw,34px);
}
.mm-brand-link{display:flex;align-items:center;flex:0 0 auto}
.mm-global-nav .logo{display:block}
.mm-primary-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(15px,1.7vw,26px);
  margin-left:auto;
}
.mm-primary-links a{
  white-space:nowrap;
}
.mm-nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.mm-nav-icon{
  position:relative;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:#fff;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.mm-nav-icon:hover{
  transform:translateY(-1px);
  border-color:rgba(139,74,255,.58);
  background:rgba(139,74,255,.10);
}
.mm-nav-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mm-cart-count{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f6b51b;
  color:#111;
  font-size:10px;
  line-height:1;
  font-weight:800;
}
.mm-start-project{
  min-height:40px;
  padding:10px 18px !important;
  border-radius:999px !important;
  font-size:.88rem !important;
  font-weight:700;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:none !important;
}
@media(max-width:1100px){
  .mm-primary-links{gap:14px}
  .mm-primary-links a{font-size:.88rem}
  .mm-start-project{padding:10px 14px !important}
}
@media(max-width:900px){
  .mm-global-nav{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .mm-primary-links{
    order:3;
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }
  .mm-primary-links::-webkit-scrollbar{display:none}
  .mm-nav-actions{margin-left:auto}
}
@media(max-width:560px){
  .mm-global-nav{gap:10px}
  .mm-global-nav .logo{max-width:72px}
  .mm-nav-icon{width:36px;height:36px}
  .mm-start-project{padding:9px 12px !important;font-size:.8rem !important}
  .mm-primary-links a{font-size:.82rem}
}

/* 212 tighter header pass */
.mm-global-nav{
  min-height:70px;
  gap:clamp(14px,1.8vw,26px);
}
.mm-primary-links{
  gap:clamp(12px,1.35vw,20px);
}
.mm-nav-actions{
  gap:8px;
  margin-left:4px;
}
.mm-nav-icon{
  width:38px;
  height:38px;
}
.mm-nav-icon svg{
  width:19px;
  height:19px;
}
.mm-start-project{display:none !important}
@media(max-width:1100px){
  .mm-primary-links{gap:12px}
  .mm-primary-links a{font-size:.86rem}
}
@media(max-width:900px){
  .mm-global-nav{padding-top:8px;padding-bottom:8px}
}

/* 212 cohesive homepage flow — Hear the Difference before Digital Shop */
.services-showcase,
.audio-compare-section,
.digital-shop-section{
  padding-top:clamp(58px,6.2vw,88px)!important;
  padding-bottom:clamp(62px,6.6vw,94px)!important;
}
.services-showcase,
.audio-compare-section{
  border-bottom:1px solid rgba(255,255,255,.07);
}
.audio-compare-section{
  background:linear-gradient(180deg,rgba(34,34,37,.78),rgba(29,29,32,.72));
}
.audio-section-heading,
.services-heading{
  max-width:760px;
}
.audio-section-heading h2,
.services-heading h2{
  margin-bottom:12px;
}
.audio-section-heading p,
.services-heading p{
  margin-top:0;
  line-height:1.55;
}
.digital-shop-section{
  border-top:0!important;
}
@media(max-width:700px){
  .services-showcase,
  .audio-compare-section,
  .digital-shop-section{
    padding-top:54px!important;
    padding-bottom:62px!important;
  }
}

/* 212 product typography refinement — slightly smaller, easier fit */
.product-212-copy h1{
  font-size:clamp(36px,4.35vw,62px)!important;
  line-height:1!important;
}
.product-detail-intro h2{
  font-size:clamp(23px,2.45vw,34px)!important;
  line-height:1.08!important;
  max-width:720px;
}
@media(max-width:760px){
  .product-212-copy h1{font-size:clamp(31px,8.6vw,46px)!important}
  .product-detail-intro h2{font-size:clamp(22px,7.2vw,31px)!important}
}


/* 212 hero waveform position controls */
.hero .hero-waveform{
  left:var(--mm-wave-x,50%) !important;
  top:var(--mm-wave-y,50%) !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) scale(var(--mm-wave-scale,1)) !important;
  transform-origin:center center !important;
}

/* 212 Audio Tools — Key & BPM Analyzer */
.mm-audio-tools{min-height:calc(100vh - 70px);padding:clamp(54px,7vw,96px) 0 clamp(70px,9vw,120px)}
.mm-audio-tools-wrap{max-width:1120px}.mm-tools-intro{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.mm-tools-intro h1{margin:.18em 0 .28em;font-size:clamp(44px,6.2vw,82px);line-height:.94;letter-spacing:-.045em}.mm-tools-intro p{max-width:650px;margin:0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65;opacity:.72}
.mm-analyzer-shell{position:relative;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 30px 80px rgba(0,0,0,.22);overflow:hidden}
.mm-dropzone{min-height:380px;display:grid;place-items:center;align-content:center;text-align:center;padding:44px 28px;cursor:pointer;transition:.2s ease}.mm-dropzone.is-dragging{background:rgba(122,70,255,.09);outline:1px solid rgba(146,92,255,.55);outline-offset:-10px}
.mm-upload-icon{width:68px;height:68px;display:grid;place-items:center;margin-bottom:18px;border-radius:20px;background:rgba(129,70,255,.12);border:1px solid rgba(148,93,255,.24)}.mm-upload-icon svg{width:31px;height:31px;fill:none;stroke:#c7a7ff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mm-dropzone h2{margin:0 0 8px;font-size:clamp(26px,3vw,38px)}.mm-dropzone p{margin:0 0 14px;opacity:.66}.mm-file-note{display:block;max-width:580px;font-size:.82rem;opacity:.46}
.mm-analyzer-progress{min-height:380px;padding:46px 28px;display:grid;place-items:center;align-content:center}.mm-analyzer-wave{height:96px;display:flex;align-items:center;gap:4px;margin-bottom:24px}.mm-analyzer-wave i{width:4px;height:calc(24px + (var(--i) % 8)*7px);border-radius:999px;background:linear-gradient(180deg,#9c73ff,#f2b63b);animation:mmAnalyzeWave 1s ease-in-out infinite;animation-delay:calc(var(--i)*-38ms);transform-origin:center}@keyframes mmAnalyzeWave{0%,100%{transform:scaleY(.45);opacity:.45}50%{transform:scaleY(1.08);opacity:1}}
.mm-progress-copy{display:grid;gap:6px;text-align:center}.mm-progress-copy strong{font-size:1.2rem}.mm-progress-copy span{font-size:.9rem;opacity:.56}
.mm-analyzer-results{padding:clamp(30px,5vw,54px)}.mm-result-file{display:grid;gap:5px;margin-bottom:24px}.mm-result-file span{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;opacity:.48}.mm-result-file strong{font-size:1rem;overflow-wrap:anywhere}.mm-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mm-result-card{min-height:210px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.mm-result-card>span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;opacity:.5}.mm-result-card>strong{font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.035em}.mm-result-card strong b{font:inherit}.mm-result-card strong small{font-size:.28em;letter-spacing:.08em;opacity:.55}.mm-analysis-note{max-width:720px;margin:22px 0 0;font-size:.88rem;line-height:1.55;opacity:.52}.mm-result-actions{margin-top:26px}.mm-analyzer-error{padding:36px;color:#ffd1d1;background:rgba(160,35,35,.14)}
.mm-tools-footer-note{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-top:20px;align-items:start;font-size:.84rem}.mm-tools-footer-note span{font-weight:700;color:#d7c3ff}.mm-tools-footer-note p{margin:0;max-width:700px;opacity:.5}@media(max-width:700px){.mm-tools-intro h1{font-size:clamp(40px,12vw,62px)}.mm-dropzone,.mm-analyzer-progress{min-height:330px}.mm-result-grid{grid-template-columns:1fr}.mm-result-card{min-height:160px}.mm-tools-footer-note{grid-template-columns:1fr;gap:4px}}@media(prefers-reduced-motion:reduce){.mm-analyzer-wave i{animation:none}}

/* 212 Audio Tools dropdown + compact analyzer */
.mm-nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}
.mm-nav-dropdown-trigger{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  padding:8px 0;
}
.mm-nav-dropdown-trigger svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  transition:transform .18s ease;
}
.mm-nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%) translateY(-4px);
  min-width:230px;
  padding:8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(16,16,20,.98);
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  z-index:100;
}
.mm-nav-dropdown-menu a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  white-space:nowrap;
}
.mm-nav-dropdown-menu a:hover{
  background:rgba(135,82,255,.10);
}
.mm-nav-dropdown:hover .mm-nav-dropdown-menu,
.mm-nav-dropdown:focus-within .mm-nav-dropdown-menu,
.mm-nav-dropdown.is-open .mm-nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.mm-nav-dropdown.is-open .mm-nav-dropdown-trigger svg{
  transform:rotate(180deg);
}

.mm-audio-tools{
  min-height:auto !important;
  padding:clamp(38px,5vw,62px) 0 clamp(54px,6vw,78px) !important;
}
.mm-audio-tools-wrap{
  max-width:900px !important;
}
.mm-tools-intro{
  max-width:660px !important;
  margin-bottom:24px !important;
}
.mm-tools-intro h1{
  font-size:clamp(38px,5vw,62px) !important;
  line-height:.98 !important;
  margin:.12em 0 .22em !important;
}
.mm-tools-intro p{
  font-size:.98rem !important;
  line-height:1.5 !important;
}
.mm-analyzer-shell{
  border-radius:20px !important;
}
.mm-dropzone,
.mm-analyzer-progress{
  min-height:290px !important;
  padding:34px 24px !important;
}
.mm-upload-icon{
  width:58px !important;
  height:58px !important;
  border-radius:17px !important;
  margin-bottom:14px !important;
}
.mm-dropzone h2{
  font-size:clamp(23px,2.5vw,32px) !important;
}
.mm-analyzer-results{
  padding:30px !important;
}
.mm-result-card{
  min-height:150px !important;
  padding:22px !important;
}
.mm-result-card>strong{
  font-size:clamp(34px,4.3vw,54px) !important;
}
.mm-tools-footer-note{
  margin-top:14px !important;
}

.mm-analyzer-orbit{
  position:relative;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
}
.mm-orbit-ring,
.mm-orbit-core{
  position:absolute;
  border-radius:50%;
}
.mm-orbit-ring{
  border:1px solid rgba(155,105,255,.34);
}
.mm-orbit-ring.ring-a{
  inset:12px;
  animation:mmOrbitSpin 3.2s linear infinite;
  border-top-color:#a97cff;
  border-right-color:#efb83d;
}
.mm-orbit-ring.ring-b{
  inset:28px;
  animation:mmOrbitSpinReverse 2.2s linear infinite;
  border-left-color:#8a5cff;
  border-bottom-color:#efb83d;
}
.mm-orbit-core{
  width:56px;
  height:56px;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.34),rgba(141,83,255,.36) 34%,rgba(141,83,255,.08) 70%);
  box-shadow:0 0 34px rgba(131,77,255,.34),0 0 46px rgba(240,181,54,.12);
  animation:mmCorePulse 1.35s ease-in-out infinite;
}
.mm-analyzer-orbit .mm-analyzer-wave{
  position:absolute;
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  height:42px !important;
  margin:0 !important;
  gap:3px !important;
}
.mm-analyzer-orbit .mm-analyzer-wave i{
  width:3px !important;
  height:calc(10px + (var(--i) % 7) * 4px) !important;
  animation:mmAnalyzeWave .85s ease-in-out infinite !important;
}
@keyframes mmOrbitSpin{to{transform:rotate(360deg)}}
@keyframes mmOrbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes mmCorePulse{
  0%,100%{transform:scale(.92);opacity:.72}
  50%{transform:scale(1.08);opacity:1}
}

@media(max-width:900px){
  .mm-nav-dropdown-menu{
    left:0;
    transform:translateY(-4px);
  }
  .mm-nav-dropdown:hover .mm-nav-dropdown-menu,
  .mm-nav-dropdown:focus-within .mm-nav-dropdown-menu,
  .mm-nav-dropdown.is-open .mm-nav-dropdown-menu{
    transform:translateY(0);
  }
}
@media(max-width:700px){
  .mm-dropzone,.mm-analyzer-progress{min-height:260px !important}
  .mm-result-grid{gap:12px !important}
}
@media(prefers-reduced-motion:reduce){
  .mm-orbit-ring,.mm-orbit-core{animation:none !important}
}

/* Editable 212 Header Navigation */
.mm-site-header{
  background:color-mix(in srgb,var(--mm-nav-bg,#0d0d10) 92%,transparent) !important;
}
.mm-primary-links,
.mm-primary-links a,
.mm-nav-dropdown-trigger{
  color:var(--mm-nav-text,#fff) !important;
  font-size:var(--mm-nav-font-size,14px) !important;
  letter-spacing:var(--mm-nav-letter-spacing,0em) !important;
}
.mm-primary-links a:hover,
.mm-nav-dropdown-trigger:hover{
  color:var(--mm-nav-hover,#a97cff) !important;
}
.mm-case-normal{text-transform:none}
.mm-case-uppercase{text-transform:uppercase}
.mm-case-lowercase{text-transform:lowercase}
.mm-case-capitalize{text-transform:capitalize}
.mm-nav-icon{
  color:var(--mm-nav-icon,#fff) !important;
}
.mm-nav-icon:hover{
  color:var(--mm-nav-icon-hover,#a97cff) !important;
  border-color:color-mix(in srgb,var(--mm-nav-icon-hover,#a97cff) 58%,transparent) !important;
  background:color-mix(in srgb,var(--mm-nav-icon-hover,#a97cff) 10%,transparent) !important;
}
.mm-nav-dropdown-menu{
  background:color-mix(in srgb,var(--mm-nav-dropdown-bg,#101014) 98%,transparent) !important;
}
.mm-nav-dropdown-menu a{
  color:var(--mm-nav-dropdown-text,#fff) !important;
}
.mm-nav-dropdown-menu a:hover{
  color:var(--mm-nav-hover,#a97cff) !important;
  background:color-mix(in srgb,var(--mm-nav-hover,#a97cff) 10%,transparent) !important;
}

/* 212 Key & BPM Finder compact redesign */
.mm-finder-page{padding:clamp(38px,5vw,66px) 0 clamp(54px,7vw,84px)}
.mm-finder-wrap{max-width:860px}
.mm-finder-heading{max-width:650px;margin-bottom:22px}
.mm-finder-heading h1{margin:.12em 0 .18em;font-size:clamp(38px,5.3vw,64px);line-height:.96;letter-spacing:-.045em}
.mm-finder-heading p{margin:0;max-width:560px;line-height:1.5;opacity:.66}
.mm-finder-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.025);box-shadow:0 26px 70px rgba(0,0,0,.22)}
.mm-finder-upload,.mm-finder-analyzing{min-height:255px;padding:30px}
.mm-finder-upload{display:flex;align-items:center;justify-content:center;gap:20px;text-align:left;cursor:pointer}
.mm-finder-upload.is-dragging{background:rgba(132,79,255,.09);outline:1px solid rgba(154,104,255,.52);outline-offset:-10px}
.mm-finder-upload-icon{width:62px;height:62px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(167,116,255,.22);background:rgba(139,84,255,.10)}
.mm-finder-upload-icon svg{width:28px;height:28px;fill:none;stroke:#cdb4ff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mm-finder-upload-copy{display:grid;gap:4px}
.mm-finder-upload-copy strong{font-size:clamp(21px,2.5vw,30px)}
.mm-finder-upload-copy span{opacity:.62}
.mm-finder-upload-copy small{margin-top:4px;font-size:.76rem;letter-spacing:.05em;opacity:.4}
.mm-finder-analyzing{display:grid;place-items:center;align-content:center;text-align:center}
.mm-scan-visual{position:relative;width:min(470px,80vw);height:92px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}
.mm-scan-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px}
.mm-scan-bars i{width:4px;height:calc(18px + (var(--i) % 9) * 6px);border-radius:999px;background:linear-gradient(180deg,rgba(165,116,255,.98),rgba(239,180,54,.78));animation:mmFinderBars .85s ease-in-out infinite;animation-delay:calc(var(--i) * -31ms)}
.mm-scan-line{position:absolute;top:0;bottom:0;width:2px;left:0;z-index:3;background:#fff;box-shadow:0 0 16px rgba(175,128,255,.9),0 0 28px rgba(244,184,57,.42);animation:mmFinderScan 1.7s ease-in-out infinite}
.mm-scan-glow{position:absolute;width:180px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(135,79,255,.22),transparent 68%);animation:mmFinderGlow 1.7s ease-in-out infinite}
.mm-finder-progress-copy{display:grid;gap:4px}.mm-finder-progress-copy strong{font-size:1.08rem}.mm-finder-progress-copy span{font-size:.88rem;opacity:.52}
@keyframes mmFinderBars{0%,100%{transform:scaleY(.46);opacity:.42}50%{transform:scaleY(1.08);opacity:1}}
@keyframes mmFinderScan{0%{left:4%}50%{left:96%}100%{left:4%}}
@keyframes mmFinderGlow{0%,100%{transform:translateX(-120px);opacity:.45}50%{transform:translateX(120px);opacity:1}}
.mm-finder-results{padding:26px}
.mm-finder-file{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}
.mm-finder-file span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.42}
.mm-finder-file strong{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.mm-finder-main-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mm-finder-result{min-height:150px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border-radius:17px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.027)}
.mm-finder-result>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.42}
.mm-finder-result>strong{font-size:clamp(35px,5vw,54px);line-height:.95;letter-spacing:-.04em}
.mm-finder-result strong b{font:inherit}.mm-finder-result strong em{font-size:.25em;font-style:normal;letter-spacing:.08em;opacity:.5}
.mm-finder-result>small{font-size:.78rem;opacity:.46}
.mm-finder-alt-tempos{margin-top:12px;display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;align-items:center}
.mm-finder-alt-tempos>span{padding-right:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;opacity:.42}
.mm-finder-alt-tempos button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);color:#fff;cursor:pointer}
.mm-finder-alt-tempos button:hover{border-color:rgba(155,100,255,.4);background:rgba(139,84,255,.075)}
.mm-finder-alt-tempos button small{opacity:.45}
.mm-finder-actions{margin-top:18px}.mm-finder-actions .btn{min-height:42px;padding:10px 17px}
.mm-finder-privacy{margin:13px 4px 0;font-size:.78rem;line-height:1.5;opacity:.46}.mm-finder-privacy strong{opacity:1}
.mm-finder-card .mm-analyzer-error{padding:28px}
@media(max-width:650px){.mm-finder-upload{min-height:240px;flex-direction:column;text-align:center}.mm-finder-main-results{grid-template-columns:1fr}.mm-finder-alt-tempos{grid-template-columns:1fr 1fr}.mm-finder-alt-tempos>span{grid-column:1/-1}.mm-finder-file{display:grid;gap:5px}.mm-finder-file strong{max-width:100%}}
@media(prefers-reduced-motion:reduce){.mm-scan-bars i,.mm-scan-line,.mm-scan-glow{animation:none!important}}

/* Compact Key & BPM Finder refinement */
.mm-finder-page{
  padding:34px 0 54px !important;
}
.mm-finder-wrap{
  max-width:780px !important;
}
.mm-finder-heading{
  margin-bottom:16px !important;
}
.mm-finder-heading h1{
  font-size:clamp(34px,4.8vw,56px) !important;
  margin:.08em 0 .14em !important;
}
.mm-finder-heading p{
  font-size:.94rem !important;
  line-height:1.45 !important;
}
.mm-finder-upload{
  min-height:205px !important;
  padding:24px !important;
}
.mm-finder-analyzing{
  min-height:170px !important;
  padding:24px !important;
}
.mm-finder-progress-copy{
  gap:5px !important;
}
.mm-finder-progress-copy strong{
  font-size:1rem !important;
}
.mm-scan-visual,
.mm-scan-bars,
.mm-scan-line,
.mm-scan-glow{
  display:none !important;
}
.mm-finder-results{
  padding:22px !important;
}
.mm-finder-file{
  padding-bottom:14px !important;
}
.mm-finder-main-results{
  gap:10px !important;
  margin-top:10px !important;
}
.mm-finder-result{
  min-height:126px !important;
  padding:17px !important;
}
.mm-finder-result>strong{
  font-size:clamp(31px,4.4vw,48px) !important;
}
.mm-finder-result>small{
  font-size:.74rem !important;
}
.mm-alt-key{
  margin-top:3px;
  opacity:.56 !important;
}
.mm-finder-alt-tempos{
  margin-top:10px !important;
  gap:8px !important;
}
.mm-finder-alt-tempos button{
  min-height:43px !important;
  padding:8px 12px !important;
}
.mm-finder-actions{
  margin-top:14px !important;
}
.mm-finder-privacy{
  margin-top:10px !important;
}
@media(max-width:650px){
  .mm-finder-page{padding-top:28px !important}
  .mm-finder-upload{min-height:190px !important}
}

/* Audio Tools dropdown hover bridge + stability fix */
.mm-nav-dropdown{
  position:relative;
}
.mm-nav-dropdown::after{
  content:"";
  position:absolute;
  left:-12px;
  right:-12px;
  top:100%;
  height:18px;
}
.mm-nav-dropdown-menu{
  top:calc(100% + 6px) !important;
}
.mm-nav-dropdown:hover .mm-nav-dropdown-menu,
.mm-nav-dropdown:focus-within .mm-nav-dropdown-menu,
.mm-nav-dropdown.is-open .mm-nav-dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.mm-nav-dropdown-menu:hover{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Finder glow polish + richer key details */
.mm-finder-card{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  border-color:rgba(164,116,255,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.03) inset, 0 0 36px rgba(155,100,255,.08) !important;
}
.mm-finder-card::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:
    radial-gradient(circle at 14% 12%, rgba(168,118,255,.18), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(241,186,78,.12), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(146,95,255,.08), transparent 35%);
  z-index:-1;
  pointer-events:none;
}
.mm-finder-heading .kicker{
  color:#efb83d;
  text-shadow:0 0 16px rgba(239,184,61,.18);
}
.mm-finder-upload{
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
}
.mm-finder-upload:hover{
  box-shadow:0 0 0 1px rgba(166,115,255,.22) inset, 0 0 28px rgba(155,100,255,.12);
}
.mm-finder-upload-icon{
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 0 24px rgba(155,100,255,.18);
}
.mm-finder-upload-copy strong,
.mm-finder-result strong,
.mm-finder-result strong b{
  text-shadow:0 0 20px rgba(158,105,255,.15);
}
.mm-finder-result{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.022)) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.18), 0 0 20px rgba(155,100,255,.05);
}
.mm-finder-result::after{
  content:'';
  position:absolute;
  inset:auto -20% -42% auto;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(155,100,255,.16), transparent 65%);
  pointer-events:none;
}
.mm-finder-result:first-child::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(155,100,255,.05), transparent 46%, rgba(239,184,61,.04));
  pointer-events:none;
}
.mm-finder-result>small,
.mm-alt-key{
  line-height:1.35;
}
.mm-alt-key{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.70);
}
.mm-alt-key-secondary{
  color:rgba(239,184,61,.85);
  text-shadow:0 0 14px rgba(239,184,61,.08);
}
.mm-finder-alt-tempos button{
  border-color:rgba(164,116,255,.14) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;
}
.mm-finder-alt-tempos button:hover{
  box-shadow:0 0 20px rgba(155,100,255,.14);
}
.mm-finder-actions .btn{
  box-shadow:0 0 18px rgba(155,100,255,.18);
}


/* Equal detected + relative key layout */
.mm-key-result{
  min-height:156px !important;
}
.mm-key-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:6px 0 8px;
}
.mm-key-primary{
  min-width:0;
  padding:10px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
}
.mm-key-primary>small{
  display:block;
  margin-bottom:5px;
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:rgba(255,255,255,.46);
}
.mm-key-primary>strong{
  display:block;
  font-size:clamp(28px,4vw,44px);
  line-height:.95;
  letter-spacing:-.04em;
  color:#fff;
  text-shadow:0 0 20px rgba(158,105,255,.18);
  overflow-wrap:anywhere;
}
.mm-key-primary:nth-child(2)>strong{
  color:#f4e9ff;
}
.mm-key-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  align-items:center;
}
.mm-key-meta small{
  font-size:.72rem;
}
.mm-key-meta .mm-alt-key{
  margin-top:0 !important;
}
@media(max-width:650px){
  .mm-key-pair{grid-template-columns:1fr;}
}

/* Analysis status stays hidden until a file has been selected */
.mm-finder-analyzing[hidden]{display:none !important;}


/* 212 Presets page */
.mm-presets-hero{
  padding:clamp(52px,7vw,92px) 0 clamp(38px,5vw,62px);
}
.mm-presets-hero-inner{
  max-width:820px;
}
.mm-presets-hero h1{
  max-width:760px;
  margin:.10em 0 .18em;
  font-size:clamp(46px,7vw,82px);
  line-height:.94;
  letter-spacing:-.05em;
}
.mm-presets-hero p{
  max-width:660px;
  margin:0;
  font-size:clamp(16px,1.7vw,19px);
  line-height:1.55;
  opacity:.68;
}
.mm-presets-category{
  padding:clamp(48px,6vw,76px) 0;
  border-top:1px solid rgba(255,255,255,.06);
}
.mm-presets-category-alt{
  background:linear-gradient(180deg,rgba(124,75,205,.045),rgba(255,255,255,.01));
}
.mm-presets-category-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:24px;
}
.mm-presets-category-head>div:first-child{max-width:700px}
.mm-presets-category-head h2{
  margin:.10em 0 .18em;
  font-size:clamp(34px,4.5vw,54px);
  line-height:.98;
  letter-spacing:-.04em;
}
.mm-presets-category-head p{
  max-width:650px;
  margin:0;
  line-height:1.5;
  opacity:.62;
}
.mm-presets-view-all{
  flex:0 0 auto;
  padding-bottom:4px;
  color:#fff;
  text-decoration:none;
  opacity:.72;
}
.mm-presets-view-all:hover{opacity:1;color:#b995ff}
.mm-presets-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.mm-preset-card{
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.mm-preset-card:hover{
  transform:translateY(-3px);
  border-color:rgba(170,119,255,.34);
  box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 24px rgba(146,88,255,.08);
}
.mm-preset-card-media{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:rgba(255,255,255,.025);
}
.mm-preset-card-media img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.mm-preset-card-glow{
  position:absolute;inset:auto -15% -35% 20%;height:55%;
  background:radial-gradient(circle,rgba(152,92,255,.20),transparent 68%);
  pointer-events:none;
}
.mm-preset-card-placeholder{
  width:100%;height:100%;display:grid;place-items:center;
  background:
    radial-gradient(circle at 30% 25%,rgba(167,111,255,.18),transparent 35%),
    radial-gradient(circle at 72% 74%,rgba(238,180,64,.11),transparent 30%),
    #121216;
}
.mm-preset-card-placeholder span{
  font-size:clamp(32px,4vw,54px);font-weight:800;letter-spacing:-.04em;
  text-shadow:0 0 26px rgba(155,94,255,.22);
}
.mm-preset-card-info{
  display:flex;justify-content:space-between;gap:14px;
  padding:15px;
}
.mm-preset-card-info h3{margin:0 0 5px;font-size:1rem}
.mm-preset-card-info p{margin:0;font-size:.80rem;line-height:1.4;opacity:.52}
.mm-preset-card-info>strong{font-size:.88rem;white-space:nowrap;color:#f3c15b}
.mm-presets-empty{
  min-height:190px;
  display:flex;align-items:center;gap:24px;
  padding:24px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:20px;
  background:linear-gradient(120deg,rgba(154,94,255,.055),rgba(255,255,255,.018));
}
.mm-presets-empty-icon{
  width:90px;height:90px;flex:0 0 auto;display:grid;place-items:center;
  border-radius:22px;
  border:1px solid rgba(169,118,255,.20);
  background:rgba(142,85,255,.07);
  box-shadow:0 0 28px rgba(145,85,255,.09);
}
.mm-presets-empty-icon span{font-weight:800;font-size:1.35rem;letter-spacing:-.03em}
.mm-presets-empty h3{margin:0 0 6px;font-size:clamp(22px,2.6vw,30px)}
.mm-presets-empty p{max-width:620px;margin:0 0 14px;line-height:1.45;opacity:.58}
.mm-presets-empty .btn{display:inline-flex}
@media(max-width:980px){.mm-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .mm-presets-hero{padding-top:38px}
  .mm-presets-category-head{display:block}
  .mm-presets-view-all{display:inline-block;margin-top:14px}
  .mm-presets-grid{grid-template-columns:1fr}
  .mm-presets-empty{align-items:flex-start}
  .mm-presets-empty-icon{width:70px;height:70px}
}


/* Presets storefront product cards */
.mm-presets-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.mm-preset-product-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  box-shadow:0 18px 46px rgba(0,0,0,.18);
}
.mm-preset-product-card .mm-preset-card-media{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:rgba(255,255,255,.025);
}
.mm-preset-card-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.mm-preset-product-card .mm-preset-card-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  background:
    radial-gradient(circle at 50% 35%,rgba(146,91,255,.16),transparent 36%),
    linear-gradient(160deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
}
.mm-preset-product-card .mm-preset-card-placeholder span{
  font-size:clamp(28px,4vw,48px);
  font-weight:800;
  letter-spacing:-.04em;
  opacity:.82;
}
.mm-preset-product-card .mm-preset-card-placeholder small{
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.34;
}
.mm-preset-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:16px;
}
.mm-preset-card-copy h3{
  margin:0 0 6px;
  font-size:1.05rem;
}
.mm-preset-card-copy p{
  margin:0;
  font-size:.86rem;
  line-height:1.45;
  opacity:.58;
}
.mm-preset-card-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:18px;
}
.mm-preset-price-wrap{
  min-width:0;
}
.mm-preset-price{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  font-size:1rem;
  font-weight:700;
}
.mm-preset-price-current{
  white-space:nowrap;
}
.mm-preset-price.is-sale .mm-preset-price-current{
  color:#f4c84a;
}
.mm-preset-price-compare{
  font-size:.84rem;
  font-weight:600;
  opacity:.5;
  white-space:nowrap;
}
.mm-preset-sale-badge{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 6px;
  border:1px solid rgba(244,200,74,.35);
  border-radius:999px;
  background:rgba(244,200,74,.08);
  color:#f4c84a;
  font-size:.62rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
.mm-preset-cart-form{
  margin:0;
}
.mm-preset-add{
  min-height:39px !important;
  padding:9px 13px !important;
  font-size:.82rem !important;
  white-space:nowrap;
}
.mm-preset-add[disabled]{
  opacity:.44;
  cursor:not-allowed;
}
.mm-preset-product-card:hover{
  border-color:rgba(157,103,255,.20);
  box-shadow:0 20px 52px rgba(0,0,0,.22),0 0 24px rgba(147,88,255,.06);
}
@media(max-width:800px){
  .mm-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .mm-presets-grid{grid-template-columns:1fr}
}

/* 212 Send Your Files / WeTransfer flow */
.mm-send-files-page{
  padding:clamp(42px,6vw,72px) 0 clamp(62px,8vw,96px);
}
.mm-send-files-wrap{
  max-width:980px;
}
.mm-send-files-hero{
  max-width:720px;
  margin-bottom:24px;
}
.mm-send-files-hero h1{
  margin:.10em 0 .18em;
  font-size:clamp(42px,6vw,72px);
  line-height:.94;
  letter-spacing:-.05em;
}
.mm-send-files-hero p{
  max-width:650px;
  margin:0;
  line-height:1.5;
  opacity:.64;
}
.mm-send-files-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
}
.mm-send-files-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  box-shadow:0 20px 52px rgba(0,0,0,.19);
}
.mm-send-files-primary{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:360px;
  background:
    radial-gradient(circle at 18% 18%,rgba(154,95,255,.13),transparent 30%),
    radial-gradient(circle at 88% 90%,rgba(239,184,61,.07),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
}
.mm-send-files-card h2{
  margin:.16em 0 .28em;
  font-size:clamp(25px,3.1vw,38px);
  line-height:1.02;
  letter-spacing:-.035em;
}
.mm-send-files-card>div>p,
.mm-send-files-primary>div>p{
  margin:0;
  line-height:1.5;
  opacity:.60;
}
.mm-send-files-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:auto;
  border:1px solid rgba(165,111,255,.22);
  border-radius:17px;
  background:rgba(139,83,255,.09);
  box-shadow:0 0 26px rgba(147,87,255,.10);
}
.mm-send-files-icon svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:#ccb2ff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mm-send-files-upload{
  align-self:flex-start;
  margin-top:24px;
}
.mm-send-files-admin-note{
  display:block;
  margin-top:9px;
  max-width:430px;
  font-size:.72rem;
  line-height:1.4;
  opacity:.42;
}
.mm-send-files-checklist{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.mm-send-files-checklist>div{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:10px;
  align-items:start;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.06);
}
.mm-send-files-checklist>div:first-child{border-top:0;padding-top:0}
.mm-send-files-checklist span{
  color:#efb83d;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
}
.mm-send-files-checklist p{
  margin:0;
  font-size:.85rem;
  line-height:1.42;
  opacity:.58;
}
.mm-send-files-checklist strong{color:#fff}
.mm-send-files-service-guide{
  margin-top:14px;
  padding:24px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:20px;
  background:rgba(255,255,255,.018);
}
.mm-send-files-guide-head{
  margin-bottom:16px;
}
.mm-send-files-guide-head h2{
  margin:.12em 0 0;
  font-size:clamp(25px,3.3vw,38px);
  letter-spacing:-.035em;
}
.mm-send-files-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.mm-send-files-guide-grid article{
  padding:16px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
  background:linear-gradient(150deg,rgba(147,88,255,.04),rgba(255,255,255,.015));
}
.mm-send-files-guide-grid span{
  display:block;
  margin-bottom:12px;
  color:#c7a7ff;
  font-size:.70rem;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.mm-send-files-guide-grid h3{
  margin:0 0 5px;
  font-size:1rem;
}
.mm-send-files-guide-grid p{
  margin:0;
  font-size:.82rem;
  line-height:1.45;
  opacity:.54;
}
.mm-send-files-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:26px;
  margin-top:14px;
  padding:22px 24px;
  border:1px solid rgba(165,111,255,.13);
  border-radius:20px;
  background:
    radial-gradient(circle at 0 50%,rgba(151,91,255,.08),transparent 30%),
    rgba(255,255,255,.018);
}
.mm-send-files-footer h2{
  margin:.12em 0 .18em;
  font-size:clamp(22px,2.8vw,32px);
  letter-spacing:-.03em;
}
.mm-send-files-footer p{
  margin:0;
  font-size:.86rem;
  opacity:.56;
}
.mm-send-files-footer .btn{flex:0 0 auto}
.mm-cart-upload-step{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px;
  margin:0 0 14px;
  border:1px solid rgba(159,103,255,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 30%,rgba(151,91,255,.10),transparent 30%),
    rgba(255,255,255,.022);
}
.mm-cart-upload-step h2{
  margin:.12em 0 .18em;
  font-size:clamp(20px,2.4vw,29px);
  letter-spacing:-.03em;
}
.mm-cart-upload-step p{
  max-width:650px;
  margin:0;
  font-size:.84rem;
  line-height:1.45;
  opacity:.56;
}
.product-212-upload-link{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(159,103,255,.13);
  border-radius:13px;
  background:rgba(147,87,255,.035);
  font-size:.82rem;
}
.product-212-upload-link span{opacity:.50}
.product-212-upload-link a{
  color:#c7a7ff;
  text-decoration:none;
}
.product-212-upload-link a:hover{color:#efb83d}
@media(max-width:760px){
  .mm-send-files-grid{grid-template-columns:1fr}
  .mm-send-files-guide-grid{grid-template-columns:1fr}
  .mm-send-files-primary{min-height:310px}
  .mm-send-files-footer,
  .mm-cart-upload-step{
    display:grid;
    align-items:start;
  }
  .mm-send-files-footer .btn,
  .mm-cart-upload-step .btn{justify-self:start}
}

/* Hear the Difference — enhanced AFTER playback treatment */
.audio-example-card,
.audio-example-card .audio-cover-art,
.audio-example-card .audio-compare{
  transition:border-color .28s ease,box-shadow .28s ease,background .28s ease,transform .28s ease;
}

.audio-example-card .audio-compare{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.audio-example-card .audio-compare::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 20%,rgba(150,87,255,.18),transparent 34%),
    radial-gradient(circle at 86% 78%,rgba(255,184,41,.11),transparent 30%);
  transition:opacity .3s ease;
}

.audio-example-card .audio-compare.is-playing[data-active-mode="after"]{
  border-color:rgba(170,112,255,.34);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 26px rgba(137,75,255,.14),
    0 14px 34px rgba(0,0,0,.22);
}

.audio-example-card .audio-compare.is-playing[data-active-mode="after"]::before{
  opacity:1;
}

.audio-example-card .audio-compare.is-playing[data-active-mode="after"] .compare-top strong{
  color:#ffd36a;
  text-shadow:0 0 14px rgba(255,190,53,.24);
}

.audio-example-card .audio-compare.is-playing[data-active-mode="after"] .player-waveform{
  border-color:rgba(175,117,255,.38);
  background:
    linear-gradient(180deg,rgba(157,92,255,.12),rgba(255,183,28,.045));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 24px rgba(145,79,255,.14);
}

.audio-example-card .audio-compare.is-playing[data-active-mode="after"] .player-waveform::after{
  content:"";
  position:absolute;
  top:-20%;
  bottom:-20%;
  width:30%;
  left:-36%;
  z-index:2;
  pointer-events:none;
  transform:skewX(-16deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),rgba(255,203,80,.10),transparent);
  filter:blur(2px);
  animation:mm-after-sweep 2.15s ease-in-out infinite;
}

.audio-example-card .audio-compare.is-playing[data-active-mode="after"] .player-waveform span{
  opacity:.96;
  transform-origin:center;
  animation:mm-after-wave 620ms cubic-bezier(.45,.05,.55,.95) infinite alternate;
  animation-delay:calc(var(--wave-i) * -39ms);
  box-shadow:
    0 0 7px rgba(158,94,255,.22),
    0 0 10px rgba(255,183,26,.10);
}

.audio-example-card .audio-compare.is-playing[data-active-mode="after"] .switches [data-switch="after"]{
  border-color:rgba(255,195,67,.42);
  color:#ffd36a;
  background:rgba(255,184,0,.07);
  box-shadow:0 0 16px rgba(255,184,0,.08);
}

.audio-example-card.is-after-playing{
  border-color:rgba(156,96,255,.20);
  box-shadow:
    0 18px 42px rgba(0,0,0,.20),
    0 0 28px rgba(139,79,255,.07);
}

.audio-example-card.is-after-playing .audio-cover-art{
  border-color:rgba(170,112,255,.32);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 24px rgba(144,80,255,.15),
    0 0 34px rgba(255,184,0,.06);
  transform:translateY(-1px) scale(1.012);
}

@keyframes mm-after-wave{
  0%{transform:scaleY(.42);filter:brightness(.9)}
  45%{transform:scaleY(1.18);filter:brightness(1.08)}
  100%{transform:scaleY(.62);filter:brightness(1)}
}

@keyframes mm-after-sweep{
  0%{left:-38%;opacity:0}
  18%{opacity:.72}
  70%{opacity:.5}
  100%{left:112%;opacity:0}
}

@media(prefers-reduced-motion:reduce){
  .audio-example-card .audio-compare.is-playing[data-active-mode="after"] .player-waveform span{
    animation:none !important;
    transform:scaleY(.8);
  }
  .audio-example-card .audio-compare.is-playing[data-active-mode="after"] .player-waveform::after{
    animation:none !important;
    display:none;
  }
}

/* BEFORE playback — intentionally neutral grayscale */
.audio-example-card .audio-compare[data-active-mode="before"] .player-waveform{
  border-color:rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012)) !important;
  box-shadow:none !important;
}

.audio-example-card .audio-compare[data-active-mode="before"] .player-waveform::before{
  background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;
}

.audio-example-card .audio-compare[data-active-mode="before"] .player-waveform span{
  background:linear-gradient(180deg,#b7b7bb,#7e7e84 62%,#59595f) !important;
  box-shadow:none !important;
  opacity:.42;
}

.audio-example-card .audio-compare.is-playing[data-active-mode="before"] .player-waveform span{
  background:linear-gradient(180deg,#c7c7cb,#8b8b91 62%,#626269) !important;
  box-shadow:none !important;
  opacity:.66;
}

.audio-example-card .audio-compare[data-active-mode="before"] .compare-top strong{
  color:rgba(255,255,255,.72) !important;
  text-shadow:none !important;
}

.audio-example-card .audio-compare[data-active-mode="before"] .switches [data-switch="before"]{
  color:rgba(255,255,255,.78);
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
  box-shadow:none;
}

/* Audio player header + subtle after flame polish */
.audio-example-card .audio-example-heading{
  display:none !important;
}
.audio-example-card .audio-compare{
  position:relative;
}
.audio-example-card .compare-head{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.audio-example-card .compare-head .audio-example-number{
  justify-self:start;
  font-size:.73rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(255,255,255,.56);
}
.audio-example-card .compare-head h3{
  margin:0;
  justify-self:center;
  text-align:center;
  font-size:1rem;
  line-height:1.15;
  letter-spacing:-.02em;
}
.audio-example-card .compare-head-spacer{
  justify-self:end;
  width:58px;
  height:1px;
}
.audio-example-card .compare-top{
  margin-top:2px;
}

.audio-example-card .audio-compare.is-playing[data-active-mode="after"]::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:56px;
  height:52px;
  pointer-events:none;
  opacity:.75;
  border-radius:0 0 30px 30px;
  background:
    radial-gradient(circle at 12% 100%, rgba(255,183,0,.14), transparent 24%),
    radial-gradient(circle at 26% 100%, rgba(255,128,0,.16), transparent 26%),
    radial-gradient(circle at 42% 100%, rgba(255,201,89,.13), transparent 22%),
    radial-gradient(circle at 58% 100%, rgba(255,121,31,.14), transparent 24%),
    radial-gradient(circle at 74% 100%, rgba(255,183,0,.12), transparent 20%),
    radial-gradient(circle at 88% 100%, rgba(255,140,0,.11), transparent 18%);
  filter:blur(9px);
  transform-origin:50% 100%;
  animation:mm-after-flame 1.8s ease-in-out infinite alternate;
}
.audio-example-card .audio-compare.is-playing[data-active-mode="after"] .compare-head h3{
  color:#fff4d0;
  text-shadow:0 0 16px rgba(255,183,0,.10), 0 0 18px rgba(157,92,255,.10);
}
.audio-example-card .audio-compare.is-playing[data-active-mode="after"] .compare-head .audio-example-number{
  color:rgba(255,212,117,.88);
}
@keyframes mm-after-flame{
  0%{transform:translateY(0) scaleX(1) scaleY(.95);opacity:.42;filter:blur(10px)}
  35%{transform:translateY(-1px) scaleX(1.02) scaleY(1.08);opacity:.72;filter:blur(8px)}
  65%{transform:translateY(-3px) scaleX(.985) scaleY(1.14);opacity:.6;filter:blur(9px)}
  100%{transform:translateY(-1px) scaleX(1.03) scaleY(1.02);opacity:.5;filter:blur(11px)}
}
@media(max-width:680px){
  .audio-example-card .compare-head{
    grid-template-columns:1fr;
    gap:6px;
    margin-bottom:8px;
  }
  .audio-example-card .compare-head .audio-example-number,
  .audio-example-card .compare-head h3,
  .audio-example-card .compare-head-spacer{
    justify-self:start;
    text-align:left;
  }
  .audio-example-card .compare-head-spacer{display:none}
  .audio-example-card .compare-head h3{font-size:.96rem}
  .audio-example-card .audio-compare.is-playing[data-active-mode="after"]::after{
    left:10%;
    right:10%;
    bottom:52px;
    height:42px;
  }
}
@media(prefers-reduced-motion:reduce){
  .audio-example-card .audio-compare.is-playing[data-active-mode="after"]::after{
    animation:none !important;
  }
}


/* Before/After player layout — title under art + compact transport */
.audio-example-card{
  grid-template-columns:132px minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  align-items:center !important;
}
.audio-cover-stack{
  grid-column:1;
  grid-row:1;
  align-self:center;
  min-width:0;
}
.audio-cover-stack .audio-cover-art{
  width:132px !important;
  margin:0 !important;
}
.audio-cover-title{
  margin:8px 2px 0;
  font-size:.86rem;
  line-height:1.25;
  font-weight:650;
  text-align:left;
  color:rgba(255,255,255,.88);
  overflow-wrap:anywhere;
}
.audio-example-card .audio-compare{
  grid-column:2 !important;
  grid-row:1 !important;
}
.audio-example-card .compare-head{
  display:flex !important;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:8px !important;
}
.audio-example-card .compare-head .audio-example-number{
  justify-self:auto !important;
}
.audio-example-card .compare-head strong[data-mode]{
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.audio-example-card .player-wave-row{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
.audio-example-card .player-wave-row .player-waveform{
  margin:0 !important;
  width:100%;
}
.audio-mini-toggle{
  width:36px;
  height:36px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.audio-mini-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(167,108,255,.30);
  background:rgba(150,88,255,.08);
}
.audio-mini-icon{
  display:block;
  position:relative;
}
.audio-mini-play{
  width:0;
  height:0;
  margin-left:2px;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:9px solid currentColor;
}
.audio-mini-toggle.is-paused-icon .audio-mini-play{
  width:10px;
  height:12px;
  margin-left:0;
  border:0;
  background:
    linear-gradient(90deg,currentColor 0 3px,transparent 3px 7px,currentColor 7px 10px);
}
.audio-example-card .audio-compare.is-playing[data-active-mode="after"] .audio-mini-toggle{
  color:#ffd36a;
  border-color:rgba(255,195,67,.34);
  background:rgba(255,184,0,.06);
  box-shadow:0 0 14px rgba(255,184,0,.08),0 0 18px rgba(155,100,255,.08);
}
.audio-example-card .audio-compare[data-active-mode="before"] .audio-mini-toggle{
  color:rgba(255,255,255,.70);
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
  box-shadow:none;
}
.audio-example-card .compare-top{
  display:none !important;
}

@media(max-width:1050px){
  .audio-example-card{
    grid-template-columns:108px minmax(0,1fr) !important;
  }
  .audio-cover-stack .audio-cover-art{width:108px !important}
}
@media(max-width:820px){
  .audio-example-card{
    grid-template-columns:92px minmax(0,1fr) !important;
  }
  .audio-cover-stack .audio-cover-art{width:92px !important}
  .audio-cover-title{font-size:.78rem}
}
@media(max-width:520px){
  .audio-example-card{
    grid-template-columns:72px minmax(0,1fr) !important;
    align-items:start !important;
  }
  .audio-cover-stack .audio-cover-art{width:72px !important}
  .audio-cover-title{font-size:.72rem;margin-top:6px}
  .audio-example-card .audio-compare{
    grid-column:1/-1 !important;
    grid-row:2 !important;
    margin-top:10px;
  }
  .audio-example-card .player-wave-row{
    grid-template-columns:34px minmax(0,1fr);
    gap:8px;
  }
  .audio-mini-toggle{
    width:34px;
    height:34px;
  }
}

/* Hear the Difference — centered song title above art + player */
.audio-example-card{
  grid-template-columns:132px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
}
.audio-card-title{
  grid-column:1 / -1;
  grid-row:1;
  margin:0 0 12px;
  text-align:center;
  font-size:1.08rem;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.025em;
  color:rgba(255,255,255,.94);
}
.audio-cover-stack{
  grid-column:1 !important;
  grid-row:2 !important;
  align-self:center;
}
.audio-cover-title{display:none !important}
.audio-example-card .audio-compare{
  grid-column:2 !important;
  grid-row:2 !important;
}
@media(max-width:1050px){
  .audio-example-card{grid-template-columns:108px minmax(0,1fr) !important}
}
@media(max-width:820px){
  .audio-example-card{grid-template-columns:92px minmax(0,1fr) !important}
}
@media(max-width:520px){
  .audio-example-card{
    grid-template-columns:72px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
  }
  .audio-card-title{
    grid-column:1/-1;
    grid-row:1;
    margin-bottom:10px;
    font-size:1rem;
  }
  .audio-cover-stack{grid-row:2 !important}
  .audio-example-card .audio-compare{
    grid-column:1/-1 !important;
    grid-row:3 !important;
    margin-top:10px;
  }
}

/* Hero — bass-rumble emphasis for HITS DIFFERENT */
.hero-title .accent{
  position:relative;
  display:inline-block;
  color:#c969ff;
  text-shadow:
    0 0 10px rgba(188,73,255,.34),
    0 0 28px rgba(154,61,255,.18),
    0 0 54px rgba(255,188,45,.07);
  transform-origin:50% 70%;
  animation:mm-bass-rumble 1.45s steps(2,end) infinite, mm-bass-glow 2.8s ease-in-out infinite;
  will-change:transform,filter,text-shadow;
}
.hero-title .accent::after{
  content:"";
  position:absolute;
  left:3%;
  right:3%;
  bottom:-.08em;
  height:.08em;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(179,86,255,.58),rgba(255,190,49,.26),transparent);
  filter:blur(4px);
  opacity:.68;
  animation:mm-bass-line 1.45s ease-in-out infinite;
  pointer-events:none;
}
@keyframes mm-bass-rumble{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scaleX(1)}
  8%{transform:translate3d(-.7px,.4px,0) rotate(-.08deg) scaleX(1.003)}
  15%{transform:translate3d(.9px,-.5px,0) rotate(.08deg) scaleX(.998)}
  22%{transform:translate3d(-1px,.2px,0) rotate(-.06deg) scaleX(1.004)}
  31%{transform:translate3d(.6px,.5px,0) rotate(.04deg) scaleX(1)}
  38%,72%{transform:translate3d(0,0,0) rotate(0deg) scaleX(1)}
  79%{transform:translate3d(.8px,-.3px,0) rotate(.06deg) scaleX(1.003)}
  86%{transform:translate3d(-.8px,.5px,0) rotate(-.06deg) scaleX(.998)}
  93%{transform:translate3d(.5px,-.2px,0) rotate(.03deg) scaleX(1.002)}
}
@keyframes mm-bass-glow{
  0%,100%{filter:brightness(1);text-shadow:0 0 10px rgba(188,73,255,.32),0 0 28px rgba(154,61,255,.16),0 0 54px rgba(255,188,45,.06)}
  48%{filter:brightness(1.12);text-shadow:0 0 14px rgba(207,105,255,.52),0 0 38px rgba(151,69,255,.28),0 0 70px rgba(255,188,45,.10)}
  54%{filter:brightness(1.04);text-shadow:0 0 9px rgba(188,73,255,.30),0 0 24px rgba(154,61,255,.15),0 0 48px rgba(255,188,45,.05)}
}
@keyframes mm-bass-line{
  0%,100%{transform:scaleX(.86);opacity:.42}
  46%{transform:scaleX(1.05);opacity:.78}
  55%{transform:scaleX(.92);opacity:.52}
}
@media(prefers-reduced-motion:reduce){
  .hero-title .accent,
  .hero-title .accent::after{
    animation:none !important;
  }
}


/* Tightened hero copy + CTA rhythm */
.hero-title{
  margin-bottom:18px !important;
}
.hero p,
.hero .hero-copy,
.hero .lede{
  margin-top:0 !important;
  margin-bottom:16px !important;
  max-width:700px !important;
}
.hero .btn{
  margin-top:0 !important;
}
.hero .eyebrow{
  margin-bottom:10px !important;
}
@media(max-width:700px){
  .hero-title{
    margin-bottom:14px !important;
  }
  .hero p,
  .hero .hero-copy,
  .hero .lede{
    margin-bottom:14px !important;
    line-height:1.45 !important;
  }
}

/* 212 homepage hierarchy pass — tighter, more cohesive type system */
.hero-title{
  display:block;
  max-width:11.5ch !important;
}
.hero-title .hero-secondary{
  display:inline-block;
  font-size:.80em;
  line-height:.96;
  letter-spacing:-.045em;
  vertical-align:.06em;
  color:#fff;
}
.hero-title .accent{
  font-size:1em;
}
.hero > .wrap > p{
  font-size:clamp(.98rem,1.15vw,1.14rem) !important;
  line-height:1.48 !important;
  max-width:620px !important;
  color:rgba(235,235,239,.72) !important;
}

/* One shared homepage section-title voice */
.services-heading h2,
.audio-section-heading h2,
#shop .shop-intro h2{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:clamp(2.65rem,4.55vw,4.75rem) !important;
  line-height:.96 !important;
  letter-spacing:-.04em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  margin:0 0 10px !important;
}
.services-heading,
.audio-section-heading,
#shop .shop-intro{
  text-align:left !important;
}
.services-heading .kicker,
.audio-section-heading .kicker,
#shop .shop-intro .kicker{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:.76rem !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
  font-weight:800 !important;
  margin-bottom:11px !important;
}
.services-heading p,
.audio-section-heading p,
#shop .shop-intro > p{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:clamp(.92rem,1vw,1.04rem) !important;
  line-height:1.48 !important;
  margin-top:0 !important;
  max-width:610px !important;
  color:rgba(225,225,231,.68) !important;
}

/* Tighten the vertical rhythm between homepage sections and their content */
.services-heading,
.audio-section-heading{
  margin-bottom:clamp(28px,3.2vw,42px) !important;
}
#shop .shop-intro{
  align-self:start;
}
.services-showcase,
.audio-compare-section,
.digital-shop-section{
  padding-top:clamp(52px,5.4vw,76px) !important;
  padding-bottom:clamp(56px,5.8vw,82px) !important;
}
.service-feature-card h3,
.audio-cover-title,
.product-visual > span{
  font-family:Arial,Helvetica,sans-serif !important;
}
.service-feature-card h3{
  font-size:clamp(1.28rem,1.55vw,1.58rem) !important;
  letter-spacing:-.02em !important;
}
.product-visual > span{
  font-size:1rem !important;
  font-weight:750 !important;
  letter-spacing:-.015em !important;
}
.audio-example-number{
  font-family:Arial,Helvetica,sans-serif !important;
}

/* Keep the hero CTA compact with the smaller support copy */
.hero .btn{
  min-height:48px !important;
  padding:0 21px !important;
  font-size:.90rem !important;
}
.hero-title{
  margin-bottom:14px !important;
}
.hero > .wrap > p{
  margin-bottom:13px !important;
}

@media(max-width:700px){
  .hero-title .hero-secondary{
    font-size:.82em;
  }
  .hero > .wrap > p{
    font-size:.94rem !important;
    max-width:34rem !important;
  }
  .services-heading h2,
  .audio-section-heading h2,
  #shop .shop-intro h2{
    font-size:clamp(2.25rem,9.8vw,3.45rem) !important;
  }
  .services-showcase,
  .audio-compare-section,
  .digital-shop-section{
    padding-top:48px !important;
    padding-bottom:54px !important;
  }
}

/* Mobile-only stacked Before / After player */
@media(max-width:620px){
  .audio-examples-grid{
    gap:16px !important;
  }

  .audio-example-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    padding:14px !important;
    gap:0 !important;
  }

  .audio-cover-stack{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 0 12px !important;
  }

  .audio-cover-stack .audio-cover-art{
    width:104px !important;
    height:104px !important;
    aspect-ratio:1/1 !important;
    border-radius:14px !important;
    margin:0 !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
  }

  .audio-cover-title{
    margin:9px 0 0 !important;
    max-width:90% !important;
    text-align:center !important;
    font-size:.84rem !important;
    line-height:1.2 !important;
    color:rgba(255,255,255,.88) !important;
  }

  .audio-example-card .audio-compare{
    width:100% !important;
    margin:0 !important;
    padding:12px !important;
    border-radius:14px !important;
  }

  .audio-example-card .compare-head{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 8px !important;
    text-align:center !important;
  }

  .audio-example-card .compare-head .audio-example-number{
    display:none !important;
  }

  .audio-example-card .compare-head strong[data-mode]{
    font-size:.72rem !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
  }

  .audio-example-card .player-wave-row{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
  }

  .audio-mini-toggle{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
  }

  .audio-example-card .player-waveform{
    height:48px !important;
    margin:0 !important;
    padding:7px 8px !important;
    gap:3px !important;
    border-radius:11px !important;
  }

  .audio-example-card .seek{
    margin:10px 0 9px !important;
  }

  .audio-example-card .switches{
    display:flex !important;
    justify-content:center !important;
    gap:8px !important;
  }

  .audio-example-card .switches .button{
    min-width:88px !important;
    padding:8px 12px !important;
    font-size:.78rem !important;
  }

  /* Keep the finished-mix effects focused on the player, not the artwork */
  .audio-example-card.is-after-playing .audio-cover-art{
    transform:none !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
  }

  .audio-example-card.is-after-playing{
    box-shadow:0 14px 32px rgba(0,0,0,.16),0 0 16px rgba(139,79,255,.035) !important;
  }

  .audio-example-card .audio-compare.is-playing[data-active-mode="after"]::after{
    left:12% !important;
    right:12% !important;
    bottom:50px !important;
    height:34px !important;
    opacity:.52 !important;
  }

  .audio-example-card .setup-note{
    margin-top:10px !important;
    text-align:center !important;
  }
}

/* 212 mobile slide-out menu */
.mm-mobile-nav-toggle,
.mm-mobile-menu,
.mm-mobile-nav-overlay{
  display:none;
}

@media(max-width:900px){
  html.mm-mobile-nav-lock,
  body.mm-mobile-nav-lock{
    overflow:hidden;
  }

  .mm-primary-links{
    display:none !important;
  }

  .mm-global-nav{
    min-height:64px !important;
    flex-wrap:nowrap !important;
  }

  .mm-mobile-nav-toggle{
    width:40px;
    height:40px;
    margin-left:auto;
    padding:0;
    display:grid;
    place-items:center;
    align-content:center;
    gap:4px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    background:rgba(255,255,255,.035);
    color:var(--mm-nav-icon,#fff);
    cursor:pointer;
    z-index:141;
  }

  .mm-mobile-nav-toggle span{
    display:block;
    width:16px;
    height:1.5px;
    border-radius:999px;
    background:currentColor;
  }

  .mm-nav-actions{
    margin-left:0 !important;
    gap:8px !important;
  }

  .mm-nav-actions .mm-nav-icon:first-child{
    display:grid !important;
    place-items:center !important;
  }

  .mm-mobile-nav-overlay{
    position:fixed;
    inset:0;
    display:block;
    z-index:138;
    background:rgba(8,8,11,.58);
    backdrop-filter:blur(4px);
    opacity:0;
    transition:opacity .22s ease;
  }

  .mm-mobile-nav-overlay.is-open{
    opacity:1;
  }

  .mm-mobile-menu{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(86vw,360px);
    display:block;
    z-index:139;
    transform:translateX(104%);
    transition:transform .24s cubic-bezier(.2,.72,.2,1);
    background:
      radial-gradient(circle at 90% 10%,rgba(151,91,255,.13),transparent 32%),
      radial-gradient(circle at 15% 90%,rgba(239,184,61,.06),transparent 28%),
      #17171b;
    border-left:1px solid rgba(255,255,255,.08);
    box-shadow:-26px 0 70px rgba(0,0,0,.35);
  }

  .mm-mobile-menu.is-open{
    transform:translateX(0);
  }

  .mm-mobile-menu-shell{
    height:100%;
    display:flex;
    flex-direction:column;
    padding:20px 20px 18px;
  }

  .mm-mobile-menu-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .mm-mobile-menu-label{
    color:#efb83d;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .mm-mobile-menu-close{
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    background:rgba(255,255,255,.03);
    color:#fff;
    font-size:1.5rem;
    line-height:1;
    cursor:pointer;
  }

  .mm-mobile-menu-links{
    display:flex;
    flex-direction:column;
    padding:18px 0;
  }

  .mm-mobile-menu-links > a,
  .mm-mobile-tools-toggle{
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.06);
    background:transparent;
    color:#fff;
    text-decoration:none;
    font:inherit;
    font-size:1rem;
    font-weight:650;
    letter-spacing:-.01em;
    text-align:left;
    cursor:pointer;
  }

  .mm-mobile-menu-links > a:hover,
  .mm-mobile-tools-toggle:hover{
    color:#c6a5ff;
  }

  .mm-mobile-tools-toggle svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    transition:transform .18s ease;
  }

  .mm-mobile-tools-toggle[aria-expanded="true"] svg{
    transform:rotate(180deg);
  }

  .mm-mobile-tools-panel{
    padding:4px 0 8px 14px;
    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .mm-mobile-tools-panel a{
    display:block;
    padding:12px 0;
    color:rgba(255,255,255,.68);
    text-decoration:none;
    font-size:.88rem;
  }

  .mm-mobile-tools-panel a:hover{
    color:#efb83d;
  }

  .mm-mobile-menu-bottom{
    margin-top:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.07);
  }

  .mm-mobile-bottom-link{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:13px;
    background:rgba(255,255,255,.025);
    color:#fff;
    text-decoration:none;
    font-size:.82rem;
  }

  .mm-mobile-bottom-link svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
  }
}

/* 212 newsletter signup */
.mm-newsletter-section{
  padding:clamp(50px,5.5vw,78px) 0;
  border-top:1px solid rgba(255,255,255,.06);
}
.mm-newsletter-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);
  gap:36px;
  align-items:center;
  padding:clamp(24px,3.4vw,38px);
  border:1px solid rgba(161,104,255,.14);
  border-radius:22px;
  background:
    radial-gradient(circle at 10% 20%,rgba(149,89,255,.10),transparent 34%),
    radial-gradient(circle at 88% 80%,rgba(239,184,61,.06),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  box-shadow:0 22px 58px rgba(0,0,0,.20);
}
.mm-newsletter-copy h2{
  margin:.12em 0 .22em;
  font-size:clamp(2rem,3.5vw,3.55rem);
  line-height:.96;
  letter-spacing:-.04em;
}
.mm-newsletter-copy p{
  max-width:560px;
  margin:0;
  font-size:.98rem;
  line-height:1.5;
  color:rgba(231,231,236,.68);
}
.mm-newsletter-form-wrap{
  min-width:0;
}
.mm-newsletter-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
.mm-newsletter-fields input{
  min-width:0;
  height:50px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(15,15,18,.62);
  color:#fff;
  outline:none;
  font:inherit;
}
.mm-newsletter-fields input::placeholder{
  color:rgba(255,255,255,.38);
}
.mm-newsletter-fields input:focus{
  border-color:rgba(164,111,255,.34);
  box-shadow:0 0 0 3px rgba(148,88,255,.07);
}
.mm-newsletter-fields .btn{
  min-height:50px;
  padding:0 20px;
  white-space:nowrap;
}
.mm-newsletter-form-wrap small{
  display:block;
  margin-top:9px;
  font-size:.72rem;
  line-height:1.4;
  color:rgba(255,255,255,.40);
}
.mm-newsletter-success{
  margin:10px 0 0;
  color:#d9ffc0;
  font-size:.84rem;
}
.mm-newsletter-error{
  margin-top:10px;
  color:#ffb1b1;
  font-size:.84rem;
}
.visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:760px){
  .mm-newsletter-section{
    padding:46px 0 52px;
  }
  .mm-newsletter-card{
    grid-template-columns:1fr;
    gap:20px;
    padding:22px 18px;
    border-radius:18px;
  }
  .mm-newsletter-copy h2{
    font-size:clamp(2rem,9vw,2.8rem);
  }
  .mm-newsletter-copy p{
    font-size:.92rem;
  }
  .mm-newsletter-fields{
    grid-template-columns:1fr;
  }
  .mm-newsletter-fields input,
  .mm-newsletter-fields .btn{
    width:100%;
  }
}

/* Digital Shop balance pass — slightly larger artwork cards */
@media(min-width:901px){
  #shop .shop-premium{
    grid-template-columns:.68fr 1.92fr !important;
    gap:42px !important;
    align-items:center !important;
  }

  #shop .products-featured{
    gap:16px !important;
    align-items:stretch !important;
  }

  #shop .products-featured .product-visual{
    width:100%;
  }

  #shop .products-featured .product-frame{
    padding:12px !important;
  }
}

/* 212 About section */
.mm-about-section{
  padding:clamp(56px,6vw,86px) 0;
  border-top:1px solid rgba(255,255,255,.06);
}
.mm-about-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(30px,5vw,64px);
  align-items:center;
}
.mm-about-media{
  position:relative;
  overflow:hidden;
  min-height:440px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:#17171a;
  box-shadow:0 24px 64px rgba(0,0,0,.24);
}
.mm-about-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 62%,rgba(12,12,15,.68) 100%),
    radial-gradient(circle at 20% 20%,rgba(153,92,255,.07),transparent 34%),
    radial-gradient(circle at 82% 88%,rgba(239,184,61,.06),transparent 28%);
}
.mm-about-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:440px;
  object-fit:cover;
  object-position:center 48%;
}
.mm-about-caption{
  position:absolute;
  left:18px;
  right:18px;
  bottom:15px;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:rgba(255,255,255,.82);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mm-about-copy h2{
  margin:.12em 0 .24em;
  font-size:clamp(2.6rem,4.6vw,4.9rem);
  line-height:.94;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.mm-about-lede{
  margin:0;
  max-width:620px;
  font-size:clamp(1rem,1.2vw,1.14rem);
  line-height:1.52;
  color:rgba(235,235,240,.75);
}
.mm-about-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:22px 0 20px;
}
.mm-about-stats>div{
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(153,92,255,.05),rgba(255,184,61,.018));
}
.mm-about-stats strong{
  display:block;
  margin-bottom:3px;
  font-size:1.35rem;
  color:#fff;
}
.mm-about-stats span{
  display:block;
  font-size:.72rem;
  line-height:1.35;
  color:rgba(255,255,255,.48);
}
.mm-about-copy>p:not(.mm-about-lede){
  margin:0 0 18px;
  max-width:620px;
  font-size:.94rem;
  line-height:1.55;
  color:rgba(225,225,231,.65);
}
.mm-about-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:20px;
}
.mm-about-points span{
  padding:7px 10px;
  border:1px solid rgba(165,105,255,.13);
  border-radius:999px;
  background:rgba(150,90,255,.035);
  font-size:.72rem;
  color:rgba(255,255,255,.64);
}
.mm-about-copy .btn{
  min-height:46px;
  padding:0 18px;
}
@media(max-width:820px){
  .mm-about-section{
    padding:52px 0 58px;
  }
  .mm-about-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .mm-about-media{
    min-height:0;
    aspect-ratio:4/3;
    border-radius:18px;
  }
  .mm-about-media img{
    min-height:0;
    height:100%;
    object-position:center 45%;
  }
  .mm-about-copy h2{
    font-size:clamp(2.35rem,9vw,3.65rem);
  }
}
@media(max-width:520px){
  .mm-about-stats{
    gap:8px;
  }
  .mm-about-stats strong{
    font-size:1.15rem;
  }
  .mm-about-stats span{
    font-size:.68rem;
  }
}

/* Cart artwork consistency — use product-page artwork without distortion */
.mm-cart-page-image,
.mm-cart-item-image{
  object-fit:cover !important;
  object-position:center !important;
}


/* 212 mobile header interaction hardening */
@media(max-width:900px){
  .mm-site-header{
    position:relative;
    z-index:150 !important;
  }

  .mm-global-nav{
    position:relative;
    overflow:visible !important;
  }

  .mm-mobile-nav-toggle,
  .mm-nav-actions{
    position:relative;
    z-index:152 !important;
    pointer-events:auto !important;
    touch-action:manipulation;
  }

  .mm-mobile-nav-toggle{
    flex:0 0 40px;
  }

  .mm-nav-actions .mm-cart-link{
    display:grid !important;
    pointer-events:auto !important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .mm-mobile-nav-overlay[hidden]{
    display:none !important;
  }

  .mm-mobile-nav-overlay:not([hidden]){
    pointer-events:auto;
  }

  .mm-mobile-menu{
    pointer-events:none;
    visibility:hidden;
  }

  .mm-mobile-menu.is-open{
    pointer-events:auto;
    visibility:visible;
  }

  .mm-mobile-menu a,
  .mm-mobile-menu button{
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
}


/* 212 mobile menu — Shopify header-group stacking + drawer scrolling fix */
@media(max-width:900px){

  /* Shopify's section wrapper is the stacking context that must sit above
     homepage sections. Target both modern section-group classes and the
     header section wrapper itself. */
  .shopify-section-group-header-group,
  [id^="shopify-section-sections--"][id*="header"],
  #shopify-section-header,
  body > header,
  .mm-site-header{
    position:relative !important;
    z-index:10000 !important;
  }

  /* Do not let the homepage's isolated section stack paint over the header. */
  .home-212,
  #MainContent,
  main{
    z-index:1 !important;
  }

  .mm-mobile-nav-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:10001 !important;
  }

  .mm-mobile-menu{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:10002 !important;
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
  }

  .mm-mobile-menu-shell{
    height:100% !important;
    max-height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }

  .mm-mobile-nav-toggle,
  .mm-nav-actions{
    position:relative !important;
    z-index:10003 !important;
  }

  /* Page stays still while the menu is open; only the drawer scrolls. */
  html.mm-mobile-nav-lock,
  body.mm-mobile-nav-lock{
    overflow:hidden !important;
    height:100% !important;
  }

  /* Prevent backdrop-filter from creating an extra mobile stacking context. */
  html.mm-mobile-nav-lock .mm-site-header,
  body.mm-mobile-nav-lock .mm-site-header,
  html.mm-mobile-nav-lock .shopify-section-group-header-group,
  body.mm-mobile-nav-lock .shopify-section-group-header-group{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}

/* 212 slim + always-visible navigation */
.shopify-section-group-header-group{
  position:sticky !important;
  top:0 !important;
  z-index:10000 !important;
}

.mm-site-header{
  width:100%;
}

.mm-global-nav{
  min-height:62px !important;
  height:auto !important;
  gap:clamp(12px,1.5vw,22px) !important;
}

.mm-global-nav .logo{
  width:128px !important;
  max-width:128px !important;
}

.mm-primary-links{
  gap:clamp(10px,1.15vw,17px) !important;
}

.mm-nav-actions{
  gap:7px !important;
}

.mm-nav-icon{
  width:36px !important;
  height:36px !important;
}

.mm-nav-icon svg{
  width:18px !important;
  height:18px !important;
}

@media(max-width:900px){
  .shopify-section-group-header-group{
    position:sticky !important;
    top:0 !important;
    z-index:10000 !important;
  }

  .mm-global-nav{
    min-height:58px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
  }

  .mm-global-nav .logo{
    width:108px !important;
    max-width:108px !important;
  }

  .mm-mobile-nav-toggle{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }

  .mm-nav-icon{
    width:36px !important;
    height:36px !important;
  }
}

/* 212 sticky header surface — gray only */
.shopify-section-group-header-group{
  background:transparent !important;
}
.mm-site-header{
  background:rgba(42,42,46,.94) !important;
}

/* 212 floating transparent sticky navigation */
.shopify-section-group-header-group{
  background:transparent !important;
}

.mm-site-header{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

.mm-global-nav{
  margin-top:8px !important;
  margin-bottom:8px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  background:rgba(20,20,24,.16) !important;
  backdrop-filter:blur(14px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(120%) !important;
  box-shadow:
    0 12px 34px rgba(0,0,0,.16),
    0 0 22px rgba(151,91,255,.10),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

@media(max-width:900px){
  .mm-global-nav{
    margin-top:6px !important;
    margin-bottom:6px !important;
    border-radius:16px !important;
    background:rgba(20,20,24,.14) !important;
    box-shadow:
      0 10px 28px rgba(0,0,0,.14),
      0 0 18px rgba(151,91,255,.08),
      inset 0 1px 0 rgba(255,255,255,.02) !important;
  }
}

/* 212 nav separators */
@media(min-width:901px){
  .mm-primary-links > a,
  .mm-primary-links > .mm-nav-dropdown{
    position:relative;
  }

  .mm-primary-links > a:not(:last-child)::after,
  .mm-primary-links > .mm-nav-dropdown:not(:last-child)::after{
    content:"";
    position:absolute;
    top:50%;
    right:calc(-1 * clamp(5px,.6vw,9px));
    width:1px;
    height:14px;
    transform:translateY(-50%);
    background:rgba(255,255,255,.16);
    box-shadow:0 0 8px rgba(151,91,255,.10);
    pointer-events:none;
  }
}

/* 212 hero credibility stats */
.hero .wrap{
  position:relative;
}
.hero-proof{
  position:absolute;
  right:0;
  top:50%;
  width:min(330px,31vw);
  transform:translateY(-45%);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(18,18,22,.22);
  backdrop-filter:blur(12px) saturate(115%);
  -webkit-backdrop-filter:blur(12px) saturate(115%);
  box-shadow:
    0 16px 44px rgba(0,0,0,.18),
    0 0 26px rgba(151,91,255,.08),
    inset 0 1px 0 rgba(255,255,255,.025);
  z-index:3;
}
.hero-proof-card{
  min-width:0;
}
.hero-proof-card strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:clamp(1.55rem,2.3vw,2.3rem);
  line-height:.95;
  letter-spacing:-.035em;
}
.hero-proof-card span{
  display:block;
  color:rgba(255,255,255,.58);
  font-size:.72rem;
  line-height:1.35;
}
.hero-proof-card:first-child strong{
  color:#efb83d;
}
.hero-proof-card:last-child strong{
  color:#c6a5ff;
}
.hero-proof-divider{
  width:1px;
  height:46px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent);
}
@media(max-width:1050px){
  .hero-proof{
    right:0;
    width:min(300px,32vw);
    padding:15px 16px;
    gap:14px;
  }
  .hero-proof-card span{
    font-size:.66rem;
  }
}
@media(max-width:820px){
  .hero-proof{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    max-width:520px;
    margin:24px 0 0;
    transform:none;
  }
}
@media(max-width:520px){
  .hero-proof{
    gap:12px;
    padding:14px 15px;
    border-radius:15px;
  }
  .hero-proof-card strong{
    font-size:1.5rem;
  }
  .hero-proof-card span{
    font-size:.64rem;
  }
  .hero-proof-divider{
    height:40px;
  }
}

/* 212 hero credibility card — slight left shift + glass shine */
@media(min-width:821px){
  .hero-proof{
    right:clamp(18px,3.6vw,50px) !important;
    overflow:hidden;
  }
}

.hero-proof::before{
  content:"";
  position:absolute;
  top:-35%;
  left:-55%;
  width:38%;
  height:170%;
  background:linear-gradient(
    100deg,
    transparent 0%,
    rgba(255,255,255,.035) 28%,
    rgba(255,255,255,.16) 50%,
    rgba(198,165,255,.10) 62%,
    transparent 100%
  );
  transform:skewX(-18deg);
  animation:heroProofShine 5.8s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}

.hero-proof::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.045),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 40%);
  pointer-events:none;
  z-index:0;
}

.hero-proof-card,
.hero-proof-divider{
  position:relative;
  z-index:1;
}

@keyframes heroProofShine{
  0%,58%{
    left:-55%;
    opacity:0;
  }
  66%{
    opacity:.8;
  }
  82%{
    left:120%;
    opacity:.45;
  }
  100%{
    left:120%;
    opacity:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-proof::before{
    animation:none !important;
    opacity:0 !important;
  }
}

/* 212 hero credibility — compact mobile treatment */
@media(max-width:520px){
  .hero-proof{
    max-width:360px !important;
    margin-top:18px !important;
    gap:10px !important;
    padding:11px 12px !important;
    border-radius:13px !important;
    grid-template-columns:1fr auto 1fr !important;
  }

  .hero-proof-card strong{
    margin-bottom:3px !important;
    font-size:1.22rem !important;
    line-height:1 !important;
  }

  .hero-proof-card span{
    font-size:.57rem !important;
    line-height:1.25 !important;
  }

  .hero-proof-divider{
    height:32px !important;
  }

  .hero-proof::before{
    width:32% !important;
    animation-duration:6.4s !important;
  }
}

@media(max-width:390px){
  .hero-proof{
    max-width:330px !important;
    gap:8px !important;
    padding:10px 11px !important;
  }

  .hero-proof-card strong{
    font-size:1.12rem !important;
  }

  .hero-proof-card span{
    font-size:.54rem !important;
  }

  .hero-proof-divider{
    height:29px !important;
  }
}

/* 212 mobile-only hero credibility marquee */
.hero-proof-marquee{
  display:none;
}

@media(max-width:820px){
  .hero-proof{
    display:none !important;
  }

  .hero-proof-marquee{
    position:relative;
    display:block;
    overflow:hidden;
    margin:6px 0 0;
    padding:11px 0;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    background:
      linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
      rgba(18,18,22,.16);
    box-shadow:
      0 0 16px rgba(151,91,255,.05),
      inset 0 1px 0 rgba(255,255,255,.02);
    backdrop-filter:blur(10px) saturate(115%);
    -webkit-backdrop-filter:blur(10px) saturate(115%);
  }

  .hero-proof-marquee::before,
  .hero-proof-marquee::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:38px;
    z-index:2;
    pointer-events:none;
  }

  .hero-proof-marquee::before{
    left:0;
    background:linear-gradient(90deg, rgba(17,17,20,.88), rgba(17,17,20,0));
  }

  .hero-proof-marquee::after{
    right:0;
    background:linear-gradient(270deg, rgba(17,17,20,.88), rgba(17,17,20,0));
  }

  .hero-proof-marquee-track{
    width:max-content;
    display:flex;
    align-items:center;
    gap:14px;
    white-space:nowrap;
    padding-left:100%;
    animation:heroProofMarquee 22s linear infinite;
    will-change:transform;
  }

  .hero-proof-marquee-track span{
    display:inline-flex;
    align-items:center;
    color:rgba(255,255,255,.72);
    font-size:.68rem;
    line-height:1;
    letter-spacing:.15em;
    text-transform:uppercase;
    font-weight:700;
  }

  .hero-proof-marquee-track .hero-proof-marquee-sep{
    color:rgba(239,184,61,.8);
    text-shadow:0 0 10px rgba(151,91,255,.14);
    font-size:.72rem;
    letter-spacing:0;
  }
}

@media(max-width:520px){
  .hero-proof-marquee{
    margin:4px 0 0;
    padding:10px 0;
  }

  .hero-proof-marquee-track{
    gap:12px;
  }

  .hero-proof-marquee-track span{
    font-size:.63rem;
    letter-spacing:.13em;
  }
}

@keyframes heroProofMarquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}

@media(prefers-reduced-motion:reduce){
  .hero-proof-marquee-track{
    animation:none !important;
    transform:none !important;
    width:auto;
    padding-left:18px;
    padding-right:18px;
    white-space:normal;
    flex-wrap:wrap;
    justify-content:center;
  }
}

/* 212 mobile sticky header — specificity repair
   This deliberately outranks the older [id^][id*] position:relative rule. */
@media(max-width:900px){
  .shopify-section-group-header-group[id^="shopify-section-sections--"][id*="header"],
  body > .shopify-section-group-header-group[id*="header"]{
    position:sticky !important;
    position:-webkit-sticky !important;
    top:0 !important;
    z-index:10000 !important;
    transform:none !important;
  }

  .shopify-section-group-header-group[id^="shopify-section-sections--"][id*="header"] .mm-site-header,
  body > .shopify-section-group-header-group[id*="header"] .mm-site-header{
    position:relative !important;
    top:auto !important;
    z-index:10000 !important;
  }

  /* Keep the floating treatment intact while the wrapper remains in normal flow. */
  .shopify-section-group-header-group[id^="shopify-section-sections--"][id*="header"] .mm-global-nav,
  body > .shopify-section-group-header-group[id*="header"] .mm-global-nav{
    position:relative !important;
  }
}

/* 212 cart drawer — always above floating/sticky header */
.mm-cart-overlay{
  z-index:20000 !important;
}

.mm-cart-drawer{
  z-index:20001 !important;
}

@media(max-width:900px){
  .mm-cart-overlay{
    z-index:20000 !important;
  }

  .mm-cart-drawer{
    z-index:20001 !important;
  }
}

/* 212 cart drawer — direct checkout */
.mm-cart-checkout-form{
  margin:0;
  width:100%;
}

.mm-cart-checkout-form .mm-cart-checkout{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  cursor:pointer;
  font:inherit;
}

/* 212 cart drawer — floating glass treatment to match navigation */
.mm-cart-overlay{
  background:rgba(7,7,10,.46) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
}

.mm-cart-drawer{
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 32%),
    rgba(20,20,24,.72) !important;
  border-left:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(22px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(125%) !important;
  box-shadow:
    -24px 0 60px rgba(0,0,0,.30),
    -8px 0 30px rgba(151,91,255,.09),
    inset 1px 0 0 rgba(255,255,255,.025) !important;
}

.mm-cart-head{
  background:rgba(255,255,255,.012) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.mm-cart-foot{
  background:rgba(255,255,255,.015) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

.mm-cart-item{
  border-bottom-color:rgba(255,255,255,.07) !important;
}

.mm-cart-close,
.mm-cart-continue{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}


/* 212 cart drawer — compact glass Quick Add shelf */
.mm-drawer-quick{
  flex:0 0 auto;
  padding:12px 14px 11px;
  border-top:1px solid rgba(255,255,255,.075);
  border-bottom:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),rgba(255,255,255,.012);
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
}
.mm-drawer-quick-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}
.mm-drawer-quick-head>span{color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.mm-drawer-quick-head small{color:rgba(255,255,255,.42);font-size:.62rem}
.mm-drawer-quick-track{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mm-drawer-quick-track::-webkit-scrollbar{display:none}
.mm-drawer-quick-card{flex:0 0 132px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:7px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.022);box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:opacity .18s ease,transform .18s ease,border-color .18s ease}
.mm-drawer-quick-card.is-in-cart{display:none}
.mm-drawer-quick-media{width:42px;height:42px;overflow:hidden;border-radius:8px;background:rgba(8,8,10,.45)}
.mm-drawer-quick-media img{display:block;width:100%;height:100%;object-fit:cover}
.mm-drawer-quick-placeholder{display:grid;place-items:center;width:100%;height:100%;color:rgba(255,255,255,.25);font-size:.7rem;font-weight:900}
.mm-drawer-quick-copy{min-width:0}
.mm-drawer-quick-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.88);font-size:.65rem;line-height:1.2;font-weight:750}
.mm-drawer-quick-row{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:5px}
.mm-drawer-quick-price{color:#d9aa46;font-size:.61rem;font-weight:800}
.mm-drawer-quick-btn{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;padding:0;border:1px solid rgba(157,101,255,.28);border-radius:7px;background:rgba(157,101,255,.09);color:#fff;font-size:1rem;line-height:1;cursor:pointer;transition:.16s ease}
.mm-drawer-quick-btn:hover{border-color:rgba(157,101,255,.5);background:rgba(157,101,255,.16);box-shadow:0 0 12px rgba(151,91,255,.10)}
.mm-drawer-quick-btn:disabled{opacity:.45;cursor:wait}
.mm-drawer-quick-status{min-height:0;margin-top:0;color:rgba(255,255,255,.48);font-size:.62rem;transition:.16s ease}
.mm-drawer-quick-status:not(:empty){min-height:14px;margin-top:5px}
.mm-drawer-quick:has(.mm-drawer-quick-card:not(.is-in-cart)){display:block}
.mm-drawer-quick:not(:has(.mm-drawer-quick-card:not(.is-in-cart))){display:none}
@media(max-width:520px){.mm-drawer-quick{padding:10px 12px 9px}.mm-drawer-quick-card{flex-basis:125px}}

/* 212 Presets & Templates detail-page links */
.mm-preset-card-media[href]{display:block;text-decoration:none;color:inherit}
.mm-preset-card-copy h3 a{color:inherit;text-decoration:none}
.mm-preset-card-copy h3 a:hover{color:#c9acff}
.mm-preset-view-details{display:inline-block;margin:10px 0 2px;color:#c9acff;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.04em}
.mm-preset-view-details:hover{color:#e2c76f}

/* 212 site-wide search */
.mm-search-open { overflow: hidden; }
.mm-search-toggle { background: transparent; border: 0; padding: 0; cursor: pointer; }
.mm-search-overlay[hidden] { display: none !important; }
.mm-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  opacity: 0;
  visibility: hidden;
  transition: opacity .22s ease, visibility .22s ease;
}
.mm-search-overlay.is-open { opacity: 1; visibility: visible; }
.mm-search-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(5, 2, 12, .74);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  cursor: default;
}
.mm-search-panel {
  position: relative;
  width: min(900px, calc(100% - 32px));
  max-height: min(760px, calc(100vh - 70px));
  overflow: auto;
  margin: 34px auto;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid rgba(185, 126, 255, .34);
  border-radius: 28px;
  background:
    radial-gradient(circle at 84% 8%, rgba(137, 70, 255, .19), transparent 34%),
    linear-gradient(145deg, rgba(19, 9, 31, .98), rgba(8, 5, 14, .98));
  box-shadow: 0 32px 90px rgba(0,0,0,.62), 0 0 46px rgba(128, 66, 224, .12);
  transform: translateY(-12px) scale(.985);
  transition: transform .22s ease;
}
.mm-search-overlay.is-open .mm-search-panel { transform: translateY(0) scale(1); }
.mm-search-panel-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.mm-search-kicker { margin: 0 0 7px; color: #c999ff; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.mm-search-panel h2 { margin: 0; font-size: clamp(25px, 4vw, 38px); line-height: 1.05; color: #fff; }
.mm-search-close { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.mm-search-form { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
.mm-search-form input[type="search"] { width: 100%; min-height: 58px; padding: 0 18px 0 52px; border-radius: 17px; border: 1px solid rgba(190, 143, 255, .3); background: rgba(255,255,255,.065); color: #fff; font: inherit; font-size: 16px; outline: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.mm-search-form input[type="search"]:focus { border-color: rgba(194, 145, 255, .8); box-shadow: 0 0 0 3px rgba(148, 80, 240, .14), inset 0 1px 0 rgba(255,255,255,.05); }
.mm-search-form input::placeholder { color: rgba(255,255,255,.48); }
.mm-search-field-icon { position: absolute; left: 18px; width: 22px; height: 22px; fill: none; stroke: #bf8cff; stroke-width: 1.7; pointer-events: none; }
.mm-search-submit { min-height: 58px; padding: 0 24px; border: 1px solid rgba(217, 181, 96, .64); border-radius: 17px; background: linear-gradient(135deg, #8e4de1, #5b28a4); color: #fff; font-weight: 800; cursor: pointer; box-shadow: 0 8px 28px rgba(91,40,164,.24); }
.mm-search-hint, .mm-search-empty { padding: 24px 2px 4px; color: rgba(255,255,255,.62); font-size: 14px; }
.mm-search-results { margin-top: 18px; }
.mm-search-group + .mm-search-group { margin-top: 24px; }
.mm-search-group-title { margin: 0 0 10px; color: #d7b16a; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.mm-search-result-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.mm-search-result-card { display: grid; grid-template-columns: 74px minmax(0,1fr) auto; gap: 14px; align-items: center; min-width: 0; padding: 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.045); color: #fff; text-decoration: none; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.mm-search-result-card:hover { border-color: rgba(187,129,255,.45); background: rgba(132,72,214,.11); transform: translateY(-1px); }
.mm-search-result-media { width: 74px; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border-radius: 12px; background: rgba(255,255,255,.055); }
.mm-search-result-media img { width: 100%; height: 100%; object-fit: contain; }
.mm-search-result-placeholder { color: #d1a7ff; font-weight: 900; }
.mm-search-result-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.mm-search-result-copy strong { overflow: hidden; text-overflow: ellipsis; color: #fff; font-size: 14px; line-height: 1.25; }
.mm-search-result-type { color: rgba(255,255,255,.48); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.mm-search-result-price { color: #d9b773; font-size: 13px; font-weight: 800; }
.mm-search-result-arrow { color: #c59bff; font-size: 20px; padding-right: 4px; }
.mm-search-result-card--compact { grid-template-columns: minmax(0,1fr) auto; min-height: 64px; padding: 12px 16px; }
.mm-search-result-list--compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
.mm-search-view-all { display: block; margin-top: 18px; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(215,177,106,.28); color: #e7c67f; background: rgba(215,177,106,.055); text-align: center; text-decoration: none; font-weight: 800; }
.mm-mobile-search-link { width: 100%; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }

/* Search results page */
.mm-search-page { min-height: 70vh; padding: clamp(72px, 9vw, 130px) 0 80px; }
.mm-search-page-head { max-width: 850px; margin: 0 auto 42px; text-align: center; }
.mm-search-page-head h1 { margin: 7px 0 24px; font-size: clamp(34px, 5vw, 62px); color: #fff; }
.mm-search-page-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; max-width: 760px; margin: 0 auto; }
.mm-search-page-form input { min-width: 0; min-height: 56px; padding: 0 18px; border-radius: 15px; border: 1px solid rgba(191,140,255,.28); background: rgba(255,255,255,.055); color: #fff; font: inherit; }
.mm-search-page-count { margin: 0 0 18px; color: rgba(255,255,255,.58); }
.mm-search-page-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.mm-search-page-card { overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 20px; background: rgba(255,255,255,.04); color: #fff; text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.mm-search-page-card:hover { transform: translateY(-3px); border-color: rgba(183,122,255,.4); }
.mm-search-page-media { aspect-ratio: 1; display: grid; place-items: center; padding: 14px; background: rgba(9,5,14,.62); }
.mm-search-page-media img { width: 100%; height: 100%; object-fit: contain; }
.mm-search-page-media span { font-size: 30px; font-weight: 900; color: #a968ee; }
.mm-search-page-copy { padding: 18px; }
.mm-search-page-copy h2 { margin: 6px 0 9px; color: #fff; font-size: 18px; }
.mm-search-page-copy p { color: rgba(255,255,255,.64); font-size: 14px; line-height: 1.55; }
.mm-search-page-price { color: #e0bb72 !important; font-weight: 800; }
.mm-search-page-link { display: inline-block; margin-top: 7px; color: #c79cff; font-weight: 800; }
.mm-search-page-empty { padding: 44px 24px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; text-align: center; color: rgba(255,255,255,.62); background: rgba(255,255,255,.035); }
.mm-search-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 34px; color: rgba(255,255,255,.55); }
.mm-search-pagination a { color: #c89cff; text-decoration: none; font-weight: 800; }

@media (max-width: 760px) {
  .mm-search-panel { width: calc(100% - 18px); max-height: calc(100vh - 18px); margin: 9px auto; padding: 20px 16px; border-radius: 22px; }
  .mm-search-form { grid-template-columns: 1fr; }
  .mm-search-field-icon { top: 18px; }
  .mm-search-submit { min-height: 48px; }
  .mm-search-result-list, .mm-search-result-list--compact { grid-template-columns: 1fr; }
  .mm-search-page-form { grid-template-columns: 1fr; }
  .mm-search-page-grid { grid-template-columns: 1fr; }
}

/* 212 search — nav-matched transparent glass + gold hue */
.mm-search-backdrop{
  background:rgba(7,7,10,.42) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
}
.mm-search-panel{
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,0) 36%),
    radial-gradient(circle at 82% 8%,rgba(218,177,89,.11),transparent 34%),
    rgba(20,20,24,.42) !important;
  backdrop-filter:blur(22px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(125%) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    0 0 34px rgba(218,177,89,.10),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.mm-search-kicker{color:#d9b66f !important;}
.mm-search-close{
  border-color:rgba(218,177,89,.22) !important;
  background:rgba(218,177,89,.055) !important;
}
.mm-search-close:hover{
  border-color:rgba(218,177,89,.48) !important;
  background:rgba(218,177,89,.10) !important;
}
.mm-search-form input[type="search"]{
  border-color:rgba(218,177,89,.28) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.mm-search-form input[type="search"]:focus{
  border-color:rgba(226,190,104,.72) !important;
  box-shadow:0 0 0 3px rgba(218,177,89,.10),0 0 24px rgba(218,177,89,.08),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.mm-search-field-icon{stroke:#dfbd72 !important;}
.mm-search-submit{
  border-color:rgba(226,190,104,.56) !important;
  background:linear-gradient(135deg,rgba(211,170,78,.95),rgba(155,116,43,.95)) !important;
  color:#111 !important;
  box-shadow:0 9px 28px rgba(178,137,53,.18) !important;
}
.mm-search-submit:hover{
  filter:brightness(1.06);
  box-shadow:0 10px 32px rgba(218,177,89,.24) !important;
}
.mm-search-result-card{
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.025) !important;
  backdrop-filter:blur(10px) saturate(115%);
  -webkit-backdrop-filter:blur(10px) saturate(115%);
}
.mm-search-result-card:hover{
  border-color:rgba(218,177,89,.34) !important;
  background:rgba(218,177,89,.06) !important;
}
.mm-search-result-placeholder,.mm-search-result-arrow{color:#dfbd72 !important;}
.mm-search-view-all{
  border-color:rgba(218,177,89,.28) !important;
  color:#e4c57c !important;
  background:rgba(218,177,89,.045) !important;
}
.mm-search-view-all:hover{
  border-color:rgba(218,177,89,.44) !important;
  background:rgba(218,177,89,.075) !important;
}
.mm-search-page-form input{
  border-color:rgba(218,177,89,.26) !important;
  background:rgba(255,255,255,.035) !important;
}
.mm-search-page-form input:focus{
  border-color:rgba(226,190,104,.70) !important;
  box-shadow:0 0 0 3px rgba(218,177,89,.09) !important;
  outline:none;
}
.mm-search-page-card:hover{border-color:rgba(218,177,89,.36) !important;}
.mm-search-page-media span,.mm-search-page-link,.mm-search-pagination a{color:#dfbd72 !important;}

@media(max-width:760px){
  .mm-search-panel{
    background:
      linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,0) 38%),
      radial-gradient(circle at 84% 7%,rgba(218,177,89,.10),transparent 35%),
      rgba(20,20,24,.46) !important;
  }
}

/* 212 mobile top-nav search access */
@media(max-width:900px){
  .mm-nav-actions .mm-nav-icon.mm-search-toggle{
    display:grid !important;
    place-items:center;
  }
}

/* 212 mobile header — menu + search left, centered logo, account + cart right */
@media(max-width:900px){
  .mm-global-nav{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    min-height:58px !important;
  }

  .mm-brand-link{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    z-index:153 !important;
  }

  .mm-mobile-nav-toggle{
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    z-index:154 !important;
  }

  .mm-nav-actions{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  .mm-nav-actions .mm-search-toggle{
    position:absolute !important;
    left:44px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    z-index:154 !important;
  }

  .mm-nav-actions > a:not(.mm-cart-link),
  .mm-nav-actions .mm-cart-link{
    position:relative !important;
    z-index:154 !important;
  }
}

@media(max-width:380px){
  .mm-global-nav .logo{
    width:94px !important;
    max-width:94px !important;
  }

  .mm-mobile-nav-toggle,
  .mm-nav-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }

  .mm-nav-actions .mm-search-toggle{
    left:40px !important;
  }

  .mm-nav-actions{
    gap:5px !important;
  }
}


/* 212 mobile header final guard — keep Search beside Menu */
@media(max-width:900px){
  .mm-nav-actions .mm-nav-icon.mm-search-toggle{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}


/* 212 nav logo — wide wordmark supplied Oct 3 2026 */
.mm-global-nav .logo{
  width:190px !important;
  max-width:190px !important;
  max-height:72px !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:1100px) and (min-width:901px){
  .mm-global-nav .logo{
    width:160px !important;
    max-width:160px !important;
  }
}
@media(max-width:900px){
  .mm-global-nav .logo{
    width:118px !important;
    max-width:118px !important;
    max-height:52px !important;
  }
}
@media(max-width:380px){
  .mm-global-nav .logo{
    width:102px !important;
    max-width:102px !important;
    max-height:48px !important;
  }
}


/* 212 mobile header search — dedicated left-side control */
.mm-mobile-top-search{
  display:none;
}

@media(max-width:900px){
  .mm-mobile-top-search{
    position:absolute !important;
    left:44px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:grid !important;
    place-items:center !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.035) !important;
    color:var(--mm-nav-icon,#fff) !important;
    cursor:pointer !important;
    z-index:10004 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .mm-mobile-top-search svg{
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  /* Desktop search lives in the right action group; hide only that copy on mobile. */
  .mm-nav-actions .mm-search-toggle{
    display:none !important;
  }
}

@media(max-width:380px){
  .mm-mobile-top-search{
    left:40px !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }
}

/* 212 mobile header cleanup — remove duplicate right-side search + left-opening menu */
@media(max-width:900px){
  /* Force-hide the desktop/right action search on mobile. This selector intentionally
     matches/exceeds the older specificity that was keeping it visible behind the cart. */
  .mm-nav-actions .mm-nav-icon.mm-search-toggle{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  /* Mobile drawer opens from the left. */
  .mm-mobile-menu{
    left:0 !important;
    right:auto !important;
    transform:translateX(-104%) !important;
    border-left:0 !important;
    border-right:1px solid rgba(255,255,255,.08) !important;
    box-shadow:26px 0 70px rgba(0,0,0,.35) !important;
    background:
      radial-gradient(circle at 10% 10%,rgba(151,91,255,.13),transparent 32%),
      radial-gradient(circle at 85% 90%,rgba(239,184,61,.06),transparent 28%),
      #17171b !important;
  }

  .mm-mobile-menu.is-open{
    transform:translateX(0) !important;
  }
}

/* Presets & Templates: live-product filtering + independent section sorting */
.mm-presets-category-actions{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:14px;
  flex:0 0 auto;
}
.mm-presets-sort{
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(255,255,255,.68);
  font-size:.78rem;
  white-space:nowrap;
}
.mm-presets-sort>span{
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mm-presets-sort select{
  min-height:40px;
  padding:8px 34px 8px 13px;
  border:1px solid rgba(226,185,93,.22);
  border-radius:999px;
  background:rgba(22,20,19,.58);
  color:#fff;
  font:inherit;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 28px rgba(0,0,0,.16),0 0 18px rgba(226,185,93,.035);
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
}
.mm-presets-sort select:focus{
  outline:none;
  border-color:rgba(238,197,102,.58);
  box-shadow:0 0 0 3px rgba(226,185,93,.10),0 0 22px rgba(226,185,93,.08);
}
.mm-preset-editor-hidden{
  min-height:180px;
  display:grid;
  place-items:center;
  padding:24px;
  border-style:dashed;
  opacity:.56;
}
.mm-preset-editor-hidden>div{display:grid;gap:6px;text-align:center;max-width:280px}
.mm-preset-editor-hidden span{font-size:.82rem;line-height:1.4;opacity:.7}
@media(max-width:650px){
  .mm-presets-category-actions{
    justify-content:flex-start;
    align-items:center;
    margin-top:16px;
  }
  .mm-presets-sort{
    width:100%;
    justify-content:space-between;
  }
  .mm-presets-sort select{
    flex:1;
    max-width:240px;
  }
  .mm-presets-view-all{margin-top:0}
}

/* =========================================================
   212 KEY + BPM FINDER — V3 PLUGIN CONSOLE
   Visual-only redesign. Analyzer selectors/logic preserved.
   ========================================================= */
.mm-finder-v3{position:relative;overflow:hidden;padding:clamp(42px,5vw,70px) 0 clamp(64px,8vw,100px)!important}
.mm-finder-v3::before{content:"";position:absolute;width:700px;height:500px;left:50%;top:110px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(124,69,255,.13),transparent 68%);filter:blur(20px);pointer-events:none}
.mm-finder-v3 .mm-finder-wrap{position:relative;max-width:900px!important}
.mm-finder-v3 .mm-finder-heading{max-width:720px!important;margin:0 auto 25px!important;text-align:center}
.mm-finder-v3 .mm-finder-heading .kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#e9b846!important}
.mm-finder-v3 .mm-finder-heading h1{font-size:clamp(38px,5.8vw,66px)!important;margin:.12em 0 .18em!important;letter-spacing:-.05em!important;text-shadow:0 0 34px rgba(155,104,255,.12)}
.mm-finder-v3 .mm-finder-heading p{max-width:590px;margin:0 auto!important;font-size:.98rem!important;opacity:.64}
.mm-finder-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:15px}
.mm-finder-badges span{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.025);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.mm-finder-badges i,.mm-console-status i,.mm-analysis-complete i,.mm-console-footer i{width:6px;height:6px;border-radius:50%;background:#b68aff;box-shadow:0 0 10px rgba(182,138,255,.8)}

.mm-finder-console{position:relative;border:1px solid rgba(193,157,255,.16);border-radius:26px;background:linear-gradient(155deg,rgba(37,31,48,.90),rgba(13,13,18,.94) 45%,rgba(25,20,31,.92));box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 50px rgba(128,74,255,.09),inset 0 1px rgba(255,255,255,.06);overflow:hidden;isolation:isolate}
.mm-finder-console::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 0,rgba(151,87,255,.16),transparent 30%),radial-gradient(circle at 94% 4%,rgba(234,177,62,.10),transparent 24%);pointer-events:none;z-index:-1}
.mm-console-topbar,.mm-console-footer{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.12);font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.mm-console-brand{display:flex;gap:8px;align-items:baseline}.mm-console-brand b{font-size:1rem;letter-spacing:-.04em;color:#fff}.mm-console-brand span{color:#e6b646}
.mm-console-status{display:flex;align-items:center;gap:7px}.mm-console-status i{background:#e8b846;box-shadow:0 0 10px rgba(232,184,70,.65)}
.mm-console-footer{height:38px;border-top:1px solid rgba(255,255,255,.05);border-bottom:0;font-size:.55rem}.mm-console-footer span{display:flex;align-items:center;gap:7px}
.mm-finder-v3 .mm-finder-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}.mm-finder-v3 .mm-finder-card::before{display:none}

.mm-finder-v3 .mm-finder-upload{min-height:330px!important;padding:44px 30px!important;display:flex;flex-direction:column;gap:21px;text-align:center!important;border-radius:0!important;background:transparent!important;position:relative}
.mm-finder-v3 .mm-finder-upload::before{content:"";position:absolute;inset:22px;border:1px dashed rgba(185,149,255,.18);border-radius:19px;background:linear-gradient(180deg,rgba(132,78,255,.025),rgba(255,255,255,.004));transition:.25s ease;pointer-events:none}
.mm-finder-v3 .mm-finder-upload:hover::before,.mm-finder-v3 .mm-finder-upload.is-dragging::before{border-color:rgba(189,148,255,.48);background:rgba(134,79,255,.055);box-shadow:inset 0 0 38px rgba(139,84,255,.055)}
.mm-upload-orbit{position:relative;width:108px;height:108px;display:grid;place-items:center}
.mm-upload-orbit-ring{position:absolute;inset:0;border:1px solid rgba(175,128,255,.19);border-radius:50%;box-shadow:0 0 30px rgba(137,75,255,.08)}
.mm-upload-orbit-ring-2{inset:12px;border-color:rgba(235,181,68,.13)}
.mm-finder-v3 .mm-finder-upload-icon{width:62px!important;height:62px!important;margin:0!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,rgba(181,139,255,.20),rgba(91,46,174,.10))!important;border-color:rgba(187,145,255,.28)!important;box-shadow:0 0 30px rgba(133,74,255,.18),inset 0 1px rgba(255,255,255,.08)!important}
.mm-finder-v3 .mm-finder-upload-icon svg{stroke:#e3d2ff}
.mm-finder-v3 .mm-finder-upload-copy{position:relative;z-index:1;display:grid;gap:5px}.mm-finder-v3 .mm-finder-upload-copy strong{font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}.mm-finder-v3 .mm-finder-upload-copy>span:not(.mm-mini-label){opacity:.58}.mm-finder-v3 .mm-finder-upload-copy small{font-size:.65rem;letter-spacing:.1em;opacity:.34;margin-top:7px}
.mm-mini-label{font-size:.59rem!important;letter-spacing:.18em!important;text-transform:uppercase;color:#e6b646!important;opacity:.9!important}

.mm-finder-v3 .mm-finder-analyzing{min-height:330px!important;padding:42px 30px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:21px}
.mm-finder-v3 .mm-finder-analyzing[hidden]{display:none!important}
.mm-live-analyzer{position:relative;width:min(600px,88%);height:118px;border-radius:15px;border:1px solid rgba(173,129,255,.13);overflow:hidden;background:linear-gradient(180deg,rgba(122,70,213,.04),rgba(0,0,0,.08));box-shadow:inset 0 0 35px rgba(118,68,218,.05)}
.mm-live-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 29px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mm-live-bars{position:absolute;inset:12px 18px;display:flex;align-items:center;justify-content:center;gap:5px}.mm-live-bars i{width:3px;height:calc(18px + (var(--i) * 13 % 64) * 1px);max-height:82px;border-radius:99px;background:linear-gradient(180deg,#d8c0ff 0,#8f57ef 55%,#e2ad43 100%);box-shadow:0 0 9px rgba(151,95,255,.26);transform-origin:center;animation:mmV3Bars .9s ease-in-out infinite;animation-delay:calc(var(--i) * -37ms)}
.mm-live-scan{position:absolute;top:0;bottom:0;width:90px;left:-100px;background:linear-gradient(90deg,transparent,rgba(203,176,255,.10),rgba(255,255,255,.28),transparent);filter:blur(.2px);animation:mmV3Scan 2.1s linear infinite}
@keyframes mmV3Bars{0%,100%{transform:scaleY(.42);opacity:.46}50%{transform:scaleY(1);opacity:1}}@keyframes mmV3Scan{to{left:calc(100% + 20px)}}
.mm-finder-v3 .mm-finder-progress-copy{text-align:center}.mm-finder-v3 .mm-finder-progress-copy strong{font-size:1.3rem!important;letter-spacing:-.01em}.mm-finder-v3 .mm-finder-progress-copy>[data-progress-detail]{opacity:.5;font-size:.82rem}

.mm-finder-v3 .mm-finder-results{padding:22px 22px 26px!important}
.mm-finder-v3 .mm-finder-file{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:4px 5px 17px!important;border-bottom:1px solid rgba(255,255,255,.06)}
.mm-finder-v3 .mm-finder-file>div:first-child{display:grid;gap:4px;min-width:0}.mm-finder-v3 .mm-finder-file span{font-size:.56rem;letter-spacing:.16em}.mm-finder-v3 .mm-finder-file strong{max-width:520px!important;font-size:.84rem!important}
.mm-analysis-complete{display:flex;align-items:center;gap:7px;flex:0 0 auto;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.42)}.mm-analysis-complete i{background:#e1b045;box-shadow:0 0 9px rgba(225,176,69,.5)}
.mm-finder-v3 .mm-finder-main-results{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:12px!important}
.mm-finder-v3 .mm-finder-result{min-height:322px!important;padding:18px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 35px rgba(0,0,0,.16)!important;overflow:hidden}
.mm-finder-v3 .mm-finder-result::after{width:210px;height:210px;right:-90px;bottom:-120px;background:radial-gradient(circle,rgba(126,67,235,.14),transparent 67%)}
.mm-result-heading{display:flex;align-items:center;justify-content:space-between}.mm-result-heading>span{font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.48)}.mm-result-heading>small{font-size:.56rem;letter-spacing:.12em;color:#e2ae44;padding:4px 7px;border:1px solid rgba(226,174,68,.18);border-radius:6px;background:rgba(226,174,68,.04)}

.mm-key-stage{display:grid;place-items:center;padding:8px 0 6px}.mm-key-dial{position:relative;width:248px;height:248px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(119,66,217,.13) 0 43%,transparent 44%),conic-gradient(from 20deg,rgba(220,190,255,.34),rgba(111,57,210,.08) 24%,rgba(226,174,68,.30) 48%,rgba(111,57,210,.08) 70%,rgba(220,190,255,.34));padding:1px;box-shadow:0 0 42px rgba(127,69,232,.11);transition:box-shadow .35s ease,transform .35s ease}
.mm-key-dial::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#17131e;border:1px solid rgba(255,255,255,.055)}
.mm-key-dial::after{content:"";position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(206,173,255,.12)}
.mm-key-core{position:relative;z-index:2;width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(137,80,240,.19),rgba(21,18,29,.92) 70%);border:1px solid rgba(184,138,255,.19);box-shadow:0 0 28px rgba(128,67,235,.13),inset 0 0 24px rgba(144,87,242,.07);text-align:center}.mm-key-core small{font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:4px}.mm-key-core strong{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.82;color:#fff;text-shadow:0 0 32px rgba(158,105,255,.22);max-width:176px}.mm-key-core strong [data-key-note]{font-size:clamp(62px,8vw,92px)!important;letter-spacing:-.075em;font-weight:750}.mm-key-core strong [data-key-mode]{margin-top:9px;font-style:normal;font-size:.66rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#e2ae44;font-weight:650}
.mm-key-dial.is-key-revealed{animation:mmKeyAura 2.8s ease-in-out infinite}.mm-key-dial.is-key-revealed .mm-key-core{animation:mmKeyReveal .72s cubic-bezier(.2,.9,.25,1.15) both}.mm-key-dial.is-key-revealed [data-key-note]{animation:mmKeyNoteReveal .82s cubic-bezier(.18,.9,.2,1.12) both}
@keyframes mmKeyReveal{0%{opacity:.35;transform:scale(.84)}65%{opacity:1;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}@keyframes mmKeyNoteReveal{0%{opacity:0;transform:translateY(10px) scale(.78);filter:blur(5px)}70%{opacity:1;transform:translateY(-1px) scale(1.05);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes mmKeyAura{0%,100%{box-shadow:0 0 42px rgba(127,69,232,.11)}50%{box-shadow:0 0 58px rgba(151,91,255,.23),0 0 18px rgba(226,174,68,.06)}}
.mm-key-tick{position:absolute;z-index:3;font-size:.47rem;color:rgba(255,255,255,.27)}.mm-t1{top:8px;left:50%;transform:translateX(-50%)}.mm-t2{top:28%;right:9px}.mm-t3{bottom:25%;right:8px}.mm-t4{bottom:7px;left:50%;transform:translateX(-50%)}.mm-t5{bottom:25%;left:8px}.mm-t6{top:28%;left:8px}
.mm-key-spelling-panel{display:grid;gap:4px;margin-bottom:8px;padding:11px 12px;border-radius:11px;border:1px solid rgba(226,174,68,.13);background:linear-gradient(135deg,rgba(226,174,68,.045),rgba(134,78,231,.055));text-align:left}.mm-key-spelling-panel[hidden]{display:none!important}.mm-key-spelling-panel small{font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.40)}.mm-key-spelling-panel strong{font-size:clamp(1.02rem,2.1vw,1.22rem);line-height:1.25;color:#fff;font-weight:720;letter-spacing:-.015em;text-shadow:0 0 18px rgba(157,100,255,.10)}
.mm-relative-panel{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:11px;border:1px solid rgba(184,139,255,.10);background:rgba(134,78,231,.045)}.mm-relative-panel[hidden]{display:none!important}.mm-relative-panel small{font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.42)}.mm-relative-panel strong{font-size:1rem;color:#eee2ff;font-weight:700}
.mm-finder-v3 .mm-key-meta{margin-top:8px;padding:0 2px;justify-content:space-between}.mm-finder-v3 .mm-key-meta small{font-size:.62rem;color:rgba(255,255,255,.40)}.mm-finder-v3 .mm-alt-key-secondary{color:rgba(231,183,77,.72)!important}

.mm-tempo-result{justify-content:flex-start!important}.mm-tempo-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0 8px}.mm-tempo-number{display:flex;align-items:flex-end;gap:7px}.mm-tempo-number b{font-size:clamp(62px,8vw,92px)!important;line-height:.82;letter-spacing:-.07em;font-weight:750;color:#fff;text-shadow:0 0 32px rgba(158,105,255,.18)}.mm-tempo-number em{font-style:normal;font-size:.58rem;letter-spacing:.15em;color:#e2ae44;margin-bottom:7px}
.mm-tempo-pulse{height:36px;margin-top:22px;display:flex;align-items:center;gap:4px}.mm-tempo-pulse i{width:3px;height:8px;border-radius:99px;background:#aa78ff;box-shadow:0 0 7px rgba(170,120,255,.25);animation:mmTempoPulse 1.1s ease-in-out infinite}.mm-tempo-pulse i:nth-child(2n){height:16px}.mm-tempo-pulse i:nth-child(3n){height:26px}.mm-tempo-pulse i:nth-child(4n){height:12px}.mm-tempo-pulse i:nth-child(5n){height:31px}.mm-tempo-pulse i:nth-child(n+7){animation-delay:-.55s}@keyframes mmTempoPulse{0%,100%{transform:scaleY(.45);opacity:.4}50%{transform:scaleY(1);opacity:1}}
.mm-detected-pulse{display:block;text-align:center!important;font-size:.57rem!important;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.34)!important;margin-bottom:12px}
.mm-finder-v3 .mm-finder-alt-tempos{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important}.mm-finder-v3 .mm-finder-alt-tempos button{min-height:58px!important;padding:8px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;text-align:left;justify-content:stretch!important;gap:0 5px!important;border-radius:11px!important;background:rgba(255,255,255,.018)!important}.mm-finder-v3 .mm-finder-alt-tempos button span{grid-column:1/-1;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.36)}.mm-finder-v3 .mm-finder-alt-tempos button b{font-size:1rem}.mm-finder-v3 .mm-finder-alt-tempos button small{font-size:.48rem;letter-spacing:.08em;align-self:end;color:rgba(255,255,255,.32)}
.mm-finder-v3 .mm-finder-actions{text-align:center;margin-top:17px!important}.mm-finder-v3 .mm-finder-actions .btn{min-height:44px;padding:10px 22px;border-radius:999px;box-shadow:0 0 24px rgba(136,76,242,.14)}
.mm-finder-v3 .mm-analyzer-error{margin:20px;border-radius:14px;border:1px solid rgba(255,111,111,.15);background:rgba(137,33,53,.12)}
.mm-finder-v3 .mm-finder-privacy{text-align:center;margin:13px auto 0!important;max-width:620px;font-size:.72rem!important;opacity:.42}

@media(max-width:720px){
  .mm-finder-v3{padding-top:30px!important}.mm-finder-v3 .mm-finder-heading{text-align:left;margin-bottom:18px!important}.mm-finder-v3 .mm-finder-heading h1{font-size:clamp(35px,10vw,51px)!important}.mm-finder-v3 .mm-finder-heading p{margin-left:0!important}.mm-finder-badges{justify-content:flex-start}.mm-console-topbar{height:42px;padding:0 14px}.mm-finder-v3 .mm-finder-upload{min-height:295px!important}.mm-finder-v3 .mm-finder-main-results{grid-template-columns:1fr!important}.mm-finder-v3 .mm-finder-result{min-height:auto!important}.mm-key-result{padding-bottom:15px!important}.mm-tempo-result{min-height:280px!important}.mm-finder-v3 .mm-finder-file{align-items:flex-start}.mm-analysis-complete{display:none}.mm-finder-v3 .mm-finder-file strong{max-width:100%!important}.mm-console-footer{padding:0 14px}.mm-key-dial{width:230px;height:230px}.mm-key-core{width:174px;height:174px}.mm-key-core strong [data-key-note]{font-size:clamp(62px,18vw,82px)!important}
}
@media(max-width:430px){.mm-finder-badges span:nth-child(3){display:none}.mm-finder-v3 .mm-finder-results{padding:14px!important}.mm-finder-v3 .mm-finder-result{padding:15px!important}.mm-finder-v3 .mm-finder-upload::before{inset:14px}.mm-console-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.mm-live-bars i,.mm-live-scan,.mm-tempo-pulse i,.mm-key-dial,.mm-key-core,.mm-key-core [data-key-note]{animation:none!important}}

/* 212 Finder result polish — visual only */
.mm-key-dial.is-key-revealed::after{animation:mmKeyOrbit 10s linear infinite;border-style:solid;border-color:rgba(205,168,255,.08);border-top-color:rgba(226,174,68,.34);border-right-color:rgba(181,134,255,.22);box-shadow:0 0 18px rgba(144,83,244,.08)}
.mm-key-dial.is-key-revealed::before{box-shadow:inset 0 0 26px rgba(140,82,235,.045)}
@keyframes mmKeyOrbit{to{transform:rotate(360deg)}}

.mm-tempo-stage{position:relative;isolation:isolate}
.mm-tempo-stage::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(133,77,230,.13) 0 38%,rgba(133,77,230,.035) 39% 54%,transparent 55%),conic-gradient(from 10deg,rgba(220,190,255,.16),rgba(111,57,210,.025) 28%,rgba(226,174,68,.15) 50%,rgba(111,57,210,.025) 72%,rgba(220,190,255,.16));opacity:.58;filter:drop-shadow(0 0 18px rgba(131,74,236,.07));transition:opacity .35s ease,transform .35s ease}
.mm-tempo-stage.is-bpm-revealed::before{animation:mmBpmAura 3.2s ease-in-out infinite}
.mm-tempo-stage.is-bpm-revealed .mm-tempo-number b{animation:mmBpmReveal .72s cubic-bezier(.18,.9,.2,1.12) both}
.mm-tempo-stage.is-bpm-revealed .mm-tempo-number em{animation:mmBpmLabelReveal .72s .08s ease both}
.mm-tempo-stage.is-bpm-revealed .mm-tempo-pulse{animation:mmPulseReveal .65s .12s ease both}
@keyframes mmBpmReveal{0%{opacity:0;transform:translateY(10px) scale(.80);filter:blur(5px)}70%{opacity:1;transform:translateY(-1px) scale(1.045);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes mmBpmLabelReveal{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}}
@keyframes mmPulseReveal{0%{opacity:0;transform:scaleX(.72)}100%{opacity:1;transform:none}}
@keyframes mmBpmAura{0%,100%{opacity:.48;transform:scale(.985)}50%{opacity:.76;transform:scale(1.02)}}

.mm-key-spelling-panel{text-align:center}
.mm-key-spelling-panel strong{letter-spacing:-.02em}
.mm-relative-panel{margin-top:1px}
.mm-finder-v3 .mm-key-meta{justify-content:center;gap:14px}
.mm-finder-v3 .mm-key-meta small{padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}

@media(max-width:720px){.mm-tempo-stage::before{width:205px;height:205px}}
@media(prefers-reduced-motion:reduce){.mm-key-dial.is-key-revealed::after,.mm-tempo-stage.is-bpm-revealed::before,.mm-tempo-stage.is-bpm-revealed .mm-tempo-number b,.mm-tempo-stage.is-bpm-revealed .mm-tempo-number em,.mm-tempo-stage.is-bpm-revealed .mm-tempo-pulse{animation:none!important}}



/* 212 Audio Analyzer — compact upload + aligned result dials + analysis rendering optimizations */
.mm-finder-v3 .mm-finder-upload{min-height:286px!important;padding:32px 30px!important;gap:16px!important}
.mm-finder-v3 .mm-finder-upload::before{inset:18px}
.mm-finder-v3 .mm-upload-orbit{width:96px;height:96px}
.mm-finder-v3 .mm-upload-orbit-ring-2{inset:11px}

/* Keep the Key and BPM focal circles on the exact same visual baseline. */
.mm-finder-v3 .mm-key-result,
.mm-finder-v3 .mm-tempo-result{justify-content:flex-start!important}
.mm-finder-v3 .mm-key-stage,
.mm-finder-v3 .mm-tempo-stage{box-sizing:border-box;flex:0 0 248px;height:248px;min-height:248px;margin-top:8px;padding:0!important;display:grid;place-items:center}
.mm-finder-v3 .mm-key-dial{width:248px;height:248px}
.mm-finder-v3 .mm-tempo-stage::before{width:248px;height:248px}
.mm-finder-v3 .mm-tempo-number{position:relative;z-index:2}
.mm-finder-v3 .mm-tempo-pulse{position:relative;z-index:2}

/* Isolate the analyzer's paint work and lighten nonessential animation while DSP is running. */
.mm-finder-v3 .mm-finder-console{contain:layout paint}
.mm-finder-v3.is-processing .mm-live-bars i{box-shadow:none}
.mm-finder-v3.is-processing .mm-live-bars i:nth-child(even){opacity:.34;animation-duration:1.35s}
.mm-finder-v3.is-processing .mm-live-scan{filter:none;opacity:.72}
.mm-finder-v3.is-processing .mm-finder-console::before{opacity:.55}

@media(max-width:720px){
  .mm-finder-v3 .mm-finder-upload{min-height:258px!important;padding:27px 22px!important;gap:14px!important}
  .mm-finder-v3 .mm-key-stage,.mm-finder-v3 .mm-tempo-stage{flex-basis:230px;height:230px;min-height:230px}
  .mm-finder-v3 .mm-key-dial{width:230px;height:230px}
  .mm-finder-v3 .mm-tempo-stage::before{width:230px;height:230px}
}

/* 212 Audio Analyzer — true focal-value centering */
/* Keep the actual detected values on the geometric center of each result circle. */
.mm-finder-v3 .mm-key-core{position:relative}
.mm-finder-v3 .mm-key-core>small{
  position:absolute;
  top:42px;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  margin:0;
  text-align:center;
}
.mm-finder-v3 .mm-key-core>strong{
  position:absolute;
  inset:0;
  width:100%;
  max-width:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.mm-finder-v3 .mm-key-core strong [data-key-note]{
  display:block;
  margin:0;
  text-align:center;
}
.mm-finder-v3 .mm-key-core strong [data-key-mode]{
  position:absolute;
  top:calc(50% + 56px);
  left:50%;
  transform:translateX(-50%);
  width:100%;
  margin:0;
  text-align:center;
}

.mm-finder-v3 .mm-tempo-stage{position:relative}
.mm-finder-v3 .mm-tempo-number{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  gap:0;
}
.mm-finder-v3 .mm-tempo-number b{
  grid-area:1 / 1;
  display:block;
  margin:0;
  text-align:center;
}
.mm-finder-v3 .mm-tempo-number em{
  position:absolute;
  left:50%;
  top:calc(50% + 59px);
  transform:translateX(-50%);
  margin:0;
  text-align:center;
}
.mm-finder-v3 .mm-tempo-pulse{
  position:absolute;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  z-index:2;
  margin:0;
}

@media(max-width:720px){
  .mm-finder-v3 .mm-key-core>small{top:35px}
  .mm-finder-v3 .mm-key-core strong [data-key-mode]{top:calc(50% + 50px)}
  .mm-finder-v3 .mm-tempo-number em{top:calc(50% + 53px)}
  .mm-finder-v3 .mm-tempo-pulse{bottom:18px}
}


/* 212 Audio Analyzer — final optical-balance pass */
.mm-finder-v3 .mm-finder-main-results{align-items:stretch!important}
.mm-finder-v3 .mm-finder-result{
  display:grid!important;
  grid-template-rows:28px 248px minmax(128px,1fr)!important;
  align-content:start!important;
  min-height:448px!important;
}
.mm-finder-v3 .mm-result-heading{height:28px;align-self:start}
.mm-finder-v3 .mm-key-stage,
.mm-finder-v3 .mm-tempo-stage{
  width:100%;
  margin:0!important;
  align-self:center;
  justify-self:center;
}
.mm-finder-v3 .mm-result-details{
  min-width:0;
  min-height:128px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
}
.mm-finder-v3 .mm-key-details{gap:7px}
.mm-finder-v3 .mm-tempo-details{gap:10px}
.mm-finder-v3 .mm-key-details .mm-key-spelling-panel{margin:0!important;padding:9px 12px}
.mm-finder-v3 .mm-key-details .mm-relative-panel{margin:0!important;padding:9px 12px}
.mm-finder-v3 .mm-key-details .mm-key-meta{margin:0!important;min-height:23px}
.mm-finder-v3 .mm-tempo-details .mm-detected-pulse{margin:0!important;line-height:1.2}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos{margin:0!important}

/* Mirror the inner typography around the geometric center of both circles. */
.mm-finder-v3 .mm-key-core>small{top:calc(50% - 72px)!important}
.mm-finder-v3 .mm-key-core strong [data-key-mode]{top:calc(50% + 58px)!important}
.mm-finder-v3 .mm-tempo-stage::after{
  content:"Detected";
  position:absolute;
  left:50%;
  top:calc(50% - 72px);
  transform:translateX(-50%);
  z-index:3;
  font-size:.55rem;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:rgba(255,255,255,.42);
  pointer-events:none;
}
.mm-finder-v3 .mm-tempo-number em{top:calc(50% + 58px)!important}
.mm-finder-v3 .mm-tempo-pulse{bottom:22px!important;opacity:.78}

/* Keep the visual center of both cards identical even when metadata lengths differ. */
.mm-finder-v3 .mm-key-spelling-panel strong,
.mm-finder-v3 .mm-relative-panel strong{line-height:1.2}
.mm-finder-v3 .mm-finder-alt-tempos button{min-height:62px!important}

@media(max-width:720px){
  .mm-finder-v3 .mm-finder-result{
    grid-template-rows:28px 230px auto!important;
    min-height:auto!important;
  }
  .mm-finder-v3 .mm-result-details{min-height:118px}
  .mm-finder-v3 .mm-key-core>small{top:calc(50% - 64px)!important}
  .mm-finder-v3 .mm-key-core strong [data-key-mode]{top:calc(50% + 51px)!important}
  .mm-finder-v3 .mm-tempo-stage::after{top:calc(50% - 64px)}
  .mm-finder-v3 .mm-tempo-number em{top:calc(50% + 51px)!important}
  .mm-finder-v3 .mm-tempo-pulse{bottom:17px!important}
}

/* 212 Audio Analyzer — simplified symmetry pass */
/* Remove secondary ornamentation that made the two result cards feel visually unequal. */
.mm-finder-v3 .mm-key-tick,
.mm-finder-v3 .mm-tempo-pulse,
.mm-finder-v3 .mm-detected-pulse,
.mm-finder-v3 .mm-key-meta{display:none!important}

/* Give both focal circles the same clean ring language. */
.mm-finder-v3 .mm-key-dial,
.mm-finder-v3 .mm-tempo-stage::before{
  width:248px!important;
  height:248px!important;
  border-radius:50%;
}
.mm-finder-v3 .mm-key-dial{
  background:
    radial-gradient(circle at 50% 50%,rgba(119,66,217,.13) 0 43%,transparent 44%),
    conic-gradient(from 20deg,rgba(220,190,255,.24),rgba(111,57,210,.05) 28%,rgba(226,174,68,.22) 50%,rgba(111,57,210,.05) 72%,rgba(220,190,255,.24))!important;
}
.mm-finder-v3 .mm-key-dial::after{
  inset:20px!important;
  border:1px solid rgba(206,173,255,.10)!important;
  border-top-color:rgba(226,174,68,.28)!important;
  border-right-color:rgba(181,134,255,.18)!important;
  border-style:solid!important;
}
.mm-finder-v3 .mm-tempo-stage::before{
  background:
    radial-gradient(circle,rgba(133,77,230,.13) 0 43%,transparent 44%),
    conic-gradient(from 20deg,rgba(220,190,255,.24),rgba(111,57,210,.05) 28%,rgba(226,174,68,.22) 50%,rgba(111,57,210,.05) 72%,rgba(220,190,255,.24))!important;
  opacity:1!important;
}

/* Keep both cards on an identical three-row geometry. */
.mm-finder-v3 .mm-finder-result{
  grid-template-rows:28px 248px 136px!important;
  min-height:430px!important;
}
.mm-finder-v3 .mm-result-details{
  min-height:136px!important;
  justify-content:center!important;
  gap:10px!important;
}

/* Key details: two equal rows. */
.mm-finder-v3 .mm-key-details .mm-key-spelling-panel,
.mm-finder-v3 .mm-key-details .mm-relative-panel{
  min-height:58px!important;
  margin:0!important;
  padding:9px 14px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
}

/* BPM details: make the two tempo options match the key detail rows visually. */
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  width:100%;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button{
  min-height:126px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto;
  align-items:center;
  justify-items:start;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button b{
  align-self:center;
}

/* Fine optical centering inside both circles. */
.mm-finder-v3 .mm-key-core>small,
.mm-finder-v3 .mm-tempo-stage::after{top:calc(50% - 69px)!important}
.mm-finder-v3 .mm-key-core strong [data-key-mode],
.mm-finder-v3 .mm-tempo-number em{top:calc(50% + 56px)!important}

@media(max-width:720px){
  .mm-finder-v3 .mm-key-dial,
  .mm-finder-v3 .mm-tempo-stage::before{width:230px!important;height:230px!important}
  .mm-finder-v3 .mm-finder-result{grid-template-rows:28px 230px auto!important;min-height:auto!important}
  .mm-finder-v3 .mm-result-details{min-height:126px!important}
  .mm-finder-v3 .mm-key-core>small,
  .mm-finder-v3 .mm-tempo-stage::after{top:calc(50% - 62px)!important}
  .mm-finder-v3 .mm-key-core strong [data-key-mode],
  .mm-finder-v3 .mm-tempo-number em{top:calc(50% + 50px)!important}
}

/* 212 Audio Analyzer — centered result-card composition + smoother analyzer motion */
.mm-finder-v3 .mm-finder-result{
  text-align:center!important;
  justify-items:center!important;
}
.mm-finder-v3 .mm-result-heading{
  width:100%;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-result-heading>span,
.mm-finder-v3 .mm-result-heading>small{margin:0!important}
.mm-finder-v3 .mm-key-stage,
.mm-finder-v3 .mm-tempo-stage{
  width:100%!important;
  display:grid!important;
  place-items:center!important;
  justify-self:center!important;
}
.mm-finder-v3 .mm-result-details{
  width:min(100%,414px)!important;
  margin-inline:auto!important;
  align-items:stretch!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-key-spelling-panel,
.mm-finder-v3 .mm-relative-panel{
  width:100%!important;
  align-items:center!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-key-spelling-panel small,
.mm-finder-v3 .mm-key-spelling-panel strong,
.mm-finder-v3 .mm-relative-panel small,
.mm-finder-v3 .mm-relative-panel strong{
  width:100%;
  text-align:center!important;
}

/* Mirror the Key card's two lower rows on the BPM card. */
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos{
  grid-template-columns:1fr!important;
  grid-template-rows:58px 58px!important;
  gap:10px!important;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button{
  min-height:58px!important;
  height:58px!important;
  width:100%!important;
  padding:8px 14px!important;
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button span{
  justify-self:end!important;
  text-align:right!important;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button b{
  justify-self:center!important;
  min-width:66px;
  text-align:center!important;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button small{
  justify-self:start!important;
  text-align:left!important;
}

/* Keep the focal circles exactly centered in the same 248px stage. */
.mm-finder-v3 .mm-key-dial,
.mm-finder-v3 .mm-tempo-stage::before{
  margin:0!important;
  inset:auto!important;
}
.mm-finder-v3 .mm-tempo-stage::before{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}
.mm-finder-v3 .mm-tempo-stage.is-bpm-revealed::before{
  animation:mmBpmAuraCentered 3.2s ease-in-out infinite!important;
}
@keyframes mmBpmAuraCentered{
  0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.82}
  50%{transform:translate(-50%,-50%) scale(1.025);opacity:1}
}

/* Compositor-only analyzing animation: avoids layout animation while DSP is busy. */
.mm-finder-v3 .mm-live-analyzer{
  contain:layout paint;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.mm-finder-v3 .mm-live-bars i{
  will-change:transform,opacity;
  transform:translateZ(0) scaleY(.42);
  backface-visibility:hidden;
}
.mm-finder-v3 .mm-live-scan{
  left:0!important;
  right:auto!important;
  will-change:transform,opacity;
  transform:translate3d(-120px,0,0);
  animation:mmV3ScanCompositor 1.75s linear infinite!important;
  backface-visibility:hidden;
}
@keyframes mmV3ScanCompositor{
  from{transform:translate3d(-120px,0,0)}
  to{transform:translate3d(720px,0,0)}
}
.mm-finder-v3.is-processing .mm-live-analyzer::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(139,82,238,.11),transparent 56%);
  will-change:transform,opacity;
  animation:mmAnalyzerBreath 1.8s ease-in-out infinite;
}
@keyframes mmAnalyzerBreath{
  0%,100%{transform:translateZ(0) scale(.94);opacity:.38}
  50%{transform:translateZ(0) scale(1.04);opacity:.78}
}

@media(max-width:720px){
  .mm-finder-v3 .mm-result-details{width:100%!important}
  .mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos{grid-template-rows:58px 58px!important}
}
@media(prefers-reduced-motion:reduce){
  .mm-finder-v3 .mm-live-scan,
  .mm-finder-v3.is-processing .mm-live-analyzer::after,
  .mm-finder-v3 .mm-tempo-stage.is-bpm-revealed::before{animation:none!important}
}

/* 212 Audio Analyzer — hard geometric centering for focal circles */
.mm-finder-v3 .mm-key-stage,
.mm-finder-v3 .mm-tempo-stage{
  position:relative!important;
  width:100%!important;
  height:248px!important;
  min-height:248px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}
.mm-finder-v3 .mm-key-dial{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin-left:-124px!important;
  margin-top:-124px!important;
}
.mm-finder-v3 .mm-tempo-stage::before{
  left:50%!important;
  top:50%!important;
  margin-left:0!important;
  margin-top:0!important;
  transform:translate(-50%,-50%)!important;
}
.mm-finder-v3 .mm-tempo-number{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:248px!important;
  height:248px!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  place-items:center!important;
  z-index:3!important;
}
.mm-finder-v3 .mm-tempo-number b{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}
.mm-finder-v3 .mm-tempo-number em{
  left:50%!important;
  transform:translateX(-50%)!important;
}

@media(max-width:720px){
  .mm-finder-v3 .mm-key-stage,
  .mm-finder-v3 .mm-tempo-stage{
    height:230px!important;
    min-height:230px!important;
  }
  .mm-finder-v3 .mm-key-dial{
    margin-left:-115px!important;
    margin-top:-115px!important;
  }
  .mm-finder-v3 .mm-tempo-number{
    width:230px!important;
    height:230px!important;
  }
}

/* 212 Audio Analyzer — full-card focal centering fix
   Stretch each focal stage across the entire flex card before centering its circle. */
.mm-finder-v3 .mm-finder-result{
  align-items:stretch!important;
}
.mm-finder-v3 .mm-key-stage,
.mm-finder-v3 .mm-tempo-stage{
  align-self:stretch!important;
  width:auto!important;
  max-width:none!important;
  flex:0 0 248px!important;
  height:248px!important;
  min-height:248px!important;
  margin:8px 0 0!important;
  padding:0!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.mm-finder-v3 .mm-key-dial{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  margin:0 auto!important;
  flex:0 0 248px!important;
  width:248px!important;
  height:248px!important;
  box-sizing:border-box!important;
}
.mm-finder-v3 .mm-tempo-stage::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  width:248px!important;
  height:248px!important;
  transform:translate(-50%,-50%)!important;
  box-sizing:border-box!important;
}
.mm-finder-v3 .mm-tempo-number{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  width:248px!important;
  height:248px!important;
  transform:translate(-50%,-50%)!important;
}
.mm-finder-v3 .mm-result-details{
  align-self:center!important;
}

@media(max-width:720px){
  .mm-finder-v3 .mm-key-stage,
  .mm-finder-v3 .mm-tempo-stage{
    flex-basis:230px!important;
    height:230px!important;
    min-height:230px!important;
  }
  .mm-finder-v3 .mm-key-dial{
    flex-basis:230px!important;
    width:230px!important;
    height:230px!important;
  }
  .mm-finder-v3 .mm-tempo-stage::before,
  .mm-finder-v3 .mm-tempo-number{
    width:230px!important;
    height:230px!important;
  }
}

/* 212 Audio Analyzer — definitive full-width stage centering fix */
.mm-finder-v3 .mm-key-stage,
.mm-finder-v3 .mm-tempo-stage{
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.mm-finder-v3 .mm-key-dial{
  margin-left:auto!important;
  margin-right:auto!important;
}
.mm-finder-v3 .mm-tempo-stage::before,
.mm-finder-v3 .mm-tempo-number{
  left:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
}

/* =========================================================
   212 ANALYZER — CENTERED METER REDESIGN
   Replaces large circular result stages with identical,
   naturally centered glass meter modules.
   Detection logic remains untouched.
   ========================================================= */
.mm-finder-v3 .mm-finder-main-results{
  align-items:stretch!important;
}
.mm-finder-v3 .mm-finder-result{
  display:grid!important;
  grid-template-rows:34px 196px auto!important;
  min-height:440px!important;
  padding:26px 24px 24px!important;
  justify-items:stretch!important;
  align-items:start!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-result-heading{
  width:100%!important;
  justify-content:center!important;
  align-self:center!important;
  margin:0!important;
}

/* Both focal stages now occupy the full card width and use the same geometry. */
.mm-finder-v3 .mm-key-stage,
.mm-finder-v3 .mm-tempo-stage{
  width:100%!important;
  height:196px!important;
  min-height:196px!important;
  flex:0 0 196px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:stretch!important;
  align-self:center!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}

/* Shared centered glass meter. */
.mm-finder-v3 .mm-key-dial,
.mm-finder-v3 .mm-tempo-stage::before{
  width:min(100%,340px)!important;
  height:166px!important;
  border-radius:28px!important;
  border:1px solid rgba(197,155,255,.16)!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(128,73,230,.16),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(116,61,204,.055) 55%,rgba(226,174,68,.035))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 46px rgba(0,0,0,.22),
    0 0 34px rgba(121,65,224,.08)!important;
}
.mm-finder-v3 .mm-key-dial{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto!important;
  padding:0!important;
  transform:none!important;
}
.mm-finder-v3 .mm-key-dial::before,
.mm-finder-v3 .mm-key-dial::after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  border-radius:24px!important;
}
.mm-finder-v3 .mm-key-dial::before{
  inset:10px!important;
  background:transparent!important;
  border:1px solid rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
.mm-finder-v3 .mm-key-dial::after{
  width:116px!important;
  height:116px!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(190,145,255,.13)!important;
  background:radial-gradient(circle,rgba(131,75,234,.14),rgba(131,75,234,.025) 64%,transparent 66%)!important;
  box-shadow:0 0 30px rgba(132,74,232,.10)!important;
}

/* Tempo gets the same glass module as Key. */
.mm-finder-v3 .mm-tempo-stage::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  opacity:1!important;
  z-index:0!important;
  box-sizing:border-box!important;
}
.mm-finder-v3 .mm-tempo-stage::after{
  content:"DETECTED"!important;
  position:absolute!important;
  top:34px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:3!important;
  font-size:.56rem!important;
  letter-spacing:.15em!important;
  color:rgba(255,255,255,.42)!important;
}

/* Center the key value as a simple focal stack. */
.mm-finder-v3 .mm-key-core{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  align-items:center!important;
  justify-items:center!important;
  padding:30px 18px 24px!important;
  box-sizing:border-box!important;
}
.mm-finder-v3 .mm-key-core>small{
  position:static!important;
  transform:none!important;
  margin:0!important;
  align-self:start!important;
  font-size:.56rem!important;
}
.mm-finder-v3 .mm-key-core>strong{
  position:static!important;
  transform:none!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
}
.mm-finder-v3 .mm-key-core strong [data-key-note]{
  position:static!important;
  transform:none!important;
  display:block!important;
  font-size:clamp(64px,7vw,88px)!important;
  line-height:.86!important;
  letter-spacing:-.065em!important;
  margin:0!important;
}
.mm-finder-v3 .mm-key-core strong [data-key-mode]{
  position:static!important;
  transform:none!important;
  display:block!important;
  margin:12px 0 0!important;
  font-size:.66rem!important;
  line-height:1!important;
}

/* Center BPM identically. */
.mm-finder-v3 .mm-tempo-number{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  height:166px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  left:auto!important;
  top:auto!important;
  margin:0!important;
  padding-top:12px!important;
  box-sizing:border-box!important;
}
.mm-finder-v3 .mm-tempo-number b{
  position:static!important;
  transform:none!important;
  display:block!important;
  font-size:clamp(64px,7vw,88px)!important;
  line-height:.86!important;
  letter-spacing:-.055em!important;
  margin:0!important;
}
.mm-finder-v3 .mm-tempo-number em{
  position:static!important;
  transform:none!important;
  display:block!important;
  margin:15px 0 0!important;
  font-size:.66rem!important;
  line-height:1!important;
}

/* Details use the same centered width and vertical rhythm. */
.mm-finder-v3 .mm-result-details{
  width:min(100%,340px)!important;
  min-height:126px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-key-spelling-panel,
.mm-finder-v3 .mm-relative-panel,
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button{
  width:100%!important;
  min-height:58px!important;
  height:58px!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}
.mm-finder-v3 .mm-key-spelling-panel,
.mm-finder-v3 .mm-relative-panel{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:8px 12px!important;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:58px 58px!important;
  gap:10px!important;
  width:100%!important;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  justify-items:center!important;
  padding:8px 12px!important;
}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button span{justify-self:end!important;text-align:right!important}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button b{justify-self:center!important;min-width:72px;text-align:center!important}
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button small{justify-self:start!important;text-align:left!important}

/* Keep the reveal motion subtle and compositor-only. */
.mm-finder-v3 .mm-key-dial.is-key-revealed{
  animation:mmMeterGlow 3.4s ease-in-out infinite!important;
}
.mm-finder-v3 .mm-tempo-stage.is-bpm-revealed::before{
  animation:mmMeterGlowTempo 3.4s ease-in-out infinite!important;
}
@keyframes mmMeterGlow{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 46px rgba(0,0,0,.22),0 0 28px rgba(121,65,224,.07)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 46px rgba(0,0,0,.22),0 0 40px rgba(132,74,232,.15)}
}
@keyframes mmMeterGlowTempo{
  0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 46px rgba(0,0,0,.22),0 0 28px rgba(121,65,224,.07)}
  50%{transform:translate(-50%,-50%) scale(1.01);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 46px rgba(0,0,0,.22),0 0 40px rgba(132,74,232,.15)}
}

@media(max-width:720px){
  .mm-finder-v3 .mm-finder-result{
    grid-template-rows:32px 180px auto!important;
    min-height:auto!important;
    padding:22px 16px 20px!important;
  }
  .mm-finder-v3 .mm-key-stage,
  .mm-finder-v3 .mm-tempo-stage{height:180px!important;min-height:180px!important;flex-basis:180px!important}
  .mm-finder-v3 .mm-key-dial,
  .mm-finder-v3 .mm-tempo-stage::before{height:154px!important;width:min(100%,320px)!important}
  .mm-finder-v3 .mm-tempo-number{height:154px!important}
  .mm-finder-v3 .mm-result-details{width:min(100%,320px)!important}
}

@media(prefers-reduced-motion:reduce){
  .mm-finder-v3 .mm-key-dial.is-key-revealed,
  .mm-finder-v3 .mm-tempo-stage.is-bpm-revealed::before{animation:none!important}
}

/* =========================================================
   FINAL COMPACT CARD REDESIGN
   Purpose: make key / tempo cards naturally centered and more compact.
   ========================================================= */
.mm-finder-v3 .mm-finder-main-results{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

.mm-finder-v3 .mm-finder-result{
  min-height:382px!important;
  padding:22px 20px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}

.mm-finder-v3 .mm-result-heading{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  text-align:center!important;
}

.mm-finder-v3 .mm-key-stage,
.mm-finder-v3 .mm-tempo-stage{
  width:100%!important;
  max-width:270px!important;
  height:170px!important;
  min-height:170px!important;
  margin:0 auto 14px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  align-self:center!important;
  justify-self:center!important;
  overflow:visible!important;
}

.mm-finder-v3 .mm-key-dial,
.mm-finder-v3 .mm-tempo-stage::before{
  width:100%!important;
  max-width:270px!important;
  height:170px!important;
  border-radius:26px!important;
}

.mm-finder-v3 .mm-key-dial::after{
  width:108px!important;
  height:108px!important;
}

.mm-finder-v3 .mm-key-core{
  padding:24px 16px 18px!important;
}

.mm-finder-v3 .mm-key-core>small,
.mm-finder-v3 .mm-tempo-stage::after{
  font-size:.54rem!important;
  letter-spacing:.16em!important;
}

.mm-finder-v3 .mm-key-core strong [data-key-note],
.mm-finder-v3 .mm-tempo-number b{
  font-size:clamp(60px,6.3vw,82px)!important;
  line-height:.84!important;
}

.mm-finder-v3 .mm-key-core strong [data-key-mode],
.mm-finder-v3 .mm-tempo-number em{
  font-size:.70rem!important;
  letter-spacing:.14em!important;
  margin-top:10px!important;
}

.mm-finder-v3 .mm-tempo-number{
  width:100%!important;
  height:170px!important;
  padding-top:0!important;
}

.mm-finder-v3 .mm-tempo-pulse,
.mm-finder-v3 .mm-detected-pulse,
.mm-finder-v3 .mm-key-meta{
  display:none!important;
}

.mm-finder-v3 .mm-result-details{
  width:100%!important;
  max-width:270px!important;
  min-height:0!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
}

.mm-finder-v3 .mm-key-spelling-panel,
.mm-finder-v3 .mm-relative-panel,
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button{
  width:100%!important;
  min-height:54px!important;
  height:54px!important;
  border-radius:12px!important;
}

.mm-finder-v3 .mm-key-spelling-panel,
.mm-finder-v3 .mm-relative-panel{
  padding:8px 12px!important;
}

.mm-finder-v3 .mm-key-spelling-panel small,
.mm-finder-v3 .mm-relative-panel small,
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button span,
.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button small{
  font-size:.52rem!important;
  letter-spacing:.12em!important;
}

.mm-finder-v3 .mm-key-spelling-panel strong,
.mm-finder-v3 .mm-relative-panel strong{
  font-size:clamp(20px,2.1vw,24px)!important;
  line-height:1.1!important;
}

.mm-finder-v3 .mm-tempo-details{
  width:100%!important;
  max-width:270px!important;
}

.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos{
  width:100%!important;
  grid-template-columns:1fr!important;
  grid-template-rows:54px 54px!important;
  gap:10px!important;
}

.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button{
  grid-template-columns:1fr auto auto!important;
  gap:8px!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
}

.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button span{
  justify-self:start!important;
  text-align:left!important;
}

.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button b{
  justify-self:center!important;
  text-align:center!important;
  min-width:58px!important;
  font-size:1rem!important;
}

.mm-finder-v3 .mm-tempo-details .mm-finder-alt-tempos button small{
  justify-self:start!important;
  text-align:left!important;
}

@media(max-width:980px){
  .mm-finder-v3 .mm-finder-main-results{
    grid-template-columns:1fr!important;
  }
  .mm-finder-v3 .mm-finder-result{
    min-height:auto!important;
  }
}

@media(max-width:720px){
  .mm-finder-v3 .mm-finder-result{
    padding:18px 14px 16px!important;
    min-height:auto!important;
  }
  .mm-finder-v3 .mm-key-stage,
  .mm-finder-v3 .mm-tempo-stage,
  .mm-finder-v3 .mm-key-dial,
  .mm-finder-v3 .mm-tempo-stage::before,
  .mm-finder-v3 .mm-tempo-number{
    max-width:240px!important;
    height:152px!important;
    min-height:152px!important;
  }
  .mm-finder-v3 .mm-key-core strong [data-key-note],
  .mm-finder-v3 .mm-tempo-number b{
    font-size:clamp(52px,13vw,70px)!important;
  }
  .mm-finder-v3 .mm-result-details{
    max-width:240px!important;
  }
}

/* =========================================================
   CLEAN COMPACT RESULT CARDS — fresh markup, no legacy stage geometry
   ========================================================= */
.mm-finder-v3 .mm-compact-results{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.mm-finder-v3 .mm-compact-result-card{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-compact-card-inner{
  width:100%!important;
  max-width:360px!important;
  margin:0 auto!important;
  padding:20px 18px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-compact-card-heading{
  width:100%!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-compact-card-heading span{
  font-size:.68rem!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.56)!important;
  font-weight:700!important;
}
.mm-finder-v3 .mm-compact-card-heading small{
  padding:4px 8px!important;
  border:1px solid rgba(226,174,68,.24)!important;
  border-radius:8px!important;
  color:#e2ae44!important;
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}
.mm-finder-v3 .mm-compact-value-panel{
  position:relative!important;
  width:100%!important;
  max-width:300px!important;
  height:160px!important;
  min-height:160px!important;
  margin:0 auto!important;
  padding:18px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(190,145,255,.15)!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(129,73,231,.17),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.04),rgba(116,61,204,.05) 58%,rgba(226,174,68,.028))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 36px rgba(0,0,0,.19),0 0 30px rgba(121,65,224,.07)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform:none!important;
  left:auto!important;
  top:auto!important;
  flex:0 0 auto!important;
}
.mm-finder-v3 .mm-compact-value-panel::before,
.mm-finder-v3 .mm-compact-value-panel::after{
  content:none!important;
  display:none!important;
}
.mm-finder-v3 .mm-compact-detected{
  position:absolute!important;
  top:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  font-size:.54rem!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.42)!important;
  white-space:nowrap!important;
}
.mm-finder-v3 .mm-compact-main-value{
  width:100%!important;
  margin:14px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  position:static!important;
  transform:none!important;
}
.mm-finder-v3 .mm-compact-main-value [data-key-note],
.mm-finder-v3 .mm-compact-main-value b[data-bpm]{
  display:block!important;
  position:static!important;
  transform:none!important;
  margin:0!important;
  font-size:clamp(60px,6vw,82px)!important;
  line-height:.86!important;
  letter-spacing:-.06em!important;
  font-weight:760!important;
  color:#fff!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-compact-main-value em{
  display:block!important;
  position:static!important;
  transform:none!important;
  margin:12px 0 0!important;
  font-style:normal!important;
  font-size:.68rem!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  color:#e2ae44!important;
  text-transform:uppercase!important;
}
.mm-finder-v3 .mm-compact-detail-stack{
  width:100%!important;
  max-width:300px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.mm-finder-v3 .mm-compact-detail{
  width:100%!important;
  min-height:52px!important;
  height:auto!important;
  margin:0!important;
  padding:8px 12px!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  border:1px solid rgba(171,119,255,.15)!important;
  background:rgba(120,65,210,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:inherit!important;
}
.mm-finder-v3 button.mm-compact-detail{
  appearance:none!important;
  cursor:pointer!important;
  font:inherit!important;
}
.mm-finder-v3 .mm-compact-detail small{
  margin:0 0 5px!important;
  font-size:.50rem!important;
  line-height:1.1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.45)!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-compact-detail strong{
  margin:0!important;
  font-size:clamp(17px,1.8vw,22px)!important;
  line-height:1.12!important;
  font-weight:720!important;
  color:#fff!important;
  text-align:center!important;
}
.mm-finder-v3 .mm-compact-tempo-detail strong{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:6px!important;
}
.mm-finder-v3 .mm-compact-tempo-detail strong em{
  font-style:normal!important;
  font-size:.52rem!important;
  letter-spacing:.08em!important;
  color:rgba(255,255,255,.32)!important;
}
.mm-finder-v3 .mm-key-dial.is-key-revealed,
.mm-finder-v3 .mm-tempo-stage.is-bpm-revealed{
  animation:mmCompactCardGlow 3.4s ease-in-out infinite!important;
}
@keyframes mmCompactCardGlow{
  0%,100%{box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 36px rgba(0,0,0,.19),0 0 26px rgba(121,65,224,.06)}
  50%{box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 36px rgba(0,0,0,.19),0 0 38px rgba(132,74,232,.13)}
}
@media(max-width:900px){
  .mm-finder-v3 .mm-compact-results{grid-template-columns:1fr!important}
  .mm-finder-v3 .mm-compact-card-inner{max-width:390px!important}
}
@media(max-width:720px){
  .mm-finder-v3 .mm-compact-card-inner{padding:17px 14px!important;gap:10px!important}
  .mm-finder-v3 .mm-compact-value-panel{max-width:270px!important;height:146px!important;min-height:146px!important}
  .mm-finder-v3 .mm-compact-detail-stack{max-width:270px!important}
  .mm-finder-v3 .mm-compact-main-value [data-key-note],
  .mm-finder-v3 .mm-compact-main-value b[data-bpm]{font-size:clamp(54px,15vw,72px)!important}
}
@media(prefers-reduced-motion:reduce){
  .mm-finder-v3 .mm-key-dial.is-key-revealed,
  .mm-finder-v3 .mm-tempo-stage.is-bpm-revealed{animation:none!important}
}

/* 212 Stay In The Loop — email + SMS-ready layout */
.mm-newsletter-options{
  display:grid;
  gap:12px;
  min-width:0;
}
.mm-newsletter-channel{
  position:relative;
  min-width:0;
  padding:16px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.mm-newsletter-channel-head{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:12px;
}
.mm-newsletter-channel-head>div{
  min-width:0;
  display:grid;
  gap:2px;
}
.mm-newsletter-channel-head strong{
  font-size:.86rem;
  letter-spacing:.02em;
  color:#fff;
}
.mm-newsletter-channel-head small{
  margin:0!important;
  font-size:.69rem!important;
  line-height:1.35!important;
  color:rgba(255,255,255,.45)!important;
}
.mm-newsletter-channel-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(168,112,255,.17);
  background:radial-gradient(circle at 35% 30%,rgba(166,106,255,.18),rgba(70,40,112,.09));
  color:#d7bdff;
  font-size:.78rem;
  font-weight:750;
  box-shadow:0 0 20px rgba(132,74,232,.07);
}
.mm-newsletter-phone-icon{
  color:#efbd55;
  border-color:rgba(239,189,85,.16);
  background:radial-gradient(circle at 35% 30%,rgba(239,189,85,.13),rgba(92,65,20,.055));
}
.mm-newsletter-sms-embed{
  min-width:0;
}
.mm-newsletter-sms-embed>*{
  max-width:100%;
}
.mm-newsletter-app-placeholder{
  display:grid;
  gap:5px;
  min-height:74px;
  padding:13px 14px;
  place-content:center;
  border:1px dashed rgba(197,155,255,.22);
  border-radius:13px;
  background:rgba(18,14,24,.42);
  text-align:left;
}
.mm-newsletter-app-placeholder strong{
  font-size:.75rem;
  color:#efe7ff;
}
.mm-newsletter-app-placeholder span{
  font-size:.67rem;
  line-height:1.4;
  color:rgba(255,255,255,.46);
}
@media(max-width:760px){
  .mm-newsletter-channel{padding:14px}
}

/* =========================================================
   212 homepage hero — cinematic/product-led alternate pass
   ========================================================= */
.home-212 .hero.hero-premium{
  position:relative;
  overflow:hidden;
  padding:96px 0 54px;
  min-height:auto;
  background:
    radial-gradient(circle at 78% 18%, rgba(167,60,255,.24), transparent 22%),
    radial-gradient(circle at 90% 70%, rgba(255,202,36,.10), transparent 20%),
    linear-gradient(135deg, rgba(22,22,25,.98) 0%, rgba(28,28,32,.96) 44%, rgba(23,23,28,.94) 100%);
}
.home-212 .hero.hero-premium .wrap{
  position:relative;
  z-index:2;
}
.home-212 .hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);
  gap:42px;
  align-items:center;
}
.home-212 .hero-copy-column{
  max-width:650px;
}
.home-212 .hero.hero-premium .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.18);
}
.home-212 .hero.hero-premium .hero-title{
  max-width:9.2ch;
  margin:0 0 20px;
  font-size:clamp(3.9rem,7vw,6.15rem);
  line-height:.92;
  letter-spacing:-.05em;
}
.home-212 .hero.hero-premium .hero-lede{
  max-width:32rem;
  margin:0 0 26px;
  font-size:clamp(1rem,1.55vw,1.15rem);
  line-height:1.62;
  color:rgba(255,255,255,.74);
}
.home-212 .hero-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-bottom:22px;
}
.home-212 .hero-secondary-btn{
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 36px rgba(0,0,0,.16) !important;
}
.home-212 .hero-secondary-btn:hover{
  background:rgba(255,255,255,.07) !important;
}
.home-212 .hero-mini-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.home-212 .hero-mini-points span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.72);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.home-212 .hero-visual-column{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
}
.home-212 .hero-showcase-shell{
  position:relative;
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:0 26px 58px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(167,60,255,.06);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  overflow:hidden;
}
.home-212 .hero-showcase-shell::before{
  content:"";
  position:absolute;
  inset:auto auto 0 -8%;
  width:54%;
  height:56%;
  background:radial-gradient(circle, rgba(167,60,255,.14), transparent 68%);
  pointer-events:none;
}
.home-212 .hero-showcase-shell::after{
  content:"";
  position:absolute;
  top:-12%;
  right:-4%;
  width:42%;
  height:42%;
  background:radial-gradient(circle, rgba(255,202,36,.14), transparent 70%);
  pointer-events:none;
}
.home-212 .hero-showcase-card{
  position:relative;
  z-index:2;
}
.home-212 .hero-showcase-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
  color:rgba(255,255,255,.62);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.home-212 .hero-showcase-grid{
  display:grid;
  grid-template-columns:1.25fr .95fr;
  gap:14px;
}
.home-212 .hero-showcase-product{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  min-width:0;
}
.home-212 .hero-showcase-product-main{
  grid-row:span 2;
  min-height:100%;
}
.home-212 .hero-showcase-thumb{
  overflow:hidden;
  border-radius:16px;
  background:rgba(8,8,10,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.home-212 .hero-showcase-product-main .hero-showcase-thumb{
  min-height:290px;
}
.home-212 .hero-showcase-product-small .hero-showcase-thumb{
  min-height:134px;
}
.home-212 .hero-showcase-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-212 .hero-showcase-copy strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:1.1rem;
  line-height:1.1;
}
.home-212 .hero-showcase-copy span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:.9rem;
  line-height:1.45;
}
.home-212 .hero-floating-badge{
  position:absolute;
  z-index:3;
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(18,18,22,.62);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.home-212 .hero-floating-badge-top{
  top:18px;
  right:18px;
}
.home-212 .hero-floating-badge-bottom{
  left:18px;
  bottom:18px;
}
.home-212 .hero-proof-inline{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  transform:none !important;
  right:auto !important;
  top:auto !important;
  margin:0 !important;
}
@media (min-width:821px){
  .home-212 .hero-proof-inline{
    display:grid !important;
  }
}
@media (max-width:820px){
  .home-212 .hero-proof-inline{
    display:none !important;
  }
}
@media(max-width:1100px){
  .home-212 .hero-layout{
    grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);
    gap:30px;
  }
  .home-212 .hero-showcase-product-main .hero-showcase-thumb{
    min-height:250px;
  }
}
@media(max-width:900px){
  .home-212 .hero.hero-premium{
    padding:84px 0 34px;
  }
  .home-212 .hero-layout{
    grid-template-columns:1fr;
  }
  .home-212 .hero-copy-column{
    max-width:none;
  }
  .home-212 .hero.hero-premium .hero-title{
    max-width:11ch;
  }
  .home-212 .hero-showcase-shell{
    padding:18px;
  }
}
@media(max-width:640px){
  .home-212 .hero.hero-premium{
    padding:72px 0 26px;
  }
  .home-212 .hero.hero-premium .hero-title{
    font-size:clamp(3rem,13vw,4.35rem);
    max-width:9ch;
  }
  .home-212 .hero.hero-premium .hero-lede{
    max-width:none;
    font-size:1rem;
  }
  .home-212 .hero-action-row{
    flex-direction:column;
    align-items:stretch;
  }
  .home-212 .hero-action-row .btn{
    width:100%;
    text-align:center;
  }
  .home-212 .hero-mini-points{
    gap:8px;
  }
  .home-212 .hero-mini-points span{
    min-height:34px;
    padding:8px 12px;
    font-size:.68rem;
  }
  .home-212 .hero-showcase-grid{
    grid-template-columns:1fr;
  }
  .home-212 .hero-showcase-product-main{
    grid-row:auto;
  }
  .home-212 .hero-showcase-product-main .hero-showcase-thumb,
  .home-212 .hero-showcase-product-small .hero-showcase-thumb{
    min-height:180px;
  }
  .home-212 .hero-floating-badge{
    position:static;
    margin-bottom:10px;
    width:fit-content;
  }
  .home-212 .hero-showcase-shell{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
}

/* =========================================================
   212 hero — cleaner brand visual replacing product cards
   ========================================================= */
.home-212 .hero-brand-visual{
  position:relative;
  min-height:460px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    rgba(16,16,20,.42);
  box-shadow:0 28px 68px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045),0 0 44px rgba(134,72,234,.08);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  display:grid;
  grid-template-rows:auto 1fr auto;
  padding:24px;
  isolation:isolate;
}
.home-212 .hero-brand-grid{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.25;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}
.home-212 .hero-brand-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(8px);
  z-index:-2;
  pointer-events:none;
}
.home-212 .hero-brand-glow-a{
  width:320px;height:320px;left:-70px;top:80px;
  background:radial-gradient(circle,rgba(157,80,255,.27),transparent 68%);
}
.home-212 .hero-brand-glow-b{
  width:260px;height:260px;right:-55px;bottom:20px;
  background:radial-gradient(circle,rgba(255,194,54,.16),transparent 70%);
}
.home-212 .hero-brand-topline,
.home-212 .hero-brand-bottomline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:rgba(255,255,255,.45);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.home-212 .hero-brand-topline{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}
.home-212 .hero-brand-bottomline{padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.home-212 .hero-brand-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 12px;
}
.home-212 .hero-brand-logo{
  display:block;
  width:min(310px,72%);
  max-height:150px;
  object-fit:contain;
  filter:drop-shadow(0 0 22px rgba(154,91,255,.16));
}
.home-212 .hero-brand-wave{
  width:min(360px,84%);
  height:92px;
  margin:10px auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.home-212 .hero-brand-wave i{
  width:4px;
  height:calc(14px + (var(--i) % 8) * 7px);
  max-height:82px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,205,72,.92),rgba(176,102,255,.78));
  box-shadow:0 0 12px rgba(150,84,246,.14);
  transform-origin:center;
  animation:heroBrandWave 2.8s ease-in-out infinite;
  animation-delay:calc(var(--i) * -70ms);
  opacity:.72;
}
.home-212 .hero-brand-tagline{
  color:rgba(255,255,255,.72);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
}
@keyframes heroBrandWave{
  0%,100%{transform:scaleY(.7);opacity:.48}
  50%{transform:scaleY(1.08);opacity:.9}
}
@media(max-width:900px){
  .home-212 .hero-brand-visual{min-height:390px}
}
@media(max-width:640px){
  .home-212 .hero-brand-visual{min-height:320px;padding:18px;border-radius:24px}
  .home-212 .hero-brand-logo{width:min(260px,78%)}
  .home-212 .hero-brand-wave{height:70px;width:90%;gap:4px}
  .home-212 .hero-brand-wave i{width:3px}
  .home-212 .hero-brand-topline,.home-212 .hero-brand-bottomline{font-size:.57rem;letter-spacing:.13em}
  .home-212 .hero-brand-tagline{font-size:.67rem;letter-spacing:.18em}
}
@media(prefers-reduced-motion:reduce){
  .home-212 .hero-brand-wave i{animation:none!important;transform:none!important}
}

/* =========================================================
   212 homepage hero — centered single-column variant
   ========================================================= */
.home-212 .hero.hero-premium.hero-centered{
  min-height:620px!important;
  padding:108px 0 76px!important;
  display:flex!important;
  align-items:center!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 50% 20%, rgba(167,60,255,.19), transparent 30%),
    radial-gradient(circle at 50% 85%, rgba(255,202,36,.07), transparent 24%),
    linear-gradient(180deg, rgba(24,24,28,.98), rgba(21,21,25,.96))!important;
}
.home-212 .hero-centered .wrap{
  width:100%;
  position:relative;
  z-index:2;
}
.home-212 .hero-centered-inner{
  width:min(100%,920px);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.home-212 .hero-centered .eyebrow{
  margin:0 0 22px!important;
}
.home-212 .hero-centered .hero-title{
  max-width:11ch!important;
  margin:0 auto 24px!important;
  font-size:clamp(4.4rem,8.6vw,7.6rem)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
}
.home-212 .hero-centered .hero-lede{
  max-width:610px!important;
  margin:0 auto 30px!important;
  text-align:center!important;
  font-size:clamp(1rem,1.45vw,1.16rem)!important;
  line-height:1.65!important;
}
.home-212 .hero-centered .hero-action-row{
  justify-content:center!important;
  margin:0 0 24px!important;
}
.home-212 .hero-centered .hero-action-row .btn{
  min-width:205px;
  text-align:center;
}
.home-212 .hero-centered .hero-mini-points{
  justify-content:center!important;
  margin:0 auto!important;
}
.home-212 .hero-centered .hero-waveform{
  opacity:calc(var(--mm-wave-opacity) * .72)!important;
  transform:translate(-50%,-50%) scale(calc(var(--mm-wave-scale) * 1.08))!important;
}
@media(max-width:820px){
  .home-212 .hero.hero-premium.hero-centered{
    min-height:auto!important;
    padding:88px 0 52px!important;
  }
  .home-212 .hero-centered .hero-title{
    max-width:9.5ch!important;
    font-size:clamp(3.5rem,13vw,5.6rem)!important;
  }
}
@media(max-width:560px){
  .home-212 .hero.hero-premium.hero-centered{
    padding:72px 0 42px!important;
  }
  .home-212 .hero-centered .eyebrow{
    margin-bottom:18px!important;
  }
  .home-212 .hero-centered .hero-title{
    max-width:8.8ch!important;
    font-size:clamp(3.2rem,14.4vw,4.7rem)!important;
    margin-bottom:20px!important;
  }
  .home-212 .hero-centered .hero-lede{
    margin-bottom:24px!important;
  }
  .home-212 .hero-centered .hero-action-row{
    width:100%;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .home-212 .hero-centered .hero-action-row .btn{
    width:100%;
  }
  .home-212 .hero-centered .hero-mini-points{
    gap:7px!important;
  }
  .home-212 .hero-centered .hero-mini-points span{
    font-size:.62rem!important;
    min-height:32px!important;
    padding:8px 10px!important;
  }
}

/* =========================================================
   212 MOBILE NAV — FINAL BALANCED FIT PASS
   Menu + Search | centered logo | Account + Cart
   ========================================================= */
@media(max-width:900px){
  .mm-site-header{
    padding:0 8px !important;
  }

  .mm-global-nav.wrap{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    min-height:66px !important;
    height:66px !important;
    margin:7px 0 !important;
    padding:0 10px !important;
    border-radius:17px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    overflow:visible !important;
  }

  /* True center logo, independent of side controls. */
  .mm-global-nav .mm-brand-link{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    z-index:10003 !important;
    pointer-events:auto !important;
  }

  .mm-global-nav .logo{
    display:block !important;
    width:112px !important;
    max-width:112px !important;
    max-height:48px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  /* Matching controls on both sides. */
  .mm-mobile-nav-toggle,
  .mm-mobile-top-search,
  .mm-nav-actions .mm-nav-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
  }

  .mm-mobile-nav-toggle{
    left:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  .mm-mobile-top-search{
    left:52px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  .mm-nav-actions{
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    margin:0 !important;
    z-index:10004 !important;
  }

  .mm-nav-actions .mm-search-toggle{
    display:none !important;
  }

  .mm-nav-actions > a:not(.mm-cart-link),
  .mm-nav-actions .mm-cart-link{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
  }

  .mm-mobile-top-search svg,
  .mm-nav-actions .mm-nav-icon svg{
    width:18px !important;
    height:18px !important;
  }

  .mm-mobile-nav-toggle span{
    width:17px !important;
  }

  .mm-cart-count{
    top:-3px !important;
    right:-3px !important;
    min-width:17px !important;
    height:17px !important;
    padding:0 4px !important;
    font-size:9px !important;
  }
}

/* Narrow phones: preserve separation rather than allowing overlap. */
@media(max-width:359px){
  .mm-site-header{padding:0 6px !important}
  .mm-global-nav.wrap{
    min-height:64px !important;
    height:64px !important;
    padding:0 8px !important;
  }
  .mm-global-nav .logo{
    width:96px !important;
    max-width:96px !important;
    max-height:44px !important;
  }
  .mm-mobile-nav-toggle,
  .mm-mobile-top-search,
  .mm-nav-actions .mm-nav-icon,
  .mm-nav-actions > a:not(.mm-cart-link),
  .mm-nav-actions .mm-cart-link{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }
  .mm-mobile-nav-toggle{left:8px !important}
  .mm-mobile-top-search{left:46px !important}
  .mm-nav-actions{right:8px !important;gap:4px !important}
  .mm-mobile-top-search svg,
  .mm-nav-actions .mm-nav-icon svg{
    width:17px !important;
    height:17px !important;
  }
}

/* =========================================================
   212 centered hero — supporting text refinement
   Keep the main headline dominant while making secondary copy lighter.
   ========================================================= */
.home-212 .hero.hero-premium .eyebrow{
  font-size:.68rem!important;
  letter-spacing:.14em!important;
  padding:7px 12px!important;
}

.home-212 .hero.hero-premium .hero-lede{
  font-size:clamp(.88rem,1.15vw,1rem)!important;
  line-height:1.55!important;
  max-width:30rem!important;
}

.home-212 .hero-mini-points{
  gap:8px!important;
}

.home-212 .hero-mini-points span{
  min-height:32px!important;
  padding:7px 11px!important;
  font-size:.63rem!important;
  letter-spacing:.10em!important;
}

@media(max-width:640px){
  .home-212 .hero.hero-premium .eyebrow{
    font-size:.60rem!important;
    padding:6px 10px!important;
  }

  .home-212 .hero.hero-premium .hero-lede{
    font-size:.88rem!important;
    line-height:1.5!important;
    max-width:28rem!important;
  }

  .home-212 .hero-mini-points span{
    min-height:30px!important;
    padding:6px 10px!important;
    font-size:.58rem!important;
    letter-spacing:.09em!important;
  }
}

/* 212 credibility marquee — visible below centered hero on desktop + mobile */
.home-212 + .hero-proof-marquee,
.home-212 .hero-proof-marquee,
.hero-proof-marquee{
  position:relative;
  display:block !important;
  overflow:hidden;
  margin:0;
  padding:11px 0;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
    rgba(18,18,22,.16);
  box-shadow:
    0 0 16px rgba(151,91,255,.05),
    inset 0 1px 0 rgba(255,255,255,.02);
  backdrop-filter:blur(10px) saturate(115%);
  -webkit-backdrop-filter:blur(10px) saturate(115%);
}
.hero-proof-marquee::before,
.hero-proof-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:48px;
  z-index:2;
  pointer-events:none;
}
.hero-proof-marquee::before{
  left:0;
  background:linear-gradient(90deg, rgba(17,17,20,.92), rgba(17,17,20,0));
}
.hero-proof-marquee::after{
  right:0;
  background:linear-gradient(270deg, rgba(17,17,20,.92), rgba(17,17,20,0));
}
.hero-proof-marquee-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:16px;
  white-space:nowrap;
  padding-left:100%;
  animation:heroProofMarquee 22s linear infinite;
  will-change:transform;
}
.hero-proof-marquee-track span{
  display:inline-flex;
  align-items:center;
  color:rgba(255,255,255,.72);
  font-size:.68rem;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:700;
}
.hero-proof-marquee-track .hero-proof-marquee-sep{
  color:rgba(239,184,61,.82);
  text-shadow:0 0 10px rgba(151,91,255,.14);
  font-size:.72rem;
  letter-spacing:0;
}
@media(max-width:520px){
  .hero-proof-marquee{padding:10px 0;}
  .hero-proof-marquee-track{gap:12px;}
  .hero-proof-marquee-track span{font-size:.63rem;letter-spacing:.13em;}
}
\n\n/* Digital products rendered through the default product template */\n.product-212-image.product-212-digital-art{\n  object-fit:contain!important;\n  object-position:center!important;\n  background:transparent!important;\n}\n.product-detail-metafield{color:rgba(255,255,255,.68);line-height:1.65;font-size:.94rem}\n.product-detail-metafield>*:first-child{margin-top:0}\n.product-detail-metafield>*:last-child{margin-bottom:0}\n.product-detail-card-wide{grid-column:1/-1}\n@media(max-width:760px){.product-detail-card-wide{grid-column:auto}}\n
/* Match default-template digital product artwork to dedicated digital product media */
.product-212-media.product-212-media-digital{
  display:block;
  width:100%;
}
.product-212-digital-media-card{
  position:relative;
  width:100%;
  max-width:560px;
  aspect-ratio:1/1;
  margin:0 auto;
  padding:28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 25px 70px rgba(0,0,0,.32);
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
}
.product-212-digital-media-card::after{
  content:"";
  position:absolute;
  inset:14% 18%;
  background:radial-gradient(circle,rgba(131,74,255,.22),transparent 68%);
  filter:blur(28px);
  z-index:-1;
  pointer-events:none;
}
.product-212-digital-media-card .product-212-image.product-212-digital-art{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:18px!important;
  background:transparent!important;
}
.product-212-digital-media-card .product-212-placeholder{
  width:100%;
  max-width:none;
  height:100%;
  aspect-ratio:auto;
  border-radius:18px;
}
@media(max-width:850px){
  .product-212-digital-media-card{padding:18px}
}


/* 212 product accelerated checkout */
.product-212-accelerated-checkout,
.dp212-accelerated-checkout{
  margin-top:12px;
  width:100%;
}
.product-212-accelerated-checkout .shopify-payment-button,
.dp212-accelerated-checkout .shopify-payment-button{
  width:100%;
}
.product-212-accelerated-checkout .shopify-payment-button__button,
.dp212-accelerated-checkout .shopify-payment-button__button{
  min-height:50px;
  border-radius:10px;
}
@media(max-width:720px){
  .product-212-accelerated-checkout,
  .dp212-accelerated-checkout{margin-top:10px;}
}