.vf-intro{display:none}
html.vf-intro-active .vf-intro{display:grid;position:fixed;inset:0;z-index:10000;place-items:center;padding:76px 24px;box-sizing:border-box;color:#fff;isolation:isolate;overflow:hidden;touch-action:none;overscroll-behavior:contain;font-family:'Nunito Sans',system-ui,sans-serif;animation:vf-safety 6.1s step-end forwards}
.vf-intro-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 43%,#24577f 0%,#173c63 39%,#0d2747 100%);transition:opacity .62s cubic-bezier(.2,0,.2,1)}
.vf-intro-backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 51% 45%,#75c9e51a,transparent 50%);animation:vf-atmosphere 4.2s ease both}
.vf-intro-art{position:absolute;width:clamp(220px,40vw,520px);height:auto;max-height:78vh;right:4vw;top:50%;transform:translateY(-50%) rotate(10deg);color:#c9e5ff;opacity:.035;transition:opacity .5s}
.vf-intro-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;transform:translateY(-12px);width:100%;z-index:1}
.vf-intro-brand{display:block;width:clamp(252px,31vw,336px);max-width:calc(100vw - 64px);height:auto;overflow:visible;transform-origin:0 0;will-change:transform}
.vf-intro-symbol-stage{animation:vf-symbol-home 2.25s cubic-bezier(.22,1,.36,1) both}
.vf-intro-fill{opacity:0;animation:vf-fill .6s 1.6s ease forwards}
.vf-intro-outline path{fill:none;stroke:#96e3f4;stroke-width:.19;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:vf-draw 1.8s .12s cubic-bezier(.4,0,.2,1) forwards,vf-outline-away .45s 1.9s ease forwards}
.vf-intro-outline path:nth-child(2){animation-delay:.48s,1.9s;animation-duration:1.42s,.45s}
.vf-intro-point{fill:#effcff;filter:drop-shadow(0 0 .65px #8be7ff);animation:vf-point 2.1s linear both}
.vf-intro-word{opacity:0;animation:vf-word .65s 1.92s cubic-bezier(.22,1,.36,1) forwards}
.vf-intro-brand.is-in-flight .vf-intro-symbol-stage{animation:none;transform:none}
.vf-intro-brand.is-in-flight .vf-intro-fill,.vf-intro-brand.is-in-flight .vf-intro-word{animation:none;opacity:1;transform:none}
.vf-intro-brand.is-in-flight .vf-intro-outline,.vf-intro-brand.is-in-flight .vf-intro-point{display:none}
.vf-intro-caption{margin:0;max-width:380px;color:#e5f0fb;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:.015em;opacity:0;animation:vf-caption .7s 2.18s ease forwards}
.vf-intro-route{width:92px;height:1px;background:linear-gradient(90deg,transparent,#8ad6ed99,transparent);opacity:0;animation:vf-caption .8s 2.45s ease forwards}
.vf-intro-skip{position:absolute;z-index:3;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:inline-flex;align-items:center;gap:12px;max-width:calc(100% - 48px);min-height:44px;padding:11px 17px;border:1px solid #bedcff38;border-radius:999px;background:#ffffff08;color:#dcecff;font:600 13px/1.4 'Nunito Sans',system-ui,sans-serif;cursor:pointer;transition:opacity .3s,background .15s}
.vf-intro-skip:hover{background:#ffffff18}.vf-intro-skip:focus{outline:none}.vf-intro.is-keyboard .vf-intro-skip:focus{outline:2px solid #64dcfa;outline-offset:5px}.vf-intro-focus-target:focus{outline:none}
.vf-intro.is-flying .vf-intro-backdrop,.vf-intro.is-flying .vf-intro-art,.vf-intro.is-flying .vf-intro-skip{opacity:0}
.vf-intro.is-flying .vf-intro-caption,.vf-intro.is-flying .vf-intro-route{animation:none;opacity:0;transition:opacity .25s}
.vf-intro.is-fading{opacity:0;transition:opacity .45s}
@keyframes vf-draw{to{stroke-dashoffset:0}}
@keyframes vf-fill{to{opacity:1}}
@keyframes vf-outline-away{to{opacity:0}}
@keyframes vf-symbol-home{0%,72%{transform:translateX(19px)}100%{transform:translateX(0)}}
@keyframes vf-word{from{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}
@keyframes vf-caption{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes vf-point{0%,5%{opacity:0}9%,83%{opacity:1}100%{opacity:0}}
@keyframes vf-atmosphere{from{opacity:.25;transform:scale(.85)}65%,100%{opacity:1;transform:scale(1.08)}}
@keyframes vf-safety{100%{visibility:hidden;pointer-events:none;opacity:0}}
@media(max-width:600px){.vf-intro-content{gap:24px}.vf-intro-caption{font-size:18px;max-width:280px}.vf-intro-art{width:74vw;right:-4vw;opacity:.03}.vf-intro-skip{right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));font-size:12px;padding:10px 14px}}
@media(max-height:450px){.vf-intro-content{gap:13px;transform:translateY(10px)}.vf-intro-brand{width:220px}.vf-intro-caption{font-size:16px}}
@media(prefers-reduced-motion:reduce){html.vf-intro-active .vf-intro{display:none}.vf-intro *{animation:none!important;transition:none!important}}
