.audience-landing .landing-shell { width: min(1280px, calc(100% - 40px)); }
.audience-hero { display: grid; grid-template-columns: 1.08fr 1fr; align-items: center; gap: 48px; padding: 48px 0 64px; }
.audience-hero h1 { font-family: Orbitron, sans-serif; font-size: clamp(2.3rem, 4.5vw, 4.2rem); line-height: 1.12; margin: 0 0 24px; text-wrap: balance; }
.audience-hero p, .audience-section p, .audience-section li { color: var(--landing-text-soft); font-size: 1.08rem; line-height: 1.7; }
.audience-hero img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 32px; }
.audience-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.audience-note { font-size: .9rem !important; margin-top: 20px; }
.audience-section { padding: 64px 0; border-top: 1px solid var(--landing-border); }
.audience-section h2 { font-family: Manrope, sans-serif; font-size: clamp(1.8rem, 3.3vw, 2.9rem); line-height: 1.2; margin: 0 0 22px; text-wrap: balance; }
.audience-section h3 { font-size: 1.35rem; line-height: 1.3; margin: 0 0 12px; }
.audience-row { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.audience-row--reverse .audience-row__copy { order: 2; }
.audience-row img { display: block; width: 100%; border-radius: 24px; }
.audience-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
.audience-mode { padding: 28px 32px; background: rgba(6, 22, 34, .85); border: 1px solid var(--landing-border); border-radius: 24px; }
.audience-mode ul { padding-inline-start: 20px; margin-bottom: 0; }
.audience-scenarios { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 32px; }
.audience-scenarios img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 20px; margin-bottom: 22px; }
.audience-section video { display: block; width: 100%; aspect-ratio: 16/9; background: #06131d; border-radius: 24px; margin: 28px 0 18px; }
.audience-faq details { padding: 22px 0; border-bottom: 1px solid var(--landing-border); }
.audience-faq summary { cursor: pointer; font-size: 1.15rem; font-weight: 700; }
.audience-faq p { max-width: 85ch; }
.audience-section a:not(.landing-button) { color: var(--landing-accent); text-underline-offset: 4px; }
/* Translated labels can be substantially longer than the English navigation. */
.audience-landing .landing-header__panel, .audience-hero > *, .audience-row > * { min-width: 0; }
.audience-landing h1, .audience-landing h2, .audience-landing h3 { overflow-wrap: anywhere; }
@media (min-width: 760px) {
    .audience-landing .landing-nav { flex-wrap: wrap; justify-content: flex-start; gap: 12px 24px; }
    .audience-landing .landing-nav > * { flex-shrink: 0; }
    .audience-landing .landing-header__actions { flex-shrink: 0; }
    .audience-landing .landing-header__actions .landing-button { max-width: 220px; white-space: normal; }
}
@media (min-width: 760px) and (max-width: 1100px) {
    .audience-landing .landing-header__panel { flex-wrap: wrap; justify-content: flex-end; }
    .audience-landing .landing-nav { margin-inline: 0; justify-content: flex-end; }
}
@media(max-width: 900px) { .audience-hero, .audience-row { gap: 30px; } .audience-scenarios { grid-template-columns: 1fr; } .audience-scenarios article { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; } }
@media(max-width: 650px) { .audience-hero, .audience-row, .audience-modes, .audience-scenarios article { grid-template-columns: 1fr; } .audience-hero { padding-top: 24px; } .audience-hero img { aspect-ratio: 4/3; } .audience-row--reverse .audience-row__copy { order: 0; } .audience-section { padding: 40px 0; } .audience-mode { padding: 24px; } }
