.ck-intro { min-height: calc(100dvh - var(--ck-safe-top) - var(--ck-safe-bottom) - 40px); display: grid; align-content: center; gap: 24px; }
.ck-intro__orb { position: relative; width: min(72vw, 310px); aspect-ratio: 1; margin: 0 auto; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, rgba(181,98,255,.28), transparent 64%); animation: ckFloat 5s ease-in-out infinite; }
.ck-intro__orb::before { content: ""; position: absolute; inset: 10%; border-radius: 50%; background: conic-gradient(from 190deg, rgba(255,56,220,.70), rgba(181,98,255,.95), rgba(55,247,255,.55), rgba(255,225,125,.55), rgba(255,56,220,.70)); filter: blur(22px); opacity: .72; }
.ck-intro__logo { position: relative; z-index: 1; width: 54%; filter: drop-shadow(0 18px 42px rgba(181,98,255,.48)); }
.ck-intro__card { padding: 22px; text-align: center; }
.ck-intro__title { margin: 0 0 8px; font-size: var(--ck-font-xl); letter-spacing: .02em; }
.ck-intro__text { margin: 0 auto; max-width: 30ch; color: var(--ck-text-soft); line-height: 1.9; font-size: var(--ck-font-sm); }
.ck-intro__actions { display: grid; gap: 12px; margin-top: 18px; }