.jsmoke-intro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,#123d76 0,#07152e 38%,#020711 74%,#000 100%);overflow:hidden;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}.jsmoke-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.jsmoke-intro__stage{position:relative;width:min(92vw,980px);aspect-ratio:1000/600;display:grid;place-items:center}.jsmoke-intro__logo{position:relative;z-index:3;width:min(54%,500px);height:auto;opacity:0;transform:scale(.86) translateY(10px);filter:drop-shadow(0 0 0 rgba(0,0,0,0));transition:none}.jsmoke-intro.is-playing .jsmoke-intro__logo{animation:jsmokeLogoIn 1.05s cubic-bezier(.2,.8,.2,1) 1.15s forwards,jsmokeLogoGlow 1.4s ease 1.4s forwards}.jsmoke-intro__arc{position:absolute;z-index:1;inset:3% 0 12%;width:100%;height:auto;overflow:visible}.jsmoke-intro__arc-line,.jsmoke-intro__arc-shadow{fill:none;stroke-linecap:round}.jsmoke-intro__arc-shadow{stroke:#1abaf0;stroke-width:20;opacity:.12;filter:blur(12px)}.jsmoke-intro__arc-line{stroke:url(#jsmokeArcGradient);stroke-width:11;filter:url(#jsmokeArcGlow);stroke-dasharray:1;stroke-dashoffset:1}.jsmoke-intro.is-playing .jsmoke-intro__arc-line{animation:jsmokeDrawArc 1.25s cubic-bezier(.35,.05,.2,1) .12s forwards}.jsmoke-intro__comet{position:absolute;z-index:4;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px #fff,0 0 28px 12px #27d8ff,0 0 50px 18px rgba(39,216,255,.55);opacity:0;offset-path:path("M110,375 C280,90 690,35 890,265");offset-distance:0%;transform:translate(-50%,-50%)}.jsmoke-intro.is-playing .jsmoke-intro__comet{animation:jsmokeComet 1.22s cubic-bezier(.35,.05,.2,1) .12s forwards}.jsmoke-intro__sparks{position:absolute;z-index:5;left:88.5%;top:44%;width:1px;height:1px}.jsmoke-spark{position:absolute;left:0;top:0;width:var(--size);height:var(--size);border-radius:50%;background:var(--spark);box-shadow:0 0 10px var(--spark);opacity:0;transform:translate(0,0) scale(.3)}.jsmoke-intro.is-bursting .jsmoke-spark{animation:jsmokeSpark var(--dur) cubic-bezier(.1,.65,.2,1) var(--delay) forwards}.jsmoke-intro__tagline{position:absolute;z-index:2;bottom:8%;font:800 clamp(14px,2vw,24px)/1.1 Arial,sans-serif;letter-spacing:.35em;color:#fff;opacity:0;text-shadow:0 0 22px rgba(42,199,255,.7)}.jsmoke-intro.is-playing .jsmoke-intro__tagline{animation:jsmokeTag .8s ease 1.75s forwards}.jsmoke-intro__skip{position:absolute;z-index:8;right:20px;top:18px;padding:8px 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.32);color:#fff;font:600 12px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.jsmoke-intro__skip:hover,.jsmoke-intro__skip:focus-visible{background:rgba(255,255,255,.14);outline:2px solid #fff;outline-offset:2px}@keyframes jsmokeDrawArc{to{stroke-dashoffset:0}}@keyframes jsmokeComet{0%{opacity:0;offset-distance:0%;transform:translate(-50%,-50%) scale(.6)}8%{opacity:1}88%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;offset-distance:100%;transform:translate(-50%,-50%) scale(3.4)}}@keyframes jsmokeLogoIn{0%{opacity:0;transform:scale(.86) translateY(10px)}65%{opacity:1;transform:scale(1.035) translateY(0)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes jsmokeLogoGlow{0%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}45%{filter:drop-shadow(0 0 18px rgba(36,190,244,.85)) drop-shadow(0 0 32px rgba(255,218,0,.35))}100%{filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}}@keyframes jsmokeTag{from{opacity:0;transform:translateY(8px);letter-spacing:.55em}to{opacity:.85;transform:none;letter-spacing:.35em}}@keyframes jsmokeSpark{0%{opacity:0;transform:translate(0,0) scale(.2)}12%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}@media(max-width:749px){.jsmoke-intro__stage{width:100vw;aspect-ratio:1/1}.jsmoke-intro__logo{width:min(72vw,390px)}.jsmoke-intro__arc{inset:9% -8% auto;width:116%}.jsmoke-intro__sparks{left:91%;top:39%}.jsmoke-intro__tagline{bottom:10%;letter-spacing:.22em}.jsmoke-intro.is-playing .jsmoke-intro__tagline{animation-name:jsmokeTagMobile}}@keyframes jsmokeTagMobile{from{opacity:0;transform:translateY(8px);letter-spacing:.32em}to{opacity:.85;transform:none;letter-spacing:.22em}}@media(prefers-reduced-motion:reduce){.jsmoke-intro{display:none!important}}
