/* Homepage explainer follows Rubato's existing palette and container rhythm. */
#rubato-explainer { padding: 64px 0; background: var(--soft, #f6fbff); }
#rubato-explainer .explainer-grid { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center; }
#rubato-explainer h2 { color:var(--deep,#063d6b);margin:12px 0 18px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15; }
#rubato-explainer p { color:var(--muted,#607386);line-height:1.7; }
#rubato-explainer .explainer-player { aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:var(--navy,#09243a);box-shadow:var(--shadow); }
#rubato-explainer iframe { display:block;width:100%;height:100%;border:0; }
#rubato-explainer .explainer-fallback { font-size:.85rem;text-align:right;margin:12px 0 0; }
#rubato-explainer .explainer-fallback a { color:var(--deep,#063d6b);text-underline-offset:3px; }
@media(max-width:900px){#rubato-explainer{padding:40px 0}#rubato-explainer .explainer-grid{grid-template-columns:1fr;gap:24px}#rubato-explainer .explainer-player{border-radius:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}