.fv{position:fixed;left:0;top:0;width:100%;height:100vh;height:100svh;background:var(--fv);overflow:hidden;z-index:0;--fvh:clamp(48px,8.3vw,168px);--fvl:clamp(300px,25vw,420px);--fvw:clamp(256px,min(26.7vw,calc((100svh - 420px) * 1.12)),496px);--od:min(58vw,93svh)}
.orb{position:absolute;left:0;top:0;z-index:1;width:var(--od);aspect-ratio:1;pointer-events:none;will-change:transform}
.orb-b{position:relative;width:100%;height:100%;opacity:0;transform:scale(.84);transition:opacity 1.4s ease,transform 2.2s var(--out)}
.fv.is-on .orb-b{opacity:1;transform:none}
.orb-b::after{content:"";position:absolute;inset:0;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.4 0 0 0 -.2 1.4 0 0 0 -.2 1.4 0 0 0 -.2 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.36;mix-blend-mode:overlay}

.orb-lens{position:absolute;inset:13%;z-index:1;border-radius:50%;overflow:hidden;background:#06121d;-webkit-mask-image:radial-gradient(closest-side,#000 60%,rgba(0,0,0,.78) 74%,rgba(0,0,0,.34) 88%,transparent 100%);mask-image:radial-gradient(closest-side,#000 60%,rgba(0,0,0,.78) 74%,rgba(0,0,0,.34) 88%,transparent 100%);clip-path:circle(0% at 50% 50%);transition:clip-path 1.9s var(--out) .42s}
.fv.is-in .orb-lens{clip-path:circle(50% at 50% 50%)}
.orb-lv{position:absolute;inset:-4%;will-change:transform}
.orb-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.9) brightness(1.06);transform:scale(1.16);transition:opacity 1s ease,transform 2.6s var(--out) .42s}
.orb-v.is-active{opacity:1}
.orb-i.is-active{animation:orbkb 4.4s linear both}
@keyframes orbkb{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.fv.is-in .orb-v{transform:none}
.orb-lens::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,rgba(0,180,255,0) 60%,rgba(0,180,255,.22) 76%,rgba(40,195,255,.7) 90%,rgba(120,215,255,.95) 100%);mix-blend-mode:screen}
.orb-gl{position:absolute;inset:13%;z-index:2;border-radius:50%;background:radial-gradient(46% 30% at 33% 19%,rgba(255,255,255,.3),rgba(255,255,255,.07) 60%,rgba(255,255,255,0) 100%),radial-gradient(closest-side,rgba(255,255,255,0) 84%,rgba(255,255,255,.26) 93%,rgba(255,255,255,0) 100%);mix-blend-mode:screen;opacity:0;transition:opacity 1.2s ease 1.2s}
.fv.is-in .orb-gl{opacity:1}

.fv-in{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) var(--fvl);column-gap:clamp(24px,3vw,64px);align-items:end;padding:96px var(--pad) clamp(44px,6.2vh,72px);will-change:opacity,transform}
.fv-h{font-size:var(--fvh);font-weight:700;line-height:1.06;letter-spacing:-.02em;font-feature-settings:"palt";white-space:nowrap;margin:0 0 -.035em -.06em}
.fv-ln{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em .04em .1em;margin:-.06em -.04em -.1em}
.fv-ln>span{display:inline-block;transform:translate3d(0,112%,0);transition:transform .9s var(--out)}
.fv.is-in .fv-ln>span{transform:none}
.fv-ln:nth-of-type(1)>span{transition-delay:.12s}
.fv-ln:nth-of-type(2)>span,.fv-ln:nth-of-type(3)>span{transition-delay:.24s}

.fv-side{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.fv-win{position:relative;width:var(--fvw);margin-left:calc(var(--fvl) - var(--fvw));padding:8px;border-radius:14px;background:rgba(255,255,255,.26);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 0 0 1px rgba(0,0,0,.05);clip-path:inset(0 0 100% 0 round 14px);transition:clip-path 1.1s var(--out) .9s;will-change:transform}
.fv-win::before{z-index:2}
.fv.is-in .fv-win{clip-path:inset(0 0 0 0 round 14px)}
.fv-scr{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--foot)}
.fv-scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.84);transition:opacity .9s ease}
.fv-scr img.is-active{opacity:1}
.fv-scr::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:2;height:30%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.42));pointer-events:none}
.fv-seg{position:absolute;left:12px;right:12px;bottom:11px;z-index:3;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
.fv-seg i{display:block;height:2px;border-radius:2px;background:rgba(255,255,255,.34);overflow:hidden}
.fv-seg i::after{content:"";display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:0 50%}
.fv-seg i.is-done::after{transform:scaleX(1)}
.fv-seg i.is-on::after{transform:scaleX(1);transition:transform 2.4s linear}

.fv-lead{margin-top:clamp(22px,2.1vw,32px);font-size:clamp(15px,1.18vw,19px);font-weight:500;line-height:1.85;color:var(--ink)}
.fv-btns{margin-top:clamp(20px,2vw,30px);display:flex;gap:10px}
.fv-lead,.fv-btns{opacity:0;transform:translate3d(0,14px,0);transition:opacity .9s var(--out),transform .9s var(--out)}
.fv-lead{transition-delay:.56s}
.fv-btns{transition-delay:.66s}
.fv.is-in .fv-lead,.fv.is-in .fv-btns{opacity:1;transform:none}
.fv .btn{gap:26px}
.fv .btn.ghost{background:rgba(255,255,255,.62);box-shadow:var(--glass),inset 0 0 0 1px rgba(0,0,0,.07)}
.fv .btn.ghost:hover{background:#fff}

@media (min-width:992px){
.fv{height:auto;bottom:0;container-type:inline-size;--u:min(1cqw,16.8px);--fvh:calc(8.3*var(--u));--fvl:calc(25*var(--u));--fvw:calc(25.5901*var(--u));--od:calc(45.4347*var(--u));--wr:calc(.8669*var(--u))}
.fv+main{margin-top:calc(min(45.8255%,769.87px) + var(--sec))}
.fv-in{bottom:auto;height:calc(48.8545*var(--u));column-gap:calc(3*var(--u));padding:0 calc(50cqw - 44.5*var(--u)) calc(3.029*var(--u))}
.fv-win{padding:calc(.4954*var(--u));border-radius:var(--wr);clip-path:inset(0 0 100% 0 round var(--wr))}
.fv.is-in .fv-win{clip-path:inset(0 0 0 0 round var(--wr))}
.fv-scr{border-radius:calc(.3715*var(--u))}
.fv-seg{left:calc(.743*var(--u));right:calc(.743*var(--u));bottom:calc(.6811*var(--u));gap:calc(.2477*var(--u))}
.fv-lead{margin-top:calc(1.9814*var(--u));font-size:max(14px,1.1765*var(--u))}
.fv-btns{margin-top:calc(1.8576*var(--u))}
.fv .btn{height:max(46px,3.4675*var(--u));gap:max(18px,1.6099*var(--u));padding:0 max(8px,.6192*var(--u)) 0 max(22px,1.7337*var(--u));font-size:max(14px,.9288*var(--u))}
.fv .btn .c{width:max(32px,2.2291*var(--u));height:max(32px,2.2291*var(--u))}
.fv .btn .c svg{width:max(13px,.8669*var(--u));height:max(9px,.6192*var(--u))}
}
@media (max-width:991px) and (min-width:768px){
.fv{--fvh:clamp(64px,10.4vw,120px);--fvw:clamp(240px,34vw,360px);--od:min(64vw,62svh)}
.fv-in{grid-template-columns:minmax(0,1fr);row-gap:clamp(28px,4vh,48px);align-content:end}
.fv-side{display:grid;grid-template-columns:minmax(0,1fr) var(--fvw);grid-template-areas:"lead win" "btns win";column-gap:40px;align-items:end}
.fv-win{grid-area:win;margin-left:0}
.fv-lead{grid-area:lead;margin-top:0;align-self:start}
.fv-btns{grid-area:btns}
}
@media (max-width:991px){
.fv-in{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
}
@media (max-width:767px){
.fv{--fvh:clamp(44px,12.4vw,52px);--fvw:58vw;--od:100vw}
.fv-in{grid-template-columns:minmax(0,1fr);align-content:end;padding-top:84px}
.fv-side{display:contents}
.fv-win{grid-row:1;grid-column:1;justify-self:end;align-self:end;z-index:1;margin-left:0;padding:7px;transform-origin:50% 60%}
.fv-win::after{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.3) 48%,rgba(255,255,255,.08) 53%,rgba(255,255,255,0) 61%) var(--fv-gx,50%) 0/280% 100% no-repeat;mix-blend-mode:screen}
.fv-h{grid-row:2;grid-column:1;position:relative;z-index:2;margin-top:calc(var(--fvh) * -.6)}
.fv-ln:nth-of-type(3)>span{transition-delay:.36s}
.fv-seg{left:9px;right:9px;bottom:8px;gap:3px}
.fv-lead{grid-row:3;margin-top:26px;font-size:15.5px;line-height:1.8}
.fv-btns{grid-row:4;margin-top:24px}
.fv .btn{gap:20px}
}
@media (prefers-reduced-motion:reduce){
.fv-ln>span,.fv-lead,.fv-btns{transform:none!important;opacity:1!important}
.fv-win,.orb-lens{clip-path:none!important}
.orb-b{opacity:1;transform:none}
.orb-v{transform:none}
.orb-i.is-active{animation:none}
.orb-gl{opacity:1}
.fv-seg{display:none}
}
@media (max-width:767px){
.fv-win{display:none}
}
@media (max-width:767px) and (max-height:720px){
.fv{--fvh:clamp(38px,11.2vw,46px)}
.fv-in{padding-top:72px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
.fv-lead{margin-top:16px;font-size:15px;line-height:1.72}
.fv-btns{margin-top:18px}
}