@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-600.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/SpaceGrotesk-500.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/SpaceGrotesk-700.woff2) format("woff2")}:root{--bg0: #050d1a;--bg1: #071a2f;--bg2: #0a2240;--line: rgba(138, 166, 194, .16);--line-strong: rgba(138, 166, 194, .3);--ink: #eaf3fc;--sub: #8aa6c2;--dim: #5a728c;--cobalt: #0b49d6;--azure: #0e7df0;--teal: #0fc2a8;--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--pad: clamp(20px, 4.5vw, 72px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}section[id],.hero[id]{scroll-margin-top:76px}a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}body{background:var(--bg0);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--teal);color:#04241f}html{scrollbar-color:var(--bg2) var(--bg0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:var(--bg2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 9s steps(6) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}}.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase}.kicker{font-size:11px;color:var(--teal);display:inline-flex;align-items:center;gap:10px}.kicker:before{content:"";width:22px;height:1px;background:var(--teal)}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:.98;letter-spacing:-.02em}.display{font-size:clamp(44px,8.4vw,128px)}.h2{font-size:clamp(34px,5.2vw,76px)}.outline{color:transparent;-webkit-text-stroke:1.5px var(--line-strong)}.lede{color:var(--sub);font-size:clamp(15px,1.35vw,19px);max-width:56ch}.wrap{padding-left:var(--pad);padding-right:var(--pad)}section{position:relative}.sec-head{display:flex;align-items:baseline;gap:22px;padding:26px var(--pad);border-top:1px solid var(--line)}.sec-head .idx{font-family:var(--mono);font-size:12px;color:var(--teal);letter-spacing:.18em}.sec-head .name{font-family:var(--mono);font-size:12px;color:var(--dim);letter-spacing:.18em;text-transform:uppercase}.sec-body{padding:clamp(36px,6vw,90px) var(--pad)}.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}.rv.on{opacity:1;transform:none}.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.maskline{overflow:hidden;display:block}.maskline>span{display:block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.7,.15,1)}.on .maskline>span,.maskline.on>span{transform:none}.maskline.d1>span{transition-delay:.1s}.maskline.d2>span{transition-delay:.2s}.maskline.d3>span{transition-delay:.3s}nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);height:72px;background:color-mix(in srgb,var(--bg0) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;padding:8px 0;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.01em}.brand svg{width:26px;height:26px}.nav-links{display:flex;gap:30px}.nav-links a{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--sub);text-transform:uppercase;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:0;background:var(--teal);transition:width .3s}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--ink)}.nav-links a.active:after{width:100%}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:14px 20px;border-radius:6px;background:var(--cobalt);color:#fff;border:1px solid transparent;transition:background .25s,transform .25s}.btn:hover{background:var(--azure);transform:translateY(-1px)}.btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn.ghost:hover{border-color:var(--teal);color:var(--teal);background:transparent}.menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:10px;background:transparent;border:1px solid var(--line-strong);border-radius:6px;cursor:pointer;flex-direction:column;gap:5px}.menu-btn span{display:block;width:18px;height:2px;background:var(--ink);transition:transform .3s,opacity .3s}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}@media (max-width: 860px){.nav-links{display:none}.menu-btn{display:inline-flex}.nav-links.open{display:flex;flex-direction:column;gap:0;position:fixed;top:72px;left:0;right:0;z-index:49;background:var(--bg0);border-bottom:1px solid var(--line);padding:10px var(--pad) 22px}.nav-links.open a{font-size:13px;color:var(--ink);padding:14px 2px;border-bottom:1px solid var(--line)}.nav-links.open a:last-child{border-bottom:none}}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:96px}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:0 var(--pad)}.hero h1{font-size:clamp(52px,10.6vw,168px);text-transform:uppercase}.hero h1 .teal{color:var(--teal)}.hero-side{max-width:330px;padding-bottom:14px}.hero-side p{color:var(--sub);font-size:15px;margin:14px 0 22px}.hero-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:clamp(30px,5vh,64px)}.hero-meta div{padding:20px var(--pad) 26px;border-left:1px solid var(--line)}.hero-meta div:first-child{border-left:none;padding-left:var(--pad)}.hero-meta .n{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.6vw,40px)}.hero-meta .l{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dim);text-transform:uppercase;margin-top:4px}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.hero-meta{grid-template-columns:repeat(2,1fr)}.hero-meta div{padding-left:20px}.scrollhint{display:none}}.scrollhint{position:absolute;right:var(--pad);bottom:130px;writing-mode:vertical-rl;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--dim)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0}.marquee .track{display:flex;width:max-content;animation:mq 26s linear infinite}.marquee span{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(20px,2.6vw,34px);letter-spacing:.02em;white-space:nowrap;padding:0 26px;color:var(--ink)}.marquee span:nth-child(2n){color:transparent;-webkit-text-stroke:1px var(--line-strong)}.marquee i{color:var(--teal);font-style:normal;align-self:center}@keyframes mq{to{transform:translate(-50%)}}.marquee:hover .track{animation-play-state:paused}.studio-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(30px,5vw,90px)}.values{display:grid;gap:0;border-top:1px solid var(--line)}.values li{list-style:none;display:grid;grid-template-columns:52px 1fr;gap:14px;padding:18px 4px;border-bottom:1px solid var(--line)}.values .i{font-family:var(--mono);font-size:11px;color:var(--teal);padding-top:5px}.values b{font-family:var(--display);font-size:17px;letter-spacing:-.01em}.values p{color:var(--sub);font-size:14px}@media (max-width: 900px){.studio-grid{grid-template-columns:1fr}}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cell{border:1px solid var(--line);border-radius:12px;background:var(--bg1);padding:26px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,background .3s}.cell:hover{border-color:#0fc2a88c;transform:translateY(-3px);background:var(--bg2)}.cell .idx{font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.18em}.cell h3{font-size:clamp(20px,2vw,28px);margin:40px 0 10px}.cell p{color:var(--sub);font-size:14px}.cell .tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}.cell .tags span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.cell.wide{grid-column:span 4}.cell.third{grid-column:span 2}.cell .glyph{position:absolute;right:18px;top:20px;font-family:var(--mono);color:var(--teal);font-size:14px}@media (max-width: 900px){.cell.wide,.cell.third{grid-column:span 6}}.game{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,70px);align-items:center}.game h3{font-size:clamp(38px,5.4vw,84px);text-transform:uppercase}.game .sub{font-family:var(--mono);font-size:12px;letter-spacing:.22em;color:var(--teal);text-transform:uppercase}.game ul{margin:26px 0 30px;display:grid;gap:12px}.game li{list-style:none;display:flex;gap:12px;color:var(--sub);font-size:15px}.game li:before{content:"▸";color:var(--teal)}.game li b{color:var(--ink);font-weight:600}.phone-wrap{justify-self:center;perspective:900px}.phone{width:min(320px,78vw);aspect-ratio:9/19;transition:transform .3s ease;will-change:transform;border:1px solid var(--line-strong);border-radius:34px;padding:10px;background:linear-gradient(160deg,#0a2240,#071a2f);box-shadow:0 40px 90px -30px #0b49d673;position:relative}.phone .screen{width:100%;height:100%;border-radius:26px;overflow:hidden;position:relative;background:#03101f}.phone .screen img{width:100%;height:100%;object-fit:cover}.phone .notch{position:absolute;top:20px;left:50%;transform:translate(-50%);width:84px;height:20px;background:#03101f;border-radius:12px;z-index:2}.worlds{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.worlds span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--sub);border:1px solid var(--line);padding:6px 12px;border-radius:999px}.next{margin-top:56px;border:1px dashed var(--line-strong);border-radius:12px;padding:26px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.next .t{font-family:var(--display);font-weight:700;font-size:20px}.next p{color:var(--sub);font-size:14px}@media (max-width: 900px){.game{grid-template-columns:1fr}}.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:70px 1.2fr 1fr auto;gap:20px;align-items:center;padding:30px 8px;border-bottom:1px solid var(--line);transition:background .3s,padding .3s}.row:hover{background:var(--bg1);padding-left:22px;padding-right:22px}.row .idx{font-family:var(--mono);font-size:12px;color:var(--dim)}.row .name{font-family:var(--display);font-weight:700;font-size:clamp(22px,3vw,40px);letter-spacing:-.01em}.row .desc{color:var(--sub);font-size:14px}.row .arr{font-size:22px;color:var(--teal);transition:transform .3s}.row:hover .arr{transform:translate(4px,-4px)}@media (max-width: 800px){.row{grid-template-columns:44px 1fr auto;row-gap:6px}.row .idx,.row .name,.row .arr{grid-row:1}.row .desc{display:block;grid-column:1 / -1;grid-row:2}}.proc{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,90px)}.proc .left{position:sticky;top:110px;align-self:start}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:26px 4px;border-bottom:1px solid var(--line)}.step .n{font-family:var(--display);font-weight:700;font-size:30px;color:transparent;-webkit-text-stroke:1px var(--line-strong)}.step:hover .n{color:var(--teal);-webkit-text-stroke:0}.step h4{font-family:var(--display);font-size:20px;margin-bottom:6px}.step p{color:var(--sub);font-size:14px;max-width:52ch}@media (max-width: 900px){.proc{grid-template-columns:1fr}.proc .left{position:static}}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stack-col{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--bg1)}.stack-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:16px}.stack-col div{display:flex;flex-wrap:wrap;gap:8px}.stack-col span{font-size:13px;color:var(--sub);border:1px solid var(--line);border-radius:6px;padding:6px 10px;transition:color .25s,border-color .25s}.stack-col span:hover{color:var(--ink);border-color:var(--line-strong)}@media (max-width: 900px){.stack-grid{grid-template-columns:repeat(2,1fr)}}.contact{text-align:left}.contact h2{font-size:clamp(44px,8vw,120px);text-transform:uppercase}.contact .row-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.cta-form{margin-top:34px;display:grid;gap:12px;max-width:580px}.cta-form input,.cta-form textarea{background:var(--bg1);border:1px solid var(--line);border-radius:8px;padding:13px 14px;color:var(--ink);font-family:var(--body);font-size:14px;resize:vertical;transition:border-color .25s}.cta-form input::placeholder,.cta-form textarea::placeholder{color:var(--dim)}.cta-form input:focus,.cta-form textarea:focus{border-color:var(--teal);outline:none}.cta-form .form-row{display:flex;gap:12px;flex-wrap:wrap}footer{border-top:1px solid var(--line);margin-top:40px}.foot-mark{padding:40px var(--pad) 10px;overflow:hidden}.foot-word{font-family:var(--display);font-weight:700;line-height:.9;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;font-size:clamp(64px,14.5vw,230px)}@media (max-width: 700px){.foot-word{font-size:12.4vw}}.foot-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px var(--pad) 30px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dim);text-transform:uppercase}.foot-meta a:hover{color:var(--teal)}.foot-meta a{display:inline-block;padding:12px 4px}@media (max-width: 480px){.brand{font-size:16px;gap:8px}nav .btn{padding:12px;font-size:10px}}@media (prefers-reduced-motion: reduce){.grain,.marquee .track{animation:none}.rv,.maskline>span{transition:none;opacity:1;transform:none}}
