@font-face{font-family:Root;src:local("Arial");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f6f7f9;color:#141b2b;font-family:Root,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2d55ed;outline-offset:5px}.wrap{max-width:1520px;padding:0 64px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.brand{font-size:27px;font-weight:800;letter-spacing:-1.2px}.brand span{color:#2d55ed}nav{display:flex;gap:30px;font-size:14px}.langs{display:flex;gap:4px}.langs a{padding:9px;font-size:12px;border-radius:6px}.langs a[aria-current]{background:#141b2b;color:#fff}.owner{margin:48px 0 20px;color:#586276;font-size:14px}.hero h1{font-size:clamp(80px,12.4vw,185px);font-weight:700;line-height:.91;letter-spacing:-.075em;margin:0 0 44px}.hero h1 span{display:block}.hero-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:start;padding-bottom:56px}.hero h2{font-size:clamp(26px,3vw,43px);line-height:1.15;letter-spacing:-1.4px;max-width:620px;margin:0}.hero p:not(.owner){margin:0;color:#586276;font-size:17px;line-height:1.65;max-width:440px}.cta{display:inline-flex;align-items:center;gap:30px;margin-top:24px;background:#294fe5;color:white;border-radius:7px;padding:16px 22px;font-size:14px}.ribbon{display:flex;gap:28px;flex-wrap:wrap;padding:23px 0 28px;color:#586276;font-size:13px}.ribbon a:hover{color:#294fe5}.showcase{background:#111a2c;color:#fff;padding:65px 0 80px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.sectionhead h2{font-size:clamp(36px,4vw,58px);font-weight:500;letter-spacing:-2px;margin:0}.sectionhead p{color:#a6b1c7;max-width:310px;line-height:1.6;font-size:14px;margin:0}.featured{display:grid;grid-template-columns:1.17fr 1fr;gap:30px;align-items:start}.feature:nth-child(2){margin-top:95px}.screen{border:0;padding:0;display:block;width:100%;background:#222d42;border-radius:10px;overflow:hidden;position:relative;text-align:left}.screen img{width:100%;height:auto;display:block;aspect-ratio:1.44;object-fit:cover;object-position:top}.screen .zoom{position:absolute;right:14px;bottom:14px;background:#f6f7f9;color:#141b2b;border-radius:5px;padding:8px 12px;font-size:12px}.feature h3{font-size:32px;margin:22px 0 10px;letter-spacing:-1px;font-weight:500}.feature p{color:#a6b1c7;font-size:16px;line-height:1.6;max-width:510px}.feature-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.feature small{color:#a6b1c7;font-size:12px}.visit{display:inline-block;padding:8px 0;border-bottom:1px solid #67758c;font-size:14px}.rest{padding:80px 0}.rest>h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:0 0 35px}.game{background:#dfe7fc;display:grid;grid-template-columns:1fr 1fr;padding:44px;border-radius:14px;gap:45px}.game h3{font-size:40px;letter-spacing:-1.6px;margin:0 0 20px;max-width:380px;font-weight:500}.game p,.lab p,.net p{font-size:16px;line-height:1.7;color:#4d5b70}.game aside{border-left:1px solid #b4bfd5;padding-left:35px}.game h4{font-size:22px;margin:0 0 12px}.game aside article+article{margin-top:25px}.twocol{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:24px}.lab,.net{padding:40px;border-radius:14px}.lab{background:#d8e0da}.net{background:#e7e6ec}.lab h3,.net h3{font-size:27px;font-weight:500;margin:0 0 30px;letter-spacing:-.6px}.lab h4,.net h4{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0}.about{padding:80px 0 90px;display:grid;grid-template-columns:1fr 1.1fr;gap:100px;border-top:1px solid #d7dce4}.about h2{font-size:clamp(36px,4.8vw,66px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:0}.about p{font-size:20px;line-height:1.7;margin:0 0 24px;color:#4d5b70}.signature{font-size:23px;font-weight:600;margin-top:38px}.signature small{display:block;font-size:13px;font-weight:400;color:#586276;margin-top:8px}footer{background:#294fe5;color:#fff;padding:45px 0}.foot-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-name{font-size:clamp(35px,6vw,80px);letter-spacing:-3px}.foot-bottom{margin-top:35px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#e1e6ff}.foot-bottom p{margin:0}dialog{width:min(1200px,95vw);max-height:95vh;border:0;padding:14px;border-radius:12px;background:#f6f7f9}dialog::backdrop{background:#050c1bd9}dialog img{display:block;width:100%;height:auto}dialog button{display:block;margin:0 0 12px auto;padding:10px 16px;border:0;border-radius:5px;background:#141b2b;color:white}@media(min-width:1800px){.hero h1 span{display:inline}.hero h1{font-size:148px;letter-spacing:-.075em}.hero h1 span+span:before{content:' '}}@media(max-width:900px){.wrap{padding:0 30px}.hero-bottom{gap:40px}.featured{gap:22px}.game{padding:30px;gap:25px}.lab,.net{padding:28px}.about{gap:40px}.feature h3{font-size:26px}}@media(max-width:600px){.wrap{padding:0 22px}header{flex-wrap:wrap;padding:23px 0;gap:22px}.brand{font-size:25px}nav{order:3;width:100%;gap:25px}.owner{margin:30px 0 22px;font-size:12px}.hero h1{font-size:21vw;letter-spacing:-.075em;margin-bottom:32px}.hero-bottom{display:block;padding-bottom:20px}.hero h2{font-size:29px;letter-spacing:-1px;margin-bottom:22px}.hero p:not(.owner){font-size:16px}.ribbon{gap:15px 22px;font-size:12px;padding:24px 0 32px}.showcase{padding:42px 0 48px}.sectionhead{display:block}.sectionhead p{margin-top:18px;max-width:none}.featured{grid-template-columns:1fr;gap:38px}.feature:nth-child(2){margin-top:0}.feature p{font-size:15px}.feature h3{margin-top:18px}.rest{padding:45px 0}.rest>h2{font-size:28px}.game{display:block;padding:26px}.game h3{font-size:32px}.game aside{border-left:0;border-top:1px solid #b4bfd5;padding:25px 0 0;margin-top:25px}.twocol{grid-template-columns:1fr;gap:18px;margin-top:18px}.lab,.net{padding:26px}.lab h4,.net h4{font-size:29px}.about{display:block;padding:45px 0 55px}.about h2{font-size:40px;margin-bottom:28px}.about p{font-size:17px}.footer-name{font-size:39px;letter-spacing:-2px}.foot-top{align-items:start}.foot-top>a{font-size:12px;padding-top:10px}.foot-bottom{flex-wrap:wrap;line-height:1.6}.foot-bottom p{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.flagship{display:grid;grid-template-columns:.75fr 1.4fr;gap:45px;align-items:center;margin:20px 0 70px}.flagship-copy>span{color:#b9caff;font-size:14px}.flagship h3{font-size:clamp(44px,5vw,72px);letter-spacing:-3px;font-weight:500;margin:20px 0}.flagship p{color:#a6b1c7;font-size:19px;line-height:1.65;max-width:370px}.flagship .cta{background:#c2d1ff;color:#111a2c}.feature:nth-child(2){margin-top:0}.featured{grid-template-columns:1fr 1fr}.ribbon a:first-child{color:#294fe5;font-weight:700}@media(max-width:700px){.flagship{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.flagship h3{font-size:48px}.flagship p{font-size:17px}.flagship .cta{margin-top:10px}.featured{grid-template-columns:1fr}}

.hero-identity{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;margin:26px 0 44px}.hero-identity h1{font-size:clamp(70px,9vw,133px);margin:0}.hero-identity h1 span{display:block}.hero-identity h1 span+span:before{content:none}.owner-portrait{width:100%;height:auto;max-height:530px;object-fit:cover;object-position:center top;border-radius:12px;display:block}.owner{margin-top:30px}@media(max-width:700px){.hero-identity{grid-template-columns:1fr;gap:26px;margin-bottom:30px}.hero-identity h1{font-size:20vw}.owner-portrait{max-height:none;aspect-ratio:4/5;object-fit:cover}.hero-bottom{gap:25px}}

.brand-logo{display:flex;align-items:center;gap:9px;line-height:1;flex-shrink:0}.brand-logo img{display:block;width:39px;height:32px;object-fit:contain}.brand-logo .wordmark{font-family:Arial,sans-serif;font-size:30px;font-weight:750;letter-spacing:-1.3px;color:#111}.brand-logo .wordmark span{color:#00866a}@media(max-width:600px){.brand-logo img{width:34px;height:28px}.brand-logo .wordmark{font-size:27px}}

.brand-logo{display:flex;align-items:center;line-height:1}.brand-logo img{width:168px;height:auto;object-fit:contain;mix-blend-mode:normal}@media(max-width:600px){.brand-logo img{width:146px;height:auto}}

.brand-logo img{width:240px;height:auto}@media(max-width:600px){.brand-logo img{width:195px;height:auto}}

/* Author-first composition; browser windows are the project interaction. */
.hero-identity{grid-template-columns:1.35fr .8fr;gap:70px;margin:26px 0 40px}.hero-identity h1{font-size:clamp(76px,10vw,148px);line-height:.95}.owner-portrait{max-height:480px;border-radius:4px 4px 70px 4px}.hero-bottom{gap:65px;padding-bottom:34px}.owner{margin-top:28px}.ribbon{padding-bottom:38px}
.showcase{padding:75px 0 90px}.sectionhead{margin-bottom:50px}.flagship{grid-template-columns:.65fr 1.5fr;gap:44px;margin-bottom:75px}.flagship h3{font-size:clamp(42px,5vw,70px)}.flagship-copy{padding:15px 0}.project-browser{min-width:0;border:1px solid #354257;border-radius:12px;overflow:hidden;background:#182237}.browser-bar{height:43px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#d2daea;font-size:12px}.browser-mark{color:#94a3b8;font-size:22px}.browser-mode{margin-left:auto;color:#a6b1c7;font-size:11px}.project-launch{display:block;position:relative;width:100%;padding:0;border:0;background:#0f172a;overflow:hidden;aspect-ratio:1.55;text-align:left}.project-launch img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}.project-launch:hover img{transform:scale(1.025)}.launch-label{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;background:#f6f7f9;color:#141b2b;border:1px solid #dce2eb;border-radius:6px;padding:14px 18px;font-size:14px;font-weight:600}.launch-label span{font-size:22px}.project-launch:focus-visible{outline-offset:-4px}.feature-top h3{margin-bottom:0}.feature p{min-height:52px}.rest{padding-top:65px}.game{border-radius:8px}.lab,.net{border-radius:8px}.about{gap:70px}
.explorer{position:fixed;inset:0;margin:auto;width:min(1440px,96vw);height:94dvh;max-height:94dvh;max-width:96vw;padding:0;border:1px solid #cdd5e1;border-radius:12px;background:#edf0f5;color:#141b2b;overflow:hidden;box-shadow:0 25px 100px #0006}.explorer[open]{display:flex;flex-direction:column}.explorer::backdrop{background:#080e1bdc}.explorer-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 20px;background:#fff}.explorer-head strong{font-size:20px;letter-spacing:-.5px}.explorer-kind{font-size:12px;color:#637087;margin-left:15px}.explorer .explorer-close{margin:0;padding:10px 14px;background:#141b2b;color:white;border:0;border-radius:5px}.explorer-tools{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:12px}.view-switch{display:flex;gap:4px}.explorer .view-switch button{margin:0;border:0;border-radius:5px;padding:9px 12px;font-size:12px;background:transparent;color:#4d5b70}.explorer .view-switch button[aria-pressed=true]{background:#fff;color:#141b2b}.explorer-external{font-size:12px;color:#294fe5}.explorer-hint{margin:0;padding:0 20px 12px;font-size:12px;color:#586276}.explorer-stage{flex:1;min-height:0;width:100%;max-width:100%;margin:0 auto;background:white;overflow:hidden;transition:width .2s}.explorer-stage.mobile-view{width:390px;max-width:100%}.explorer-stage iframe{display:block;border:0;width:100%;height:100%;background:white}.preview-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-color:#667a99 #e0e5ed}.explorer .preview-scroll img{display:block;width:100%;height:auto}.explorer-stage.mobile-view .preview-scroll img{width:800px;max-width:none}.explorer-stage.mobile-view .preview-scroll{overflow:auto}.explorer-open{overflow:hidden}
@media(min-width:1800px){.hero-identity h1 span{display:block}.hero-identity h1 span+span:before{content:none}}
@media(max-width:900px){.hero-identity{gap:30px}.flagship{grid-template-columns:1fr;gap:24px}.flagship-copy{max-width:650px}.flagship p{max-width:600px}.flagship h3{margin:15px 0}.featured{gap:25px}.browser-mode{display:none}}
@media(max-width:700px){.hero-identity{grid-template-columns:1fr;gap:20px}.hero-identity h1{font-size:20vw;margin-bottom:0}.owner-portrait{max-height:none;border-radius:4px 4px 50px 4px}.hero-bottom{gap:22px}.showcase{padding:45px 0}.sectionhead{margin-bottom:30px}.flagship{margin-bottom:42px}.launch-label{bottom:12px;left:12px;right:12px;padding:10px 12px;font-size:13px}.browser-bar{height:36px}.featured{grid-template-columns:1fr;gap:38px}.feature p{min-height:0}.explorer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.explorer-head{padding:14px}.explorer-kind{display:block;margin:4px 0 0;font-size:11px}.explorer-tools{padding:10px 14px}.explorer-hint{padding:0 14px 12px;line-height:1.5}.explorer-head strong{font-size:18px}.view-switch{display:none}.explorer-external{padding:4px 0}.explorer-stage{transition:none}}
@media(prefers-reduced-motion:reduce){.project-launch img,.explorer-stage{transition:none}}

.explorer .view-switch[hidden]{display:none}