/* LaunchMyWeb - splash + intro slides */
.gbg{background:radial-gradient(circle at 8% 0,rgba(59,134,207,.18),transparent 46%),radial-gradient(circle at 100% 100%,rgba(59,134,207,.18),transparent 46%),#fff;color:var(--tx);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
#splash{align-items:center;justify-content:center;text-align:center;gap:10px;cursor:pointer}
.logo{width:84px;height:84px;border-radius:var(--r);background:var(--g);color:#fff;box-shadow:0 14px 28px rgba(59,134,207,.4);display:grid;place-items:center;font-size:58px;animation:pop .7s cubic-bezier(.2,1.4,.4,1) both}
.big{font-size:52px;line-height:1.1;margin-top:8px;color:#000;animation:pop .7s .15s cubic-bezier(.2,1.4,.4,1) both}
#splash p{color:var(--mut);font-size:16px;animation:pop .7s .3s both}
.ld{position:absolute;bottom:calc(48px + env(safe-area-inset-bottom,0px));width:120px;height:4px;border-radius:var(--r);background:var(--bd);overflow:hidden}
.ld i{display:block;height:100%;width:0;background:var(--g);animation:ld 2.2s linear forwards}
@keyframes ld{to{width:100%}}
@keyframes fl{50%{transform:translateY(-10px)}}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:28px}
.top span{color:#000}
.skip{background:#fff;border:1px solid var(--bd);box-shadow:var(--sh);color:var(--tx);border-radius:var(--r);padding:7px 14px;font:600 14px Outfit,system-ui,sans-serif;cursor:pointer}
.vp{flex:1;overflow:hidden}
.trk{display:flex;height:100%;transition:transform .45s cubic-bezier(.3,.8,.3,1)}
.sl{min-width:100%;padding:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.art{width:170px;height:170px;border-radius:var(--r);background:var(--g);color:#fff;box-shadow:0 18px 36px rgba(59,134,207,.35);display:grid;place-items:center;margin-bottom:14px;animation:fl 3.2s ease-in-out infinite}
.art svg{width:84px;height:84px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sl h2{font-size:42px;line-height:1.1;padding-bottom:4px;color:#000}
.sl p{color:var(--mut);line-height:1.5;max-width:300px}
.bot{padding:10px 24px 26px;display:flex;flex-direction:column;gap:22px;align-items:center}
.dot{width:8px;height:8px;border-radius:2px;background:var(--bd);display:inline-block;margin:0 3px;transition:.3s}
.dot.on{width:28px;background:var(--g)}