/* Public homepage only; shared management and player surfaces are untouched. */
.site-header__inner { flex-wrap: wrap; }
.language-switch { display: flex; gap: .2rem; margin-left: auto; flex-shrink: 0; }
.language-switch a { display: grid; place-items: center; min-width: 40px; min-height: 40px; color: var(--ink-dim); text-decoration: none; font: 700 .75rem "Chivo", sans-serif; border: 1px solid var(--line); border-radius: 3px; }
.language-switch a[aria-current="page"] { color: var(--void); background: var(--serve); border-color: var(--serve); }
.language-switch a:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.site-nav { margin-left: 0; }
.hero__benefits { display: flex; flex-wrap: wrap; gap: .7rem 1.8rem; padding: 0; margin: 1.5rem 0 0; list-style: none; color: var(--ink-dim); font-size: .85rem; }
.hero__benefits li::before { content: "✓"; color: var(--serve); margin-right: .5rem; }
.workflow-note { max-width: 46rem; color: var(--ink-dim); margin: -1rem 0 2.5rem; line-height: 1.7; }
@media (max-width: 1000px) { .site-nav { gap: .8rem; } .site-header__inner { gap: .8rem; } }
@media (max-width: 860px) { .site-nav a:not(.btn) { display: none; } }
@media (max-width: 560px) {
  .site-header__inner { flex-wrap: wrap; }
  .site-nav { width: 100%; }
  .site-nav .btn { width: 100%; justify-content: center; }
  .hero__title { font-size: clamp(2.6rem, 10vw, 3.8rem); overflow-wrap: anywhere; }
  .hero__benefits { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .rise, .reveal { animation: none; opacity: 1; transform: none; }
}

/* Static dashboard mockup; the image contains fictional data. */
:is(.dashboard-preview, .player-mockup) { margin: 3rem 0 0; overflow: hidden; border: 1px solid #263341; border-radius: 12px; background: #0d141b; }
:is(.dashboard-preview, .player-mockup) a { display: block; }
:is(.dashboard-preview, .player-mockup) a:focus-visible { outline: 3px solid var(--serve); outline-offset: -3px; }
:is(.dashboard-preview, .player-mockup) img { display: block; width: 100%; height: auto; }
:is(.dashboard-preview, .player-mockup) figcaption { display: flex; flex-wrap: wrap; gap: .35rem 1rem; padding: 12px 16px; color: var(--ink-dim); font-size: .8rem; }
:is(.dashboard-preview, .player-mockup) figcaption span { margin-left: auto; }