:root{color-scheme:light dark;--accent:light-dark(#e7000b,#ff2f38);--accent-ink:#fff;--bg:light-dark(#fff,#0e1214);--surface:light-dark(#f4f6f7,#161b1e);--surface-2:light-dark(#fff,#1d2427);--line:light-dark(#e3e8ea,#283135);--ink:light-dark(#1a2428,#eef2f3);--ink-2:light-dark(#55636a,#a6b3b8);--ink-3:light-dark(#87959b,#74838a);--band:#0b0e10;--logo-plate:light-dark(#fff,#eef1f2);--r-card:20px;--r-badge:12px;--wrap:1200px;--font:"Poppins", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:"Barlow Condensed", "Poppins", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--ease:cubic-bezier(.23, 1, .32, 1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{font:400 16px/1.65 var(--font);color:var(--ink);background:var(--bg);margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{text-wrap:balance;line-height:1.15}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{width:min(100% - 32px, var(--wrap));margin-inline:auto}.section{padding-block:clamp(64px,9vw,112px)}.center{text-align:center}.skip{z-index:100;background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 16px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.005em;font-weight:800;line-height:.98}.h2{font-size:clamp(36px,5vw,60px)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:600}.lead{color:var(--ink-2);font-size:clamp(16px,1.4vw,18px)}.btn{cursor:pointer;min-height:48px;transition:transform .14s var(--ease), background-color .14s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:18px;height:18px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-ink{background:var(--ink);color:var(--bg)}.btn-glass{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #fff6}@media (hover:hover){.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.btn-ink:hover{background:color-mix(in srgb, var(--ink) 85%, var(--bg))}.btn-glass:hover{background:#ffffff3d}}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.icon-btn svg{width:20px;height:20px}@media (hover:hover){.icon-btn:hover{background:var(--surface)}}.header{z-index:50;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.header .wrap{align-items:center;gap:16px;height:72px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{width:40px}.wordmark{aspect-ratio:1576/303;background:var(--ink);width:120px;-webkit-mask:var(--wordmark) center / contain no-repeat;mask:var(--wordmark) center / contain no-repeat}.nav{gap:2px;margin-left:auto;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--surface)}.lang{background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:flex}.lang a{text-align:center;min-width:36px;color:var(--ink-3);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:600;text-decoration:none}.lang a[aria-current]{background:var(--surface-2);color:var(--ink);box-shadow:0 1px 2px #0000001f}.header .btn{min-height:42px;padding:0 20px}.menu{display:none}@media (width<=960px){.header .wrap{gap:6px;height:64px}.wordmark{width:96px}.logo img{width:34px}.nav,.header .btn{display:none}.lang{margin-left:auto}.menu{display:block;position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu nav{background:var(--surface-2);border-radius:var(--r-card);width:min(260px,100vw - 32px);box-shadow:0 16px 48px -12px #0000004d, 0 0 0 1px var(--line);padding:8px;display:grid;position:absolute;top:52px;right:0}.menu nav a{border-radius:999px;padding:12px 14px;font-weight:500;text-decoration:none}.menu nav a:hover{background:var(--surface)}}.hero{color:#fff;background:var(--band);position:relative}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:16/7;min-height:560px;max-height:760px;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slides img{object-fit:cover;scroll-snap-align:start;flex:0 0 100%;width:100%;height:100%}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#05080ae0 0%,#05080a8c 40%,#0000 65%);position:absolute;inset:0}.hero-copy{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.hero-copy>*{max-width:600px}.hero-copy .actions{pointer-events:auto}.hero .eyebrow{color:#fff;opacity:.85}.hero h1{margin:10px 0 14px;font-size:clamp(44px,6vw,84px)}.hero .lead{color:#ffffffd9}.hero .actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}@media (width<=700px){.slides{aspect-ratio:auto;height:620px}.hero:after{background:linear-gradient(#0000 30%,#05080ae6 70%)}.hero-copy{justify-content:flex-end;padding-bottom:32px}.hero .lead{font-size:15px}}.marquee{background:var(--band);color:#fff;padding:12px 0;overflow:hidden}.marquee-track{width:max-content;animation:50s linear infinite marquee;display:flex}.marquee-item{font:800 22px var(--display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:12px;padding-right:48px;display:inline-flex}.marquee-item img{width:30px}.marquee-item .wordmark{background:#fff;width:96px}@keyframes marquee{to{transform:translate(-50%)}}.about .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,88px);display:grid}.about-art{justify-self:center;width:min(100%,560px)}.laurel{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.laurel .flip{transform:scaleX(-1)}.about .h2{margin:14px 0 8px}.about-sub{margin-bottom:16px;font-size:18px;font-weight:600}.about p:not(.laurel){color:var(--ink-2)}.about p+p{margin-top:12px}.about .btn{margin-top:28px}@media (width<=800px){.about .wrap{grid-template-columns:1fr}}.stats{background:var(--band);color:#fff;border-bottom:4px solid var(--accent)}.stats ul{grid-template-columns:repeat(4,1fr);margin:0 auto;padding:0;list-style:none;display:grid}.stats li{text-align:center;padding:clamp(36px,5vw,56px) 16px}.stats li+li{border-left:1px solid #ffffff1a}.stats strong{font:800 clamp(56px, 7vw, 88px)/1 var(--display);font-variant-numeric:tabular-nums;display:block}.stats li:first-child strong:after{content:"+";color:var(--accent)}.stats span{color:#ffffffa6;margin-top:10px;font-size:14px;display:block}@media (width<=700px){.stats ul{grid-template-columns:1fr 1fr}.stats li:nth-child(3){border-left:0}.stats li:nth-child(n+3){border-top:1px solid #ffffff1a}}.featured{background:var(--surface)}.featured header{max-width:640px;margin:0 auto 44px}.featured header p{margin-top:12px}.bento{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tile{border-radius:var(--r-card);background:var(--surface-2);aspect-ratio:1;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.bento .tile:first-child{grid-area:span 2/span 2}.tag{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.tile-more{background:var(--accent);color:var(--accent-ink);flex-direction:column;justify-content:space-between;padding:22px;text-decoration:none;display:flex}.tile-more h3{font-size:clamp(26px,2.6vw,34px)}.pill{color:#fff;background:#0b0e10;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.pill svg{width:16px;height:16px}@media (hover:hover){.tile:hover img{transform:scale(1.04)}}@media (width<=800px){.bento{grid-template-columns:1fr 1fr;gap:12px}}.catalog{margin-top:72px}.catalog-head{gap:18px;margin-bottom:24px;display:grid}.catalog-head h3{font-size:clamp(28px,3vw,36px)}.filters{scrollbar-width:none;gap:8px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.filters button{background:var(--surface-2);min-height:40px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);font:500 14px var(--font);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;transition:background-color .14s,color .14s;display:inline-flex}.filters button svg{width:16px;height:16px}.filters button small{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}.filters button[aria-pressed=true] small{color:inherit;opacity:.6}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px 16px;margin:0;padding:0;list-style:none;display:grid}.game-card{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;display:grid}.game-shot{aspect-ratio:16/10;border-radius:var(--r-card);background:var(--band);place-items:center;margin-bottom:8px;display:grid;position:relative;overflow:hidden}.game-shot img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.game-shot.is-panel img{object-fit:contain;padding:6%}.game-shot .play{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);opacity:0;transition:opacity .16s var(--ease), transform .16s var(--ease);border-radius:999px;place-items:center;display:grid;position:absolute;inset:auto 10px 10px auto;transform:scale(.9)}.game-shot .play svg{width:16px;height:16px}.game-card strong{font-size:15px;font-weight:600;line-height:1.3}.game-card em{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-style:normal}.game-card.is-empty{cursor:default}.game-shot.cover{text-align:center;color:#fff;align-content:center;gap:10px;padding:16px}.cover-icon svg{width:28px;height:28px;color:var(--accent)}.game-shot.cover .display{font-size:clamp(20px,2vw,26px)}.game-card:active .game-shot{transform:scale(.98)}@media (hover:hover){.game-card:not(.is-empty):hover .game-shot img{transform:scale(1.05)}.game-card:not(.is-empty):hover .play{opacity:1;transform:none}}@media (width<=700px){.game-grid{grid-template-columns:1fr 1fr;gap:16px 12px}}.gallery{color:#fff;background:#050708;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.gallery[open]{opacity:1;transition:opacity .24s var(--ease), transform .24s var(--ease), display .24s allow-discrete, overlay .24s allow-discrete;grid-template-rows:1fr auto;display:grid;transform:none}@starting-style{.gallery[open]{opacity:0;transform:scale(.97)}}.gallery::backdrop{background:#000}.g-bg{object-fit:cover;filter:blur(48px)saturate(1.4)brightness(.45);pointer-events:none;width:120%;height:120%;position:absolute;inset:-10%}.g-main{width:100%;min-height:0;padding-top:clamp(56px,8vh,88px);position:relative}.g-slide{align-content:center;gap:20px;width:min(64vw,1040px);height:100%;margin:0;display:grid}.g-frame{transition:opacity .4s var(--ease);place-items:center;display:grid}.g-slide:not(.swiper-slide-active) .g-frame{opacity:.4}.g-frame img{border-radius:var(--r-card);user-select:none;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 300px);box-shadow:0 40px 80px -20px #000000b3}.g-slide.is-panel .g-frame img{box-shadow:none;filter:drop-shadow(0 30px 50px #0009);border-radius:0}.g-slide figcaption{text-align:center;opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:14px;display:flex;transform:translateY(8px)}.g-slide.swiper-slide-active figcaption{opacity:1;transform:none}.g-slide figcaption span{color:#ffffff8c;font-variant-numeric:tabular-nums;font-size:13px}.g-slide figcaption strong{font-size:clamp(28px,4vw,48px)}.g-slide figcaption em{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:13px;font-style:normal}.g-thumbs{width:100%;padding:16px 16px 22px;position:relative}.g-thumbs .swiper-slide{aspect-ratio:16/10;border-radius:var(--r-badge);opacity:.4;cursor:pointer;outline-offset:-2px;background:#161b1e;outline:2px solid #0000;width:112px;transition:opacity .16s,outline-color .16s;overflow:hidden}.g-thumbs .swiper-slide-thumb-active{opacity:1;outline-color:var(--accent)}.g-thumbs img{object-fit:cover;user-select:none;width:100%;height:100%}.gallery .icon-btn{z-index:2;color:#fff;backdrop-filter:blur(8px);background:#ffffff1f;position:absolute}@media (hover:hover){.gallery .icon-btn:hover{background:#ffffff3d}}.g-close{top:16px;right:16px}.g-nav{width:56px;height:56px;top:46%;translate:0 -50%}.g-nav.swiper-button-disabled{opacity:.3}.g-prev{left:20px}.g-next{right:20px}@media (width<=700px){.g-nav{display:none}.g-slide{width:88vw}.g-thumbs .swiper-slide{width:84px}}.cta{background:var(--accent);color:var(--accent-ink);padding-bottom:0;overflow:hidden}.cta .eyebrow{color:inherit;opacity:.85}.cta h2{max-width:820px;margin:12px auto 16px}.cta p{opacity:.9;max-width:560px;margin:0 auto 28px}.cta .btn-ink{color:#fff;background:#0b0e10}.devices{aspect-ratio:880/470;max-width:880px;margin:48px auto 0;position:relative}.devices img{filter:drop-shadow(0 24px 40px #00000059);position:absolute;bottom:0}.d-desktop{width:64%;left:50%;transform:translate(-50%)}.d-tablet{width:38%;left:0}.d-phone{width:20%;right:4%}.partners{background:var(--surface)}.partner-row{grid-template-columns:380px 1fr;align-items:center;gap:32px;display:grid}.partner-row+.partner-row{margin-top:56px}.partner-row.reverse{grid-template-columns:1fr 380px}.partner-row.reverse .partner-card{order:2}.partner-card{border-radius:var(--r-card);background:var(--accent);color:var(--accent-ink);padding:32px}.partner-card h2{font-size:clamp(32px,3.6vw,44px)}.partner-card p{opacity:.9;margin:14px 0 24px;font-size:15px}.partner-card .btn-ink{color:#fff;background:#0b0e10}.logos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.logos li{border-radius:var(--r-card);background:var(--logo-plate);place-items:center;height:84px;padding:16px;display:grid}.logos img{filter:grayscale();width:auto;max-height:40px;transition:filter .2s}@media (hover:hover){.logos li:hover img{filter:none}}@media (width<=900px){.partner-row,.partner-row.reverse{grid-template-columns:1fr}.partner-row.reverse .partner-card{order:0}}.platform header{grid-template-columns:1fr 1fr;align-items:end;gap:24px 64px;margin-bottom:44px;display:grid}.platform header h2{margin-top:12px}.platform-body{grid-template-columns:5fr 7fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.features{margin:0;padding:0;list-style:none}.features li{border-top:1px solid var(--line);grid-template-columns:56px 1fr;gap:12px;padding:20px 0;display:grid}.features li:last-child{border-bottom:1px solid var(--line)}.features .num{color:var(--accent);font-size:32px;line-height:1}.features h3{margin-bottom:4px;font-size:17px;font-weight:600}.features p{color:var(--ink-2);font-size:15px}.product{padding:0 0 12% 10%;position:relative}.browser{border-radius:var(--r-badge);background:var(--surface-2);box-shadow:0 0 0 1px var(--line), 0 40px 80px -30px #0a141e73;margin:0;overflow:hidden}.browser figcaption{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:32px;padding:0 12px;display:flex}.browser figcaption i{background:var(--line);border-radius:999px;width:10px;height:10px}.browser figcaption span{letter-spacing:.08em;color:var(--ink-3);margin-left:10px;font-size:11px;font-weight:600}.browser img{width:100%}.product>.browser:first-child{z-index:1;position:relative}.browser-back{z-index:2;width:56%;position:absolute;bottom:0;left:0}@media (width<=900px){.platform header,.platform-body{grid-template-columns:1fr}.product{order:-1}}.faq{background:var(--surface)}.faq .wrap{max-width:860px}.faq h2{margin-bottom:36px}.faq details{border-radius:var(--r-card);background:var(--surface-2);box-shadow:0 0 0 1px var(--line)}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:20px 24px;font-size:17px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--surface);width:28px;height:28px;transition:transform .2s var(--ease);border-radius:999px;flex-shrink:0;place-items:center;font-weight:500;display:grid}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);padding:0 24px 22px}.contact{background:var(--band);color:#fff;padding-bottom:0;overflow:hidden}.contact .wrap{grid-template-columns:1.1fr 1fr;align-items:end;gap:32px;display:grid}.contact .wrap>div{padding-bottom:clamp(64px,9vw,112px)}.contact h2{font-size:clamp(44px,6vw,76px)}.contact p{color:#ffffffb3;max-width:480px;margin:18px 0 30px}.contact-art{justify-self:center;width:min(100%,460px)}@media (width<=800px){.contact .wrap{grid-template-columns:1fr}.contact .wrap>div{padding-bottom:0}.contact-art{width:70%}}.footer{color:#ffffffa6;background:#000;padding-block:56px 32px;font-size:14px}.footer .top{border-bottom:1px solid #ffffff1a;grid-template-columns:1.4fr repeat(2,1fr);gap:32px;padding-bottom:32px;display:grid}.footer .brand{color:#fff;font:800 24px var(--display);letter-spacing:.04em;align-items:center;gap:12px;text-decoration:none;display:flex}.footer .brand img{width:40px}.footer .top p{max-width:320px;margin-top:14px}.footer h3{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:13px;font-weight:600}.footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer a{text-decoration:none}.footer a:hover{color:#fff}.footer .bottom{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:13px;display:flex}.footer .rg{align-items:center;gap:10px;display:inline-flex}.footer .rg b{border:2px solid var(--accent);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-size:11px;display:grid}@media (width<=700px){.footer .top{grid-template-columns:1fr 1fr}.footer .top>:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}*,:before,:after{transition-duration:.01ms!important}}
