:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fff8ed;--cream-strong:#f7ecdc;--paper:#fffdf8;--navy:#08223d;--navy-soft:#173650;--coral:#ff5c55;--coral-dark:#eb4945;--teal:#4eb7a8;--teal-dark:#309789;--mango:#ffb43f;--sky:#4baed6;--lilac:#aa80ca;--line:#08223d24;--shadow:0 24px 70px #08223d21;--shell:min(1240px, calc(100vw - 64px));font-synthesis:none;text-rendering:optimizelegibility;font-family:Avenir Next,Avenir,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{min-width:320px;color:var(--navy);background:var(--cream);margin:0;overflow-x:hidden}body:after{z-index:100;pointer-events:none;content:"";opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;border:2px solid var(--navy);color:var(--navy);background:var(--paper);border-radius:999px;padding:12px 18px;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;width:var(--shell);height:76px;color:var(--navy);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8ede6;border:1px solid #08223d1c;border-radius:24px;justify-content:space-between;align-items:center;padding:8px 10px 8px 18px;transition:top .22s,width .22s,box-shadow .22s;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #08223d14}.site-header.is-scrolled{width:min(1180px,100vw - 40px);top:10px;box-shadow:0 16px 42px #08223d24}.brand{border-radius:14px;width:235px;height:55px;text-decoration:none;display:block;overflow:hidden}.brand img{object-fit:cover;object-position:center;width:100%;height:100%}.site-nav{align-items:center;gap:28px;display:flex}.site-nav a{padding:12px 0;font-size:12px;font-weight:750;text-decoration:none;position:relative}.site-nav a:not(.nav-cta):after{content:"";background:var(--coral);transform-origin:100%;border-radius:2px;height:2px;transition:transform .18s;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.site-nav .nav-cta{color:#fff;background:var(--navy);border-radius:14px;padding:13px 18px;transition:transform .18s,box-shadow .18s;box-shadow:0 5px #03182e}.site-nav .nav-cta:hover{transform:translateY(3px);box-shadow:0 2px #03182e}.menu-toggle{display:none}.hero{width:var(--shell);grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(45px,6vw,96px);min-height:830px;margin-inline:auto;padding:160px 0 90px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.pill{border:1px solid var(--line);width:fit-content;color:var(--navy-soft);letter-spacing:.08em;text-transform:uppercase;background:#ffffff7a;border-radius:999px;align-items:center;gap:9px;margin-bottom:30px;padding:10px 14px;font-size:11px;font-weight:800;display:flex}.pill span{background:var(--coral);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #ff5c5524}.hero h1,.studio-section h2,.platforms-header h2,.upcoming-section h2{letter-spacing:-.065em;margin-bottom:0;font-family:ui-rounded,Arial Rounded MT Bold,Avenir Next,system-ui,sans-serif;font-weight:900;line-height:.95}.hero h1{font-size:clamp(66px,7vw,106px);animation:.85s cubic-bezier(.2,.8,.2,1) .1s both copy-arrive}.hero h1 em,.platforms-header h2 em{z-index:0;color:var(--coral);font-style:normal;position:relative}.hero h1 em:after{z-index:-1;content:"";opacity:.45;background:var(--mango);border-radius:999px;height:17px;position:absolute;bottom:3px;left:-4px;right:-6px;transform:rotate(-1deg)}.hero-intro{max-width:490px;color:var(--navy-soft);letter-spacing:-.025em;margin:30px 0 0;font-size:clamp(18px,2vw,23px);line-height:1.55;animation:.85s cubic-bezier(.2,.8,.2,1) .24s both copy-arrive}.hero-actions{align-items:center;gap:26px;margin-top:36px;animation:.85s cubic-bezier(.2,.8,.2,1) .36s both copy-arrive;display:flex}.button{border-radius:16px;align-items:center;gap:14px;width:fit-content;padding:16px 21px;font-size:13px;font-weight:850;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(3px)}.button-primary{color:#fff;background:var(--coral);box-shadow:0 6px 0 var(--coral-dark)}.button-primary:hover{box-shadow:0 3px 0 var(--coral-dark)}.button-light{color:var(--navy);background:var(--paper);box-shadow:0 6px #08223d2b}.button-light:hover{box-shadow:0 3px #08223d2b}.text-link{border-bottom:2px solid;padding:8px 0 5px;font-size:13px;font-weight:800;text-decoration:none}.hero-showcase{min-width:0;animation:1.05s cubic-bezier(.2,.8,.2,1) .18s both visual-arrive;position:relative}.showcase-frame{aspect-ratio:1.34;border:10px solid var(--paper);background:var(--teal);box-shadow:var(--shadow), 14px 16px 0 var(--teal);border-radius:42% 58% 48% 52%/54% 43% 57% 46%;position:relative;overflow:hidden;transform:rotate(1.7deg)}.showcase-frame img{object-fit:cover;object-position:center;width:100%;height:100%}.sticker{z-index:3;text-align:center;place-items:center;margin:0;display:grid;position:absolute;box-shadow:0 12px 28px #08223d2e}.sticker-top{border:4px solid var(--paper);width:112px;height:112px;color:var(--navy);background:var(--mango);text-transform:uppercase;border-radius:50%;font-size:11px;line-height:1.1;top:4%;right:-5%;transform:rotate(8deg)}.sticker-top strong{font-size:23px}.sticker-bottom{color:#fff;background:var(--navy);border-radius:15px;padding:15px 19px;font-size:12px;font-weight:800;bottom:6%;left:-8%;transform:rotate(-5deg)}.sticker-bottom span{color:var(--mango);margin-right:7px}.shape{pointer-events:none;position:absolute}.shape-ring{border:7px solid #f38d5f;border-radius:9px;width:30px;height:30px;top:145px;left:-76px;transform:rotate(45deg)}.shape-plus{color:var(--sky);font-size:49px;font-weight:900;bottom:78px;left:43%;transform:rotate(-8deg)}.studio-section{background:var(--teal);grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(55px,8vw,130px);min-height:690px;padding:110px max(32px,50vw - 620px);display:grid;position:relative;overflow:hidden}.studio-section:before,.studio-section:after{content:"";border:2px solid #ffffff54;border-radius:50%;position:absolute}.studio-section:before{width:420px;height:420px;top:-260px;right:4%}.studio-section:after{width:560px;height:560px;bottom:-410px;left:-360px}.studio-mark,.studio-copy{z-index:2;position:relative}.studio-mark{border:8px solid var(--paper);background:var(--cream);border-radius:35% 65% 56% 44%/45% 44% 56% 55%;padding:18px;transform:rotate(-3deg);box-shadow:14px 16px #08223d21}.studio-mark img{border-radius:32%;width:100%}.eyebrow{color:var(--navy);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:28px;font-size:11px;font-weight:850;display:flex}.eyebrow:before{content:"";background:var(--mango);border-radius:4px;width:12px;height:12px;transform:rotate(45deg)}.studio-section h2{max-width:780px;font-size:clamp(54px,6.3vw,94px)}.studio-section h2 em{color:var(--cream);text-shadow:3px 3px #08223d1f;font-style:normal}.studio-copy>p:not(.eyebrow){max-width:610px;color:var(--navy-soft);margin:30px 0 32px;font-size:clamp(18px,2vw,23px);line-height:1.55}.platforms-section{width:var(--shell);margin-inline:auto;padding:130px 0 150px}.platforms-header{justify-content:space-between;align-items:end;gap:50px;margin-bottom:70px;display:flex}.platforms-header h2{font-size:clamp(62px,7vw,104px)}.platforms-header>p{max-width:310px;color:var(--navy-soft);margin:0 0 8px;font-size:17px;line-height:1.5}.platform-list{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.platform-card{border-radius:30px;flex-direction:column;min-height:410px;padding:30px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #08223d1f}.platform-card:hover{transform:translateY(-6px)rotate(-1deg);box-shadow:0 14px #08223d1f}.platform-card:after{content:"";border:25px solid #ffffff38;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-62px;right:-62px}.platform-mobile{background:var(--coral)}.platform-browser{background:var(--mango)}.platform-pc{color:#fff;background:var(--navy)}.platform-icon{background:var(--cream);border:4px solid #ffffffd6;border-radius:23px;width:86px;height:86px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 8px 18px #08223d24}.platform-icon img{object-fit:cover;width:100%;height:100%}.platform-number{letter-spacing:.1em;text-transform:uppercase;margin-top:auto;font-size:10px;font-weight:850}.platform-card h3{letter-spacing:-.06em;margin:12px 0 15px;font-family:ui-rounded,Arial Rounded MT Bold,Avenir Next,system-ui,sans-serif;font-size:clamp(48px,5vw,72px);font-weight:900;line-height:1}.platform-card p{z-index:2;max-width:290px;margin-bottom:0;font-size:14px;line-height:1.55;position:relative}.icon-parade{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:clamp(14px,2.2vw,30px);margin-top:68px;padding-top:44px;display:flex}.icon-parade img{border:4px solid var(--paper);border-radius:28px;width:clamp(76px,8.5vw,112px);height:clamp(76px,8.5vw,112px);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;box-shadow:0 10px #08223d1a,0 18px 38px #08223d1a}.icon-parade img:nth-child(odd){transform:rotate(-4deg)}.icon-parade img:nth-child(2n){transform:translateY(10px)rotate(4deg)}.icon-parade img:hover{z-index:2;transform:translateY(6px)rotate(0)scale(1.06);box-shadow:0 5px #08223d1a,0 12px 24px #08223d1f}.upcoming-section{color:#fff;background:var(--navy);grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(55px,7vw,110px);min-height:760px;padding:120px max(32px,50vw - 620px);display:grid;position:relative;overflow:hidden}.upcoming-section:before{content:"";border:90px solid #4eb7a82e;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-430px;right:-300px}.upcoming-copy,.upcoming-visual{z-index:2;position:relative}.pill-dark{color:#fff;background:#ffffff0f;border-color:#ffffff29}.upcoming-section h2{font-size:clamp(56px,6.2vw,94px)}.upcoming-section h2 em{color:var(--mango);font-style:normal}.upcoming-copy>p:not(.pill){color:#ffffffb8;max-width:560px;margin:30px 0;font-size:18px;line-height:1.58}.coming-badge{color:var(--navy);background:var(--teal);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:11px;padding:13px 17px;font-size:11px;font-weight:900;display:inline-flex}.coming-badge span{color:#fff;animation:1.5s ease-in-out infinite pulse}.game-window{aspect-ratio:1.22;border:9px solid var(--cream);box-shadow:16px 18px 0 var(--coral);background:#1a1111;border-radius:34px;overflow:hidden;transform:rotate(2deg)}.game-window img{object-fit:cover;object-position:center;width:100%;height:100%}.floating-star{border:6px solid var(--cream);width:94px;height:94px;color:var(--navy);background:var(--mango);border-radius:33% 67% 38% 62%/63% 41% 59% 37%;place-items:center;font-size:32px;animation:3s ease-in-out infinite float;display:grid;position:absolute;top:-42px;right:-32px;transform:rotate(10deg)}.site-footer{min-height:180px;color:var(--navy);background:var(--coral);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:35px max(32px,50vw - 620px);display:grid}.site-footer a{text-decoration:none}.footer-brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:22px;font-weight:900;display:inline-flex}.footer-brand img{border:3px solid var(--paper);border-radius:18px;width:58px;height:58px}.footer-email{border-bottom:2px solid;padding-bottom:4px;font-size:13px;font-weight:800}.site-footer p{letter-spacing:.1em;text-align:right;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.site-footer p span:first-child{color:var(--mango)}.reveal{opacity:0;transition:opacity .72s,transform .72s cubic-bezier(.2,.75,.2,1);transform:translateY(32px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes copy-arrive{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes visual-arrive{0%{opacity:0;transform:translate(40px)rotate(2deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes pulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes float{0%,to{transform:translateY(0)rotate(10deg)}50%{transform:translateY(-9px)rotate(6deg)}}@media (width<=980px){.hero{grid-template-columns:1fr .9fr;gap:42px}.hero h1{font-size:clamp(62px,8.5vw,82px)}.studio-section{grid-template-columns:.7fr 1.3fr;gap:55px}.platform-list{grid-template-columns:1fr 1fr}.platform-card:last-child{grid-column:1/-1;min-height:330px}.upcoming-section{grid-template-columns:1fr}.upcoming-copy{max-width:720px}}@media (width<=760px){:root{--shell:calc(100vw - 28px)}body.menu-open{overflow:hidden}.site-header,.site-header.is-scrolled{border-radius:19px;width:calc(100vw - 20px);height:64px;padding:7px 8px 7px 12px;top:8px}.brand{width:184px;height:48px}.menu-toggle{color:#fff;background:var(--navy);border:0;border-radius:14px;place-content:center;gap:6px;width:46px;height:46px;padding:0;display:grid}.menu-toggle>span:not(.sr-only){background:currentColor;border-radius:2px;width:17px;height:2px;transition:transform .18s;display:block}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(4px)rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-4px)rotate(-45deg)}.site-nav{border:1px solid var(--line);color:var(--navy);background:var(--paper);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:22px;flex-direction:column;align-items:stretch;gap:0;padding:15px;transition:opacity .18s,transform .18s;position:fixed;top:80px;left:10px;right:10px;transform:translateY(-10px)}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav a{border-bottom:1px solid var(--line);padding:14px 8px;font-size:13px}.site-nav .nav-cta{text-align:center;border-bottom:0;margin-top:10px;padding:14px}.hero{grid-template-columns:1fr;gap:70px;min-height:auto;padding:120px 0 90px}.hero h1{font-size:clamp(58px,16vw,84px)}.hero-intro{font-size:18px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-showcase{width:calc(100% - 20px);margin-inline:auto}.showcase-frame{aspect-ratio:1.25;box-shadow:var(--shadow), 9px 11px 0 var(--teal);border-width:7px}.sticker-top{width:86px;height:86px;right:-3%}.sticker-top strong{font-size:19px}.sticker-bottom{left:-3%}.shape-ring,.shape-plus{display:none}.studio-section{grid-template-columns:1fr;gap:65px;min-height:auto;padding:90px 20px}.studio-mark{width:min(82vw,370px);margin-inline:auto}.studio-section h2,.platforms-header h2,.upcoming-section h2{font-size:clamp(52px,15vw,75px)}.studio-copy>p:not(.eyebrow){font-size:18px}.platforms-section{padding:95px 0 110px}.platforms-header{margin-bottom:50px;display:block}.platforms-header>p{margin-top:28px}.platform-list{grid-template-columns:1fr}.platform-card,.platform-card:last-child{grid-column:auto;min-height:350px;padding:25px}.icon-parade{flex-wrap:wrap;gap:18px;margin-top:58px;padding:38px 16px 0}.icon-parade img{border-radius:23px;width:88px;height:88px}.upcoming-section{grid-template-columns:1fr;gap:75px;min-height:auto;padding:90px 20px 110px}.game-window{box-shadow:9px 11px 0 var(--coral);border-width:6px;border-radius:24px}.floating-star{border-width:4px;width:76px;height:76px;top:-38px;right:-5px}.site-footer{grid-template-columns:1fr auto;gap:35px 20px;min-height:220px;padding:38px 20px}.footer-email{grid-area:2/1/auto/-1;justify-self:start}.site-footer p{grid-area:1/2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
