:root{--ink:#f8f8fc;--muted:#a9adc2;--navy:#070916;--panel:#101426;--line:rgba(255,255,255,.12);--pink:#ff3e87;--purple:#9a62ff;--blue:#42d6ff;--yellow:#ffd24e;--shell:min(1600px,calc(100% - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{margin:0;background:var(--navy);color:var(--ink);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",sans-serif;word-break:keep-all}a{color:inherit}img{display:block;max-width:100%}.page-shell{width:var(--shell);margin-inline:auto}.ending-stack{position:relative}.hero,.intro-section,.experience-section,.feature-band,.use-section,.cta-section,.site-footer{scroll-snap-align:start;scroll-snap-stop:always}
.site-header{position:fixed;z-index:20;top:0;left:50%;width:var(--shell);height:88px;transform:translateX(-50%);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);isolation:isolate}.site-header:before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:rgba(7,9,22,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:1.28rem;font-weight:950;letter-spacing:.08em}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:25px}.brand-mark i{display:block;width:5px;border-radius:9px;background:linear-gradient(180deg,var(--yellow),var(--pink))}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:17px}.main-nav{display:flex;gap:38px;margin-left:auto}.main-nav a{color:rgba(255,255,255,.72);font-size:.9rem;font-weight:750;text-decoration:none;transition:.2s}.main-nav a:hover{color:#fff}
.hero{position:relative;min-height:820px;height:100svh;overflow:hidden;isolation:isolate}.hero-media{position:absolute;inset:0;background:url("images/stage-hero.jpg") center/cover no-repeat;z-index:-3;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,7,18,.99) 0%,rgba(5,7,18,.86) 34%,rgba(5,7,18,.16) 74%),linear-gradient(0deg,rgba(5,7,18,.95),transparent 35%)}.hero:after{content:"";position:absolute;left:-12%;bottom:-55%;width:70%;aspect-ratio:1;border-radius:50%;background:rgba(126,74,255,.17);filter:blur(120px);z-index:-1}.hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:70px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px;color:#cfd2df;font-size:.74rem;font-weight:900;letter-spacing:.2em}.eyebrow span{width:31px;height:2px;background:linear-gradient(90deg,var(--pink),var(--yellow))}.hero h1,.section-heading h2,.experience-copy h2,.feature-content h2,.cta-inner h2{margin:0;font-size:clamp(3.3rem,7.2vw,7rem);line-height:1.08;letter-spacing:-.065em}.hero h1{max-width:810px}.hero h1 em,.section-heading em,.experience-copy em,.feature-content em,.cta-inner em{font-style:normal;background:linear-gradient(90deg,#fff 5%,var(--pink) 48%,var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{max-width:610px;margin:34px 0 0;color:#c4c6d3;font-size:clamp(1.02rem,1.45vw,1.3rem);line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:58px;padding:0 26px;border-radius:8px;text-decoration:none;font-weight:900}.button-primary{background:linear-gradient(100deg,var(--pink),#ff5c58);box-shadow:0 18px 50px rgba(255,62,135,.28)}.button-primary b{font-size:1.15rem}.button-ghost{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.hero-points{display:flex;gap:0;margin:66px 0 0;padding:0;list-style:none}.hero-points li{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:12px;min-width:190px;padding-right:30px;margin-right:30px;border-right:1px solid rgba(255,255,255,.2)}.hero-points li:last-child{border:0}.hero-points strong{font-size:1.8rem;color:#fff}.hero-points span{align-self:center;color:#aeb1c2;font-size:.77rem}.scroll-cue{position:absolute;right:5vw;bottom:38px;display:flex;align-items:center;gap:12px;color:#b9bbca;font-size:.63rem;letter-spacing:.22em;text-decoration:none;transform:rotate(90deg);transform-origin:right center}.scroll-cue span{display:block;width:54px;height:1px;background:#fff}
.intro-section{padding:150px 0 130px}.section-heading{max-width:760px}.heading-wide{display:grid;grid-template-columns:1fr .55fr;column-gap:80px;max-width:none;align-items:end}.heading-wide .eyebrow{grid-column:1/-1}.section-heading h2,.experience-copy h2,.feature-content h2,.cta-inner h2{font-size:clamp(2.6rem,5.5vw,5.4rem)}.section-heading>p:last-child{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.8}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.benefit-card{position:relative;isolation:isolate;min-height:390px;padding:36px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background-color:#101321;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.benefit-card:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(6,8,19,.22) 0%,rgba(6,8,19,.5) 43%,rgba(6,8,19,.96) 100%),linear-gradient(90deg,rgba(6,8,19,.5),rgba(6,8,19,.05))}.benefit-card:after{content:"";position:absolute;z-index:0;width:230px;height:230px;right:-110px;bottom:-110px;border-radius:50%;background:var(--accent);filter:blur(65px);opacity:.2}.benefit-card>*{position:relative;z-index:1}.benefit-mz{background-image:url("images/benefit-mz.jpg");background-position:62% center}.benefit-assa{background-image:url("images/benefit-assa.jpg");background-position:63% center}.benefit-shorts{background-image:url("images/benefit-shorts.jpg");background-position:center 31%}.accent-pink{--accent:var(--pink)}.accent-blue{--accent:var(--blue)}.accent-yellow{--accent:var(--yellow)}.card-index{position:absolute;top:28px;right:30px;color:rgba(255,255,255,.65);font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.9)}.line-icon{display:grid;place-items:center;width:65px;height:65px;margin:68px 0 44px;border:1px solid var(--accent);border-radius:20px;color:var(--accent);font-size:1.75rem;background:rgba(8,10,22,.68);box-shadow:0 12px 30px rgba(0,0,0,.24);backdrop-filter:blur(8px)}.benefit-card h3{margin:0 0 18px;color:#fff;font-size:1.6rem;text-shadow:0 2px 12px rgba(0,0,0,.92)}.benefit-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.75;text-shadow:0 2px 10px rgba(0,0,0,.95)}.benefit-card small{position:absolute;bottom:28px;left:36px;color:rgba(255,255,255,.58);font-size:.63rem;font-weight:800;letter-spacing:.15em;text-shadow:0 2px 8px rgba(0,0,0,.95)}
.experience-section{padding:130px 0;background:linear-gradient(160deg,#12172b,#080a17 58%);border-block:1px solid var(--line)}.experience-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.device-visual{position:relative;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.45)}.device-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.19);border-radius:inherit;pointer-events:none}.device-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}.device-visual figcaption{position:absolute;left:22px;bottom:22px;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(4,7,17,.72);backdrop-filter:blur(14px);font-size:.78rem}.device-visual figcaption span{display:block;margin-bottom:3px;color:var(--pink);font-size:.58rem;font-weight:900;letter-spacing:.13em}.flow-list{margin:52px 0 0;padding:0;list-style:none}.flow-list li{display:grid;grid-template-columns:62px 1fr;gap:22px;padding:25px 0;border-top:1px solid var(--line)}.flow-list li:last-child{border-bottom:1px solid var(--line)}.flow-list b{color:var(--pink);font-size:.76rem;letter-spacing:.1em}.flow-list h3{margin:0 0 8px;font-size:1.14rem}.flow-list p{margin:0;color:var(--muted);line-height:1.65}
.feature-band{padding:0 0 140px;overflow:hidden;background:#0a0d19}.marquee{display:flex;align-items:center;gap:25px;width:max-content;padding:32px 0;color:rgba(255,255,255,.12);font-size:clamp(2.4rem,6vw,6rem);font-weight:950;letter-spacing:-.04em;white-space:nowrap;animation:marquee 26s linear infinite}.marquee i{color:var(--pink);font-size:.35em}.feature-content{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:6vw;padding-top:120px}.feature-content h2{font-size:clamp(2rem,3.45vw,3.8rem)}.feature-content h2 em{white-space:nowrap}.feature-list{border-top:1px solid var(--line)}.feature-list article{display:grid;grid-template-columns:38px 145px minmax(0,1fr);gap:12px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.feature-list b{color:var(--pink);font-size:.68rem}.feature-list h3{margin:0;font-size:1.02rem}.feature-list p{margin:0;color:var(--muted);font-size:clamp(.72rem,.78vw,.84rem);line-height:1.55;white-space:nowrap}
.use-section{padding:145px 0}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:65px}.use-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:280px;padding:34px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background-color:#0d1020;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.use-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,7,18,.08) 5%,rgba(5,7,18,.28) 43%,rgba(5,7,18,.94) 100%),linear-gradient(90deg,rgba(5,7,18,.6),rgba(5,7,18,.08) 70%)}.use-card>div{position:relative;z-index:1}.use-card>span{position:absolute;top:28px;right:30px;z-index:1;color:rgba(255,255,255,.68);font-size:.72rem;text-shadow:0 1px 8px rgba(0,0,0,.8)}.use-card h3{margin:0 0 10px;color:#fff;font-size:1.45rem;text-shadow:0 2px 12px rgba(0,0,0,.9)}.use-card p{max-width:430px;margin:0;color:rgba(255,255,255,.82);line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.95)}.use-karaoke{background-image:url("images/use-karaoke.jpg");background-position:center 46%}.use-mall{background-image:url("images/use-popup.jpg");background-position:center 51%}.use-event{background-image:url("images/use-event.jpg");background-position:center 50%}.use-brand{background-image:url("images/use-brand.jpg");background-position:center 49%}
.cta-section{position:relative;padding:160px 0;text-align:center;overflow:hidden;background:linear-gradient(145deg,#15132a,#070916)}.cta-inner{position:relative;z-index:2}.cta-inner .eyebrow{justify-content:center}.cta-inner h2{font-size:clamp(3rem,6vw,6.5rem)}.cta-inner>p:not(.eyebrow){margin:30px 0;color:var(--muted);font-size:1.08rem}.cta-inner .button{margin-top:16px}.cta-orb{position:absolute;border-radius:50%;filter:blur(90px)}.orb-one{width:420px;height:420px;left:-100px;bottom:-170px;background:rgba(154,98,255,.28)}.orb-two{width:380px;height:380px;right:-80px;top:-170px;background:rgba(255,62,135,.25)}.site-footer{position:relative;display:flex;align-items:center;min-height:100svh;overflow:hidden;color:#969aaa;background:radial-gradient(circle at 8% 12%,rgba(154,98,255,.15),transparent 28%),radial-gradient(circle at 92% 82%,rgba(255,62,135,.1),transparent 24%),#080b12}.site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 70%)}.footer-inner{position:relative;z-index:1;padding:82px 0 18px}.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;padding-bottom:38px}.footer-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#c7cad5;font-size:.68rem;font-weight:900;letter-spacing:.18em}.footer-kicker span{width:30px;height:2px;background:linear-gradient(90deg,var(--pink),var(--yellow))}.footer-message h2{margin:0;color:#f7f8fb;font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.08;letter-spacing:-.055em}.footer-message h2 em{color:transparent;font-style:normal;background:linear-gradient(90deg,#ff6cac,#9a62ff);background-clip:text;-webkit-background-clip:text}.footer-message>p:last-child{margin:22px 0 0;color:#9da1b1}.footer-inquiry{position:relative;display:grid;gap:8px;min-width:350px;padding:24px 64px 24px 26px;border:1px solid rgba(255,255,255,.14);border-radius:18px;color:#fff;text-decoration:none;background:rgba(255,255,255,.055);transition:.2s ease}.footer-inquiry:hover{border-color:rgba(255,108,172,.62);background:rgba(255,108,172,.09);transform:translateY(-3px)}.footer-inquiry span{color:#aeb1bf;font-size:.72rem;font-weight:800}.footer-inquiry b{font-size:1.1rem;letter-spacing:.01em}.footer-inquiry i{position:absolute;right:24px;top:50%;color:var(--pink);font-size:1.35rem;font-style:normal;transform:translateY(-50%)}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr .72fr;gap:14px}.footer-grid>section,.footer-policy{min-height:235px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);backdrop-filter:blur(8px)}.footer-grid h2,.footer-policy strong{display:block;margin:0 0 24px;color:#f5f6f8;font-size:1.05rem}.footer-grid dl{display:grid;gap:13px;margin:0}.footer-grid dl div{display:grid;grid-template-columns:max-content 1fr;gap:17px}.footer-grid dt{color:#dfe1e8;font-size:.7rem;font-weight:800}.footer-grid dd{margin:0;font-size:.72rem}.footer-grid a{color:inherit;text-decoration:none}.footer-grid a:hover{color:#fff}.footer-phone{display:inline-block;margin-top:30px;color:#fff!important;font-size:clamp(1.75rem,2.6vw,2.8rem)!important;font-weight:700;letter-spacing:-.025em;white-space:nowrap}.footer-policy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;color:#c9ccd6;font-size:.72rem;font-weight:800}.footer-policy strong{margin-bottom:8px}.footer-policy span{padding-bottom:4px;border-bottom:1px solid transparent}.footer-policy span:hover{color:#fff;border-color:var(--pink)}.footer-copyright{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:.66rem}@keyframes marquee{to{transform:translateX(-35%)}}
@media(min-width:901px){.hero{min-height:100svh}.intro-section{min-height:100svh;padding:9vh 0 3vh;display:flex;flex-direction:column;justify-content:center}.benefit-grid{margin-top:4vh}.benefit-card{min-height:min(340px,42vh)}.benefit-card .line-icon{margin:5vh 0 4vh}.experience-section{min-height:100svh;padding:10vh 0 2vh;display:flex;align-items:center}.device-visual img{height:min(58vh,520px);aspect-ratio:auto}.flow-list{margin-top:4vh}.flow-list li{padding:clamp(14px,2.2vh,25px) 0}.feature-band{min-height:100svh;padding-bottom:5vh;display:flex;flex-direction:column;justify-content:center}.marquee{padding:2.5vh 0}.feature-content{padding-top:5vh}.feature-list article{padding:clamp(18px,2.8vh,30px) 0}.use-section{min-height:100svh;padding:14vh 0 0;display:flex;flex-direction:column;justify-content:center}.use-grid{margin-top:3vh}.use-card{min-height:min(230px,27vh)}.ending-stack .cta-section{position:sticky;top:0;z-index:0;min-height:100svh;padding:6vh 0;display:flex;align-items:center}.ending-stack .site-footer{position:relative;z-index:2;box-shadow:0 -30px 80px rgba(0,0,0,.3)}}
@media(max-width:900px){:root{--shell:min(100% - 34px,1240px)}.site-header{height:74px}.main-nav{display:none}.hero{min-height:760px}.hero-shade{background:linear-gradient(90deg,rgba(5,7,18,.96),rgba(5,7,18,.58)),linear-gradient(0deg,#050712,transparent 42%)}.hero-media{background-position:59% center}.hero-copy{justify-content:flex-end;padding-bottom:90px}.hero h1{font-size:clamp(3rem,13vw,5.5rem)}.hero-description{max-width:500px}.hero-points{display:none}.scroll-cue{display:none}.heading-wide,.experience-grid,.feature-content{grid-template-columns:1fr}.heading-wide{gap:28px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:340px}.experience-grid{gap:70px}.experience-copy{order:-1}.feature-content{gap:70px}.use-grid{grid-template-columns:1fr}.footer-top{align-items:flex-start;flex-direction:column}.footer-inquiry{width:100%;min-width:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-policy{grid-column:1/-1;min-height:0}.footer-copyright{margin-top:35px}}
@media(max-width:560px){:root{--shell:calc(100% - 28px)}.brand{font-size:1.03rem}.hero{min-height:720px}.hero-media{background-position:64% center}.hero-shade{background:linear-gradient(0deg,#050712 6%,rgba(5,7,18,.84) 62%,rgba(5,7,18,.42))}.hero-copy{padding-bottom:66px}.hero h1{font-size:clamp(2.75rem,14vw,4.6rem)}.hero-description{font-size:.94rem}.hero-actions{flex-direction:column;align-items:stretch}.button{min-height:54px}.intro-section,.use-section{padding:100px 0}.section-heading h2,.experience-copy h2{font-size:2.7rem}.feature-content h2{font-size:clamp(2rem,9.2vw,2.25rem)}.benefit-grid{margin-top:42px}.benefit-card{min-height:0;padding:28px}.benefit-card small{position:static;display:block;margin-top:30px}.experience-section{padding:96px 0}.flow-list{margin-top:35px}.flow-list li{grid-template-columns:40px 1fr;gap:10px}.feature-band{padding-bottom:100px}.feature-content{padding-top:88px}.feature-list article{grid-template-columns:35px 1fr}.feature-list article p{grid-column:2;white-space:normal}.use-card{min-height:230px;padding:26px}.cta-section{padding:110px 0}.cta-inner h2{font-size:2.75rem}.footer-inner{padding-top:76px}.footer-message h2{font-size:2.65rem}.footer-message>p:last-child{line-height:1.7}.footer-top{gap:34px;padding-bottom:34px}.footer-grid{grid-template-columns:1fr}.footer-grid>section,.footer-policy{min-height:0;padding:26px}.footer-phone{font-size:2rem!important}.footer-copyright{line-height:1.6}}
@media(max-width:900px){html{scroll-snap-type:y proximity}.hero,.intro-section,.experience-section,.feature-band,.use-section,.cta-section{min-height:100svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:y proximity}.marquee{animation:none}}