.logo-intro { max-width: 1120px; margin: 0 auto; padding: 16px 24px 36px; }
.logo-intro-stage { display: flex; justify-content: center; }
.logo-intro-stage svg { display: block; width: 100%; max-height: 70svh; height: auto; overflow: hidden; }
.logo-intro-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 20px; }
.logo-intro-footer p { font-size: 14px; color: var(--theme-text-secondary); }
.logo-intro-skip { display: inline-block; padding: 12px 22px; border-radius: 999px; background: #c7f36b; color: #17362b; font-weight: 700; white-space: nowrap; }
.logo-intro-skip:hover { background: #dbff94; }
.logo-intro-skip:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media (max-width: 600px) { .logo-intro { padding: 24px 12px; } .logo-intro-footer { padding: 12px 8px; flex-wrap: wrap; } }