:root{
  --bg:#05060b;
  --panel:#0f1118;
  --panel-2:rgba(255,255,255,.035);
  --line:rgba(255,255,255,.12);
  --soft-line:rgba(255,255,255,.08);
  --text:#f3f4fb;
  --muted:#c3c7d7;
  --dim:#8f93a5;
  --brand:#ab74ff;
  --brand-2:#ade2ff;
  --brand-3:#ff57f5;
  --accent:#bfe7ff;
  --good:#23b26d;
  --hot:#cb9731;
  --clip:#e14c57;
  --safe:#6f7483;
  --shadow:0 28px 80px rgba(0,0,0,.35);
  --glow:0 24px 80px rgba(171,116,255,.12);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:"Poppins","Noto Sans JP",system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(circle at 14% 16%, rgba(171,116,255,.18), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(255,87,245,.16), transparent 26%),
    radial-gradient(circle at 72% 74%, rgba(173,226,255,.12), transparent 26%),
    #04060b;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 8% 20%, rgba(255,255,255,.75) 0 1px, transparent 1.6px),
    radial-gradient(circle at 18% 62%, rgba(255,87,245,.85) 0 1px, transparent 1.7px),
    radial-gradient(circle at 30% 33%, rgba(173,226,255,.78) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 42% 82%, rgba(255,255,255,.6) 0 1px, transparent 1.7px),
    radial-gradient(circle at 56% 25%, rgba(255,255,255,.7) 0 1px, transparent 1.7px),
    radial-gradient(circle at 70% 52%, rgba(171,116,255,.85) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 84% 28%, rgba(255,255,255,.65) 0 1px, transparent 1.6px),
    radial-gradient(circle at 92% 72%, rgba(173,226,255,.85) 0 1.2px, transparent 1.8px);
  opacity:.55;
}
a{color:inherit}
img{max-width:100%; display:block}
.container{width:min(1180px, calc(100% - 40px)); margin-inline:auto}
.site-header{
  position:sticky; top:0; z-index:20;
  background:rgba(6,8,14,.72);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.nav{
  min-height:78px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.brand-link{display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:700}
.brand-link .brand-icon{
  width:42px;
  height:auto;
  flex:0 0 auto;
}
.header-wordmark{
  width:150px;
  height:auto;
  display:block;
}
.nav-links{display:flex; flex-wrap:wrap; gap:18px}
.nav-links a{color:var(--muted); text-decoration:none; font-size:.96rem}
.nav-links a:hover{color:#fff}
.section{padding:88px 0}
.eyebrow{
  margin:0 0 10px;
  color:var(--accent);
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
}
.button-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px}
.button{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:52px; padding:0 22px; border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  text-decoration:none; font-weight:700;
  transition:.2s ease; box-shadow:var(--shadow);
}
.button.primary{
  background:linear-gradient(135deg, var(--brand), var(--brand-3));
  border-color:transparent;
  color:#fff;
}
.button.ghost{background:rgba(255,255,255,.03)}
.button:hover{transform:translateY(-1px); border-color:rgba(255,255,255,.22)}
.hero{
  position:relative; overflow:hidden;
  min-height:min(760px, calc(100vh - 78px));
  display:flex; align-items:center;
}
.hero-grid{display:grid; grid-template-columns:minmax(320px,.86fr) minmax(320px,.98fr); gap:48px; align-items:center}
.hero-copy h1{margin:0; font-size:clamp(34px,4.5vw,58px); line-height:1.1; letter-spacing:-.04em}
.brand-main-copy{
  margin-top:16px !important;
  font-size:clamp(26px,3.1vw,42px) !important;
  line-height:1.18 !important;
  letter-spacing:-.035em !important;
}
.lead{margin:22px 0 0; color:var(--muted); font-size:1.1rem; line-height:1.95}
.sublead{margin:14px 0 0; color:#fff; opacity:.95; line-height:1.9}
.hero-art{
  position:relative; min-height:420px; display:grid; place-items:center;
}
.hero-shell{
  position:relative; width:min(100%, 600px);
  padding:18px; border-radius:34px; border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--glow), var(--shadow);
}
.hero-shell img{border-radius:22px}
.glass-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-radius:var(--radius);
  box-shadow:var(--glow), var(--shadow);
}
.statement-grid,
.brand-values,
.feature-grid,
.quick-step-grid,
.level-grid,
.learn-grid,
.theme-grid,
.control-grid,
.mini-grid{
  display:grid; gap:18px;
}
.statement-grid{grid-template-columns:repeat(3,1fr); margin-top:18px}
.statement-grid article,
.value-card,
.feature-card,
.quick-step,
.level-card,
.learn-card,
.theme-card,
.control-card,
.mini-card{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:24px;
  padding:22px;
}
.statement-grid p,
.value-card p,
.feature-card p,
.quick-step p,
.level-card p,
.learn-card p,
.theme-card p,
.control-card p,
.mini-card p{margin:0; color:var(--muted); line-height:1.8}
.brand-values{grid-template-columns:repeat(3,1fr); margin-top:28px}
.value-card h3,
.feature-card h3,
.quick-step h3,
.level-card h3,
.learn-card h3,
.theme-card h3,
.control-card h3,
.mini-card h3{margin:0 0 10px; font-size:1.12rem}
.product-card{
  margin-top:28px;
  display:grid; grid-template-columns:120px minmax(260px,.85fr) minmax(0,1fr); gap:26px; align-items:center;
  padding:28px;
  text-decoration:none;
}
.product-meta{display:flex; flex-direction:column; justify-content:space-between; gap:10px; height:100%; padding-right:22px; border-right:1px solid var(--soft-line)}
.product-meta span{color:var(--accent); font-weight:800; letter-spacing:.18em}
.product-meta strong{text-transform:uppercase; font-size:.84rem; letter-spacing:.12em}
.product-logo-box{display:grid; place-items:center; min-height:210px; padding:20px; border-radius:24px; border:1px solid var(--soft-line); background:rgba(255,255,255,.025)}
.product-copy ul{display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:18px 0 0}
.product-copy li{padding:8px 12px; border-radius:999px; border:1px solid var(--soft-line); background:rgba(255,255,255,.03); font-size:.9rem}
.product-copy p{margin:0; color:var(--muted); line-height:1.9}
.section-title h2{margin:0; font-size:clamp(28px,3.6vw,46px); line-height:1.16; letter-spacing:-.03em}
.section-title p{margin:14px 0 0; color:var(--muted); line-height:1.9; max-width:70ch}
.summary-panel{display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,1fr); gap:28px; align-items:start; padding:28px}
.summary-panel h2{margin:6px 0 0; font-size:clamp(24px,3vw,36px); line-height:1.24}
.summary-panel p{margin:0; color:var(--muted); line-height:1.9}
.quick-layout{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr); gap:24px; align-items:start; margin-top:26px}
.image-card{padding:16px}
.image-card img{border-radius:18px}
.quick-step-grid{grid-template-columns:repeat(2,1fr)}
.quick-step .num,
.learn-card .num,
.level-card .state,
.control-card .num{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; min-height:36px; padding:0 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.045);
  color:var(--accent); font-weight:800; font-size:.82rem; letter-spacing:.12em;
}
.level-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px}
.level-card .meter-shot,
.learn-card .meter-shot,
.theme-card .meter-shot{margin-bottom:16px; border-radius:18px; overflow:hidden; border:1px solid var(--soft-line)}
.level-grid{grid-template-columns:repeat(4,1fr); margin-top:28px}
.state.safe{color:#c7ccd8}
.state.good{color:#7ce6a6}
.state.hot{color:#ffd77c}
.state.clip{color:#ff8b95}
.level-summary{margin-top:18px; padding:20px}
.level-summary p{margin:0; color:var(--muted); line-height:1.9}
.learn-grid{grid-template-columns:repeat(4,1fr); margin-top:28px}
.learn-card ul{margin:12px 0 0 0; padding-left:1.1em; color:var(--muted); line-height:1.8}
.learn-card li+li{margin-top:6px}
.theme-grid{grid-template-columns:repeat(2,1fr); margin-top:28px}
.theme-card .tag-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.tag{padding:8px 12px; border-radius:999px; border:1px solid var(--soft-line); background:rgba(255,255,255,.03); font-size:.9rem; color:#fff}
.control-grid{grid-template-columns:repeat(3,1fr); margin-top:28px}
.control-card dl{margin:14px 0 0}
.control-card .row{display:grid; grid-template-columns:110px 1fr; gap:12px; padding:11px 0; border-top:1px solid var(--soft-line)}
.control-card dt{font-weight:700}
.control-card dd{margin:0; color:var(--muted); line-height:1.75}
.mini-grid{grid-template-columns:repeat(3,1fr); margin-top:28px}
.contact-band{display:flex; justify-content:space-between; align-items:center; gap:22px; padding:28px}
.site-footer{padding:28px 0 50px; border-top:1px solid rgba(255,255,255,.06); margin-top:24px}
.footer-inner{display:flex; justify-content:space-between; align-items:center; gap:18px; color:var(--dim)}
.footer-brand{display:flex; align-items:center; gap:12px}
.footer-brand img{width:34px}
.logo-wordmark-invert{filter:brightness(0) invert(1); opacity:.9}
.wordmark-wrap{width:min(450px,100%)}
.hero-brand-wordmark{
  width:min(520px,100%);
  margin-bottom:6px;
}
.hero-brand-wordmark img{
  width:100%;
  height:auto;
  filter:drop-shadow(0 0 18px rgba(171,116,255,.22));
}
.product-title-wrap{width:min(820px,100%)}
.product-title-wrap img{width:100%}
.note{color:var(--dim); font-size:.94rem}
.kicker{margin:0 0 18px; color:var(--accent); font-weight:800; letter-spacing:.18em; text-transform:uppercase; font-size:.82rem}
.crumb{display:inline-block; margin-bottom:16px; color:var(--muted); text-decoration:none}
.crumb::before{content:"← ";}
.hero-subtitle{margin:0 0 18px; font-size:clamp(28px,4.2vw,54px); line-height:1.1; letter-spacing:-.03em}
.feature-grid{grid-template-columns:repeat(3,1fr); margin-top:28px}
.anchor-nav{display:flex; flex-wrap:wrap; gap:10px; margin-top:26px}
.anchor-nav a{padding:10px 14px; border-radius:999px; border:1px solid var(--soft-line); background:rgba(255,255,255,.03); text-decoration:none; color:#fff}
.anchor-nav a:hover{border-color:rgba(255,255,255,.2)}
@media (max-width: 1080px){
  .hero-grid,.summary-panel,.quick-layout,.product-card{grid-template-columns:1fr}
  .statement-grid,.brand-values,.feature-grid,.mini-grid{grid-template-columns:1fr}
  .level-grid{grid-template-columns:repeat(2,1fr)}
  .learn-grid{grid-template-columns:repeat(2,1fr)}
  .control-grid{grid-template-columns:1fr}
  .theme-grid{grid-template-columns:1fr}
  .product-meta{border-right:0; border-bottom:1px solid var(--soft-line); padding-right:0; padding-bottom:18px}
}
@media (max-width: 760px){
  .container{width:min(100% - 24px, 1180px)}
  .nav{min-height:70px; align-items:flex-start; padding:12px 0}
  .nav,.footer-inner,.contact-band{flex-direction:column; align-items:flex-start}
  .nav-links{gap:12px}
  .section{padding:68px 0}
  .hero{min-height:auto; padding:36px 0 24px}
  .hero-grid,.quick-step-grid,.level-grid,.learn-grid{grid-template-columns:1fr}
  .summary-panel,.quick-step,.value-card,.feature-card,.level-card,.learn-card,.theme-card,.control-card,.mini-card,.contact-band,.statement-grid article,.product-card,.image-card{padding:18px}
  .hero-shell{padding:12px; border-radius:24px}
  .product-logo-box{min-height:150px}
  .control-card .row{grid-template-columns:1fr; gap:4px}
}

@media (max-width: 760px){
  .header-wordmark{
    width:132px;
  }
  .brand-main-copy{
    font-size:clamp(25px,8vw,36px) !important;
  }
}

/* v5 navigation logo polish */
.nav-logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 2px;
}
.nav-logo-link img{
  height:30px;
  width:auto;
  opacity:.92;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.08));
}
.nav-logo-link:hover img{
  opacity:1;
}
@media (max-width: 760px){
  .nav-logo-link img{
    height:26px;
  }
}

/* v6 product card and contact action polish */
.product-meta em{
  color:var(--muted);
  font-style:normal;
  font-size:.78rem;
  letter-spacing:.10em;
  text-transform:uppercase;
  opacity:.82;
}
.contact-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  flex-wrap:wrap;
}
.text-link{
  color:var(--muted);
  text-decoration:none;
  font-size:.92rem;
  border-bottom:1px solid rgba(255,255,255,.20);
  padding-bottom:3px;
}
.text-link:hover{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.55);
}
@media (max-width: 760px){
  .contact-actions{
    justify-content:flex-start;
  }
}

/* v7 hero tagline and contact polish */
.brand-main-copy{
  display:block !important;
  margin:6px 0 0 !important;
  font-size:clamp(12px, .95vw, 15px) !important;
  line-height:1.35 !important;
  letter-spacing:.08em !important;
  color:#bfe7ff !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  opacity:.9 !important;
  text-shadow:0 0 14px rgba(173,226,255,.10);
}
.hero-copy p.brand-main-copy{
  max-width:none !important;
}
.hero-brand-wordmark{
  margin-bottom:2px !important;
}
.button.small-ghost{
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
  box-shadow:none;
}
.button.small-ghost:hover{
  color:#fff;
  border-color:rgba(255,255,255,.24);
}
@media (max-width: 760px){
  .brand-main-copy{
    white-space:normal !important;
    font-size:13px !important;
  }
}


/* v9 technical specifications */
.tech-spec-section{
  padding-top:72px;
}
.spec-panel{
  margin-top:28px;
  display:grid;
  gap:18px;
}
.spec-card{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:24px;
  padding:24px;
}
.spec-card h3{
  margin:0 0 14px;
  font-size:1.16rem;
}
.spec-card-wide{
  width:100%;
}
.flow-spec{
  display:inline-flex;
  max-width:100%;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid var(--soft-line);
  background:rgba(255,255,255,.035);
  color:#fff;
  font-weight:700;
  line-height:1.7;
  overflow:auto;
}
.spec-note{
  margin:0 0 16px;
  color:var(--muted);
  line-height:1.8;
}
.spec-table-wrap{
  overflow:auto;
  border:1px solid var(--soft-line);
  border-radius:18px;
}
.spec-table{
  width:100%;
  min-width:820px;
  border-collapse:collapse;
  font-size:.94rem;
}
.spec-table th,
.spec-table td{
  padding:14px 16px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--soft-line);
}
.spec-table th{
  color:var(--accent);
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.spec-table tr:last-child td{
  border-bottom:0;
}
.spec-table td{
  color:var(--muted);
  line-height:1.75;
}
.spec-table td:first-child,
.spec-table td:nth-child(2){
  color:#fff;
  font-weight:700;
}
.spec-mini-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}
.spec-list{
  margin:0;
}
.spec-list div{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:12px;
  padding:12px 0;
  border-top:1px solid var(--soft-line);
}
.spec-list dt{
  color:#fff;
  font-weight:700;
}
.spec-list dd{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
@media (max-width:1080px){
  .spec-mini-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .flow-spec{
    display:block;
    white-space:normal;
  }
  .spec-card{
    padding:18px;
  }
  .spec-list div{
    grid-template-columns:1fr;
    gap:4px;
  }
}


/* v12 double compressor highlight */
.double-comp-highlight{
  margin:0 0 18px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(173,226,255,.20);
  background:
    radial-gradient(circle at 8% 0%, rgba(173,226,255,.10), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(171,116,255,.12), transparent 34%),
    rgba(255,255,255,.035);
}
.double-comp-highlight span{
  display:inline-block;
  margin:0 0 8px;
  color:var(--accent);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.double-comp-highlight strong{
  display:block;
  margin:0 0 8px;
  color:#fff;
  font-size:1.25rem;
  letter-spacing:-.02em;
}
.double-comp-highlight p{
  margin:0;
  color:var(--muted);
  line-height:1.85;
}


/* v13 final polish */
.step-card h3 span,
.quick-card h3 span{
  display:block;
  margin-top:5px;
  color:var(--accent);
  font-size:.78rem;
  line-height:1.5;
  letter-spacing:.04em;
  font-weight:800;
}
.tech-spec-section{
  padding-bottom:28px !important;
}
.tech-spec-section + .section{
  padding-top:42px !important;
}
.pill-actions a[href="#specifications"]{
  border-color:rgba(173,226,255,.18);
}
@media (max-width:760px){
  .hero-actions.pill-actions{
    gap:8px;
  }
}


/* v14 Auto Setup emphasis */
.auto-setup-callout{
  margin:26px 0 22px;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid rgba(173,226,255,.20);
  background:
    radial-gradient(circle at 0% 0%, rgba(173,226,255,.10), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(255,87,245,.10), transparent 38%),
    rgba(255,255,255,.035);
}
.auto-setup-callout strong{
  display:block;
  color:#fff;
  font-size:1.16rem;
  letter-spacing:-.02em;
  margin-bottom:8px;
}
.auto-setup-callout p{
  margin:0;
  color:var(--muted);
  line-height:1.85;
}
.auto-grid .step-card p{
  color:#fff;
  font-weight:800;
}


/* v15 colored emphasis */
.mark{
  font-weight:900;
  padding:0 .08em;
  border-radius:.35em;
  white-space:normal;
}
.mark-blue{
  color:#ade2ff;
  text-shadow:0 0 18px rgba(173,226,255,.20);
}
.mark-green{
  color:#7ff2bf;
  text-shadow:0 0 18px rgba(127,242,191,.18);
}
.mark-orange{
  color:#ffc46b;
  text-shadow:0 0 18px rgba(255,196,107,.20);
}
.mark-pink{
  color:#ff8cf7;
  text-shadow:0 0 18px rgba(255,87,245,.22);
}
.auto-grid .step-card p .mark{
  font-size:1.04em;
}
.auto-setup-callout strong .mark{
  font-size:1.02em;
}


/* v16 Learn Noise emphasis tweak */
.auto-grid .step-card .mark-blue{
  color:#9fe8ff;
  text-shadow:
    0 0 12px rgba(173,226,255,.28),
    0 0 22px rgba(173,226,255,.16);
}


/* v19 stronger highlight for streaming-software monitoring point */
.mark-strong{
  display:inline;
  padding:.08em .34em .10em;
  border-radius:.45em;
  background:rgba(173,226,255,.10);
  box-shadow:
    inset 0 0 0 1px rgba(173,226,255,.18),
    0 0 20px rgba(173,226,255,.12);
}
.auto-grid .step-card li .mark-strong{
  line-height:1.9;
}


/* v20 keep Learn Noise supplement on one line */
.step-card h3,
.quick-card h3{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.step-card h3 span,
.quick-card h3 span{
  display:inline-flex !important;
  align-items:center;
  margin-top:0 !important;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(173,226,255,.18);
  background:rgba(173,226,255,.06);
  color:var(--accent);
  font-size:.68rem !important;
  line-height:1.2 !important;
  letter-spacing:.04em;
  white-space:nowrap;
}


/* v21 five-step quick start */
.quick-card-grid{
  grid-template-columns:repeat(5, minmax(0, 1fr));
}
@media (max-width:1180px){
  .quick-card-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width:760px){
  .quick-card-grid{
    grid-template-columns:1fr;
  }
}
.quick-card h3 span{
  display:inline-flex !important;
  vertical-align:middle;
}


/* v23 Auto Setup 5-step correction */
.auto-grid .step-card .step-label{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:14px 0 8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(173,226,255,.18);
  background:rgba(173,226,255,.06);
  color:var(--accent);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}


/* v24 refreshed setup structure */
.wide-shot{
  margin:28px 0 28px;
  padding:16px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,87,245,.08), transparent 46%),
    rgba(255,255,255,.035);
  box-shadow:0 24px 80px rgba(0,0,0,.20);
}
.wide-shot img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  opacity:.96;
}
.wide-shot figcaption{
  margin-top:12px;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.7;
}
.input-focus-shot{
  max-width:920px;
}
.quick-order-shot{
  max-width:900px;
}
.four-step-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}
.notice-box{
  display:grid;
  gap:6px;
  margin:22px 0 28px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(173,226,255,.16);
  background:rgba(255,255,255,.035);
}
.notice-box strong{
  color:#fff;
}
.notice-box span{
  color:var(--muted);
  line-height:1.8;
}
@media (max-width:1100px){
  .four-step-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:700px){
  .four-step-grid{
    grid-template-columns:1fr !important;
  }
}


/* v26 layout repair: card grids and image sizing */
.quick-card-grid,
.meter-guide-grid,
.auto-grid{
  display:grid;
  gap:18px;
}
.quick-card-grid{
  margin-top:28px;
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.quick-card,
.meter-card,
.step-card{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:24px;
  padding:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.16);
}
.quick-card .num,
.step-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-width:36px;
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(173,226,255,.18);
  background:rgba(173,226,255,.06);
  color:var(--accent);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.1em;
}
.quick-card h3,
.meter-card h3,
.step-card h3{
  margin:14px 0 10px;
  color:#fff;
  font-size:1.08rem;
  line-height:1.45;
}
.quick-card p,
.meter-card p,
.step-card p,
.step-card li{
  margin:0;
  color:var(--muted);
  line-height:1.85;
}
.step-card ul{
  margin:12px 0 0;
  padding-left:1.15em;
}
.step-card li + li{margin-top:6px;}
.auto-grid{
  margin-top:28px;
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.step-card img{
  width:100%;
  height:150px;
  object-fit:cover;
  object-position:top center;
  border-radius:16px;
  border:1px solid var(--soft-line);
  margin-bottom:14px;
  opacity:.94;
}
.meter-guide-grid{
  margin-top:28px;
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.meter-card h3{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.meter-card h3 span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--accent);
  background:rgba(255,255,255,.045);
}
.meter-card img{
  width:100%;
  aspect-ratio: 16 / 10;
  object-fit:cover;
  object-position:bottom center;
  border-radius:16px;
  border:1px solid var(--soft-line);
  margin:12px 0 14px;
  opacity:.95;
}
.input-focus-shot,
.quick-order-shot{
  margin-left:0;
  margin-right:auto;
}
.input-focus-shot img,
.quick-order-shot img{
  max-height:560px;
  object-fit:contain;
}
.notice-box{
  max-width:100%;
}
@media (max-width:1180px){
  .quick-card-grid,
  .meter-guide-grid,
  .auto-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:760px){
  .quick-card-grid,
  .meter-guide-grid,
  .auto-grid{
    grid-template-columns:1fr !important;
  }
  .step-card img{height:auto; object-fit:contain;}
}

/* v27 added: page-specific critical layout is also embedded in MarchenStream/index.html */


/* v29: Quick Start heading removed to avoid repeating Auto Setup copy */
#quick-start .section-title .eyebrow{
  margin-bottom:10px;
}
#quick-start .section-title p{
  margin-top:0;
}


/* v30: clearer Quick Start lead */
#quick-start .quick-start-title h2{
  margin:8px 0 14px;
}
#quick-start .quick-start-lead{
  max-width:760px;
}
#quick-start .quick-start-lead strong{
  color:#fff;
  font-weight:800;
}


/* v31: Quick Start intro section removed.
   Quick Start navigation now jumps directly to Input guide. */
#input-guide{
  scroll-margin-top:96px;
}


/* v32 flow tuning */
#quick-start .quick-start-title p{max-width:820px;}
#auto-setup .section-title p{max-width:820px;}


/* OBS setup page */
.obs-method-grid .control-card p,
.obs-flow-grid .quick-card p{
  color:var(--muted);
  line-height:1.85;
}
.obs-hero .hero-shell img{
  object-fit:contain;
}


/* =========================================================
   MusikMozuku premium redesign v2
   ========================================================= */
body.musik-premium-v2{
  background:
    radial-gradient(circle at 9% 8%, rgba(171,116,255,.22), transparent 28vw),
    radial-gradient(circle at 86% 12%, rgba(255,87,245,.16), transparent 30vw),
    radial-gradient(circle at 72% 76%, rgba(173,226,255,.12), transparent 28vw),
    linear-gradient(180deg,#04050b 0%,#090a17 44%,#10112a 100%);
}
body.musik-premium-v2::before{
  opacity:.46;
  mask-image:linear-gradient(180deg,#000 0%,transparent 78%);
}
.musik-premium-v2 .site-header{
  background:linear-gradient(180deg,rgba(9,10,18,.82),rgba(7,8,15,.66));
  backdrop-filter:blur(22px) saturate(1.18);
  box-shadow:0 18px 60px rgba(0,0,0,.24), inset 0 -1px 0 rgba(255,255,255,.06);
}
.musik-premium-v2 .nav{min-height:74px;}
.musik-premium-v2 .brand-link{
  padding:8px 12px 8px 8px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  border-radius:999px;
}
.musik-premium-v2 .brand-link .brand-icon{width:36px;}
.musik-premium-v2 .header-wordmark{width:170px;}
.musik-premium-v2 .nav-links{align-items:center;gap:10px;}
.musik-premium-v2 .nav-links a:not(.nav-logo-link){
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border-radius:999px;
  border:1px solid transparent;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;
}
.musik-premium-v2 .nav-links a:not(.nav-logo-link):hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.10);
}
.musik-hero-v2{
  min-height:min(780px,calc(100vh - 74px));
  overflow:hidden;
}
.musik-hero-v2::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle at 72% 50%,#000 0%,transparent 58%);
  opacity:.8;
}
.musik-hero-v2 .hero-grid{position:relative;z-index:1;gap:56px;}
.musik-hero-v2 .crumb{
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  text-decoration:none;
  font-size:.86rem;
}
.musik-hero-v2 .kicker{margin-top:24px;}
.musik-hero-v2 .hero-brand-wordmark{margin:4px 0 4px;}
.musik-hero-v2 .brand-main-copy{color:var(--brand-2)!important;}
.musik-hero-v2 .hero-subtitle{margin-top:18px;max-width:720px;}
.musik-hero-v2 .lead{font-size:1.14rem;}
.hero-product-stage{position:relative;isolation:isolate;}
.hero-product-stage::before{
  content:"";
  position:absolute;
  inset:-32px -26px;
  z-index:-1;
  border-radius:44px;
  background:
    radial-gradient(circle at 30% 22%,rgba(173,226,255,.18),transparent 32%),
    radial-gradient(circle at 80% 70%,rgba(255,87,245,.17),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 36px 110px rgba(0,0,0,.34);
}
.stage-label{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin:0 0 12px;
  color:var(--muted);
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.stage-label strong{color:#fff;letter-spacing:.04em;text-transform:none;}
.musik-premium-v2 .hero-shell{
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.08) inset;
}
.musik-premium-v2 .hero-shell img{box-shadow:0 18px 56px rgba(0,0,0,.32);}
.floating-chip{
  position:absolute;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(7,8,15,.72);
  backdrop-filter:blur(14px);
  color:#fff;
  font-size:.82rem;
  font-weight:700;
  box-shadow:0 16px 44px rgba(0,0,0,.24);
}
.chip-a{left:-20px;bottom:34%;}
.chip-b{right:-18px;top:28%;}
.chip-c{right:20px;bottom:8%;}
.center-title{text-align:center;max-width:820px;margin:0 auto;}
.center-title p{margin-inline:auto;}
.brand-statement-section{padding-top:96px;}
.premium-statements article{
  position:relative;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.premium-statements article span{
  position:absolute;
  right:18px;top:8px;
  color:rgba(173,226,255,.11);
  font-size:4.2rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-.08em;
}
.premium-statements article p{position:relative;color:#fff;font-weight:700;font-size:1.04rem;}
.premium-values .value-card{
  min-height:210px;
  background:
    radial-gradient(circle at 100% 0%,rgba(171,116,255,.14),transparent 30%),
    rgba(255,255,255,.035);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.premium-values .value-card:hover{transform:translateY(-3px);border-color:rgba(173,226,255,.25);background:rgba(255,255,255,.052);}
.product-section-v2{padding-top:82px;}
.split-title{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(320px,1fr);
  gap:28px;
  align-items:end;
}
.split-title p:last-child{max-width:68ch;}
.product-card-v2{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 78% 20%,rgba(173,226,255,.11),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.060),rgba(255,255,255,.022));
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.product-card-v2::after{
  content:"Open Product →";
  position:absolute;
  right:24px;bottom:20px;
  color:var(--accent);
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.08em;
}
.product-card-v2:hover{transform:translateY(-4px);border-color:rgba(173,226,255,.24);box-shadow:0 34px 90px rgba(0,0,0,.36),0 0 80px rgba(171,116,255,.10);}
.workflow-section{padding-top:86px;}
.workflow-cards .mini-card{position:relative;overflow:hidden;min-height:210px;}
.workflow-num{
  display:inline-grid;
  place-items:center;
  width:44px;height:44px;
  border-radius:16px;
  margin-bottom:18px;
  color:#fff;
  font-weight:800;
  background:linear-gradient(135deg,var(--brand),var(--brand-3));
  box-shadow:0 14px 34px rgba(171,116,255,.22);
}
.contact-section-v2{padding-top:78px;}
.contact-band-v2{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 84% 18%,rgba(255,87,245,.16),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
}
.contact-band-v2::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.055),transparent);
}
.footer-links{display:flex;flex-wrap:wrap;gap:12px;}
.footer-links a{color:var(--muted);text-decoration:none;font-size:.9rem;}
.footer-links a:hover{color:#fff;}
@media (max-width:1080px){
  .split-title{grid-template-columns:1fr;}
  .chip-a{left:12px;}
  .chip-b{right:12px;}
}
@media (max-width:760px){
  .musik-premium-v2 .nav{align-items:stretch;}
  .musik-premium-v2 .nav-links{width:100%;justify-content:flex-start;}
  .musik-premium-v2 .hero-brand-wordmark{width:min(100%,420px);}
  .hero-product-stage::before{inset:-18px -12px;}
  .floating-chip{position:static;margin:10px 8px 0 0;}
  .hero-product-stage{display:flex;flex-wrap:wrap;}
  .stage-label,.hero-shell{width:100%;}
  .product-card-v2::after{position:static;display:inline-flex;margin-top:18px;}
}

/* =========================================================
   MusikMozuku brand page v4 refinement
   ========================================================= */
body.musik-brand-v4{
  background:
    radial-gradient(circle at 10% 4%, rgba(171,116,255,.28), transparent 28vw),
    radial-gradient(circle at 92% 12%, rgba(255,87,245,.18), transparent 30vw),
    radial-gradient(circle at 70% 75%, rgba(173,226,255,.14), transparent 28vw),
    linear-gradient(180deg,#03040a 0%,#070814 42%,#111229 100%);
}
body.musik-brand-v4::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 75%);
  opacity:.45;
}
.musik-header-v4{
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(5,6,16,.68);
  backdrop-filter:blur(20px) saturate(1.2);
}
.musik-header-v4 .nav{min-height:82px;}
.musik-header-v4 .brand-link{padding:8px 10px 8px 0;}
.musik-header-v4 .nav-links{align-items:center;gap:10px;}
.musik-header-v4 .nav-links a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  color:rgba(243,244,251,.80);
  font-weight:700;
  text-decoration:none;
}
.musik-header-v4 .nav-links a:hover{color:#fff;background:rgba(255,255,255,.06);}
.musik-header-v4 .nav-feature{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(255,87,245,.36),rgba(171,116,255,.42));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 12px 30px rgba(171,116,255,.18);
}
.musik-hero-v4{
  min-height:min(820px, calc(100vh - 82px));
  padding:72px 0;
  isolation:isolate;
}
.hero-bg-orbit{
  position:absolute;
  inset:6% -8% auto auto;
  width:760px;
  height:760px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(173,226,255,.11), transparent 44%),
    conic-gradient(from 130deg, transparent, rgba(171,116,255,.18), transparent, rgba(255,87,245,.14), transparent);
  opacity:.68;
  transform:rotate(-12deg);
  pointer-events:none;
  z-index:-1;
}
.musik-hero-v4 .hero-copy{position:relative;z-index:2;}
.musik-hero-v4 .lead{max-width:46rem;}
.brand-proof-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.brand-proof-row span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(173,226,255,.16);
  background:rgba(255,255,255,.035);
  color:rgba(243,244,251,.82);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.03em;
}
.hero-product-stage-v4{
  position:relative;
  display:block;
  text-decoration:none;
  color:#fff;
  width:min(100%, 660px);
  padding:22px;
  border-radius:38px;
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 12% 0%, rgba(173,226,255,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
  box-shadow:0 34px 90px rgba(0,0,0,.34), 0 22px 90px rgba(171,116,255,.12);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.hero-product-stage-v4:hover{
  transform:translateY(-5px);
  border-color:rgba(173,226,255,.26);
  box-shadow:0 42px 110px rgba(0,0,0,.42), 0 26px 100px rgba(171,116,255,.18);
}
.hero-product-stage-v4 .hero-shell{
  width:100%;
  padding:14px;
  border-radius:28px;
}
.stage-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
  color:rgba(243,244,251,.86);
}
.stage-label span{
  color:var(--accent);
  font-size:.74rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}
.stage-label strong{font-size:1.12rem;}
.stage-link{
  display:inline-flex;
  margin-top:16px;
  min-height:40px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--brand-3));
  font-weight:900;
  box-shadow:0 14px 32px rgba(171,116,255,.22);
}
.floating-chip{
  position:absolute;
  z-index:5;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(6,8,20,.72);
  backdrop-filter:blur(12px);
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
.chip-a{left:-6px;top:33%;}
.chip-b{right:-8px;top:22%;}
.chip-c{right:28px;bottom:16%;}
.statement-grid-v4 article{
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:26px;
  background:
    radial-gradient(circle at 10% 0%,rgba(173,226,255,.08),transparent 34%),
    rgba(255,255,255,.035);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.statement-grid-v4 article:hover{
  transform:translateY(-4px);
  border-color:rgba(173,226,255,.20);
}
.statement-grid-v4 article span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(173,226,255,.16);
  background:rgba(173,226,255,.055);
  color:var(--accent);
  font-weight:900;
  letter-spacing:.12em;
}
.statement-grid-v4 article strong{
  display:block;
  margin:18px 0 10px;
  color:#fff;
  font-size:1.22rem;
  line-height:1.55;
}
.statement-grid-v4 article p{color:var(--muted);line-height:1.9;}
.product-section-v4{
  position:relative;
  background:
    radial-gradient(circle at 4% 0%, rgba(255,87,245,.09), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(173,226,255,.07), transparent 32%);
}
.product-card-v4{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.15);
  background:
    radial-gradient(circle at 0% 0%, rgba(255,87,245,.11), transparent 33%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.product-card-v4:hover{
  transform:translateY(-5px);
  border-color:rgba(173,226,255,.24);
}
.product-logo-box-v4{
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.08), transparent 42%),
    rgba(0,0,0,.20);
}
.product-copy h3{
  margin:0 0 12px;
  color:#fff;
  font-size:1.42rem;
  line-height:1.4;
}
.product-link{
  display:inline-flex;
  margin-top:20px;
  color:#fff;
  font-weight:900;
  border-bottom:1px solid rgba(173,226,255,.34);
  padding-bottom:4px;
}
.workflow-section-v4{padding-top:72px;}
.workflow-cards-v4 .mini-card{
  position:relative;
  min-height:220px;
  overflow:hidden;
}
.workflow-cards-v4 .mini-card::after{
  content:"";
  position:absolute;
  inset:auto 18px 18px auto;
  width:78px;
  height:78px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(171,116,255,.18),rgba(173,226,255,.08));
  transform:rotate(12deg);
}
.workflow-num{
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:16px;
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg,var(--brand),var(--brand-3));
  box-shadow:0 12px 30px rgba(171,116,255,.20);
}
.roadmap-section-v4{padding-top:28px;}
.roadmap-panel{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:28px;
  align-items:center;
  padding:32px;
  background:
    radial-gradient(circle at 10% 0%,rgba(173,226,255,.10),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(255,87,245,.10),transparent 34%),
    rgba(255,255,255,.04);
}
.roadmap-panel h2{
  margin:0 0 12px;
  font-size:clamp(26px,3vw,40px);
  line-height:1.22;
}
.roadmap-panel p{margin:0;color:var(--muted);line-height:1.9;}
.roadmap-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;}
.roadmap-tags span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-weight:800;
}
.contact-band-v4{
  background:
    radial-gradient(circle at 10% 0%, rgba(173,226,255,.10), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(255,87,245,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
}
.musik-footer-v4{margin-top:0;}
@media (max-width:1080px){
  .roadmap-panel{grid-template-columns:1fr;}
  .roadmap-tags{justify-content:flex-start;}
  .chip-a{left:10px;top:34%;}
  .chip-b{right:10px;top:18%;}
  .chip-c{right:22px;bottom:14%;}
}
@media (max-width:760px){
  .musik-header-v4 .nav{align-items:flex-start;}
  .musik-header-v4 .nav-links{gap:8px;}
  .musik-header-v4 .nav-links a{
    min-height:36px;
    padding:7px 10px;
    font-size:.88rem;
  }
  .musik-hero-v4{padding-top:42px;}
  .hero-product-stage-v4{padding:14px;border-radius:28px;}
  .floating-chip{
    position:static;
    margin:10px 6px 0 0;
  }
  .stage-link{width:100%;justify-content:center;}
  .statement-grid-v4 article{min-height:0;}
  .product-card-v4{gap:18px;}
  .roadmap-panel{padding:22px;}
}


/* v4b: remove product-image overlay labels and refine roadmap copy area */
.musik-brand-v4 .hero-product-stage-v4 .floating-chip{
  display:none !important;
}
.musik-brand-v4 .roadmap-panel p{
  max-width:72ch;
}
.musik-brand-v4 .roadmap-tags span{
  text-align:center;
}


/* v4c: remove the outer glass frame around the MarchenStream product preview */
.musik-brand-v4 .hero-product-stage-v4{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.musik-brand-v4 .hero-product-stage-v4:hover{
  transform:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.musik-brand-v4 .hero-product-stage-v4 .stage-label{
  padding:0 8px;
  margin-bottom:14px;
}
.musik-brand-v4 .hero-product-stage-v4 .stage-link{
  margin-left:0;
}


/* =========================================================
   v5 mobile & fine UI polish for MusikMozuku
   ========================================================= */

.musik-brand-v4 .button,
.musik-brand-v4 .hero-product-stage-v4,
.musik-brand-v4 .product-card,
.musik-brand-v4 .mini-card,
.musik-brand-v4 .roadmap-tags span{
  -webkit-tap-highlight-color: transparent;
}

.musik-brand-v4 #philosophy,
.musik-brand-v4 #products,
.musik-brand-v4 #workflow,
.musik-brand-v4 #contact{
  scroll-margin-top:104px;
}

.musik-brand-v4 .hero-brand-wordmark img{
  filter:drop-shadow(0 0 22px rgba(171,116,255,.24));
}

.musik-brand-v4 .hero-shell img{
  box-shadow:0 18px 55px rgba(0,0,0,.38);
}

.musik-brand-v4 .product-card-v4{
  text-decoration:none;
}

.musik-brand-v4 .product-card-v4:focus-visible,
.musik-brand-v4 .hero-product-stage-v4:focus-visible{
  outline:3px solid rgba(173,226,255,.48);
  outline-offset:5px;
}

.musik-brand-v4 .statement-grid-v4 article,
.musik-brand-v4 .workflow-cards-v4 .mini-card,
.musik-brand-v4 .roadmap-panel,
.musik-brand-v4 .contact-band-v4{
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}

@media(max-width:1080px){
  .musik-brand-v4 .hero-grid{
    gap:36px;
  }

  .musik-brand-v4 .hero-art{
    min-height:auto;
  }

  .musik-brand-v4 .hero-product-stage-v4{
    margin-inline:auto;
  }

  .musik-brand-v4 .product-card{
    grid-template-columns:1fr;
  }

  .musik-brand-v4 .product-meta{
    border-right:0;
    border-bottom:1px solid var(--soft-line);
    padding-right:0;
    padding-bottom:18px;
  }
}

@media(max-width:760px){
  .musik-brand-v4 .container{
    width:min(100% - 24px, 1180px);
  }

  .musik-header-v4{
    background:rgba(5,6,16,.84);
  }

  .musik-header-v4 .nav{
    min-height:64px;
    padding:10px 0;
  }

  .musik-header-v4 .brand-link{
    gap:8px;
  }

  .musik-header-v4 .brand-icon{
    width:34px;
  }

  .musik-header-v4 .header-wordmark{
    width:128px;
  }

  .musik-header-v4 .nav-links{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:8px;
  }

  .musik-header-v4 .nav-logo-link{
    display:none;
  }

  .musik-header-v4 .nav-links a{
    justify-content:center;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.035);
  }

  .musik-header-v4 .nav-feature{
    grid-column:1 / -1;
    min-height:42px;
  }

  .musik-hero-v4{
    padding:38px 0 46px;
  }

  .musik-hero-v4 .hero-grid{
    gap:28px;
  }

  .musik-brand-v4 .crumb{
    margin-bottom:12px;
  }

  .musik-brand-v4 .kicker{
    font-size:.74rem;
    line-height:1.55;
  }

  .musik-brand-v4 .hero-brand-wordmark{
    max-width:330px;
  }

  .musik-brand-v4 .brand-main-copy{
    white-space:normal !important;
  }

  .musik-brand-v4 .hero-subtitle{
    font-size:clamp(34px, 11vw, 52px);
  }

  .musik-brand-v4 .lead,
  .musik-brand-v4 .sublead{
    font-size:.96rem;
    line-height:1.9;
  }

  .musik-brand-v4 .button-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .musik-brand-v4 .button-row .button{
    width:100%;
  }

  .brand-proof-row{
    gap:8px;
  }

  .brand-proof-row span{
    font-size:.76rem;
    min-height:32px;
  }

  .musik-brand-v4 .hero-product-stage-v4 .stage-label{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    padding:0;
  }

  .musik-brand-v4 .hero-product-stage-v4 .hero-shell{
    padding:10px;
    border-radius:22px;
  }

  .musik-brand-v4 .hero-product-stage-v4 .hero-shell img{
    border-radius:14px;
  }

  .musik-brand-v4 .stage-link{
    min-height:44px;
  }

  .musik-brand-v4 .section{
    padding:58px 0;
  }

  .musik-brand-v4 .section-title h2{
    font-size:clamp(29px, 9vw, 42px);
  }

  .musik-brand-v4 .section-title p{
    font-size:.96rem;
  }

  .statement-grid-v4 article{
    padding:20px;
    border-radius:22px;
  }

  .product-logo-box-v4{
    min-height:132px;
  }

  .product-copy h3{
    font-size:1.22rem;
  }

  .product-copy ul{
    gap:8px;
  }

  .product-copy li{
    font-size:.82rem;
  }

  .workflow-cards-v4 .mini-card{
    min-height:0;
  }

  .roadmap-panel{
    border-radius:24px;
  }

  .roadmap-tags{
    justify-content:flex-start;
  }

  .roadmap-tags span{
    min-height:34px;
    font-size:.82rem;
  }

  .contact-band-v4{
    align-items:stretch;
  }

  .contact-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .contact-actions .button{
    width:100%;
  }

  .musik-footer-v4 .footer-inner{
    gap:14px;
  }
}

@media(max-width:480px){
  .musik-header-v4 .nav-links{
    grid-template-columns:1fr;
  }

  .musik-brand-v4 .hero-subtitle{
    font-size:clamp(31px, 12vw, 44px);
  }

  .musik-brand-v4 .hero-brand-wordmark{
    max-width:285px;
  }

  .musik-brand-v4 .hero-product-stage-v4{
    width:100%;
  }

  .musik-brand-v4 .hero-product-stage-v4 .hero-shell{
    padding:8px;
  }

  .statement-grid-v4 article strong{
    font-size:1.08rem;
  }

  .roadmap-panel{
    padding:20px;
  }
}


/* v5b: proper mobile hamburger menu for MusikMozuku page */
.musik-nav-toggle{
  display:none;
  width:44px;
  height:44px;
  flex:0 0 auto;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  box-shadow:0 14px 32px rgba(0,0,0,.22);
  cursor:pointer;
  position:relative;
}
.musik-nav-toggle span,
.musik-nav-toggle::before,
.musik-nav-toggle::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  height:2px;
  border-radius:999px;
  background:#fff;
  transition:transform .18s ease, opacity .18s ease, top .18s ease;
}
.musik-nav-toggle span{top:21px;}
.musik-nav-toggle::before{top:14px;}
.musik-nav-toggle::after{top:28px;}
body.musik-menu-open .musik-nav-toggle span{opacity:0;}
body.musik-menu-open .musik-nav-toggle::before{top:21px;transform:rotate(45deg);}
body.musik-menu-open .musik-nav-toggle::after{top:21px;transform:rotate(-45deg);}

@media(max-width:760px){
  .musik-header-v4 .nav{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    position:relative;
  }

  .musik-nav-toggle{
    display:block;
    justify-self:end;
  }

  .musik-header-v4 .nav-links{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    width:min(330px, calc(100vw - 24px));
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:0;
    padding:14px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(180deg,rgba(8,8,24,.98),rgba(16,11,42,.96));
    box-shadow:0 26px 80px rgba(0,0,0,.46);
    backdrop-filter:blur(18px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  }

  body.musik-menu-open .musik-header-v4 .nav-links{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  .musik-header-v4 .nav-logo-link{
    display:flex;
  }

  .musik-header-v4 .nav-links a{
    width:100%;
    min-height:46px;
    justify-content:center;
  }

  .musik-header-v4 .nav-feature{
    grid-column:auto;
    order:-1;
  }
}


/* =========================================================
   v9 MusikMozuku stability polish
   ========================================================= */

body.musik-brand-v4 .musik-hero-v4{
  background-image:var(--musikmozuku-brand-bg, none);
  background-size:cover;
  background-position:center;
}

body.musik-brand-v4 a:focus-visible,
body.musik-brand-v4 button:focus-visible{
  outline:3px solid rgba(173,226,255,.52);
  outline-offset:4px;
}

body.musik-brand-v4 .hero-shell img,
body.musik-brand-v4 .product-logo-box img{
  image-rendering:auto;
}

body.musik-brand-v4 .hero-subtitle,
body.musik-brand-v4 .section-title h2{
  word-break:keep-all;
}

@media(max-width:430px){
  body.musik-brand-v4 .musik-header-v4 .nav-links{
    width:calc(100vw - 24px);
  }
}

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


/* v1.0.0 product/Lite page update */
.product-duo-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
  align-items:stretch;
}
.product-card-stack{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:22px;
  min-height:100%;
}
.product-card-stack .product-copy{
  display:flex;
  flex-direction:column;
  flex:1;
}
.product-card-stack .product-link{margin-top:auto;}
.lite-logo-box{
  position:relative;
  min-height:150px;
}
.lite-logo-box b{
  position:absolute;
  right:18px;
  bottom:16px;
  padding:7px 14px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--brand-2), var(--brand-3));
  color:#07111b;
  font-size:.9rem;
  letter-spacing:.08em;
}
.product-hero-v5 .hero-shell{
  animation:none;
}
.feature-grid-v5{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  margin-top:24px;
}
.mode-grid-v5,
.processing-grid-v5{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  margin-top:28px;
}
.processing-grid-v5{grid-template-columns:repeat(3, minmax(0, 1fr));}
.mode-card-v5,
.compare-card-v5{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:24px;
  padding:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.16);
}
.mode-card-v5 span{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(173,226,255,.10);
  color:var(--brand-2);
  font-weight:800;
  margin-bottom:14px;
}
.mode-card-v5 h3,
.compare-card-v5 h3{margin:0 0 10px; color:#fff;}
.mode-card-v5 p,
.compare-card-v5 p{margin:0; color:var(--muted); line-height:1.9;}
.style-panel-v5{margin-bottom:22px;}
.style-mini-grid-v5{grid-template-columns:repeat(3, minmax(0, 1fr));}
.compare-grid-v5{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-top:28px;
}
.compare-card-v5 ul{
  margin:14px 0 0;
  padding-left:1.1em;
  color:var(--muted);
  line-height:1.9;
}
.compare-card-v5.featured{
  border-color:rgba(173,226,255,.32);
  background:linear-gradient(180deg, rgba(173,226,255,.08), rgba(255,255,255,.035));
}
.lite-note-v5{
  margin-top:22px;
  padding:24px;
}
.lite-note-v5 h3{
  margin:0 0 10px;
  color:#fff;
}
.lite-note-v5 p{
  margin:0;
  color:var(--muted);
  line-height:1.9;
}
@media (max-width:980px){
  .product-duo-grid,
  .feature-grid-v5,
  .mode-grid-v5,
  .processing-grid-v5,
  .style-mini-grid-v5,
  .compare-grid-v5{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   MarchenStream Ver.1.0.0 full HP base update
   ========================================================= */
.ms-v100-page{
  --ms-bg:#080910;
  --ms-panel:rgba(255,255,255,.055);
  --ms-panel-2:rgba(255,255,255,.08);
  --ms-line:rgba(204,222,255,.16);
  --ms-line-strong:rgba(173,226,255,.34);
  --ms-text:#f4f7ff;
  --ms-muted:rgba(238,243,255,.74);
  --ms-cyan:#8ee8ff;
  --ms-purple:#d884ff;
  --ms-pink:#ff8fe6;
  --ms-gold:#fff36b;
  color:var(--ms-text);
  background:radial-gradient(circle at 18% 8%, rgba(216,132,255,.16), transparent 30%), radial-gradient(circle at 88% 18%, rgba(142,232,255,.14), transparent 30%), #080910;
}
.ms-v100-page .site-header{border-bottom:1px solid rgba(255,255,255,.08); background:rgba(6,7,13,.72); backdrop-filter:blur(18px);}
.ms-v100-page .nav-cta{border-color:rgba(142,232,255,.4)!important; background:linear-gradient(135deg,rgba(142,232,255,.18),rgba(216,132,255,.18));}
.ms-v100-page .button.primary{background:linear-gradient(135deg,var(--ms-purple),var(--ms-cyan)); color:#07111b; border:0; font-weight:800;}
.ms-v100-page .button.ghost,.ms-v100-page .button.small-ghost{border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#fff;}
.ms-logo-wrap img{max-width:min(620px,100%); filter:drop-shadow(0 14px 34px rgba(184,105,255,.22));}
.ms-hero-v100{padding-top:86px; position:relative; overflow:hidden;}
.ms-hero-v100:before,.help-hero-v100:before,.ms-brand-hero-v100:before{content:""; position:absolute; inset:-20% -10% auto auto; width:520px; height:520px; background:radial-gradient(circle, rgba(216,132,255,.24), transparent 66%); pointer-events:none;}
.ms-screenshot-frame,.image-card{border:1px solid var(--ms-line); border-radius:24px; background:rgba(255,255,255,.045); overflow:hidden; box-shadow:0 24px 80px rgba(0,0,0,.35);}
.ms-screenshot-frame img,.image-card img{display:block; width:100%; height:auto;}
.ms-screenshot-frame figcaption,.image-card figcaption{padding:11px 14px; color:var(--ms-muted); font-size:.86rem; border-top:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.18);}
.ms-v100-page .glass-card,.ms-v100-page .feature-card,.ms-v100-page .mini-card,.ms-v100-page .control-card,.ms-v100-page .quick-card,.ms-v100-page .spec-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035)); border:1px solid var(--ms-line); box-shadow:0 20px 70px rgba(0,0,0,.24);}
.ms-v100-page .eyebrow,.ms-v100-page .kicker{color:var(--ms-cyan); letter-spacing:.14em; text-transform:uppercase; font-weight:800;}
.ms-v100-page .lead{color:#fff;}
.ms-v100-page .sublead,.ms-v100-page p,.ms-v100-page li{line-height:1.9;}
.ms-v100-page .brand-proof-row span{border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05);}
.story-grid{display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr); gap:24px; align-items:center;}
.voice-setup-grid .tall-card{max-width:420px; margin:0 auto;}
.help-flow-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.screenshot-pair{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:24px; align-items:start;}
.gallery-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:26px; align-items:start;}
.mode-gallery .compact-shot{max-width:420px; justify-self:center;}
.mode-grid-rich{margin-bottom:8px;}
.lite-logo-heading img{max-width:min(620px,100%); margin:4px auto 14px; display:block;}
.lite-hero-grid{display:grid; grid-template-columns:minmax(240px,.62fr) minmax(0,1fr); gap:28px; align-items:center; margin-top:30px;}
.lite-main-shot{max-width:390px; justify-self:center;}
.lite-copy-panel{padding:28px; border-radius:28px;}
.icon-title-row{display:flex; align-items:center; gap:16px; margin-bottom:16px;}
.icon-title-row img{width:58px; height:58px; border-radius:16px; object-fit:cover; box-shadow:0 12px 30px rgba(0,0,0,.25);}
.icon-title-row h3{margin:0;}
.lite-copy-panel ul,.product-copy ul{line-height:1.9; color:var(--ms-muted);}
.lite-setup-pair{justify-content:center;}
.lite-setup-pair .image-card{max-width:360px; justify-self:center;}
.contact-band-v100{align-items:center;}
.help-hero-v100{padding-top:82px;}
.dense-anchor{gap:8px;}
.dense-anchor a{font-size:.84rem; padding:8px 11px;}
.five-step-grid{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px;}
.help-detail-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:24px;}
.help-detail-card{border:1px solid var(--ms-line); background:rgba(255,255,255,.045); border-radius:22px; padding:20px;}
.help-detail-card h3{margin:0 0 8px; color:#fff;}
.help-detail-card p{margin:0; color:var(--ms-muted);}
.help-table-wrap{overflow:auto; border:1px solid var(--ms-line); border-radius:24px; background:rgba(255,255,255,.04); box-shadow:0 20px 70px rgba(0,0,0,.18);}
.help-table{width:100%; min-width:820px; border-collapse:collapse;}
.help-table th,.help-table td{padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; vertical-align:top;}
.help-table th{color:#fff; background:rgba(142,232,255,.08);}
.help-table td{color:var(--ms-muted); line-height:1.75;}
.help-table td:first-child{color:#fff; font-weight:800;}
.help-faq-list{display:grid; gap:12px;}
.help-faq-list details{border:1px solid var(--ms-line); background:rgba(255,255,255,.045); border-radius:18px; padding:16px 18px;}
.help-faq-list summary{cursor:pointer; color:#fff; font-weight:800;}
.help-faq-list p{margin:12px 0 0; color:var(--ms-muted);}
.product-logo-box-v4 img{max-height:150px; object-fit:contain;}
.product-card .icon-title-row img{width:54px; height:54px; flex:0 0 auto;}
.ms-brand-hero-v100 .hero-shell img{content:url('./assets/ms-product-top-simple.png');}
.roadmap-tags .button{margin:4px;}
@media(max-width:1180px){.five-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.help-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:980px){.story-grid,.screenshot-pair,.gallery-grid,.lite-hero-grid{grid-template-columns:1fr;}.help-flow-grid{grid-template-columns:1fr;}.mode-gallery .compact-shot,.lite-main-shot{max-width:100%;}.product-duo-grid,.feature-grid-v5,.mode-grid-v5,.processing-grid-v5,.style-mini-grid-v5,.compare-grid-v5{grid-template-columns:1fr!important;}}
@media(max-width:620px){.five-step-grid,.help-detail-grid{grid-template-columns:1fr;}.ms-logo-wrap img,.lite-logo-heading img{max-width:100%;}.ms-v100-page .hero-subtitle{font-size:clamp(2.2rem,12vw,4.2rem);}.screenshot-pair,.gallery-grid{gap:16px;}.lite-copy-panel{padding:20px;}.icon-title-row{align-items:flex-start;}.help-table{min-width:720px;}}