/* Shared alignment for the German and English homepages. */
:root { --max-width: 1180px; }
.hero-inner { width: min(var(--max-width), calc(100% - 48px)); text-align: center; padding: 148px 0 56px; }
.hero h1 { max-width: 100%; margin-inline: auto; font-size: clamp(2.25rem, 4.5vw, 4rem); line-height: 1.15; }
.hero h1 span { margin-top: 12px; }
.hero-copy { max-width: 760px; margin: 28px auto 0; text-wrap: pretty; }
.hero-inner > p:not(.eyebrow):not(.hero-copy):not(.trial-steps) { margin: 24px auto 0; }
.hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 660px; margin: 28px auto 0; gap: 16px; }
.hero-actions .button { width: 100%; min-height: 54px; }
.hero .trial-steps { margin: 20px auto 0; }
.hero-facts { width: 100%; max-width: none; margin: 44px auto 0; text-align: left; }
.hero-facts div { padding: 24px; }
.authority-showcase { width: min(var(--max-width), calc(100% - 48px)); max-width: var(--max-width); margin: 36px auto; }
.authority-showcase > .eyebrow { display: block; text-align: center; }
.authority-showcase > h2, .authority-showcase > p { text-align: center; margin-inline: auto; }
.authority-showcase > a { display: block; text-align: center; }
.authority-channels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 780px) {
 .hero-inner { padding: 120px 0 36px; }
 .hero h1 { font-size: clamp(2rem, 6.8vw, 3.25rem); }
 .hero-facts { margin-top: 32px; }
}
@media (max-width: 680px) {
 .hero-inner, .header-inner { width: calc(100% - 32px); }
 .hero-actions, .authority-channels { grid-template-columns: 1fr; }
 .authority-showcase { width: calc(100% - 32px); margin: 24px auto; }
}