/* MusikMozuku brand page. Product pages keep their existing stylesheet. */
:root {
  color-scheme: dark;
  --mm-bg: #121222;
  --mm-ink: #f7f4ff;
  --mm-muted: #c3bfd4;
  --mm-accent: #d6bcff;
  --mm-line: rgba(221, 208, 255, .19);
  --mm-paper: #f4f1f8;
  --mm-paper-ink: #282137;
  --mm-paper-muted: #665c73;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body { margin: 0; background: var(--mm-bg); color: var(--mm-ink); font-family: "Noto Sans JP", sans-serif; font-size: 15px; line-height: 1.9; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
a, button { touch-action: manipulation; }
a:focus-visible, button:focus-visible { outline: 3px solid #b18bff; outline-offset: 5px; }
::selection { color: #181425; background: #d8bdff; }
h1, h2, h3, p, figure, dl { margin: 0; }
h1, h2, h3 { font-weight: 700; }
section[id], div[id] { scroll-margin-top: 0; }
.mm-container { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.mm-section { padding-block: 94px; }
.mm-eyebrow { color: var(--mm-accent); font-size: 12px; font-weight: 600; letter-spacing: .12em; line-height: 1.7; }
.mm-skip-link { position: fixed; z-index: 100; top: 10px; left: 16px; padding: 10px 18px; background: #fff; color: #211631; transform: translateY(-150%); border-radius: 6px; }
.mm-skip-link:focus { transform: translateY(0); }
.mm-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--mm-line); background: rgba(18, 18, 34, .97); }
@supports (backdrop-filter: blur(18px)) { .mm-header { background: rgba(18, 18, 34, .89); backdrop-filter: blur(18px); } }
.mm-header-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.mm-logo { display: flex; flex-direction: column; gap: 6px; flex: 0 0 auto; }
.mm-logo img { width: 205px; }
.mm-logo > span { font-family: "Poppins", sans-serif; font-size: 10px; color: #b5aec6; letter-spacing: .12em; }
.mm-nav { display: flex; align-items: center; gap: 30px; font-size: 13px; font-weight: 500; }
.mm-nav a { padding-block: 12px; white-space: nowrap; }
.mm-nav a:hover { color: var(--mm-accent); }
.mm-nav .mm-nav-contact { border: 1px solid var(--mm-line); padding: 9px 17px; border-radius: 5px; }
.mm-nav-contact span { margin-left: 10px; }
.mm-menu-toggle { display: none; }
.mm-hero { position: relative; padding-top: 27px; overflow: hidden; background: radial-gradient(ellipse at 87% 54%, rgba(113, 67, 156, .21), transparent 56%); }
.mm-breadcrumb { display: flex; align-items: center; gap: 12px; font-size: 11px; color: #b1a9c7; }
.mm-breadcrumb a:hover { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.mm-hero-grid { display: grid; grid-template-columns: .94fr 1.06fr; align-items: center; gap: 48px; padding-block: 58px 68px; }
.mm-hero-copy > .mm-eyebrow { font-size: 12px; letter-spacing: .08em; }
.mm-hero h1 { font-size: clamp(36px, 3.75vw, 54px); line-height: 1.48; letter-spacing: -.035em; margin-block: 18px 25px; }
.mm-hero h1 span { color: #dfc4ee; }
.mm-hero-lead { max-width: 470px; color: var(--mm-muted); font-size: 14px; line-height: 2.1; }
.mm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; margin-top: 30px; }
.mm-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 52px; padding: 14px 22px; border: 1px solid transparent; border-radius: 5px; font-size: 13px; font-weight: 700; line-height: 1.65; transition: background .18s, color .18s, border-color .18s; }
.mm-button-primary { background: #dfc6f9; color: #251930; }
.mm-button-primary:hover { background: #ecdcff; }
.mm-button > span { font-size: 18px; line-height: 1; }
.mm-text-link { display: inline-flex; align-items: center; gap: 15px; padding-block: 9px; font-size: 13px; font-weight: 500; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: rgba(210, 187, 245, .38); }
.mm-text-link:hover { color: #dfbaff; text-decoration-color: currentColor; }
.mm-hero-product { min-width: 0; }
.mm-product-label { display: flex; align-items: center; gap: 8px; margin-bottom: 15px; color: #d3cbdc; font-size: 12px; letter-spacing: .03em; }
.mm-product-label > span:last-child { margin-left: auto; border: 1px solid rgba(218, 207, 239, .25); border-radius: 3px; padding: 1px 7px; font-size: 12px; }
.mm-status-dot { width: 6px; height: 6px; border-radius: 50%; background: #b3d5bd; }
.mm-hero-product > a { display: block; border: 1px solid #686075; border-radius: 8px; overflow: hidden; box-shadow: 0 24px 70px rgba(0, 0, 0, .3); transition: border-color .18s; }
.mm-hero-product > a:hover { border-color: #e0c2fa; }
.mm-hero-product img { width: 100%; }
.mm-hero-product figcaption { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; margin-top: 16px; }
.mm-hero-product figcaption strong { font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 500; }
.mm-hero-product figcaption > span { font-size: 12px; color: #b7aec6; }
.mm-hero-footnote { display: flex; align-items: center; gap: 28px; padding-block: 22px; border-top: 1px solid var(--mm-line); }
.mm-hero-footnote > span { font-family: "Poppins", sans-serif; font-size: 10px; letter-spacing: .14em; color: #b7a7c8; }
.mm-hero-footnote p { font-size: 12px; color: #d3cadf; }
.mm-hero-footnote a { margin-left: auto; font-size: 11px; }
.mm-hero-footnote a span { margin-left: 15px; }
.mm-hero-footnote a:hover { color: var(--mm-accent); }
.mm-tools { color-scheme: light; background: var(--mm-paper); color: var(--mm-paper-ink); }
.mm-tools .mm-eyebrow, .mm-materials .mm-eyebrow { color: #796087; font-family: "Poppins", sans-serif; }
.mm-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 35px; }
.mm-section-heading h2 { margin-top: 12px; font-size: clamp(25px, 2.7vw, 35px); line-height: 1.65; letter-spacing: -.02em; }
.mm-section-heading > p { font-size: 13px; line-height: 2; color: var(--mm-paper-muted); padding-bottom: 4px; }
.mm-product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.mm-product { display: flex; flex-direction: column; min-width: 0; padding: 28px; background: #fff; border: 1px solid #e1d9e8; border-radius: 9px; }
.mm-product-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.mm-badge { display: inline-block; border-radius: 3px; padding: 4px 10px; font-size: 12px; line-height: 1.6; font-weight: 700; }
.mm-badge-paid { background: #eee3f5; color: #67467d; }
.mm-badge-free { background: #e4eee6; color: #346347; }
.mm-product-number { font-family: "Poppins", sans-serif; font-size: 12px; color: #96899e; }
.mm-product-title { display: flex; align-items: center; gap: 13px; margin-block: 22px; }
.mm-product-title > img { width: 44px; height: 44px; border-radius: 10px; flex: 0 0 auto; }
.mm-product-title p { margin-bottom: 3px; font-size: 12px; color: var(--mm-paper-muted); }
.mm-product-title h3 { font-family: "Poppins", sans-serif; font-size: clamp(21px, 2.15vw, 27px); font-weight: 600; line-height: 1.35; letter-spacing: -.045em; overflow-wrap: anywhere; }
.mm-product-image { display: flex; align-items: center; justify-content: center; min-width: 0; height: 278px; padding: 19px; border: 1px solid #e1d9e7; border-radius: 5px; background: #efebf3; overflow: hidden; }
.mm-full-image { background: linear-gradient(140deg, #e9dfef, #e7e8f0); }
.mm-full-image img { width: 100%; border-radius: 3px; box-shadow: 0 13px 23px rgba(31, 19, 44, .17); }
.mm-lite-image { gap: 38px; background: linear-gradient(140deg, #e5e8ee, #eae6f0); }
.mm-lite-image img { height: 240px; width: auto; border-radius: 3px; box-shadow: 0 13px 23px rgba(31, 19, 44, .17); }
.mm-lite-image > span { font-size: 17px; font-weight: 500; color: #786a87; line-height: 1.9; letter-spacing: .07em; }
.mm-product-description { min-height: 6em; margin-top: 22px; color: #554a62; font-size: 14px; line-height: 2; }
.mm-product-facts { margin-block: 18px 25px; border-top: 1px solid #e8e1ee; }
.mm-product-facts > div { display: grid; grid-template-columns: 104px 1fr; gap: 10px; padding-block: 11px; border-bottom: 1px solid #e8e1ee; font-size: 13px; line-height: 1.75; }
.mm-product-facts dt { color: #766a83; }
.mm-product-facts dd { margin: 0; color: #3b304a; overflow-wrap: anywhere; }
.mm-product > .mm-button { margin-top: auto; }
.mm-button-dark { background: #332542; color: #fff; }
.mm-button-dark:hover { background: #50335f; }
.mm-button-outline { color: #3c2d4c; border-color: #a597b0; background: #fff; }
.mm-button-outline:hover { background: #f0e7f7; border-color: #79628a; }
.mm-tools-help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 25px; margin-top: 24px; color: #73667e; font-size: 12px; }
.mm-tools-help p > span { margin-inline: 7px; color: #ac9fb6; }
.mm-tools-help > div { display: flex; flex-wrap: wrap; gap: 14px 24px; }
.mm-tools-help a { padding-block: 6px; color: #4c3b5d; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #c8b9d1; }
.mm-tools-help a span { margin-left: 7px; }
.mm-tools-help a:hover { color: #8955a2; }
.mm-materials { color-scheme: light; color: var(--mm-paper-ink); background: #eae3f0; border-top: 1px solid #ded3e7; }
.mm-materials-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-block: 50px; }
.mm-materials h2 { margin-top: 14px; font-size: 27px; line-height: 1.65; }
.mm-materials-copy { border-left: 1px solid #cabbd5; padding-left: 38px; }
.mm-badge-soon { color: #705c7f; background: #dfd4e8; }
.mm-materials-copy > p { margin-top: 14px; color: #6d5c7a; font-size: 13px; line-height: 2; }
.mm-materials-copy .mm-text-link { color: #493052; text-decoration-color: #b59cc5; margin-top: 9px; }
.mm-materials-copy .mm-text-link:hover { color: #77508a; }
.mm-philosophy { background: radial-gradient(ellipse at 12% 10%, rgba(118, 64, 143, .13), transparent 62%), #171426; }
.mm-philosophy-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.mm-philosophy h2 { margin-top: 20px; font-size: clamp(28px, 3vw, 39px); line-height: 1.7; letter-spacing: -.015em; }
.mm-philosophy-copy { padding-top: 8px; }
.mm-philosophy-copy p { color: #c0b6ce; font-size: 14px; line-height: 2.15; }
.mm-philosophy-copy p + p { margin-top: 16px; }
.mm-philosophy-copy .mm-brand-statement { color: #e1c8f0; font-weight: 500; font-size: 14px; }
.mm-workflow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px; margin-top: 56px; }
.mm-workflow article { position: relative; border-top: 1px solid #50405e; padding-top: 28px; }
.mm-step-number { position: absolute; right: 0; top: 31px; font-family: "Poppins", sans-serif; font-size: 12px; color: #bc9fcf; }
.mm-workflow h3 { font-family: "Poppins", sans-serif; font-size: 27px; font-weight: 500; letter-spacing: -.02em; line-height: 1.45; }
.mm-workflow h3 > span { display: block; margin-top: 10px; font-family: "Noto Sans JP", sans-serif; font-size: 13px; letter-spacing: .02em; color: #dfd1eb; }
.mm-workflow p { max-width: 325px; margin-top: 16px; font-size: 13px; line-height: 2; color: #baafc8; }
.mm-contact { background: #201a30; border-top: 1px solid #372b47; border-bottom: 1px solid #372b47; }
.mm-contact-inner { display: flex; justify-content: space-between; align-items: center; gap: 45px; padding-block: 54px; }
.mm-contact h2 { margin-top: 13px; font-size: 26px; line-height: 1.6; }
.mm-contact p:not(.mm-eyebrow) { margin-top: 14px; color: #c0b4cc; font-size: 13px; }
.mm-contact-links { display: flex; flex-direction: column; align-items: center; gap: 12px; flex: 0 0 228px; }
.mm-contact-links > .mm-button { width: 100%; }
.mm-footer { background: #11101c; }
.mm-footer > .mm-container { padding-block: 40px 28px; }
.mm-footer-top { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.mm-footer-logo img { width: 185px; opacity: .85; }
.mm-footer nav { display: flex; flex-wrap: wrap; gap: 15px 25px; font-size: 11px; color: #c6b9d3; }
.mm-footer nav a { padding-block: 7px; }
.mm-footer nav a:hover { color: #fff; }
.mm-copyright { margin-top: 30px; color: #968aa7; font-family: "Poppins", sans-serif; font-size: 10px; }
.mm-mobile-br { display: none; }
@media (min-width: 1600px) { .mm-hero-grid { padding-block: 75px 85px; } }
@media (max-width: 1100px) {
  .mm-container { width: calc(100% - 64px); }
  .mm-nav { gap: 22px; font-size: 12px; }
  .mm-logo img { width: 185px; }
  .mm-hero-grid { gap: 32px; }
  .mm-hero h1 { font-size: clamp(35px, 4.1vw, 46px); }
  .mm-hero-lead { font-size: 14px; }
  .mm-desktop-br { display: none; }
  .mm-actions { gap: 14px; }
  .mm-product { padding: 23px; }
  .mm-product-image { height: 248px; padding: 15px; }
  .mm-lite-image { gap: 26px; }
  .mm-lite-image img { height: 216px; }
  .mm-lite-image > span { font-size: 14px; }
  .mm-section-heading h2 { font-size: 29px; }
  .mm-product-title h3 { font-size: 22px; }
  .mm-product-facts > div { grid-template-columns: 92px 1fr; font-size: 12px; }
}
@media (max-width: 860px) {
  html { scroll-padding-top: 92px; }
  .mm-container { width: calc(100% - 48px); }
  .mm-header-inner { min-height: 78px; gap: 20px; flex-wrap: wrap; position: relative; }
  .mm-header .mm-logo { padding-block: 16px; }
  .mm-logo img { width: 182px; }
  .mm-logo > span { font-size: 9px; }
  .mm-nav { flex-basis: 100%; justify-content: flex-start; gap: 12px 23px; flex-wrap: wrap; padding-bottom: 18px; }
  .has-js .mm-menu-toggle { display: inline-flex; align-items: center; gap: 9px; background: transparent; color: #d5c9e3; border: 1px solid #51435f; border-radius: 5px; min-height: 43px; padding: 8px 12px; font-size: 11px; cursor: pointer; }
  .mm-menu-icon { position: relative; display: block; width: 17px; height: 14px; }
  .mm-menu-icon i { position: absolute; left: 0; width: 17px; height: 1px; background: currentColor; transition: transform .18s, top .18s; }
  .mm-menu-icon i:first-child { top: 3px; }
  .mm-menu-icon i:last-child { top: 10px; }
  .mm-menu-open .mm-menu-icon i:first-child { top: 6px; transform: rotate(45deg); }
  .mm-menu-open .mm-menu-icon i:last-child { top: 6px; transform: rotate(-45deg); }
  .has-js .mm-nav { display: none; position: absolute; top: calc(100% - 1px); left: 0; right: 0; padding: 12px 22px; flex-direction: column; align-items: stretch; gap: 0; background: #211b30; border: 1px solid #51435f; border-radius: 0 0 7px 7px; box-shadow: 0 20px 35px rgba(0, 0, 0, .25); font-size: 14px; }
  .has-js.mm-menu-open .mm-nav { display: flex; }
  .has-js .mm-nav a { min-height: 48px; padding: 12px 0; border-bottom: 1px solid #3c304b; }
  .has-js .mm-nav .mm-nav-contact { border: none; border-radius: 0; }
  .mm-hero-grid { grid-template-columns: 1fr; gap: 35px; padding-block: 38px 38px; }
  .mm-hero h1 { font-size: 46px; margin-block: 16px 21px; }
  .mm-hero-copy { max-width: 620px; }
  .mm-hero-lead { max-width: 590px; font-size: 14px; }
  .mm-hero-product { width: 100%; max-width: 690px; }
  .mm-actions { gap: 22px; margin-top: 24px; }
  .mm-hero-footnote { gap: 18px; }
  .mm-hero-footnote > span { display: none; }
  .mm-section { padding-block: 65px; }
  .mm-section-heading { display: block; margin-bottom: 28px; }
  .mm-section-heading > p { margin-top: 15px; }
  .mm-section-heading > p br { display: none; }
  .mm-product-grid { gap: 18px; }
  .mm-product { padding: 21px; }
  .mm-product-title { align-items: flex-start; gap: 9px; }
  .mm-product-title > img { width: 34px; height: 34px; margin-top: 3px; }
  .mm-product-title h3 { font-size: 20px; }
  .mm-product-title p { font-size: 12px; }
  .mm-product-image { height: 220px; padding: 12px; }
  .mm-lite-image { gap: 17px; }
  .mm-lite-image img { height: 194px; }
  .mm-lite-image > span { font-size: 12px; }
  .mm-product-description { font-size: 14px; min-height: 8em; }
  .mm-product-facts > div { grid-template-columns: 1fr; gap: 2px; }
  .mm-product-facts dt { font-size: 12px; }
  .mm-product-facts dd { font-size: 13px; }
  .mm-materials-inner { gap: 30px; }
  .mm-materials h2 { font-size: 23px; }
  .mm-materials-copy { padding-left: 28px; }
  .mm-materials-copy > p br { display: none; }
  .mm-philosophy-intro { grid-template-columns: 1fr; gap: 27px; }
  .mm-philosophy-copy { max-width: 620px; }
  .mm-philosophy h2 { font-size: 34px; }
  .mm-workflow { gap: 24px; margin-top: 40px; }
  .mm-workflow h3 > span { font-size: 12px; }
  .mm-workflow h3 { font-size: 24px; }
  .mm-contact-inner { gap: 28px; }
  .mm-contact h2 { font-size: 23px; }
  .mm-contact-links { flex-basis: 195px; }
  .mm-footer-top { align-items: flex-start; flex-direction: column; gap: 25px; }
}
@media (max-width: 600px) {
  .mm-container { width: calc(100% - 40px); }
  .mm-hero { padding-top: 19px; }
  .mm-breadcrumb { font-size: 10px; }
  .mm-hero-grid { padding-top: 32px; gap: 34px; }
  .mm-hero-copy > .mm-eyebrow { font-size: 10px; }
  .mm-hero h1 { font-size: clamp(31px, 8.6vw, 43px); line-height: 1.55; margin-top: 15px; letter-spacing: -.04em; }
  .mm-hero-lead { font-size: 14px; line-height: 2.1; }
  .mm-actions { flex-direction: column; align-items: stretch; gap: 7px; margin-top: 25px; }
  .mm-actions > .mm-text-link { align-self: center; }
  .mm-actions > .mm-button { min-height: 52px; }
  .mm-product-label { font-size: 12px; margin-bottom: 10px; }
  .mm-hero-product figcaption { gap: 4px; margin-top: 13px; }
  .mm-hero-product figcaption strong { font-size: 15px; }
  .mm-hero-product figcaption > span { font-size: 12px; }
  .mm-hero-footnote { display: block; padding-block: 17px; }
  .mm-hero-footnote p { display: none; }
  .mm-hero-footnote a { display: flex; justify-content: space-between; }
  .mm-section { padding-block: 53px; }
  .mm-eyebrow { font-size: 11px; }
  .mm-section-heading h2 { font-size: 27px; line-height: 1.7; }
  .mm-section-heading > p { font-size: 13px; line-height: 2; }
  .mm-section-heading > p br { display: block; }
  .mm-mobile-br { display: block; }
  .mm-product-grid { grid-template-columns: 1fr; gap: 22px; }
  .mm-product { padding: 22px; }
  .mm-product-title { align-items: center; gap: 10px; margin-block: 20px; }
  .mm-product-title > img { width: 40px; height: 40px; }
  .mm-product-title h3 { font-size: clamp(19px, 5.1vw, 25px); }
  .mm-product-title p { font-size: 12px; }
  .mm-product-image { height: 224px; }
  .mm-lite-image { gap: 28px; }
  .mm-lite-image img { height: 200px; }
  .mm-lite-image > span { font-size: 14px; }
  .mm-product-description { min-height: 0; font-size: 14px; }
  .mm-product-facts { margin-block: 18px 22px; }
  .mm-product-facts > div { grid-template-columns: 88px 1fr; gap: 8px; }
  .mm-product-facts dt { font-size: 12px; }
  .mm-product-facts dd { font-size: 12px; }
  .mm-tools-help { margin-top: 22px; gap: 9px; font-size: 12px; }
  .mm-tools-help > div { gap: 24px; font-size: 12px; }
  .mm-materials-inner { grid-template-columns: 1fr; gap: 24px; padding-block: 38px; }
  .mm-materials h2 { font-size: 25px; }
  .mm-materials-copy { border-left: none; border-top: 1px solid #cabbd5; padding-left: 0; padding-top: 20px; }
  .mm-materials-copy > p { font-size: 13px; }
  .mm-philosophy h2 { font-size: 28px; line-height: 1.75; }
  .mm-philosophy-intro { gap: 22px; }
  .mm-philosophy-copy p, .mm-philosophy-copy .mm-brand-statement { font-size: 14px; }
  .mm-workflow { grid-template-columns: 1fr; gap: 27px; margin-top: 32px; }
  .mm-workflow article { padding-top: 20px; }
  .mm-step-number { top: 22px; font-size: 14px; }
  .mm-workflow h3 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; padding-right: 35px; font-size: 24px; }
  .mm-workflow h3 > span { margin-top: 0; font-size: 12px; }
  .mm-workflow p { max-width: none; margin-top: 13px; }
  .mm-contact-inner { flex-direction: column; align-items: stretch; padding-block: 39px; gap: 27px; }
  .mm-contact h2 { font-size: 25px; line-height: 1.7; }
  .mm-contact p:not(.mm-eyebrow) { font-size: 13px; }
  .mm-contact-links { flex-basis: auto; gap: 9px; }
  .mm-footer > .mm-container { padding-block: 33px 24px; }
  .mm-footer-logo img { width: 170px; }
  .mm-footer nav { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 28px; }
  .mm-copyright { font-size: 9px; margin-top: 24px; }
}
@media (max-width: 360px) {
  .mm-container { width: calc(100% - 32px); }
  .mm-logo img { width: 155px; }
  .has-js .mm-menu-toggle { padding-inline: 9px; }
  .mm-menu-toggle > span:last-child { font-size: 10px; }
  .mm-product { padding: 17px; }
  .mm-product-title > img { width: 32px; height: 32px; }
  .mm-product-title h3 { font-size: 18px; }
  .mm-product-facts > div { grid-template-columns: 78px 1fr; }
  .mm-lite-image { gap: 20px; }
  .mm-lite-image > span { font-size: 12px; }
  .mm-materials h2 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Site-wide renewal: retain the brand's visual identity and align its navigation with the Creator site. */
body{font-family:"Poppins","Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
.mm-container{width:min(1200px,calc(100% - 64px))}
.mm-header-inner{min-height:90px}
.mm-header{background:rgba(23,21,46,.95);z-index:60;backdrop-filter:blur(20px)}
.mm-nav{gap:10px}
.mm-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:100px;font-size:13px}
.mm-nav>a:hover{background:#ffffff10}
.mm-nav .mm-nav-creator{color:#f0dafd;background:#d7b7f719;border:1px solid #d7b7f734}
.mm-nav>[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.mm-nav .mm-nav-contact{margin-left:9px;padding:8px 23px;border-radius:100px;color:#2b1b40;background:#e6d2f7;border-color:transparent;font-weight:600}
.mm-nav .mm-nav-contact:hover{color:#2b1b40;background:#f1e3fc}
.mm-hero{background:radial-gradient(ellipse at 90% 15%,#bd85be22,transparent 57%),radial-gradient(ellipse at 5% 90%,#6479b91b,transparent 52%),#19162f}
.mm-local-nav{display:flex;flex-wrap:wrap;gap:28px;margin-top:22px;padding-bottom:18px;border-bottom:1px solid #d5bde422}
.mm-local-nav>a{font-size:11px;color:#c5b3d8;padding:3px 0;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#d5bde444}
.mm-local-nav>a:hover{color:#f8efff}
.mm-hero-grid{padding-top:44px}
.mm-button{border-radius:100px}
.mm-product{border-radius:22px}
.mm-product-image{border-radius:14px}
.mm-hero-product>a{border-radius:14px}
.mm-badge{border-radius:100px}
.mm-contact{background:radial-gradient(ellipse at 80% 100%,#a46dad1c,transparent 60%),#211b36}
.mm-footer{background:#151329}
.mm-footer-top{align-items:flex-start;padding-bottom:25px;border-bottom:1px solid #ffffff17}
.mm-footer nav{justify-content:flex-end;max-width:680px;gap:13px 24px;font-size:11px}
.mm-footer-logo img{width:205px;margin-top:9px}
.mm-brand main:focus{outline:none}
@media(max-width:1000px){.mm-nav{gap:4px}.mm-nav>a{padding-inline:12px}.mm-nav .mm-nav-contact{padding-inline:18px}.mm-footer nav{max-width:500px}}
@media(max-width:899px){
  html{scroll-padding-top:98px}
  .mm-header-inner{min-height:80px;flex-wrap:wrap;position:relative;gap:10px 20px}
  .mm-header .mm-logo{padding-block:15px}
  .mm-logo img{width:182px}
  .mm-nav{width:100%;flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px}
  .mm-nav>a{justify-content:flex-start;border-radius:12px}
  .mm-nav .mm-nav-contact{margin-left:0;border-radius:12px}
  .has-js .mm-menu-toggle{display:inline-flex;align-items:center;gap:9px;background:#ffffff08;color:#fff;border:1px solid #ffffff30;border-radius:13px;min-height:44px;padding:8px 12px;font-size:11px;cursor:pointer}
  .mm-menu-icon{position:relative;display:block;width:17px;height:14px}
  .mm-menu-icon i{position:absolute;left:0;width:17px;height:1px;background:currentColor;transition:transform .18s,top .18s}
  .mm-menu-icon i:first-child{top:3px}.mm-menu-icon i:last-child{top:10px}
  .mm-menu-open .mm-menu-icon i:first-child{top:6px;transform:rotate(45deg)}
  .mm-menu-open .mm-menu-icon i:last-child{top:6px;transform:rotate(-45deg)}
  .has-js .mm-nav{display:none;position:absolute;top:calc(100% + 8px);left:auto;right:0;width:min(360px,100%);padding:15px;flex-direction:column;align-items:stretch;gap:8px;background:#211c36;border:1px solid #d8c8ef3a;border-radius:18px;box-shadow:0 24px 60px #10091f4d;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto}
  .has-js.mm-menu-open .mm-nav{display:flex}
  .has-js .mm-nav>a{min-height:44px;padding:13px 20px;border-bottom:none;font-size:13px}
  .has-js .mm-nav .mm-nav-creator{border:1px solid #d7b7f734}
  .has-js .mm-nav .mm-nav-contact{border:0;border-radius:12px}
  .mm-footer nav{justify-content:flex-start;max-width:none}
}
@media(max-width:600px){.mm-container{width:calc(100% - 40px)}.mm-header-inner{min-height:76px}.mm-logo img{width:174px}.mm-logo>span{font-size:8px}.mm-local-nav{gap:22px;margin-top:18px;padding-bottom:16px}.mm-local-nav>a{font-size:10px}.mm-hero-grid{padding-top:30px}.mm-product{border-radius:18px}.mm-footer nav{gap:12px 21px}.mm-footer-logo img{width:185px}.mm-hero-footnote a{font-size:12px}}
@media(max-width:899px){.has-js .mm-menu-toggle{width:46px;height:46px;min-height:46px;padding:0;justify-content:center;gap:0}.has-js .mm-menu-toggle>span:last-child{display:none}}