/* Legacy page-specific styles translated to MusicMastering semantic tokens. */
.home-ai-landing {
    --home-ai-bg: var(--mm-bg);
    --home-ai-panel: var(--mm-surface);
    --home-ai-panel-2: var(--mm-surface-2);
    --home-ai-border: var(--mm-border);
    --home-ai-border-soft: var(--mm-border-muted);
    --home-ai-text: var(--mm-text);
    --home-ai-muted: var(--mm-muted);
    --home-ai-blue: var(--mm-accent);
    --home-ai-cyan: var(--mm-accent-2);
    --home-ai-violet: var(--mm-accent);
    --home-ai-green: var(--mm-success);
    color: var(--mm-text);
}

.home-ai-landing::before { background: var(--mm-bg); }
.home-ai-eyebrow,
.home-ai-section-kicker,
.home-ai-accent { color: var(--mm-accent-2); text-shadow: none; }
.home-ai-hero h1,
.home-ai-cta,
.home-ai-cta:hover,
.home-ai-cta:focus-visible,
.home-ai-orb__core,
.home-ai-metrics__title,
.home-ai-meter__label { color: var(--mm-text); }
.home-ai-lead,
.home-ai-benefits,
.home-ai-cta small,
.home-ai-meter__label span:last-child { color: var(--mm-muted); }
.home-ai-benefits i { color: var(--mm-muted-2); }

.home-ai-cta,
.home-ai-cta--primary,
.home-ai-cta--primary:hover,
.home-ai-cta--primary:focus-visible {
    border-color: var(--mm-border);
    border-radius: var(--mm-radius-sm);
    background: var(--mm-surface);
    box-shadow: none;
}
.home-ai-cta:hover,
.home-ai-cta:focus-visible {
    border-color: var(--mm-accent-border);
    background: var(--mm-accent-soft);
    box-shadow: none;
    transform: none;
}
.home-ai-cta--primary,
.home-ai-cta--primary:hover,
.home-ai-cta--primary:focus-visible {
    border-color: var(--mm-accent);
    background: var(--mm-accent);
    color: #fff;
}
.home-ai-cta__icon {
    border: 1px solid var(--mm-border-muted);
    border-radius: var(--mm-radius-xs);
    color: var(--mm-accent-2);
    background: var(--mm-surface-2);
}

.home-ai-visual::before { display: none; }
.home-ai-eq {
    opacity: .82;
    background: repeating-linear-gradient(90deg, transparent 0 7px, var(--mm-waveform) 7px 9px, transparent 9px 14px);
    filter: none;
}
.home-ai-orb {
    border-color: var(--mm-border-strong);
    background: var(--mm-control-background);
    box-shadow: none;
}
.home-ai-orb::before { border-color: var(--mm-accent-border); box-shadow: none; }
.home-ai-orb::after { border-color: var(--mm-border-strong); animation: none; }
.home-ai-orb__ticks {
    background: repeating-conic-gradient(from 3deg, var(--mm-accent-2) 0deg 1deg, transparent 1deg 8deg);
    opacity: .55;
}
.home-ai-orb__core { font-family: var(--mm-font-numeric); text-shadow: none; }
.home-ai-orb__core::after { background: var(--mm-waveform); box-shadow: none; }
.home-ai-metrics,
.home-ai-wave-player {
    border-color: var(--mm-border);
    border-radius: var(--mm-radius-md);
    background: var(--mm-panel-background);
    box-shadow: var(--mm-shadow-sm);
}
.home-ai-status-dot { background: var(--mm-success); box-shadow: none; }
.home-ai-meter__track { border-radius: var(--mm-radius-xs); background: var(--mm-surface-3); }
.home-ai-meter__track span { border-radius: var(--mm-radius-xs); background: var(--mm-meter-low); box-shadow: none; }

body.mm-body .bg-dark.bg-opacity-25,
body.mm-body .bg-dark.bg-opacity-50,
body.mm-body .bg-dark.bg-opacity-75 { background-color: var(--mm-panel-background) !important; }
body.mm-body .text-body-secondary { color: var(--mm-muted) !important; }
body.mm-body .rounded-4 { border-radius: var(--mm-radius-lg) !important; }

body.mm-body .mm-navbar {
    --bs-navbar-color: var(--mm-muted);
    --bs-navbar-hover-color: var(--mm-text);
    --bs-navbar-active-color: var(--mm-text);
    --bs-navbar-brand-color: var(--mm-text);
    --bs-navbar-brand-hover-color: var(--mm-text);
    --bs-navbar-toggler-border-color: var(--mm-border);
}
:root[data-bs-theme="light"] body.mm-body .mm-navbar-toggler-icon {
    filter: invert(1) grayscale(1);
}
body.mm-body audio,
body.mm-body .audio-player,
body.mm-body [class*="audio-player"],
body.mm-body [class*="wave-player"] { accent-color: var(--mm-accent); }

@media (prefers-reduced-motion: reduce) {
    .home-ai-orb::after,
    .home-ai-landing * { animation: none !important; }
}