:root{--ground:#000;--text:#fff;--text2:#fffc;--text3:#ffffff94;--rest:#fff9;--hair:#ffffff1f;--magenta:#ff2e93;--violet:#7a2bff;--teal:#00e0b8;--indigo:#2b1b8f;--font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6}.wrap{max-width:1200px;margin:0 auto;padding-block:0;padding-inline:24px}a{color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:3px}img{max-width:100%}.field{z-index:0;pointer-events:none;filter:blur(80px);transition:transform .7s var(--ease),opacity 1.2s var(--ease);position:absolute}.field span{mix-blend-mode:screen;opacity:.62;transition:background-color 1.1s var(--ease),opacity 1.1s var(--ease);border-radius:50%;position:absolute}.field .a{background-color:var(--c1,var(--violet));width:52%;height:58%;animation:15s ease-in-out infinite alternate fa;top:6%;left:20%}.field .b{background-color:var(--c2,var(--indigo));width:44%;height:50%;animation:18s ease-in-out infinite alternate fb;top:34%;left:46%}.field .c{background-color:var(--c3,var(--magenta));opacity:.38;width:32%;height:40%;animation:12s ease-in-out infinite alternate fc;top:52%;left:30%}@keyframes fa{to{transform:translate(-10%,12%)scale(1.12)}}@keyframes fb{to{transform:translate(9%,-14%)scale(.9)}}@keyframes fc{to{transform:translate(-16%,-10%)scale(1.18)}}.nav{top:env(safe-area-inset-top,0px);z-index:20;-webkit-backdrop-filter:blur(14px);background:#000000b3;border-bottom:1px solid #0000;transition:border-color .3s;position:sticky}.nav.scrolled{border-bottom-color:var(--hair)}.nav .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.logo{letter-spacing:-.01em;font-size:16px;font-weight:600;text-decoration:none}.nav ul{color:var(--text2);gap:28px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.nav ul a{text-decoration:none;transition:color .2s}.nav ul a:hover{color:var(--text)}@media (width<=760px){.nav ul{display:none}}.nav .right{align-items:center;gap:8px;display:flex}.menu-btn{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:none}.menu-btn:hover{background:#ffffff14}.nav .drop{display:none}@media (width<=760px){.menu-btn{display:grid}.logo,.nav .btn.sm{white-space:nowrap}.nav .drop{border-top:1px solid var(--hair);background:#000000eb;display:block}.nav .drop ul{padding-block:8px 16px;display:block}.nav .drop a{padding:10px 0;font-size:17px;display:block}}.btn{background:var(--text);color:#000;transition:transform .2s var(--ease),background .2s;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.glass{color:var(--text);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff38}.btn.glass:hover{background:#ffffff24}.btn.sm{padding:9px 16px;font-size:14px}.ctas{flex-wrap:wrap;gap:12px;display:flex}.fx .w{cursor:default;vertical-align:top;display:inline-grid}.fx .w:after{content:attr(data-t);visibility:hidden;font-variation-settings:"wdth" 100,"wght" 700;pointer-events:none;grid-area:1/1}.fx .w .v{color:var(--rest);font-variation-settings:"wdth" 86,"wght" 500;transition:color .4s var(--ease),font-variation-settings .5s var(--ease);grid-area:1/1;justify-self:start}.fx .w.on .v,.fx .w:hover .v{color:#fff;font-variation-settings:"wdth" 100,"wght" 700}.hero{align-items:center;min-height:min(780px,92vh);display:flex;position:relative;overflow:clip}.hero .field{opacity:0;animation:fadein 1.8s var(--ease) 50ms forwards;inset:-12% -18% -12% 34%}.hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#000 0%,#000000f0 40%,#00000073 66%,#0000000d 100%);position:absolute;inset:0}.hero .wrap{z-index:2;width:100%;padding-block:72px 88px;position:relative}.hero h1{letter-spacing:-.035em;max-width:min(620px,52vw);margin:0 0 30px;font-size:clamp(46px,5.6vw,82px);font-weight:500;line-height:.98}.stack .w{display:block}.stack .w:after{display:none}.stack .w.end .v{color:#fff;font-variation-settings:"wdth" 100,"wght" 700}@media (width<=760px){.hero h1{max-width:none}}.hero h1 .w[data-k=m].on .v{color:#ff7dbb}.hero h1 .w[data-k=s].on .v{color:#b9a0ff}.hero h1 .w[data-k=v].on .v{color:#5ff0d4}.hero .lead{color:var(--text2);max-width:44ch;margin:0 0 36px;font-size:20px}.hero .lead b{color:var(--text);font-weight:600}.rise{opacity:0;animation:rise 1s var(--ease) forwards;transform:translateY(18px)}.rise.d1{animation-delay:.1s}.rise.d2{animation-delay:.22s}.rise.d3{animation-delay:.34s}.rise.d4{animation-delay:.46s}@keyframes rise{to{opacity:1;transform:none}}@keyframes fadein{to{opacity:1}}.sig{color:var(--text2);align-items:center;gap:14px;margin-top:40px;font-size:15px;line-height:1.35;text-decoration:none;display:inline-flex}.sig img{object-fit:cover;object-position:50% 20%;border-radius:50%;width:48px;height:48px;box-shadow:0 0 0 2px #ffffff24}.sig b{color:var(--text);font-size:16px;font-weight:600;display:block}.sig:hover b{text-underline-offset:3px;text-decoration:underline}.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:32px;display:grid}.engine{--cc:#fff;width:100%;max-width:560px;transition:transform .8s var(--ease);justify-self:end;position:relative}.engine svg{width:100%;height:auto;display:block;overflow:visible}.engine .track{fill:none;stroke:#ffffff42;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke .6s var(--ease);animation:2.6s cubic-bezier(.45,0,.2,1) .35s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.engine .comet{fill:none;stroke:var(--cc);stroke-width:3px;stroke-linecap:round;stroke-dasharray:34 966;opacity:0;filter:url(#glow);animation:fadein .8s var(--ease) 2.8s forwards,run 9s linear 2.8s infinite;transition:stroke .6s var(--ease)}.engine .comet.c2{stroke-width:2px;animation-delay:2.8s,-1.7s}@keyframes run{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.engine .seg{fill:none;stroke:var(--lc);stroke-width:2.5px;stroke-linecap:round;opacity:0;filter:url(#glow);transition:opacity .5s var(--ease)}.engine .node{fill:#000;stroke:#ffffff6b;stroke-width:1.5px;transition:fill .4s var(--ease),stroke .4s var(--ease)}.engine .lbl{fill:#ffffff8c;font-family:var(--font);transition:fill .4s var(--ease);font-size:15px;font-weight:500}.engine .cap{fill:#ffffffb8;font-family:var(--font);opacity:0;transition:opacity .4s var(--ease);font-size:13px}.engine .hit{fill:#0000;cursor:default}.engine .lane{opacity:0;animation:fadein 1s var(--ease) forwards}.engine .lane:first-of-type{animation-delay:.5s}.engine .lane:nth-of-type(2){animation-delay:1.1s}.engine .lane:nth-of-type(3){animation-delay:1.7s}.engine .lane:nth-of-type(4){animation-delay:2.3s}.engine .lane.on .seg{opacity:1}.engine .lane.on .node{fill:var(--lc);stroke:var(--lc)}.engine .lane.on .lbl{fill:#fff}.engine .lane.on .cap{opacity:1}.engine.all .track{stroke:#ffffff80}@media (width<=900px){.hero{min-height:auto}.hero .wrap{grid-template-columns:1fr;gap:8px;padding-block:56px 72px}.hero .field{inset:30% -40% -10% -20%}.hero:after{background:linear-gradient(#000 0%,#000000db 42%,#0003 74%,#000 100%)}.engine{justify-self:center;max-width:460px;margin-top:24px}.engine .lbl{font-size:20px}.engine .cap{display:none}}section.block{padding-block:120px;position:relative;overflow:clip}.block .wrap{z-index:2;position:relative}.kicker{color:var(--text3);margin:0 0 18px;font-size:16px}h2{font-variation-settings:"wdth" 92;letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin:0 0 22px;font-size:clamp(34px,4.6vw,60px);font-weight:600;line-height:1.02}.intro{color:var(--text2);max-width:56ch;margin:0;font-size:20px}@media (width<=760px){section.block{padding-block:84px}}.framework .field{opacity:.4;inset:-10% -30% -10% 45%}.layers{border-top:1px solid var(--hair);margin-top:64px}.layer{border-bottom:1px solid var(--hair);cursor:default;grid-template-columns:110px minmax(0,1fr) minmax(0,1.1fr);align-items:baseline;gap:24px;padding-block:30px;display:grid}.layer .n{color:var(--text3);font-size:15px;transition:color .4s}.layer h3{letter-spacing:-.03em;margin:0;font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.05;display:inline-grid}.layer h3:after{content:attr(data-t);visibility:hidden;font-variation-settings:"wdth" 100,"wght" 700;grid-area:1/1}.layer h3 .v{color:var(--rest);font-variation-settings:"wdth" 86,"wght" 500;transition:color .4s,font-variation-settings .5s var(--ease);grid-area:1/1}.layer p{color:var(--text3);margin:0;font-size:18px;transition:color .4s}.layer p b{color:var(--text2);margin-bottom:4px;font-weight:500;transition:color .4s;display:block}.layer.on h3 .v{color:var(--text);font-variation-settings:"wdth" 100,"wght" 700}.layer.on p{color:var(--text2)}.layer.on p b{color:var(--text)}.layer.on .n{color:var(--lc)}@media (width<=760px){.layer{grid-template-columns:1fr;gap:8px}}.modes{color:var(--text2);max-width:62ch;margin-top:56px;font-size:19px}.modes b{color:var(--text);font-weight:600}.proof{padding-block:24px 110px}.stats{border-top:1px solid var(--hair);grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:48px;display:grid}.stat .num{font-variation-settings:"wdth" 88;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#0000;transition:background-position 1.2s var(--ease);background:linear-gradient(100deg,#fff 0% 40%,#ff7dbb 62%,#b9a0ff 80%,#5ff0d4 100%) 0 0/280% 100%;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(52px,6vw,84px);font-weight:700;line-height:.9}.stat:hover .num{background-position:100% 0}.stat p{color:var(--text2);max-width:24ch;margin:0;font-size:17px}@media (width<=900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}}@media (width<=480px){.stats{grid-template-columns:1fr}}.origin .field{opacity:.35;inset:30% 50% -20% -30%}.origin-top{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:end;gap:56px;display:grid}.portrait{aspect-ratio:4/5;background:#e9e6e1;border-radius:20px;overflow:hidden}.portrait img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.story p{color:var(--text2);max-width:54ch;margin:0 0 16px;font-size:19px}.story p b{color:var(--text);font-weight:600}.timeline{border-top:1px solid var(--hair);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:64px;padding-top:22px;display:grid}.timeline .y{font-variation-settings:"wdth" 88;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.timeline p{color:var(--text2);margin:0;font-size:16px}.game{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px;display:grid}.game figure{margin:0}.game .frame{aspect-ratio:4/3;box-shadow:0 0 0 1px var(--hair);background:#111;border-radius:14px;overflow:hidden}.game img{object-fit:cover;filter:saturate(.55)brightness(.85);width:100%;height:100%;transition:filter .6s var(--ease),transform .8s var(--ease);display:block;transform:scale(1.01)}.game figure:hover img{filter:none;transform:scale(1.04)}.game figcaption{color:var(--text2);margin-top:12px;font-size:16px}.game figcaption b{color:var(--text);font-weight:600}.origin .lesson{letter-spacing:-.02em;max-width:32ch;color:var(--text);margin-top:56px;font-size:clamp(24px,2.6vw,32px);line-height:1.3}@media (width<=900px){.origin-top{grid-template-columns:1fr;gap:32px}.portrait{max-width:320px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.game{grid-template-columns:1fr}}.origin .links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.play{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0;margin-right:2px;display:inline-block}.built{padding-block:40px 120px}.built-grid{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:56px;margin-top:48px;display:grid}.manga{margin:0}.manga .pages{aspect-ratio:910/1287;margin-inline:6% 10%;display:block;position:relative}.manga .pages img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease),filter .5s var(--ease);border-radius:6px;position:absolute;inset:0;box-shadow:0 18px 40px #0000008c,0 0 0 1px #ffffff14}.manga .pages .back{filter:brightness(.82);transform:rotate(5deg)translate(8%,2%)}.manga .pages .front{transform:rotate(-2deg)}.manga:hover .pages .back{filter:brightness(.85);transform:rotate(9deg)translate(16%,3%)}.manga:hover .pages .front{transform:rotate(-4deg)translate(-4%,-2%)}.manga figcaption{color:var(--text2);margin-top:28px;font-size:16px}.manga figcaption b{color:var(--text);font-weight:600}.built a{color:var(--text);text-underline-offset:4px;text-decoration-color:#fff6}.built a:hover{text-decoration-color:#fff}.rows{border-top:1px solid var(--hair)}.rows .row{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;padding-block:22px;display:grid}.rows h3{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:600}.rows p{color:var(--text2);margin:0;font-size:17px}.video{max-width:520px;margin-top:18px;text-decoration:none;display:block}.video .thumb{aspect-ratio:16/9;width:100%;box-shadow:0 0 0 1px var(--hair);cursor:pointer;color:inherit;font:inherit;background:#111;border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;display:block}.video img{object-fit:cover;filter:saturate(.6)brightness(.72);width:100%;height:100%;transition:filter .5s var(--ease),transform .8s var(--ease);display:block}.video .thumb:hover img,.video .thumb:focus-visible img{filter:none;transform:scale(1.03)}.video .pbtn{color:#000;width:52px;height:52px;transition:transform .3s var(--ease),background .3s;background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;left:16px}.video .pbtn .play{border-top-width:8px;border-bottom-width:8px;border-left-width:13px;margin:0 0 0 4px}.video .thumb:hover .pbtn{background:#fff;transform:scale(1.08)}.video .vcap{color:var(--text);text-underline-offset:4px;margin-top:12px;font-size:16px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6;display:inline-block}.video .vcap:hover{text-decoration-color:#fff}@media (width<=900px){.built-grid{grid-template-columns:1fr;gap:36px}.manga{max-width:260px}.rows .row{grid-template-columns:1fr;gap:6px}}.building .field{opacity:.38;inset:-10% -25% 10% 40%}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.stage{aspect-ratio:1;justify-self:center;width:100%;max-width:520px;position:relative}.stage:before{content:"";filter:blur(10px);background:radial-gradient(closest-side,#7a2bff59,#0000 75%);border-radius:50%;position:absolute;inset:12% 8% 4%}.stage img{display:block;position:absolute}.stage .desk{width:92%;transition:transform .8s var(--ease);top:4%;left:4%}.stage:hover .desk{transform:translateY(-8px)}.surfaces{border-top:1px solid var(--hair);margin-top:36px;display:grid}.surface{border-bottom:1px solid var(--hair);padding-block:22px}.surface h3{letter-spacing:-.02em;margin:0 0 6px;font-size:21px;font-weight:600}.surface h3 small{color:var(--text3);letter-spacing:0;margin-left:8px;font-size:15px;font-weight:500}.surface p{color:var(--text2);margin:0;font-size:17px}@media (width<=900px){.split{grid-template-columns:1fr;gap:40px}.stage{max-width:380px}}.close .field{opacity:.5;inset:25% -10% -45%}.close h2{max-width:14ch;font-size:clamp(46px,6.4vw,88px)}.close .ctas{margin-top:36px}footer{border-top:1px solid var(--hair);color:var(--text3);padding-block:36px;font-size:15px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}footer nav{flex-wrap:wrap;gap:20px;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.field span{animation:none}.rise,.hero .field,.engine .lane{opacity:1;animation:none;transform:none}.engine .track{stroke-dashoffset:0;animation:none}.engine .comet{display:none}.field,.engine{transition:none}}.tlink{color:var(--text);text-underline-offset:4px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6;transition:text-decoration-color .2s}.tlink:hover{text-decoration-color:#fff}.phero{position:relative;overflow:clip}.phero .field{opacity:0;animation:pfade 1.4s var(--ease) 50ms forwards;inset:-20% -18% -20% 40%}.phero.faint .field{--fo:.28}@keyframes pfade{to{opacity:var(--fo,.5)}}.phero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#000 0%,#000000f0 40%,#00000073 66%,#0000000d 100%);position:absolute;inset:0}.phero .wrap{z-index:2;padding-block:96px 104px;position:relative}.phero h1{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:0 0 26px;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.02}.phero .intro{animation:none}.phero .fade{opacity:0;animation:fadein .9s var(--ease) .1s forwards}.phero-split{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:56px;display:grid}.ptext{color:var(--text2);max-width:62ch;font-size:19px}.ptext p{margin:0 0 20px}.ptext p:last-child{margin-bottom:0}.ptext b,.ptext strong{color:var(--text);font-weight:600}.block h2+.intro,.block h2+.ptext{margin-top:0}.hrows{border-top:1px solid var(--hair);margin:40px 0 0;padding:0;list-style:none}.hrows>li,.hrows>.row{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;padding-block:22px;display:grid}.hrows h3{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:600;line-height:1.3}.hrows p{color:var(--text2);margin:0;font-size:17px}.hrows .n{color:var(--text3);margin-bottom:4px;font-size:15px;display:block}.cols2{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);grid-template-columns:1fr 1fr;margin-top:40px;display:grid}.cols2>div{padding:28px 32px 28px 0}.cols2>div+div{border-left:1px solid var(--hair);padding-left:32px}.cols2 h3{margin:0 0 8px;font-size:21px;font-weight:600}.cols2 p{color:var(--text2);margin:0;font-size:17px}.stacklist{color:var(--text2);flex-wrap:wrap;margin:0;padding:0;font-size:19px;list-style:none;display:flex}.stacklist li{white-space:nowrap}.ptl{border-top:1px solid var(--hair);max-width:820px;margin:40px 0 0;padding:0;list-style:none}.ptl li{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:24px;padding-block:24px;display:grid}.ptl .y{color:var(--text);font-size:17px;font-weight:600;line-height:1.4}.ptl p{color:var(--text2);margin:0;font-size:17px}.post-body{color:var(--text2);max-width:68ch;font-size:19px;line-height:1.7}.post-body p{margin:0 0 22px}.post-body h2{color:#fff;letter-spacing:-.02em;max-width:none;margin:48px 0 16px;font-size:30px;font-weight:600;line-height:1.2}.post-body h3{color:#fff;margin:36px 0 12px;font-size:22px;font-weight:600}.post-body a{color:#fff;text-underline-offset:4px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.post-body a:hover{text-decoration-color:#fff}.post-body blockquote{color:var(--text);border-left:2px solid #ffffff4d;margin:28px 0;padding-left:20px}.post-body ul,.post-body ol{margin:0 0 22px;padding-left:1.3em}.post-body li{margin-bottom:10px}.post-body strong{color:#fff}.plist{border-top:1px solid var(--hair);max-width:820px;margin:0;padding:0;list-style:none}.plist li{border-bottom:1px solid var(--hair);padding-block:26px}.plist .d{color:var(--text3);margin:0 0 6px;font-size:15px}.plist .t{color:#fff;letter-spacing:-.015em;font-size:24px;font-weight:600;line-height:1.25;text-decoration:none}.plist .t:hover{text-underline-offset:4px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.plist p.s{color:var(--text2);margin:8px 0 0;font-size:17px}.glowsec .field{opacity:.4;inset:10% -20% -30% 30%}.dfield{color:#fff;background:#0a0a0a;border:1px solid #ffffff29;border-radius:12px}.figbox{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin-top:48px;padding-block:32px}@media (width<=900px){.phero-split{grid-template-columns:1fr;gap:32px}.phero-split .portrait{max-width:300px}}@media (width<=760px){.phero .wrap{padding-block:64px 72px}.phero:after{background:linear-gradient(#0009 0%,#000000e6 60%,#000 100%)}.phero .field{inset:-10% -40% 20% 0}.hrows>li,.hrows>.row,.ptl li{grid-template-columns:1fr;gap:6px}.cols2{grid-template-columns:1fr}.cols2>div{padding:24px 0}.cols2>div+div{border-left:0;border-top:1px solid var(--hair);padding-left:0}}@media (prefers-reduced-motion:reduce){.phero .field,.phero .fade{opacity:var(--fo,.5);animation:none}.phero .fade{opacity:1}}
