.ex-spatial{--g-hw:600;--g-ht:-.035em;--g-hl:1;--g-r:28px;--g-btn-r:99px;--g-bw:1px;--g-bc:color-mix(in srgb,#fff 30%,transparent);--glass:color-mix(in srgb,var(--gp) 55%,transparent);--g-card:var(--glass);--g-sh:0 20px 50px -20px rgb(0 0 0/.35),inset 0 1px 0 color-mix(in srgb,#fff 40%,transparent)}.ex-spatial:not(:has(.ex-dark:checked)){--g-bc:color-mix(in srgb,var(--gk) 12%,transparent);--glass:color-mix(in srgb,#fff 60%,transparent)}.g-spatial{background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--ga) 18%,transparent),transparent 50%),radial-gradient(ellipse at 90% 30%,color-mix(in srgb,var(--gb) 16%,transparent),transparent 50%),var(--gp)}.g-spatial .g-sec.alt{background:color-mix(in srgb,var(--gk) 4%,transparent)}.g-spatial .g-card,.g-spatial .g-quotes li{backdrop-filter:blur(20px);box-shadow:var(--g-sh)}.g-spatial .g-kick{color:var(--gat)}.vo-logo{display:inline-flex;align-items:center;gap:10px;font:600 21px var(--g-font);letter-spacing:-.02em}.vo-logo i{width:22px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--ga),var(--gb),var(--ga));box-shadow:inset 0 0 0 5px var(--gp)}.vo-hero{position:relative;overflow:hidden;padding:96px 0 120px;text-align:center}.vo-room i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.vo-room i:first-child{left:6%;top:30%;width:34%;aspect-ratio:1;background:var(--ga)}.vo-room i:nth-child(2){right:4%;top:46%;width:30%;aspect-ratio:1;background:var(--gb)}.vo-hero-in{position:relative;display:grid;justify-items:center}.vo-hero h1{margin-top:14px;font-size:clamp(54px,7.6vw,120px);max-width:12ch}.vo-hero h1 em{font-style:normal;color:var(--gat)}.vo-sub{max-width:36em;margin:22px auto 0;font-size:19px;color:var(--gk)}.vo-hero .g-acts{justify-content:center}.vo-stage{position:relative;width:min(100%,900px);height:450px;margin-top:70px;perspective:1200px;text-align:left}.vo-win{position:absolute;display:grid;gap:8px;align-content:start;padding:22px;border:1px solid var(--g-bc);border-radius:28px;background:var(--glass);backdrop-filter:blur(24px);box-shadow:var(--g-sh)}.vo-win b{font-size:17px}.vo-win small,.vo-win span{font-size:14px;color:var(--gk2)}.vo-win.main{left:50%;top:10px;width:340px;translate:-50% 0;z-index:2}.vo-win.main .cover{height:180px;border-radius:18px;background:radial-gradient(circle at 30% 30%,var(--ga),transparent 60%),radial-gradient(circle at 75% 70%,var(--gb),transparent 60%),color-mix(in srgb,var(--gk) 20%,var(--gp))}.vo-win .bar{height:5px;margin-top:6px;border-radius:99px;background:color-mix(in srgb,var(--gk) 15%,transparent)}.vo-win .bar i{display:block;width:38%;height:100%;border-radius:inherit;background:var(--gk)}.vo-win .ctrl{display:flex;justify-content:center;gap:22px;margin-top:4px}.vo-win .ctrl i{width:14px;aspect-ratio:1;border-radius:50%;background:var(--gk2)}.vo-win .ctrl .play{width:38px;background:var(--gk)}.vo-win.back{left:4%;top:70px;width:230px;transform:rotateY(18deg) translateZ(-80px);opacity:.85}.vo-win.side{right:4%;top:90px;width:220px;transform:rotateY(-18deg) translateZ(-60px);opacity:.9}.vo-win .dot{display:flex;align-items:center;gap:10px}.vo-win .dot:before{content:"";width:10px;aspect-ratio:1;border-radius:50%;background:var(--ga)}.vo-win .d2:before{background:var(--gb)}.vo-win .d3:before{background:var(--gk2)}.vo-orn{position:absolute;left:50%;bottom:0;translate:-50% 0;display:flex;gap:14px;padding:10px 18px;border:1px solid var(--g-bc);border-radius:99px;background:var(--glass);backdrop-filter:blur(20px);box-shadow:var(--g-sh)}.vo-orn i{width:26px;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--gk) 18%,transparent)}.vo-orn i:first-child{background:var(--ga)}@media (prefers-reduced-motion:no-preference){.vo-win.back{animation:vo-float 7s ease-in-out infinite alternate}.vo-win.side{animation:vo-float 8s ease-in-out -3s infinite alternate}}@keyframes vo-float{to{translate:0 -12px}}.vo-num{padding-block:40px}.vo-how-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}.vo-how h2{font-size:clamp(36px,4.6vw,64px)}.vo-plan{position:relative;aspect-ratio:1.2;border:1px solid var(--g-bc);border-radius:32px;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--ga) 14%,transparent),transparent 60%),var(--glass);box-shadow:var(--g-sh)}.vo-plan span{position:absolute;padding:8px 16px;border-radius:99px;font-size:14px;font-weight:600;border:1px solid var(--g-bc);background:var(--gp);translate:-50% -50%}.vo-plan .you{left:50%;top:60%;background:var(--gk);color:var(--gp)}.vo-plan .p1{left:50%;top:22%}.vo-plan .p2{left:20%;top:40%}.vo-plan .p3{left:80%;top:36%}.vo-plan .p4{left:50%;top:88%}.vo-plan .p:after{content:"";position:absolute;left:50%;top:50%;width:140%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--ga) 30%,transparent);border-radius:50%;translate:-50% -50%}@media (max-width:1000px){.vo-how-in{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.vo-stage{height:470px}.vo-win.back,.vo-win.side{display:none}.vo-win.main{width:min(100%,320px)}}