.logo-intro { padding-block: 3.5rem; border-top: 1px solid #596273; }
.logo-intro h2 { margin: .5rem 0 1rem; font-size: clamp(1.8rem, 4vw, 3rem); }
.logo-intro p { max-width: 48rem; color: #cdd1db; line-height: 1.65; }
.logo-intro-stage { display: grid; place-items: center; min-height: 200px; margin-block: 1.5rem; border: 1px solid #596273; background: #101319; }
.logo-intro-stage img { display: block; width: min(300px, 85%); height: auto; }
.logo-intro-controls { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.logo-intro-controls button { padding: .8rem 1.2rem; min-height: 44px; border: 1px solid #d8ff4f; background: #d8ff4f; color: #090a0d; font: inherit; font-weight: 800; cursor: pointer; }
.logo-intro-controls button[aria-disabled="true"] { cursor: progress; }
.logo-intro-controls button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.logo-intro-controls [hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .logo-intro-stage img { clip-path: none !important; } }