/* The supplied DATACRAFT interactive-motion reference: charcoal, glass panels,
   cyan/indigo glow, white pill actions and generous spacing. */
:root{color-scheme:dark;--ink:#f8fafc;--muted:#94a3b8;--line:rgba(255,255,255,.09);--paper:#090a0f;--surface:#10141f;--accent:#67e8f9;--font:'Geist','Inter','Pretendard','Segoe UI','Malgun Gothic',sans-serif}
body{background:#090a0f;color:#f8fafc}.container{width:min(1216px,calc(100% - 64px))}.site-header{height:73px;background:rgba(9,10,15,.86);border-color:rgba(255,255,255,.08)}.nav-wrap{gap:24px}.brand{font-size:18px;letter-spacing:-.045em}.brand-mark,.brand-mark:before{background:linear-gradient(180deg,#818cf8,#38bdf8)}.desktop-nav{gap:18px}.desktop-nav a{font-size:11px;color:#94a3b8;letter-spacing:.02em;position:relative;white-space:nowrap}.desktop-nav a:after{content:'';height:2px;position:absolute;bottom:-7px;left:50%;width:0;transform:translateX(-50%);background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:2px;transition:width .25s;box-shadow:0 0 10px #38bdf85e}.desktop-nav a:hover,.desktop-nav a.active{color:#b5f0fc}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.nav-contact{background:#fff;color:#090a0f;font-size:12px;padding:9px 17px}.nav-contact:hover{background:#a5f3fc;box-shadow:0 0 24px #06b6d433}.menu-toggle span{background:#e2e8f0}.mobile-nav{top:72px;background:#0d1018;box-shadow:0 20px 35px #0005}.mobile-nav a{color:#64748b;border-color:var(--line)}.mobile-nav a span{color:#e2e8f0}.skip-link{background:#101927;color:#fff}
.hero{padding-top:92px}.hero-intro{align-items:flex-start;padding-bottom:105px;gap:60px}.hero-intro>div{flex:1}.hero .section-kicker{display:none}h1{font-size:clamp(54px,6vw,84px);font-weight:600;line-height:1.03;letter-spacing:-.055em}h1>span{display:inline-block;margin-top:19px;font-size:.66em;line-height:1.28;letter-spacing:-.055em}.hero-description{font-size:17px;line-height:1.8;color:#94a3b8;padding-top:14px;max-width:345px;width:32%}.hero-actions{margin-top:34px;gap:16px}.button{font-size:14px;min-height:46px;padding:12px 24px}.button-dark{background:#fff;color:#090a0f}.button-dark:hover{background:#a5f3fc;box-shadow:0 0 25px #06b6d42e}.button-outline{border:1px solid #ffffff26;background:#ffffff06;color:#f8fafc}.button-outline:hover{border-color:#22d3ee66;background:#ffffff0d;box-shadow:0 0 25px #06b6d417}.text-link:hover{color:#67e8f9}
.hero-panel.reference-showcase{min-height:600px;display:flex;flex-direction:column;justify-content:space-between;padding:32px;background:#10131dc9;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px -15px #000b;transition:border-color .5s;isolation:isolate}.reference-showcase:hover{border-color:#22d3ee4d}.showcase-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.showcase-ambient i{position:absolute;display:block;border-radius:50%;width:440px;height:440px;left:calc(50% - 220px);top:calc(50% - 220px);filter:blur(90px);background:linear-gradient(45deg,#4f46e55e,#8b5cf65e);animation:ambient-flow 12s ease-in-out infinite alternate}.showcase-ambient i:first-child{width:340px;height:340px;left:calc(50% - 290px);top:calc(50% - 155px);background:linear-gradient(45deg,#06b6d45c,#2563eb3d);animation-duration:15s}.showcase-ambient i:last-child{width:300px;height:300px;left:calc(50% - 10px);top:calc(50% - 130px);background:linear-gradient(45deg,#22d3ee42,#2dd4bf26);animation-duration:10s;animation-direction:alternate-reverse}.showcase-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.showcase-tabs{display:flex;border-radius:40px;background:#0008;padding:4px;border:1px solid #ffffff1a}.showcase-tabs a{font-size:13px;color:#94a3b8;padding:9px 18px;border-radius:30px;border:1px solid transparent;transition:color .2s,background .2s}.showcase-tabs a:hover{color:#fff;background:#ffffff0d}.showcase-tabs a.selected{color:#f8fafc;background:#ffffff1a;border-color:#ffffff1a}.showcase-badge{background:#0007;border:1px solid #ffffff1a;padding:9px 15px;font-size:10px;letter-spacing:.07em;color:#b5dbe4;border-radius:30px}.showcase-center{align-self:center;display:flex;flex-direction:column;align-items:center;gap:23px;padding:55px 0 50px}.showcase-game-name{font-size:13px;font-weight:500;letter-spacing:.23em;color:#d7e9fa}.showcase-play{height:80px;width:80px;border:1px solid #22d3ee80;background:#ffffff1a;backdrop-filter:blur(15px);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 40px #06b6d459;transition:transform .25s,box-shadow .25s}.showcase-play:hover{transform:scale(1.07);box-shadow:0 0 60px #06b6d47a}.showcase-play>span{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid #f8fafc;margin-left:4px}.showcase-hint{font-size:10px;letter-spacing:.18em;color:#a5eaf6}.showcase-bottom{background:#0008;backdrop-filter:blur(16px);border:1px solid #ffffff1a;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:18px}.showcase-features{display:flex;gap:26px;align-items:center;color:#94a3b8;font-size:13px;flex-wrap:wrap}.showcase-features span:first-child{color:#67e8f9}.showcase-bottom>.button{min-height:36px;padding:9px 20px;font-size:12px;white-space:nowrap}.hero-bottom{color:#738095;padding-top:26px}.hero-bottom i{background:#475569}.hero-bottom>a{color:#94a3b8}
.section{padding-block:110px}h2{font-size:44px;font-weight:500;line-height:1.3;letter-spacing:-.055em}.section-kicker{color:#67e8f9;font-size:11px;letter-spacing:.09em}.section-kicker>span{color:#64748b;border-color:#334155}.section-description,.about-heading>p,.service-intro>p:not(.section-kicker){color:#94a3b8;line-height:1.8;font-size:16px}.section-heading{margin-bottom:42px}.format-label{color:#7e91a9}.video-card{background:#101521;border:1px solid #ffffff1a;box-shadow:0 16px 35px #0002;transition:border-color .3s,box-shadow .3s}.video-card:hover{border-color:#22d3ee66;box-shadow:0 16px 35px #06b6d417}.video-card>img{filter:brightness(.7) saturate(.85);transition:filter .35s,transform .6s}.video-card:hover>img{filter:brightness(.85) saturate(.95)}.video-shade{background:linear-gradient(180deg,#080d183b,#080d180d 40%,#050811c9)}.media-pill{color:#c5f1ff;background:#0a101acc;border:1px solid #22d3ee40}.play-circle{background:#ffffffeb;box-shadow:0 0 30px #06b6d433}.media-top,.media-bottom{color:#e2e8f0}.short-item>p{color:#7e91a9}.short-item h3{color:#e2e8f0}.short-title{font-size:31px}.shorts-grid{gap:26px}.short-card{border-radius:20px}
.about-section{background:transparent;margin-top:0}.about-heading{margin-bottom:45px}.about-heading>h2{max-width:700px}.about-film{background:#101523;border-color:#ffffff1a;color:#f8fafc;isolation:isolate}.about-film:before{width:450px;height:450px;right:10%;top:-30%;background:#4f46e533;filter:blur(85px);animation:ambient-flow 14s ease-in-out infinite alternate;z-index:-1}.about-film:after{width:480px;height:400px;left:10%;bottom:-25%;background:#06b6d42e;filter:blur(90px);z-index:-1}.about-film-title{color:#f8fafc;font-weight:400}.about-film-title small{color:#94a3b8}.about-film .media-top,.about-film .media-bottom{color:#94a3b8}.business-card{background:#11182773;border:1px solid #ffffff1a;border-radius:16px;backdrop-filter:blur(12px);transition:transform .3s,border-color .3s,box-shadow .3s;min-height:325px;padding:30px}.business-card:hover{transform:translateY(-4px);border-color:#22d3ee4d;box-shadow:0 16px 35px #06b6d414}.business-card:nth-child(2):hover{border-color:#818cf866;box-shadow:0 16px 35px #6366f114}.business-top{color:#64748b}.business-top svg{color:#22d3ee}.business-card:nth-child(2) .business-top svg{color:#818cf8}.business-card h3{color:#f1f5f9}.business-card>div>p:last-child:not(.card-overline){color:#94a3b8}.card-overline{color:#899bb2}.card-tags span{background:#ffffff05;border:1px solid #ffffff0d;color:#94a3b8}.achievement-section{background:#0c1018;border-block:1px solid #ffffff06}.stats-grid article{border-color:#ffffff1a}.stats-grid article>p{color:#cbd5e1}.stats-grid article>p:last-child{color:#7e91a9}.stats-grid strong{color:#f8fafc;font-weight:400}.stats-grid strong span{color:#67e8f9}.stats-note{color:#7e91a9}.service-list details,.service-list details:first-child{border-color:#ffffff1a}.service-list summary{color:#e2e8f0}.service-list summary small{color:#7e91a9}.service-list details>p{color:#94a3b8}.service-number{color:#67e8f9}.details-toggle:before,.details-toggle:after{background:#94a3b8}.partner-grid{background:#11182750;border:1px solid #ffffff12;border-radius:16px}.partner-grid p{color:#8292ac}.partner-grid small{color:#7b899e}.partner-grid>div>span{color:#798ba5}.partner-note{color:#7e91a9}.partner-section{border-top-color:#ffffff12}.contact-section{background:#0c1018;border-block:1px solid #ffffff0a}.contact-copy>p:not(.section-kicker){color:#94a3b8}.contact-email:hover{color:#67e8f9}.copy-email{color:#a5b4ca}.contact-form input,.contact-form textarea{border-color:#334155;color:#e2e8f0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#708096}.contact-form label{color:#cbd5e1}.contact-form label>span{color:#67e8f9}.form-notice{color:#8a9bb0}.form-feedback{color:#a5f3fc}.site-footer{border-top:0}.site-footer>span{color:#94a3b8}.back-top{color:#94a3b8}.toast{background:#e2e8f0;color:#0f172a}.video-content{background:#101624}dialog{background:#111827;color:#e2e8f0;border:1px solid #ffffff1a}.dialog-close{background:#ffffff0a;color:#e2e8f0}.video-empty p{color:#94a3b8}.video-empty>span{color:#67e8f9}.video-empty h3{color:#f1f5f9}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #67e8f9}
.showcase-waveform{height:56px;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:8px 24px;border-radius:16px;background:#0006;border:1px solid #ffffff1a;backdrop-filter:blur(12px);box-shadow:inset 0 2px 4px #0003}.showcase-waveform i{display:block;width:4px;height:var(--bar-height);background:linear-gradient(to top,#06b6d44d,#67e8f9);border-radius:20px;transform-origin:bottom;animation:hero-wave var(--bar-duration) ease-in-out var(--bar-delay) infinite alternate}.showcase-waveform i:nth-child(5),.showcase-waveform i:nth-child(6){background:linear-gradient(to top,#818cf8,#a5f3fc)}.showcase-play-wrap{position:relative;display:grid;place-items:center;width:130px;height:110px}.showcase-play{position:relative;z-index:1}.showcase-ring{position:absolute;width:96px;height:96px;border:1px solid #22d3ee66;border-radius:50%;animation:reference-pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;pointer-events:none}.showcase-ring.ring-two{width:128px;height:128px;border-color:#22d3ee33;animation-delay:.8s}.showcase-center{gap:16px;padding-block:32px}.showcase-ambient i{filter:blur(120px);animation-name:aurora-shift-2;animation-duration:15s;background:linear-gradient(45deg,#4f46e559,#8b5cf659)}.showcase-ambient i:first-child{filter:blur(100px);animation-name:aurora-shift-1;animation-duration:12s;background:linear-gradient(45deg,#06b6d466,#2563eb4d)}.showcase-ambient i:last-child{filter:blur(90px);animation-name:aurora-shift-3;animation-duration:10s;background:linear-gradient(45deg,#22d3ee59,#2dd4bf40)}.hero-bottom-actions{display:flex!important;gap:22px!important;align-items:center}.hero-bottom-actions>a{display:flex;gap:16px;align-items:center;color:#94a3b8}.hero-bottom-actions>a span{font-size:20px}.motion-toggle{font-size:11px;color:#94a3b8;background:#ffffff04;padding:8px 12px;border:1px solid #ffffff1a;border-radius:20px;letter-spacing:0;min-height:36px}.motion-toggle:hover{color:#a5f3fc;border-color:#22d3ee66}.partner-marquee{overflow:hidden;width:100%;border:1px solid #ffffff12;border-radius:16px;background:#11182750;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.partner-track{display:flex;width:max-content;animation:reference-marquee 35s linear infinite}.partner-track:hover,.partner-track:focus-within{animation-play-state:paused}.partner-track>.partner-grid{display:flex;width:1000px;flex-shrink:0;gap:70px;padding:35px 40px;border:0;border-radius:0;background:none}.partner-track>.partner-grid>div{flex:1;white-space:nowrap}.partner-track .partner-grid p{transition:color .3s,transform .3s}.partner-track .partner-grid>div:hover p{color:#a5f3fc;transform:scale(1.03)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-intro,.motion-paused .reference-showcase{animation:none;opacity:1;transform:none}.button:active,.showcase-tabs a:active{transform:scale(.97)}
@keyframes reference-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hero-wave{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes reference-pulse-ring{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.8);opacity:0}}
@keyframes aurora-shift-1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,20px) scale(1.18)}}
@keyframes aurora-shift-2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(35px,-25px) scale(1.22)}}
@keyframes aurora-shift-3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.15)}}
@keyframes ambient-flow{from{transform:translate(0,0) scale(1)}to{transform:translate(-24px,20px) scale(1.12)}}
@keyframes reference-enter{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.hero-intro,.reference-showcase{animation:reference-enter .75s ease-out both}.reference-showcase{animation-delay:.12s}
@media(min-width:1500px){.container{width:1216px}}
@media(max-width:1150px){.desktop-nav{gap:12px}.desktop-nav a{font-size:10px}.nav-wrap{gap:20px}.brand{font-size:16px}.nav-contact{font-size:11px}.hero-description{font-size:16px}.hero-panel.reference-showcase{min-height:560px}.section{padding-block:90px}h2{font-size:38px}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-contact{margin-left:auto}.hero-intro{gap:35px}.hero-description{width:35%;font-size:15px}.hero-panel.reference-showcase{min-height:520px}.showcase-features{gap:17px;font-size:12px}.section-description{font-size:15px}.short-title{font-size:27px}.business-card{padding:25px 22px}.about-heading>p{font-size:15px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.site-header{height:68px}.nav-wrap{gap:10px}.brand{font-size:17px}.nav-contact{font-size:11px;padding:8px 13px}.mobile-nav{top:67px}.hero{padding-top:51px}.hero-intro{display:block;padding-bottom:48px}h1{font-size:48px;line-height:1.08;letter-spacing:-.055em}h1>span{font-size:35px;line-height:1.3;margin-top:16px}.hero-description{width:100%;max-width:100%;font-size:15px;line-height:1.8;padding-top:28px}.hero-actions{margin-top:27px;gap:10px}.hero-actions .button{font-size:12px;padding:12px 16px;gap:9px}.hero-panel.reference-showcase{min-height:470px;padding:16px;border-radius:22px}.showcase-top{align-items:flex-start;flex-direction:column;gap:13px}.showcase-tabs{width:100%;justify-content:space-between;gap:0;padding:3px}.showcase-tabs a{font-size:11px;padding:9px 12px}.showcase-badge{font-size:8px;padding:6px 11px;align-self:flex-end}.showcase-center{padding:32px 0 38px;gap:19px}.showcase-game-name{font-size:11px}.showcase-play{width:68px;height:68px}.showcase-play>span{border-top-width:7px;border-bottom-width:7px;border-left-width:10px}.showcase-hint{font-size:9px;letter-spacing:.14em}.showcase-bottom{padding:13px 12px;gap:11px;align-items:center;flex-wrap:wrap;justify-content:space-between;border-radius:13px}.showcase-features{gap:13px;font-size:10px;justify-content:space-between;width:100%}.showcase-bottom>.button{margin-top:3px;min-height:40px;font-size:11px;padding:9px 16px;width:100%}.hero-bottom{font-size:8px;padding-top:18px}.hero-bottom>div{gap:8px}.hero-bottom>a{font-size:8px}.section{padding-block:65px}h2{font-size:29px;line-height:1.42}.section-description{font-size:14px;margin-top:20px}.section-heading{margin-bottom:29px}.section-kicker{font-size:10px}.format-label{font-size:10px}.shorts-grid{gap:15px}.short-title{font-size:28px}.about-heading h2{font-size:28px}.about-heading>p{font-size:14px}.about-heading{gap:23px;margin-bottom:30px}.about-film{aspect-ratio:1.35}.business-card{padding:27px;min-height:0}.business-card h3{font-size:23px}.stats-grid article{border-color:#ffffff14}.stats-grid article>p:last-child{font-size:11px}.service-intro>p:not(.section-kicker){font-size:14px}.service-list details>p{font-size:14px}.partner-grid>div{border-color:#ffffff14}.partner-note{color:#8c9bb0}.contact-section{padding-block:62px}.contact-copy h2{font-size:33px}.contact-copy>p:not(.section-kicker){font-size:14px}.contact-form input,.contact-form textarea{font-size:16px}.form-notice{font-size:12px}.contact-submit{font-size:13px}.site-footer{padding-block:30px}.site-footer>.brand{font-size:15px}.back-top{font-size:9px}}
@media(max-width:360px){h1{font-size:41px}h1>span{font-size:31px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:12px 13px}.showcase-tabs a{font-size:10px;padding:9px 9px}.showcase-features{font-size:9px;gap:8px}.contact-email{font-size:21px}}
@media(prefers-reduced-motion:reduce){.showcase-ambient i,.about-film:before,.hero-intro,.reference-showcase{animation:none!important}.hero-intro,.reference-showcase{opacity:1;transform:none}}