.kinomos-launch-splash { position:fixed; inset:0; z-index:2147483647; overflow:hidden; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#061f23 0%,#103f43 48%,#1e5359 100%); isolation:isolate; opacity:0; transition:opacity .55s ease; font-family:Manrope,system-ui,sans-serif; }
.kinomos-launch-splash--visible { opacity:1; }
.kinomos-launch-splash::before,.kinomos-launch-splash::after { position:absolute; content:""; width:80vmax; height:80vmax; border-radius:50%; border:1px solid rgb(175 236 218 / 15%); }
.kinomos-launch-splash::before { top:-47vmax; right:-30vmax; animation:kinomos-launch-drift 8s ease-in-out infinite alternate; }
.kinomos-launch-splash::after { bottom:-56vmax; left:-42vmax; border-width:34px; border-color:rgb(255 204 108 / 6%); }
.kinomos-launch-content { position:relative; z-index:2; display:grid; justify-items:center; text-align:center; transform:translateY(10px); }
.kinomos-launch-glow { position:absolute; width:260px; height:260px; border-radius:50%; background:#e6b75f; opacity:.19; filter:blur(54px); animation:kinomos-launch-glow 1.8s ease-out both; }
.kinomos-launch-mark { display:grid; place-items:center; width:120px; height:120px; margin-bottom:28px; border:1px solid rgb(255 255 255 / 45%); border-radius:38px; background:linear-gradient(145deg,rgb(255 255 255 / 22%),rgb(255 255 255 / 4%)); box-shadow:0 25px 60px rgb(0 0 0 / 28%); backdrop-filter:blur(8px); animation:kinomos-launch-mark .95s cubic-bezier(.16,1,.3,1) both; }
.kinomos-launch-mark img { width:90px; height:90px; border-radius:25px; }
.kinomos-launch-eyebrow { margin:0 0 7px; font-size:10px; font-weight:700; letter-spacing:.28em; color:#f1c873; animation:kinomos-launch-copy .65s .35s both; }
.kinomos-launch-content h1 { margin:0; font-size:clamp(42px,11vw,64px); line-height:1; letter-spacing:-.07em; animation:kinomos-launch-copy .65s .48s both; }
.kinomos-launch-tagline { margin:14px 0 0; font-size:15px; letter-spacing:.01em; color:rgb(255 255 255 / 78%); animation:kinomos-launch-copy .65s .62s both; }
.kinomos-launch-line { width:44px; height:3px; margin-top:28px; border-radius:99px; background:#f1c873; animation:kinomos-launch-line 1s .75s cubic-bezier(.16,1,.3,1) both; }
.kinomos-launch-orbit { position:absolute; border:1px solid rgb(255 255 255 / 15%); border-radius:50%; }
.kinomos-launch-orbit--one { width:390px; height:390px; animation:kinomos-launch-spin 14s linear infinite; }
.kinomos-launch-orbit--two { width:290px; height:290px; border-style:dashed; opacity:.8; animation:kinomos-launch-spin 10s linear infinite reverse; }
@keyframes kinomos-launch-mark { from { opacity:0; transform:scale(.55) rotate(-14deg); } to { opacity:1; transform:scale(1) rotate(0); } }
@keyframes kinomos-launch-copy { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes kinomos-launch-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes kinomos-launch-glow { from { opacity:0; transform:scale(.3); } to { opacity:.19; transform:scale(1.3); } }
@keyframes kinomos-launch-spin { to { transform:rotate(360deg); } }
@keyframes kinomos-launch-drift { to { transform:translate(-7vmax,6vmax); } }
