:root{--ground:#0a1230;--ground-2:#111c45;--ground-3:#18275a;--ink:#f2f6fc;--ink-soft:#b3c3de;--sky:#c5d8ee;--navy:#0c1d4a;--accent:#5b9dff;--font:"Poppins", system-ui, sans-serif;--font-game:"Lilita One", "Poppins", sans-serif;--step-small:.875rem;--step-body:clamp(1rem, .95rem + .2vw, 1.125rem);--step-lead:clamp(1.125rem, 1rem + .5vw, 1.375rem);--step-head:clamp(2rem, 1.4rem + 2.6vw, 3.5rem);--step-display:clamp(3rem, 1.5rem + 6vw, 7rem);--margin:clamp(16px, 4vw, 64px);--max:1280px;--section:clamp(88px, 10vw, 150px);--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--step-body);margin:0;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}p,ul,figure,h1,h2,address{margin:0}ul{padding:0;list-style:none}address{font-style:normal}::selection{background:var(--sky);color:var(--navy)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--margin);z-index:100;background:var(--sky);color:var(--navy);padding:8px 12px;top:8px}.btn{background:var(--sky);color:var(--navy);font-weight:700;font-size:var(--step-small);text-transform:uppercase;letter-spacing:.06em;transition:transform .2s var(--ease), background-color .25s, color .25s;padding:14px 28px;text-decoration:none;display:inline-block}.btn:hover{background:var(--ink);transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--sky);background:0 0}.btn-ghost:hover{background:var(--sky);color:var(--navy)}.btn-sm{padding:10px 18px}.btn-lg{font-size:var(--step-lead);text-transform:none;letter-spacing:0;padding:18px 32px}.logo,.hero-mark{letter-spacing:-.04em;align-items:center;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.logo{font-size:1.6rem}.logo-bg{background:var(--sky);color:var(--navy);border-radius:.2em;margin-right:.04em;padding:.12em .08em .12em .16em}.bar{z-index:50;padding:18px var(--margin);align-items:center;gap:32px;transition:background-color .3s,padding .3s;display:flex;position:fixed;inset:0 0 auto}.bar.scrolled{background:var(--ground);padding-block:12px}.bar nav{gap:32px;margin-left:auto;display:flex}.bar nav a{font-size:var(--step-small);text-transform:uppercase;letter-spacing:.06em;font-weight:600;text-decoration:none;position:relative}.bar nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .25s var(--ease);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.bar nav a:hover:after{transform:scaleX(1)}section{padding:var(--section) var(--margin)}.section-title{font-size:var(--step-head);text-transform:uppercase;letter-spacing:-.01em;text-align:center;font-weight:800;line-height:1.05}.section-title:after{content:"";background:var(--accent);width:56px;height:4px;margin:20px auto 0;display:block}.section-sub{text-align:center;color:var(--ink-soft);max-width:46ch;font-size:var(--step-lead);margin:24px auto 0;font-weight:300}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:100svh;padding-top:120px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.hero-mark{margin-bottom:32px;font-size:clamp(2.5rem,2rem + 2vw,4rem)}.hero-title{font-size:var(--step-display);text-transform:uppercase;letter-spacing:-.02em;max-width:10ch;font-weight:800;line-height:.95}.hero-sub{font-size:var(--step-lead);color:var(--ink-soft);max-width:34ch;margin-top:28px;font-weight:300}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.hero-window{aspect-ratio:1;background:var(--ground-3);isolation:isolate;border-radius:9%;justify-self:end;width:min(100%,640px);animation:7s ease-in-out infinite float,3.5s ease-in-out infinite alternate glow;position:relative;overflow:hidden}.hero-window:after{content:"";z-index:1;filter:blur(18px);width:35%;animation:sweep 6s var(--ease) infinite;pointer-events:none;background:#ffffff29;position:absolute;inset:-20% auto -20% 0;transform:translate(-160%)skew(-18deg)}@keyframes sweep{0%,55%{transform:translate(-160%)skew(-18deg)}to{transform:translate(420%)skew(-18deg)}}@keyframes float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes glow{0%{box-shadow:0 0 40px #5b9dff40,0 0 0 1px #5b9dff40}to{box-shadow:0 0 90px #5b9dff8c,0 0 0 1px #5b9dff99}}.hero-window img{object-fit:cover;width:100%;height:100%;animation:drift 22s var(--ease) infinite alternate;position:absolute;inset:0}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.06)}}.games{background:var(--ground-2);padding-inline:0}.games .section-title,.games .section-sub{padding-inline:var(--margin)}.strip-wrap{margin-top:40px;position:relative}.game-strip{scroll-snap-type:x mandatory;scroll-padding-inline:var(--margin);padding:8px var(--margin) 24px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;overscroll-behavior-x:contain;gap:20px;display:flex;overflow-x:auto}.game-strip:focus-visible{outline-offset:-3px}.game{scroll-snap-align:start;background:var(--ground-3);transition:transform .3s var(--ease), box-shadow .3s;border-radius:16px;flex:0 0 clamp(200px,22vw,280px);overflow:hidden}.game:hover{transform:translateY(-6px);box-shadow:0 0 40px #5b9dff59}.game-art{aspect-ratio:474/842;overflow:hidden}.game-art img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.game:hover .game-art img{transform:scale(1.04)}.game-info{padding:14px 16px 18px}.game-title{font-size:var(--step-body);margin:0;font-weight:700;line-height:1.25}.game-genre{font-weight:600;font-size:var(--step-small);text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.strip-btn{z-index:2;background:var(--sky);width:52px;height:52px;color:var(--navy);cursor:pointer;transition:transform .2s var(--ease), opacity .25s;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 44px)}.strip-btn svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.strip-btn:hover{transform:scale(1.08)}.strip-btn:disabled{opacity:0;pointer-events:none}.strip-prev{left:calc(var(--margin) / 2)}.strip-title{padding-inline:var(--margin);font-size:var(--step-lead);text-transform:uppercase;text-align:center;margin:72px 0 0;font-weight:800}.board{scroll-snap-align:start;background:var(--ground-3);transition:transform .3s var(--ease), box-shadow .3s;border-radius:16px;flex:0 0 clamp(300px,52vw,720px);overflow:hidden}.board a{display:block}.board img{aspect-ratio:1672/942;object-fit:cover;width:100%;height:auto;transition:transform .6s var(--ease)}.board:hover{transform:translateY(-6px);box-shadow:0 0 40px #5b9dff59}.board:hover img{transform:scale(1.03)}.strip-next{right:calc(var(--margin) / 2)}.features{max-width:calc(var(--max) + 2 * var(--margin));text-align:center;grid-template-columns:repeat(3,1fr);gap:48px;margin:0 auto;display:grid}.feature-icon{fill:none;width:72px;height:72px;stroke:var(--sky);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease);margin:0 auto 24px}.feature:hover .feature-icon{transform:translateY(-4px)rotate(-4deg)}.feature-title{font-size:var(--step-lead);text-transform:uppercase;margin-bottom:12px;font-weight:800}.feature p{color:var(--ink-soft);max-width:32ch;margin:0 auto}.quality{align-items:center;min-height:80svh;display:grid;position:relative;overflow:hidden}.quality-img{object-fit:cover;width:100%;height:100%;animation:drift 22s var(--ease) infinite alternate;position:absolute;inset:0}.quality:before{content:"";z-index:1;background:var(--ground);opacity:.25;position:absolute;inset:0}.quality-copy{z-index:2;text-align:center;max-width:760px;margin:0 auto;position:relative}.quality-copy p{font-size:var(--step-lead);max-width:52ch;margin:32px auto 40px;font-weight:300}.services{background:var(--ground-2)}.service-list{max-width:var(--max);grid-template-columns:repeat(3,1fr);gap:16px;margin:64px auto 0;display:grid}.service-list li{background:var(--ground-3);font-weight:600;font-size:var(--step-lead);transition:background-color .25s, transform .25s var(--ease);padding:28px 24px}.service-list li:hover{background:#22336d;transform:translate(4px)}.studio{max-width:calc(var(--max) + 2 * var(--margin));grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);margin:0 auto;display:grid}.studio-img{aspect-ratio:1;border-radius:24px;overflow:hidden}.studio-img img{object-fit:cover;width:100%;height:100%;animation:drift 22s var(--ease) infinite alternate}.studio-copy .section-title{text-align:left}.studio-copy .section-title:after{margin-left:0}.studio-copy p{color:var(--ink-soft);max-width:52ch;margin-top:24px}.contact{background:var(--sky);color:var(--navy);text-align:center}.contact .section-sub{color:var(--navy)}.contact .section-title:after{background:var(--navy)}.clock{justify-items:center;gap:4px;max-width:44ch;margin:32px auto 40px;display:grid}.clock-time{font-size:var(--step-head);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.contact .btn{background:var(--navy);color:var(--ink)}.contact .btn:hover{background:var(--ground)}.foot{padding:80px var(--margin) 40px;color:var(--ink-soft);font-size:var(--step-small);background:#060b1f}.foot-grid{max-width:var(--max);grid-template-columns:2fr 1fr 1fr;gap:40px;margin:0 auto;display:grid}.foot-title{font-size:var(--step-small);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:16px;font-weight:800}.foot address{line-height:1.8}.foot-link{color:var(--sky);text-underline-offset:4px;margin-top:12px;display:inline-block}.foot-nav{gap:8px;display:grid}.foot-nav a{text-decoration:none}.foot-nav a:hover{color:var(--ink)}.foot-legal{max-width:var(--max);border-top:1px solid var(--ground-3);justify-content:space-between;gap:32px;margin:64px auto 0;padding-top:24px;display:flex}.js .reveal{opacity:0;transform:translateY(24px)}.js .reveal.in{opacity:1;transition:opacity .7s var(--ease) var(--d,0s), transform .7s var(--ease) var(--d,0s);transform:none}@media (width<=1000px){.service-list{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.bar{gap:12px}.bar nav{display:none}.bar .btn-sm{margin-left:auto}.logo{font-size:1.4rem}.hero{grid-template-columns:1fr;gap:40px;padding-top:104px}.hero-mark{display:none}.hero-window{order:-1;justify-self:stretch;width:100%}.game{flex-basis:62vw}.board{flex-basis:86vw}.game-strip{gap:14px}.strip-btn{display:none}.features{grid-template-columns:1fr;gap:56px}.service-list,.studio,.foot-grid{grid-template-columns:1fr}.foot-legal{flex-direction:column}.btn-lg{padding:16px 20px;font-size:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}