/* RYX VISUALS — self-contained, no web fonts or external libraries. */
:root{--bg:#0b0d12;--panel:#12151c;--panel-2:#181c25;--text:#f3f3ed;--muted:#989ca9;--line:#282b34;--blue:#4e70ff;--blue-bright:#5879ff;--blue-pale:#b9c8ff;--green:#b7f481;--font:Arial,Helvetica,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--radius:6px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue-pale);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::selection{background:var(--blue);color:white}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.05}button{border:0}img,svg{vertical-align:middle}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:16px;padding:12px 20px;background:var(--text);color:var(--bg);z-index:1000}.skip-link:focus{top:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:13px 20px;border-radius:4px;font-size:13px;font-weight:700;line-height:1.35;transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap}.button svg{width:18px;height:18px}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 3px 0 #233bae}.button-primary:hover{background:#6382ff;box-shadow:0 5px 0 #233bae}.button-outline{border:1px solid var(--line);background:transparent;color:var(--text)}.button-outline:hover{background:var(--panel-2)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.text-link svg{width:18px;height:18px;transition:transform .2s}.text-link:hover svg{transform:translate(3px,-2px)}.micro-label{font-family:var(--mono);font-size:10px;letter-spacing:1.15px}.blue-text{color:var(--blue)}.serif-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-2px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0;box-shadow:0 0 0 3px rgb(183 244 129 / 8%)}
/* Navigation */
.site-header{position:sticky;top:0;z-index:50;background:rgb(11 13 18 / 94%);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-icon{width:40px;height:43px;display:flex;align-items:center;justify-content:center;background:var(--blue);border-radius:3px;transform:skew(-6deg)}.brand-icon svg{width:32px;height:32px;fill:#fff;stroke:none;transform:skew(6deg);overflow:visible;margin-left:-3px}.brand-type{font-size:23px;line-height:.83;font-weight:900;letter-spacing:-1.1px;display:flex;flex-direction:column;gap:5px}.brand-type>span{font-size:10px;letter-spacing:1.4px;position:relative}.brand-period{font-size:9px;position:absolute;right:-11px;top:-20px;color:var(--blue-pale)}.desktop-nav{display:flex;gap:34px;margin-left:80px}.desktop-nav a{font-size:12px;color:#b3b5be;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.is-current{color:var(--text)}.nav-cta{border:1px solid #494d59;min-height:40px;padding:10px 16px;font-size:12px}.nav-cta:hover{background:var(--text);color:var(--bg)}.menu-toggle{display:none;background:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--text);margin:6px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{border-top:1px solid var(--line);padding:10px 24px 24px;display:grid;gap:0}.mobile-nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
/* Hero */
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;padding-block:70px 76px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.65px;margin-bottom:26px}.eyebrow-tail{padding-left:15px;margin-left:6px;border-left:1px solid var(--line);color:#6f7481;font-size:8px}h1{font-size:clamp(72px,7.5vw,112px);font-weight:900;line-height:.91;letter-spacing:-7px;margin-left:-5px}h1 .build-word{display:block;position:relative;color:var(--blue);width:fit-content}.build-period{color:var(--text)}.title-spark{position:absolute;right:-91px;top:13px;width:63px;height:63px;fill:var(--blue-pale);stroke:none;transform:rotate(6deg)}.hero-description{font-size:15px;color:#a6a9b5;line-height:1.8;max-width:395px;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:26px}.hero-actions .button{min-height:50px}.hero-actions .text-link{font-size:12px;gap:8px}.hero-note{display:flex;align-items:center;gap:10px;color:#747986;font-size:10px;margin-top:29px}.tiny-cube{width:11px;height:11px;border:1px solid #6e789a;transform:rotate(-20deg);position:relative}.tiny-cube:after{content:'';position:absolute;width:4px;height:4px;border:1px solid #6e789a;top:2.5px;left:2.5px}.hero-visual{min-width:0;padding-top:6px}.preview-topline{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.6px;color:#8b919e;padding:0 1px 13px}.preview-topline>span:first-child{display:flex;align-items:center;gap:8px}.small-cross{font-size:16px;line-height:1;color:var(--blue-pale)}.workbench{height:470px;position:relative;isolation:isolate;border-radius:5px;overflow:hidden;background-color:#5474fa;background-image:linear-gradient(rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 9%) 1px,transparent 1px);background-size:36px 36px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 10%)}.workbench:before{content:'';position:absolute;width:380px;height:380px;right:-200px;bottom:-160px;border:60px solid rgb(194 213 255 / 22%);transform:rotate(-30deg);z-index:-1}.blueprint-label{position:absolute;left:22px;top:18px;color:#d9e1ff;font-size:8px;font-family:var(--mono);letter-spacing:.8px}.blueprint-plus{position:absolute;font-family:var(--mono);color:#becdff;font-size:24px;font-weight:400}.plus-one{left:16px;top:76px}.plus-two{right:20px;bottom:15px}.game-window{position:absolute;top:60px;left:calc(50% - 97px);width:285px;border:2px solid #171b2d;background:#10141e;border-radius:8px;box-shadow:8px 11px 0 rgb(20 31 75 / 25%);transform:rotate(4deg);transition:transform .3s}.window-top{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;color:#8e97b0;font-family:var(--mono);font-size:7px;letter-spacing:1px;border-bottom:1px solid #303a56}.window-top>span:first-child{display:flex;gap:4px}.window-top i{width:4px;height:4px;display:block;background:#545d72;border-radius:50%}.window-top i:first-child{background:#9db5ff}.window-top>svg{width:13px;height:13px}.game-scene{height:145px;overflow:hidden;position:relative;background:#d2deff;border-bottom:2px solid #171b2d}.scene-grid{position:absolute;inset:-50px;background-image:linear-gradient(#b6c7f3 1px,transparent 1px),linear-gradient(90deg,#b6c7f3 1px,transparent 1px);background-size:26px 26px;transform:rotate(-24deg) scale(1.1)}.scene-orbit{position:absolute;border:1px solid #9fb4ee;transform:rotate(-18deg);border-radius:50%}.orbit-one{width:210px;height:83px;top:39px;left:55px}.orbit-two{width:145px;height:55px;top:53px;left:86px}.block{position:absolute;perspective:500px;transform:rotate(-9deg)}.block-main{width:66px;height:66px;top:41px;left:129px}.block-face{position:absolute;border:1.5px solid #1d3266}.face-front{width:66px;height:66px;background:#567bff;transform:skewY(20deg);display:flex;align-items:center;justify-content:center}.face-front svg{width:32px;height:32px;fill:#dce5ff;color:#253f98;stroke-width:1.5}.face-top{width:66px;height:29px;background:#b1c7ff;transform:skewX(-51deg) skewY(20deg);top:-25px;left:18px}.face-side{width:36px;height:66px;background:#2f4cc4;transform:skewY(-40deg);left:65px;top:-3px}.block-small{width:26px;height:26px;top:76px;left:37px;transform:scale(.39) rotate(18deg)}.block-small .face-front{background:#fff}.block-small .face-top{background:#e7efff}.block-small .face-side{background:#a1b9fa}.scene-chip{position:absolute;left:12px;bottom:11px;color:#263869;font-family:var(--mono);font-weight:700;font-size:7px;letter-spacing:.8px;background:#e9efff;border:1px solid #a7bbea;padding:4px 6px;border-radius:2px}.scene-deco{position:absolute;right:17px;top:9px;font-size:25px;color:#718ccf}.game-panel{padding:16px 15px 15px}.power-label{display:flex;align-items:center;gap:10px;margin-bottom:13px}.power-icon{display:flex;justify-content:center;align-items:center;background:#243361;border:1px solid #405386;border-radius:5px;width:36px;height:36px;color:#b3c6ff}.power-icon svg{width:21px;height:21px;fill:#b3c6ff;stroke:none}.power-label>div{display:flex;flex-direction:column;gap:2px}.power-label .micro-label{font-size:7px;color:#8a94ac;letter-spacing:.9px}.power-label strong{font-size:25px;line-height:1;letter-spacing:-1px;font-weight:800}.level-tag{margin-left:auto;font-family:var(--mono);font-size:8px;background:#253652;color:#b4caff;padding:5px 6px;border-radius:3px}.game-button{position:relative;display:flex;align-items:center;gap:8px;background:#b4f383;border:1px solid #d4ffad;color:#142210;border-radius:4px;box-shadow:0 3px 0 #60953c;width:100%;font-size:12px;font-weight:800;padding:12px 10px;transition:transform .12s,background .15s}.game-button>svg{width:16px;height:16px;fill:#1b3915;stroke:none}.game-button span:last-child{margin-left:auto;font-size:9px;color:#2b4c1d;background:rgb(44 67 31 / 12%);padding:2px 5px;border-radius:2px}.game-button:hover{background:#caff9d}.game-button:active{transform:translateY(3px);box-shadow:none}.xp-row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:7px;letter-spacing:.5px;color:#8692ab;margin-top:17px;margin-bottom:6px}.xp-track{height:5px;background:#283048;border-radius:2px;overflow:hidden}.xp-track>span{display:block;height:100%;background:#91aaff;transition:width .25s}.cursor-tag{position:absolute;right:12px;top:30px;display:flex;gap:5px;transform:rotate(6deg);z-index:5}.cursor-tag>svg{width:25px;height:28px;fill:#c3fe95;stroke:#223b10;stroke-width:1.5}.cursor-tag>span{font-family:var(--mono);font-size:9px;font-weight:700;padding:6px 10px;background:#c3fe95;color:#243319;align-self:flex-end;box-shadow:2px 3px 0 #334f2c;border-radius:2px}.code-card{position:absolute;width:249px;left:18px;bottom:46px;z-index:2;transform:rotate(-5deg);border:1px solid #48506a;border-radius:6px;background:#141b2c;box-shadow:5px 8px 0 rgb(19 29 62 / 25%);overflow:hidden}.code-top{height:30px;display:flex;align-items:center;gap:8px;padding:0 11px;border-bottom:1px solid #30384b;color:#c5cfe5;font-size:8px;font-family:var(--mono)}.file-dot{width:6px;height:6px;border:1px solid #aabfff;transform:rotate(45deg)}.code-top>span:last-child{margin-left:auto;font-size:12px;color:#c2d2ff}.code-lines{font-family:var(--mono);font-size:9px;line-height:2.15;padding:9px 10px;color:#cdd4e4}.code-lines>span{display:block}.code-lines b{color:#606b84;font-weight:400;padding-right:13px}.code-lines em{color:#b4b2ff;font-style:normal}.code-lines i{color:#d4ed9d;font-style:normal}.code-lines strong{color:#a3caff;font-weight:400}.code-status{display:flex;align-items:center;gap:7px;color:#b3c6a6;background:#1c2735;padding:7px 11px;font-family:var(--mono);font-size:7px}.code-status .status-dot{width:4px;height:4px;box-shadow:none}.code-status>span:last-child{margin-left:auto;color:#94a1b7}.live-badge{position:absolute;right:56px;bottom:20px;font-family:var(--mono);font-size:7px;letter-spacing:.8px;color:#edf2ff;display:flex;align-items:center;gap:7px}.live-badge .status-dot{width:5px;height:5px;box-shadow:none}.preview-caption{display:flex;gap:8px;align-items:center;margin-top:14px;color:#afb3bf;font-size:10px}.caption-arrow{font-size:19px;line-height:1;color:var(--blue-pale)}.preview-caption>span:last-child{margin-left:auto;font-family:var(--mono);font-size:6px;letter-spacing:.4px;color:#707786}.gain-feedback{pointer-events:none;position:absolute;left:50%;top:36%;z-index:10;font-size:16px;font-weight:900;letter-spacing:1px;color:#12240b;transform:rotate(-8deg);background:var(--green);padding:9px 12px;border:2px solid #152b09;box-shadow:3px 4px 0 rgb(0 0 0 / 20%);opacity:0}.gain-feedback.pop{animation:gain-pop .8s forwards}@keyframes gain-pop{0%{opacity:0;transform:translateY(15px) rotate(-8deg) scale(.8)}15%{opacity:1;transform:translateY(0) rotate(-8deg) scale(1.08)}65%{opacity:1;transform:translateY(-15px) rotate(-6deg)}100%{opacity:0;transform:translateY(-40px) rotate(-6deg)}}
/* Divider strip */
.capabilities-band{border-block:1px solid var(--line);background:#0e1117}.capabilities-inner{min-height:77px;display:flex;gap:20px;align-items:center;justify-content:space-between}.capabilities-inner>span{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.6px;color:#c0c4d1}.capabilities-inner .band-intro{color:#727989;font-weight:400;font-size:8px}.capabilities-inner .band-cross{color:var(--blue);font-size:20px}.capabilities-inner .band-arrow{font-family:var(--font);font-size:26px;color:var(--blue-pale)}
/* Work section */
.section{padding-block:92px}.section-kicker{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#a6adbf;margin-bottom:31px}.section-number{font-size:9px;color:var(--blue-pale);border:1px solid #354369;border-radius:2px;padding:2px 5px;letter-spacing:0}.section-line{height:1px;background:var(--line);flex:1;margin-left:6px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:37px}h2{font-size:clamp(34px,3.5vw,49px);font-weight:700;letter-spacing:-2px;line-height:1.1}.section-heading p{font-size:13px;color:var(--muted);margin-top:15px;line-height:1.8}.filter-group{display:flex;gap:4px;flex-shrink:0;background:#12151d;border:1px solid var(--line);padding:4px;border-radius:5px}.filter{background:transparent;color:#8e96a9;font-size:10px;font-weight:600;min-height:34px;padding:7px 12px;display:flex;align-items:center;gap:9px;border-radius:3px;transition:background .2s,color .2s}.filter.active{background:#2e3f75;color:#e4eaff;box-shadow:inset 0 0 0 1px #4860a1}.filter:hover{color:white}.filter span{font-size:8px;opacity:.7}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project-card{text-align:left;padding:0;background:none;display:block;min-width:0;transition:transform .2s}.project-card:hover{transform:translateY(-5px)}.project-art{height:295px;position:relative;border-radius:6px;overflow:hidden;border:1px solid #303954;isolation:isolate}.project-card:hover .art-open{background:var(--blue);color:white;transform:rotate(-5deg)}.art-top{display:flex;justify-content:space-between;position:absolute;top:18px;left:18px;right:18px;font-size:7px;font-family:var(--mono);letter-spacing:.65px;z-index:3}.art-hud{background-color:#1d2949;background-image:radial-gradient(#526488 1px,transparent 1px);background-size:15px 15px}.art-hud .art-top{color:#95a7c7}.hud-demo{width:255px;position:absolute;top:64px;left:calc(50% - 128px);background:#101520;border:1px solid #627397;padding:17px 14px 14px;border-radius:7px;transform:rotate(-6deg);box-shadow:6px 9px 0 #111929;display:grid;grid-template-columns:36px 1fr 24px;gap:9px;z-index:1}.hud-avatar{width:34px;height:34px;background:#bacafa;border:2px solid #6b80b9;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hud-avatar>span{display:block;width:14px;height:15px;background:#4e6be8;box-shadow:0 13px 0 5px #4e6be8;position:relative;top:-5px}.hud-avatar>span:before,.hud-avatar>span:after{content:'';position:absolute;width:2px;height:3px;top:4px;background:white}.hud-avatar>span:before{left:3px}.hud-avatar>span:after{right:3px}.hud-user{display:flex;flex-direction:column;justify-content:center;gap:5px}.hud-user b{font-size:12px;font-weight:800;letter-spacing:-.1px}.hud-user small{font-size:5px;letter-spacing:.6px;color:#9ca6b8}.hud-lvl{width:25px;height:25px;align-self:center;display:flex;align-items:center;justify-content:center;background:#aebffc;color:#172651;border:2px solid #d6e0ff;font-size:10px;font-weight:800;transform:rotate(9deg)}.hud-health{display:flex;align-items:center;gap:5px;grid-column:1/-1;margin:3px 0 4px}.hud-health>svg{color:#bef392;fill:#bef392;stroke:none;width:12px;height:12px}.hud-health>span{height:6px;background:#343c4b;flex:1;border-radius:2px;padding:1px}.hud-health i{display:block;background:#b3ed88;width:80%;height:100%;border-radius:1px}.hud-health b{font-size:6px;color:#adbcce}.hud-currency{grid-column:1/-1;display:flex;gap:7px}.hud-currency>span{background:#1b2539;border:1px solid #374966;flex:1;padding:8px 6px;display:grid;grid-template-columns:20px 1fr;gap:1px 5px;border-radius:3px}.coin-icon{border-radius:50%;background:#f2d16c;border:2px solid #a8822e;font-size:10px;color:#796015;font-weight:800;display:flex;align-items:center;justify-content:center;width:20px;height:20px;grid-row:1/3}.hud-currency b{font-size:12px;line-height:1}.hud-currency small{font-size:5px;color:#94a5c1;letter-spacing:1px}.gem-icon{grid-row:1/3;font-size:21px;line-height:1;color:#b1b0ff}.hud-tabs{display:flex;gap:6px;grid-column:1/-1;margin-top:3px}.hud-tabs>span{background:#273b6c;border:1px solid #4564a6;border-radius:3px;height:29px;flex:1;display:flex;justify-content:center;align-items:center;color:#b9ccff}.hud-tabs>span:nth-child(2){background:#4864c7;border-color:#9db6ff}.hud-tabs svg{width:15px;height:15px}.art-sticker{position:absolute;right:20px;bottom:24px;background:#b7c8ff;border:1px solid #e3ebff;transform:rotate(9deg);font-size:8px;font-weight:900;letter-spacing:-.1px;line-height:1.2;color:#233369;padding:8px 11px;box-shadow:3px 4px 0 #131b30;z-index:2}.art-open{position:absolute;right:12px;bottom:12px;width:27px;height:27px;background:rgb(8 14 28 / 60%);border:1px solid rgb(255 255 255 / 15%);border-radius:3px;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s,transform .2s}.art-open svg{width:15px;height:15px}.art-hud .art-open{right:auto;left:12px}.art-rebirth{background:#bdd1ff;border-color:#90acf6}.art-rebirth .art-top{color:#435f9a}.rebirth-rays{position:absolute;inset:-90px;background:repeating-conic-gradient(from 7deg at 50% 52%,transparent 0deg 20deg,rgb(255 255 255 / 20%) 20deg 40deg)}.rebirth-demo{position:absolute;top:64px;left:calc(50% - 93px);width:186px;text-align:center;transform:rotate(4deg);color:#182d58;background:#eaf0ff;border:2px solid #2d487e;padding:30px 13px 12px;border-radius:6px;box-shadow:5px 6px 0 #597bbb}.rebirth-symbol{position:absolute;top:-22px;left:65px;width:53px;height:53px;border-radius:8px;border:2px solid #2b4c40;background:#c5f998;transform:rotate(-12deg);box-shadow:2px 3px 0 #719952;display:flex;align-items:center;justify-content:center;color:#233c29}.rebirth-symbol svg{width:37px;height:37px;stroke-width:3}.rebirth-demo h4{font-size:26px;font-weight:900;letter-spacing:-1px;margin-top:9px}.rebirth-demo p{font-size:5px;font-weight:800;letter-spacing:.4px;margin:6px 0 11px}.multiplier{display:flex;align-items:center;justify-content:center;gap:18px;background:#d7e2f9;border:1px solid #b5c5e7;border-radius:3px;padding:8px;margin-bottom:9px;font-weight:900;font-size:22px;line-height:1}.multiplier>span{color:#8795b3}.multiplier>svg{width:16px;height:16px;color:#7187b1}.multiplier>strong{color:#3557cb}.fake-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#4f70ed;border:1px solid #3959c7;border-bottom-width:3px;border-radius:3px;padding:8px 10px;color:white;font-size:9px;font-weight:800}.fake-button svg{width:12px;height:12px;fill:currentColor;stroke:none}.art-quests{background-color:#dfdfd2;background-image:linear-gradient(#c4c6b9 1px,transparent 1px),linear-gradient(90deg,#c4c6b9 1px,transparent 1px);background-size:27px 27px;border-color:#b7baaa}.art-quests .art-top{color:#727568}.quest-demo{position:absolute;width:260px;top:66px;left:calc(50% - 130px);background:#f7f7ed;color:#263224;border:2px solid #344234;border-radius:5px;box-shadow:5px 6px 0 #98a18e;transform:rotate(-4deg);padding:14px}.quest-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid #c6cebd;padding-bottom:12px;margin-bottom:2px}.quest-header>span{background:#3c5942;width:29px;height:29px;border-radius:4px;color:#d7edc6;display:flex;justify-content:center;align-items:center}.quest-header svg{width:17px;height:17px}.quest-header>div{display:flex;flex-direction:column;gap:5px}.quest-header b{font-size:13px;letter-spacing:-.35px;font-weight:900}.quest-header small{font-size:5px;letter-spacing:.5px;color:#697265}.quest-mini-row{display:flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #dee2d5}.mini-check{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid #8aa270;background:#c6e2a6;border-radius:3px;color:#537b39}.mini-check svg{width:13px;height:13px;stroke-width:3}.quest-mini-row>div{display:flex;flex-direction:column;gap:3px}.quest-mini-row b{font-size:7px}.quest-mini-row small{font-size:6px;color:#707c68}.quest-mini-row>span:last-child{margin-left:auto;font-size:7px;font-weight:800;color:#4a7733}.quest-incomplete .mini-check{background:#eceddc;border-color:#bfc6b0;color:#96a084;font-size:9px}.quest-incomplete b{color:#969f8b}.quest-incomplete>span:last-child{color:#9aa78d}.quest-footer{display:flex;align-items:center;gap:8px;margin-top:11px}.quest-footer>span{height:5px;background:#d9dfcf;flex:1;border-radius:2px}.quest-footer i{display:block;width:66%;height:100%;background:#5e8749;border-radius:2px}.quest-footer b{font-size:5px;color:#79876e}.project-info{display:flex;justify-content:space-between;gap:9px;align-items:flex-start;padding-top:19px}.project-info h3{font-size:16px;font-weight:700;letter-spacing:-.4px}.project-info p{font-size:10px;color:#8f96a6;margin-top:8px;line-height:1.4}.project-tag{font-size:6px;font-family:var(--mono);padding:4px 6px;border:1px solid var(--line);border-radius:3px;color:#a1a9ba;letter-spacing:.5px;white-space:nowrap;margin-top:1px}.concept-note{margin-top:23px;display:flex;align-items:center;gap:9px;color:#81899a;font-size:9px}.concept-note .status-dot{width:4px;height:4px;background:#7b93d8;box-shadow:none}
/* Services */
.services-section{background:#11141b;padding-block:78px 82px;border-block:1px solid var(--line)}.services-layout{display:grid;grid-template-columns:1fr 1.44fr;gap:90px}.services-intro h2{font-weight:900;font-size:clamp(40px,4.1vw,58px);letter-spacing:-2.7px;line-height:.99;margin:10px 0 24px}.services-intro>p{max-width:320px;color:#949bab;font-size:13px;line-height:1.85;margin-bottom:22px}.services-intro>.text-link{font-size:11px}.services-emblem{display:flex;align-items:center;gap:20px;color:#748ac7;margin-top:55px}.services-emblem>svg{width:75px;height:75px;stroke-width:1.2;transform:rotate(-9deg)}.services-emblem>span{font-family:var(--mono);font-size:9px;letter-spacing:1px;line-height:1.8;color:#647392}.service-list{display:grid;gap:0}.service{display:flex;gap:19px;padding-block:24px 26px;border-bottom:1px solid #2a303e}.service:first-child{padding-top:8px}.service:last-child{border-bottom:none;padding-bottom:0}.service-icon{width:44px;height:44px;background:#1e2a4a;border:1px solid #34456f;border-radius:5px;color:#91adff;display:flex;justify-content:center;align-items:center;flex-shrink:0}.service-icon svg{width:21px;height:21px}.service-content{min-width:0}.service-title{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;padding-top:4px}.service-title>h3{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.5px}.service-title>span{font-family:var(--mono);font-size:8px;color:#53617c;white-space:nowrap;line-height:2}.service-content p{color:#949bad;font-size:12px;line-height:1.9;margin-top:12px}.service-tags{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px;color:#8396be;font-size:7px;font-family:var(--mono);letter-spacing:.55px}.service-tags span:not(:last-child):after{content:'/';padding-left:15px;color:#45506a}
/* Process + FAQ */
.process-section{padding-bottom:70px}.section-heading .heading-aside{font-size:11px;margin-bottom:5px;line-height:1.8;color:#8e96a7}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}.process-step{padding:26px 24px;border-right:1px solid var(--line);position:relative;background:#10131a;transition:background .2s}.process-step:hover{background:#151c2d}.process-step:last-child{border-right:0}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.step-top>span{font-family:var(--mono);font-size:30px;font-weight:400;line-height:1;color:#4f648f;letter-spacing:-2px}.step-top>svg{color:#6f80a3;width:19px;height:19px}.process-step:last-child .step-top>svg{color:var(--green)}.process-step h3{font-size:17px;letter-spacing:-.5px}.process-step p{color:#9098aa;line-height:1.85;font-size:11px;margin-top:13px;margin-bottom:23px}.step-label{font-family:var(--mono);font-size:7px;letter-spacing:.6px;color:#616e89}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:95px;padding-block:35px 95px}.faq-intro>.micro-label{color:#6f84b6;font-size:8px}.faq-intro h2{font-size:35px;letter-spacing:-1.2px;margin:15px 0 22px}.faq-intro .text-link{font-size:11px;color:#a8bce9}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:21px 0;font-size:12px;font-weight:600;cursor:pointer;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{width:18px;height:18px;position:relative;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:'';position:absolute;left:3px;right:3px;top:8px;height:1px;background:#a3b4d7;transition:transform .2s}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus:after{transform:rotate(0)}.faq-list details>p{color:#939caf;line-height:1.8;font-size:12px;padding:0 28px 22px 0}
/* Contact + project builder */
.contact-section{background:var(--blue);color:white;padding-block:76px;position:relative;overflow:hidden}.contact-section:before{content:'';position:absolute;left:-170px;bottom:-265px;width:540px;height:540px;border:85px solid rgb(186 205 255 / 12%);transform:rotate(-24deg);pointer-events:none}.contact-layout{display:grid;grid-template-columns:1.06fr 1fr;gap:85px;align-items:center;position:relative;z-index:1}.contact-copy .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:30px;color:#e2e8ff}.contact-copy .status-dot{box-shadow:0 0 0 3px rgb(183 244 129 / 13%)}.contact-copy h2{font-weight:900;font-size:clamp(42px,5.6vw,81px);line-height:.99;letter-spacing:-4.6px}.contact-copy h2>span{color:#c7d5ff}.contact-copy h2>svg{width:53px;height:53px;stroke-width:6;stroke-linecap:square;margin-left:16px;vertical-align:baseline}.contact-copy>p{font-size:14px;color:#e2e8ff;line-height:1.8;margin-top:26px}.contact-discord{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:700;margin-top:25px;padding-bottom:8px;border-bottom:1px solid rgb(255 255 255 / 40%)}.contact-discord:hover{border-bottom-color:white}.contact-discord>svg{width:19px;height:19px}.contact-discord>svg:last-child{margin-left:17px;width:17px;height:17px}.contact-small{font-size:7px;font-family:var(--mono);letter-spacing:.5px;color:#ccd8ff;margin-top:27px}.brief-card{background:#0f1421;border:1px solid #273653;border-radius:7px;box-shadow:7px 8px 0 #314bba;padding:27px 28px 23px;color:var(--text);min-width:0}.brief-top{display:flex;justify-content:space-between;align-items:center;color:#8d9fc5;margin-bottom:20px}.brief-top .micro-label{font-size:8px}.brief-top>span:last-child{font-size:19px;color:#c0cfff}.brief-card h3{font-size:23px;letter-spacing:-.75px;line-height:1.1}.brief-card>p{font-size:11px;color:#939fb7;margin-top:9px}.brief-card form{margin-top:25px}.project-type{padding:0;margin:0 0 20px;border:0;display:flex;gap:8px;flex-wrap:wrap}.project-type legend,.field>label{font-family:var(--mono);font-size:8px;color:#a4b1cb;letter-spacing:.3px;font-weight:400;margin-bottom:9px;display:block}.project-type label{flex:1;min-width:70px;position:relative;cursor:pointer}.project-type input{position:absolute;opacity:0;width:1px;height:1px;top:50%;left:50%}.project-type label>span{display:flex;align-items:center;justify-content:center;gap:7px;color:#8f9bb3;border:1px solid #303c54;border-radius:3px;padding:11px 8px;font-size:10px;font-weight:600;transition:border-color .2s,background .2s}.project-type label>span>svg{width:15px;height:15px}.project-type input:checked+span{border-color:#6683ff;color:#dbe3ff;background:#243668;box-shadow:inset 0 0 0 1px rgb(110 141 255 / 10%)}.project-type input:focus-visible+span{outline:2px solid #a2b8ff;outline-offset:3px}.field{margin-bottom:16px;min-width:0}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #2b3851;background:#161f30;border-radius:3px;color:#d6dff0;font-size:11px;padding:12px 11px;transition:border-color .2s;min-height:41px}.field input::placeholder,.field textarea::placeholder{color:#7c88a3}.field textarea{resize:vertical;line-height:1.65;min-height:92px;max-height:300px}.field select{color-scheme:dark;padding-right:23px;cursor:pointer}.field-hint{display:flex;justify-content:space-between;gap:8px;color:#7f8ca6;font-size:7px;margin-top:7px;line-height:1.4}.field-hint>span:last-child{white-space:nowrap;font-family:var(--mono);font-size:6px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.brief-submit{width:100%;min-height:46px;justify-content:space-between;margin-top:2px;font-size:12px}.form-privacy{display:flex;gap:6px;align-items:center;justify-content:center;font-size:7px;color:#9ba8c1;margin-top:14px;line-height:1.5}.form-privacy svg{width:12px;height:12px;color:#a7c799}.brief-result{margin-top:25px}.result-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.result-check{background:#243e2c;color:var(--green);border:1px solid #466a40;width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:5px}.result-check svg{width:19px;height:19px}.result-heading h4{font-size:16px}.result-heading p{font-size:10px;color:#9aabc6;margin-top:5px}.brief-result textarea{width:100%;padding:15px;background:#151f31;color:#b8c9e7;font-family:var(--mono);font-size:10px;line-height:1.8;border:1px solid #2b3e5e;border-radius:4px;resize:vertical;min-height:225px;max-height:440px}.result-actions{display:flex;gap:10px;margin-top:14px}.result-actions .button{flex:1;min-height:42px;padding:10px;font-size:10px;gap:8px}.result-actions svg{width:15px;height:15px}.result-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;flex-wrap:wrap}.quiet-button{font-size:10px;color:#a4b8e4;background:transparent;padding:4px 0;display:inline-flex;align-items:center;gap:6px}.quiet-button:hover{color:white}.quiet-button svg{width:13px;height:13px}.result-note{font-size:9px;color:#8395b8;line-height:1.7;border-top:1px solid #2a3750;margin-top:18px;padding-top:13px}
/* Footer */
.site-footer{padding-block:40px 19px}.footer-main{display:flex;align-items:center;gap:40px;padding-bottom:36px}.footer-main .brand{transform:scale(.83);transform-origin:left center;margin-right:-20px}.footer-main>p{font-size:11px;color:#838fa6;line-height:1.65;margin-left:23px}.footer-links{margin-left:auto;display:flex;gap:25px;align-items:center}.footer-links a,.footer-policy{color:#929caf;font-size:10px}.footer-policy{background:none;padding:0}.footer-links a:hover,.footer-policy:hover{color:white}.back-top{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #2a354b;border-radius:3px;color:#c3d3f5}.back-top>svg{width:16px;height:16px}.back-top:hover{background:#1b2a48}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:17px;border-top:1px solid var(--line);color:#69758c;font-size:7px;line-height:1.7}.footer-location{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:6px;letter-spacing:.6px}.footer-location .status-dot{width:4px;height:4px;box-shadow:none}
/* Dialogs + working demos */
dialog{margin:auto;padding:0;background:#101622;color:var(--text);border:1px solid #435479;border-radius:10px;width:min(570px,calc(100% - 32px));max-height:calc(100dvh - 40px);overscroll-behavior:contain;box-shadow:0 30px 100px rgb(0 0 0 / 60%)}dialog::backdrop{background:rgb(4 7 15 / 82%);backdrop-filter:blur(7px)}.dialog-shell{padding:26px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#8da5d1}.dialog-head .micro-label{font-size:8px}.icon-button{width:33px;height:33px;border-radius:4px;background:#1d2b42;color:#c0d2f6;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#314567}.icon-button svg{width:18px;height:18px}.dialog-shell h2{font-size:36px;letter-spacing:-1.6px}.dialog-description{color:#9aacca;line-height:1.7;font-size:12px;margin-top:12px;margin-bottom:24px}.dialog-footer{display:flex;align-items:flex-start;flex-direction:column;gap:12px;border-top:1px solid #2a3b56;margin-top:24px;padding-top:17px;font-size:9px;color:#93a5c4}.dialog-footer .text-link{font-size:11px;color:#ccdafa}.demo-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.demo-stat{padding:14px 10px;border:1px solid #354b74;background:#1a2841;border-radius:5px;min-width:0}.demo-stat>span{display:block;font-family:var(--mono);font-size:8px;color:#9fb5dd;text-transform:uppercase;margin-bottom:9px;letter-spacing:.5px}.demo-stat strong{font-size:23px;letter-spacing:-.5px;color:#e1eaff}.demo-stat small{font-size:10px;font-weight:400;letter-spacing:0;color:#a2b8dd}.demo-controls{display:flex;gap:9px;flex-wrap:wrap}.demo-controls .button{font-size:11px;min-height:41px;flex:1}.demo-log{padding:11px 13px;border-left:2px solid #718ce8;background:#19243b;color:#b4c6e8;font-size:11px;line-height:1.6;margin-top:16px;min-height:39px}.demo-meter{margin-bottom:18px}.demo-meter-label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:#a8bbdc;margin-bottom:7px}.demo-meter-track{height:10px;background:#2b3b56;border:1px solid #384f75;border-radius:3px;overflow:hidden}.demo-meter-track>span{display:block;height:100%;background:var(--green);transition:width .2s}.demo-reset{margin-top:16px}.quest-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #2b3b55}.quest-item .quest-action{width:33px;height:33px;background:#1e2e48;border:1px solid #49628b;border-radius:4px;color:#c3d6fc;display:flex;justify-content:center;align-items:center;flex-shrink:0}.quest-action.done{background:#3a5735;border-color:#7ba864;color:#dcf9c2}.quest-action svg{width:19px;height:19px}.quest-item>div{min-width:0;flex:1}.quest-item h4{font-size:12px;line-height:1.3}.quest-item p{font-size:10px;color:#93a8cc;margin-top:4px}.quest-reward{color:#badb9d;font-family:var(--mono);font-size:10px;white-space:nowrap}.quest-claim{width:100%;margin-top:19px}.demo-tip{font-size:10px;color:#8499bd;margin-top:12px;line-height:1.65}.privacy-dialog{width:min(560px,calc(100% - 32px))}.privacy-copy{margin-top:20px;color:#a9b9d3;font-size:13px;line-height:1.85}.privacy-copy p+p{margin-top:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 36px);padding:13px 21px;background:#e3eaff;border:1px solid #a4baff;border-radius:5px;color:#18264c;box-shadow:0 7px 24px rgb(0 0 0 / 25%);z-index:150;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center;width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-notice{padding:18px;background:#233a72;color:white;font-size:13px;text-align:center}.noscript-notice a{text-decoration:underline}
/* Laptop */
@media(min-width:1600px){.container{width:min(1400px,calc(100% - 128px))}.hero{gap:85px;padding-block:90px}.workbench{height:500px}.game-window{top:66px;width:303px;left:calc(50% - 102px)}.game-scene{height:162px}.game-panel{padding:20px}.code-card{left:24px;bottom:45px;width:275px}.code-lines{font-size:10px}.project-art{height:320px}.hud-demo,.rebirth-demo,.quest-demo{margin-top:12px}}
@media(max-width:1199px){.container{width:calc(100% - 64px)}.hero{gap:30px;padding-block:60px}.desktop-nav{margin-left:0;gap:25px}h1{font-size:8.1vw;letter-spacing:-5px}.title-spark{width:53px;height:53px;right:-66px;top:10px}.eyebrow-tail{display:none}.hero-actions{gap:18px}.hero-actions .button{padding-inline:15px;font-size:11px}.hero-actions .text-link{font-size:10px}.hero-description{font-size:13px;max-width:345px}.workbench{height:432px}.game-window{width:250px;left:calc(50% - 90px);top:58px}.game-scene{height:129px}.block-main{left:107px;top:37px;transform:scale(.88) rotate(-9deg)}.code-card{width:217px;left:11px;bottom:35px}.code-lines{font-size:8px}.code-top{font-size:7px}.live-badge{right:32px;bottom:15px;font-size:6px}.preview-topline{font-size:6px}.preview-caption{font-size:9px}.preview-caption>span:last-child{font-size:5px}.cursor-tag{right:9px;top:31px}.cursor-tag>span{font-size:7px}.section{padding-block:75px}.project-grid{gap:18px}.project-art{height:270px}.hud-demo{transform:scale(.88) rotate(-6deg);top:53px}.rebirth-demo{transform:scale(.9) rotate(4deg);top:61px}.quest-demo{transform:scale(.89) rotate(-4deg);top:53px}.art-sticker{right:10px;font-size:7px}.project-info{flex-wrap:wrap;row-gap:10px}.project-tag{font-size:6px}.services-layout{gap:45px;grid-template-columns:.9fr 1.4fr}.service-title>h3{font-size:16px}.services-intro h2{font-size:44px}.service{gap:15px}.service-content p{font-size:11px}.process-step{padding:23px 18px}.process-step h3{font-size:15px}.process-step p{font-size:10px}.faq-section{gap:60px;padding-bottom:75px}.contact-layout{gap:42px;grid-template-columns:.95fr 1fr}.contact-copy h2{font-size:6vw;letter-spacing:-3px}.contact-copy h2>svg{width:35px;height:35px;margin-left:9px}.brief-card{padding:23px}.brief-card h3{font-size:20px}.contact-small{font-size:6px}.footer-location{display:none}}
/* Tablet */
@media(max-width:959px){.hero{grid-template-columns:1fr 1fr;gap:25px;padding-block:46px}.nav-wrap{height:77px}.desktop-nav{gap:20px}.desktop-nav a{font-size:10px}.nav-cta{font-size:10px}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-actions .button{font-size:11px;min-height:44px}.hero-description{font-size:12px;margin-top:23px}.hero-note{font-size:8px;margin-top:22px}.hero-visual{align-self:center}.workbench{height:403px}.game-window{width:235px;left:calc(50% - 107px);top:60px}.code-card{bottom:22px;width:198px;left:10px}.code-lines{line-height:2;font-size:7px}.code-top{height:25px;font-size:6px}.code-status{font-size:6px}.game-panel{padding:12px}.game-scene{height:120px}.power-label{gap:8px}.power-label strong{font-size:23px}.game-button{font-size:10px;padding:10px 8px}.game-button>svg{width:13px}.live-badge{display:none}.cursor-tag{top:37px;right:3px}.cursor-tag>svg{width:20px}.cursor-tag>span{font-size:6px;padding:5px 7px}.blueprint-label{font-size:6px;left:15px}.preview-caption>span:last-child{display:none}.preview-topline>span:last-child{font-size:5px}.capabilities-inner{min-height:65px;gap:12px}.capabilities-inner>span{font-size:9px}.capabilities-inner .band-intro{display:none}.capabilities-inner .band-arrow{display:none}.section-heading{gap:24px}.section-heading p{font-size:11px}.filter{padding:7px 9px;font-size:9px}.filter span{display:none}.project-grid{gap:14px}.project-art{height:240px}.hud-demo{transform:scale(.74) rotate(-6deg);top:43px}.quest-demo{transform:scale(.72) rotate(-4deg);top:45px}.rebirth-demo{transform:scale(.8) rotate(4deg);top:54px}.art-top{left:12px;right:12px;font-size:5px}.art-sticker{display:none}.project-info h3{font-size:14px}.project-info p{font-size:9px;max-width:180px;line-height:1.6}.services-layout{gap:32px;grid-template-columns:.9fr 1.35fr}.services-intro h2{font-size:38px;letter-spacing:-1.6px}.services-intro>p{font-size:12px}.services-intro>.text-link{font-size:10px;gap:5px}.service{gap:12px}.service-icon{width:35px;height:35px}.service-icon svg{width:17px;height:17px}.service-title>h3{font-size:14px}.service-title>span{display:none}.service-tags{font-size:6px;gap:9px}.service-tags span:not(:last-child):after{padding-left:9px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step{padding:25px}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.process-step h3{font-size:18px}.process-step p{font-size:12px}.faq-section{gap:38px;grid-template-columns:.85fr 1.3fr}.faq-intro h2{font-size:31px}.faq-list summary{font-size:11px;line-height:1.7;padding:18px 0}.contact-layout{gap:30px;grid-template-columns:.82fr 1fr}.contact-copy h2{font-size:5.9vw;letter-spacing:-2.9px}.contact-copy .eyebrow{font-size:6px;letter-spacing:.4px;gap:7px}.contact-copy>p{font-size:12px}.contact-small{font-size:5px;max-width:230px;line-height:2}.brief-card{padding:22px 18px}.brief-card h3{font-size:20px}.project-type{gap:5px}.project-type label>span{padding:10px 6px;gap:4px;font-size:9px}.project-type label>span>svg{width:12px;height:12px}.field-hint>span:last-child{display:none}.form-privacy{font-size:6px}.footer-main{gap:22px}.footer-main>p{margin-left:5px;font-size:10px}.footer-links{gap:15px}}
/* Mobile */
@media(max-width:719px){html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.nav-wrap{height:72px;gap:15px}.brand-icon{width:33px;height:35px}.brand-icon svg{width:27px;height:27px}.brand-type{font-size:20px;gap:5px}.brand-type>span{font-size:8px}.brand-period{font-size:7px;right:-8px;top:-15px}.desktop-nav{display:none}.nav-cta{margin-left:auto;min-height:35px;font-size:10px;padding:8px 11px;gap:8px}.nav-cta svg{width:13px;height:13px}.menu-toggle{display:block;margin-right:-9px}.hero{grid-template-columns:1fr;gap:42px;padding-block:37px 35px}.eyebrow{font-size:8px;letter-spacing:.7px;gap:8px;margin-bottom:24px}.eyebrow-tail{display:inline;font-size:6px;padding-left:11px;margin-left:4px}h1{font-size:clamp(69px,14.1vw,105px);letter-spacing:-5px;line-height:.91;margin-left:-3px}.title-spark{right:-75px;top:11px;width:53px;height:53px}.hero-description{max-width:400px;font-size:13px;line-height:1.75;margin-top:25px}.hero-actions{flex-direction:row;align-items:center;gap:21px;margin-top:23px}.hero-actions .button{min-height:46px;font-size:11px;padding-inline:15px}.hero-actions .text-link{font-size:10px;gap:6px}.hero-note{font-size:9px;margin-top:22px}.hero-visual{padding-top:0;max-width:520px;width:100%;justify-self:center}.preview-topline{font-size:7px;padding-bottom:10px}.preview-topline>span:last-child{font-size:6px}.workbench{height:437px}.game-window{top:54px;left:calc(50% - 80px);width:268px}.game-scene{height:135px}.block-main{left:112px;top:41px;transform:rotate(-9deg)}.game-panel{padding:15px}.power-label strong{font-size:25px}.game-button{padding:12px 10px;font-size:11px}.code-card{bottom:35px;left:18px;width:224px}.code-lines{font-size:8px;line-height:2.15}.code-top{height:28px;font-size:7px}.code-status{font-size:7px}.blueprint-label{font-size:7px;top:16px}.live-badge{display:flex;right:33px;bottom:14px;font-size:6px}.cursor-tag{right:15px;top:28px}.cursor-tag>span{font-size:8px;padding:6px 9px}.cursor-tag>svg{width:23px}.preview-caption{margin-top:13px;font-size:9px}.preview-caption>span:last-child{display:inline;font-size:5px}.capabilities-inner{padding-block:17px;min-height:78px;display:grid;grid-template-columns:1fr 1fr;gap:13px 24px}.capabilities-inner>span{font-size:8px;letter-spacing:.6px}.capabilities-inner>span:not(.band-cross,.band-intro,.band-arrow):before{content:'+';margin-right:10px;color:var(--blue);font-size:12px}.capabilities-inner .band-cross{display:none}.section{padding-block:50px}.section-kicker{font-size:7px;gap:9px;letter-spacing:.7px;margin-bottom:24px}.section-number{font-size:7px}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:26px;gap:23px}h2{font-size:34px;letter-spacing:-1.5px}.serif-word{letter-spacing:-1.4px}.section-heading p{font-size:12px;margin-top:13px}.filter-group{align-self:flex-start}.filter{font-size:10px;padding:7px 13px;min-height:32px}.filter span{display:inline;font-size:7px}.project-grid{grid-template-columns:1fr;gap:30px}.project-art{height:305px}.hud-demo{transform:scale(1.05) rotate(-6deg);top:70px}.quest-demo{transform:scale(1.03) rotate(-4deg);top:69px}.rebirth-demo{transform:scale(1.03) rotate(4deg);top:76px}.art-top{font-size:7px;top:19px;left:20px;right:20px}.art-sticker{display:inline;font-size:8px;bottom:24px;right:22px}.art-open{width:31px;height:31px}.project-info{flex-wrap:nowrap;padding-top:16px}.project-info h3{font-size:18px}.project-info p{font-size:11px;max-width:none;margin-top:7px}.project-tag{font-size:7px;padding:5px 7px}.concept-note{font-size:8px;line-height:1.7;align-items:flex-start;margin-top:24px}.concept-note .status-dot{margin-top:5px}.services-section{padding-block:46px}.services-layout{grid-template-columns:1fr;gap:30px}.services-intro h2{font-size:46px;letter-spacing:-2px;line-height:1}.services-intro>p{font-size:13px;max-width:350px;margin-bottom:19px}.services-intro>.text-link{font-size:12px;gap:12px}.services-emblem{display:none}.service{gap:15px;padding-block:24px}.service:first-child{padding-top:25px;border-top:1px solid var(--line)}.service-title>h3{font-size:16px}.service-title>span{display:block;font-size:7px}.service-icon{width:36px;height:36px}.service-content p{font-size:12px;line-height:1.8;margin-top:10px}.service-tags{font-size:6px;gap:10px;line-height:1.8}.service-tags span:not(:last-child):after{padding-left:10px}.process-section{padding-bottom:45px}.section-heading .heading-aside{margin-top:0;font-size:12px}.heading-aside br{display:none}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step{padding:23px 16px}.step-top{margin-bottom:20px}.step-top>span{font-size:28px}.process-step h3{font-size:15px}.process-step p{font-size:11px;line-height:1.8;margin-top:12px;margin-bottom:18px}.step-label{font-size:6px}.faq-section{grid-template-columns:1fr;gap:28px;padding-block:5px 48px}.faq-intro h2{font-size:32px;margin-bottom:18px}.faq-intro h2 br{display:none}.faq-intro>.text-link{font-size:11px}.faq-list summary{font-size:12px;padding-block:19px}.faq-list details>p{font-size:12px}.contact-section{padding-block:45px 50px}.contact-layout{grid-template-columns:1fr;gap:38px}.contact-copy .eyebrow{font-size:7px;letter-spacing:.8px;margin-bottom:24px}.contact-copy h2{font-size:clamp(48px,11.8vw,79px);letter-spacing:-3px;line-height:.96}.contact-copy h2>svg{width:41px;height:41px;margin-left:12px;stroke-width:5}.contact-copy>p{font-size:13px;margin-top:24px}.contact-discord{font-size:12px;margin-top:22px}.contact-small{font-size:6px;max-width:100%;margin-top:22px}.brief-card{padding:24px 21px 21px;box-shadow:5px 6px 0 #314bba}.brief-card h3{font-size:24px;max-width:280px}.brief-card>p{font-size:11px;line-height:1.5}.project-type{gap:7px;margin-bottom:20px}.project-type label>span{font-size:11px;padding:12px 7px;gap:6px}.project-type label>span>svg{width:14px;height:14px}.field>label,.project-type legend{font-size:8px;margin-bottom:9px}.field{margin-bottom:17px}.field input,.field textarea,.field select{font-size:16px;padding:10px;min-height:44px}.field input::placeholder,.field textarea::placeholder{font-size:12px}.field select{font-size:14px}.field textarea{min-height:105px}.field-hint{font-size:7px;margin-top:8px}.field-hint>span:last-child{display:block;font-size:6px}.brief-submit{font-size:12px;min-height:47px}.form-privacy{font-size:7px;margin-top:15px}.brief-result textarea{font-size:11px}.result-actions .button{font-size:11px;min-height:44px}.result-note{font-size:10px}.footer-main{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:25px}.site-footer{padding-block:29px 22px}.footer-main .brand{transform:none;margin-right:0}.footer-main>p{margin-left:auto;margin-right:5px;font-size:10px}.footer-links{order:4;margin-left:0;gap:23px;flex-basis:calc(100% - 50px);font-size:10px}.back-top{margin-left:auto;order:5;width:28px;height:28px}.footer-bottom{flex-direction:column;gap:7px;font-size:8px;padding-top:18px}.footer-location{display:none}.dialog-shell{padding:20px}.dialog-shell h2{font-size:31px}.demo-stat-grid{gap:7px}.demo-stat{padding:13px 8px}.demo-stat strong{font-size:22px}.demo-stat span{font-size:7px}.demo-controls{gap:8px}.demo-controls .button{font-size:10px;padding:11px;min-height:44px}.demo-dialog .dialog-footer{font-size:8px}.toast{font-size:11px;bottom:16px;padding:12px 18px}}
@media(max-width:379px){.container{width:calc(100% - 32px)}.nav-wrap{gap:9px}.eyebrow-tail{display:none}h1{font-size:19vw;letter-spacing:-4px}.title-spark{width:42px;height:42px;right:-52px}.hero-actions{gap:13px}.hero-actions .button{padding:12px;font-size:10px}.hero-actions .button svg{width:14px}.hero-actions .text-link{font-size:9px;gap:3px}.hero-description{font-size:12px}.workbench{height:402px}.game-window{width:241px;left:calc(50% - 109px);top:57px}.game-scene{height:119px}.code-card{width:190px;bottom:23px;left:12px}.code-lines{font-size:7px}.live-badge{display:none}.cursor-tag{right:7px}.preview-caption>span:last-child{display:none}.project-art{height:280px}.hud-demo{transform:scale(.95) rotate(-6deg);top:59px}.quest-demo{transform:scale(.93) rotate(-4deg);top:58px}.rebirth-demo{transform:scale(.95) rotate(4deg);top:68px}.project-info h3{font-size:16px}.project-info p{font-size:9px}.project-tag{font-size:6px;padding:4px 5px}.service-title>h3{font-size:14px}.service-title>span{display:none}.process-step{padding:21px 13px}.process-step h3{font-size:14px}.process-step p{font-size:10px}.contact-copy h2{font-size:12vw;letter-spacing:-2.5px}.brief-card{padding:23px 16px}.brief-card h3{font-size:22px}.project-type label>span{font-size:10px}.project-type label>span>svg{width:12px}.field-pair{gap:9px}.field select{font-size:12px}.field-hint>span:last-child{display:none}.form-privacy{font-size:6px}.footer-links{gap:18px}.demo-stat strong{font-size:19px}}

/* Keep the live controls above the decorative code card on every screen. */
.game-window{z-index:2;left:calc(50% - 80px)}
.code-card{z-index:1;pointer-events:none;width:225px}
.code-lines{font-size:8px}
@media(min-width:1600px){.game-window{left:calc(50% - 95px)}.code-card{width:250px}.code-lines{font-size:9px}}
@media(min-width:720px) and (max-width:1199px){
  .game-window{top:43px;left:calc(50% - 85px)}
  .code-card{z-index:3;width:190px;left:12px;bottom:14px}
  .code-top{height:24px;font-size:6px}
  .code-lines{font-size:7px;line-height:1.5;padding:7px 9px}
  .code-status{font-size:6px;padding:5px 9px}
}
@media(min-width:720px) and (max-width:959px){
  .workbench{height:415px}
  .game-window{top:42px;left:calc(50% - 106px)}
  .game-scene{height:105px}
  .code-card{width:184px;bottom:14px}
}
@media(max-width:719px){
  .workbench{height:470px}
  .game-window{top:48px;left:calc(50% - 119px);width:265px}
  .game-scene{height:123px}
  .game-panel{padding:13px}
  .code-card{z-index:3;pointer-events:none;left:15px;bottom:18px;width:215px;transform:rotate(-4deg)}
  .code-top{height:25px;font-size:7px}
  .code-lines{font-size:8px;line-height:1.4;padding:6px 9px}
  .code-status{font-size:6px;padding:5px 9px}
}
@media(max-width:379px){
  .workbench{height:434px}
  .game-window{top:49px;left:calc(50% - 119px);width:242px}
  .game-scene{height:100px}
  .game-panel{padding:12px}
  .block-main{transform:scale(.8) rotate(-9deg);top:24px;left:100px}
  .block-small{top:60px}
  .code-card{left:14px;bottom:16px;width:200px}
  .code-top{height:24px;font-size:6px}
  .code-lines{font-size:7px;line-height:1.5;padding:6px 9px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gain-feedback.pop{animation:none;opacity:0}}
@media print{.site-header,.hero-visual,.capabilities-band,.contact-copy,.site-footer,.toast,dialog,.filter-group,.project-grid,.services-emblem,.noscript-notice{display:none!important}body{background:#fff;color:#111}.container{width:100%}.hero,.contact-layout,.services-layout,.faq-section{display:block}.hero{padding-block:20px}.section,.services-section,.contact-section{padding-block:20px;background:white;color:#111}.brief-card{background:white;color:#111;border:1px solid #999;box-shadow:none}h1{font-size:55px;color:#111}p{color:#444!important}.brief-result textarea{color:#111;background:white;width:100%;height:400px}.result-actions,.result-bottom,.form-privacy{display:none}.contact-section{break-before:page}.service-icon{display:none}.service-content p{color:#333}.section-kicker{color:#333}.process-grid{border-color:#aaa}.process-step{background:white;border-color:#aaa}.process-step p{color:#333}.field input,.field select,.field textarea{background:white;color:#111}}