:root{--studio-bg:#0b0e11;--studio-panel:#12171b;--studio-line:rgba(213,221,226,.15);--studio-muted:#98a4ad;--studio-light:#e9edf0;--studio-blue:#7195ad}.studios-page{color:var(--studio-light);background:var(--studio-bg)}.studio-header{min-height:88px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--studio-line);background:rgba(11,14,17,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.studio-brand{display:flex;align-items:center;gap:1rem;color:inherit;text-decoration:none}.studio-brand img{width:84px;height:auto}.studio-brand span{display:flex;flex-direction:column}.studio-brand strong{font-size:.92rem;letter-spacing:.01em}.studio-brand small{color:var(--studio-muted);font-size:.66rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.studio-header nav{display:flex;gap:clamp(1rem,3vw,2.5rem);font-size:.82rem;font-weight:700}.studio-header nav a{color:var(--studio-muted);text-decoration:none}.studio-header nav a:hover{color:white}.studio-intro{min-height:calc(88svh - 88px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) max(24px,calc((100vw - var(--max))/2));position:relative;overflow:hidden}.studio-intro::after{content:"";position:absolute;width:42vw;height:42vw;right:-15vw;top:-18vw;border:1px solid rgba(113,149,173,.22);border-radius:50%;box-shadow:0 0 0 5vw rgba(113,149,173,.025),0 0 0 10vw rgba(113,149,173,.018);pointer-events:none}.studio-kicker{margin:0 0 1.4rem;color:var(--studio-blue);font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.studio-intro h1{margin:0;font-size:clamp(4rem,8.5vw,8.8rem);line-height:.82;letter-spacing:-.075em;text-transform:uppercase}.studio-intro h1 span{color:var(--studio-blue)}.studio-intro-copy>p:last-child{max-width:640px;margin:2.5rem 0 0;color:#bac3c9;font-size:clamp(1.1rem,1.8vw,1.5rem)}.status-panel{border-top:1px solid var(--studio-line);position:relative;z-index:1}.status-panel p{display:grid;grid-template-columns:2rem 1fr auto;gap:1rem;align-items:baseline;margin:0;padding:1.6rem 0;border-bottom:1px solid var(--studio-line)}.status-panel span{color:var(--studio-blue);font-size:.7rem;font-weight:800}.status-panel strong{text-transform:uppercase;letter-spacing:.04em}.status-panel small{color:var(--studio-muted);font-weight:700}.warplex-section{padding:clamp(5rem,9vw,9rem) max(24px,calc((100vw - var(--max))/2));background:#050607;border-top:1px solid var(--studio-line)}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.project-meta>span{padding:.45rem .7rem;color:#b9c8d1;border:1px solid var(--studio-line);font-size:.67rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.warplex-logo-wrap{margin:clamp(3rem,7vw,7rem) auto;padding:clamp(1rem,3vw,2.5rem);max-width:1180px}.warplex-logo-wrap img{width:100%;height:auto}.project-description{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,8rem);align-items:start;border-top:1px solid var(--studio-line);padding-top:3rem}.project-description h2{margin:0;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.93;letter-spacing:-.055em}.project-description p{margin:0 0 1.3rem;color:#b7c0c6;font-size:1.05rem}.working-note{margin:4rem 0 0;color:#6f7b83;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.tester-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) max(24px,calc((100vw - var(--max))/2));background:var(--studio-panel);border-top:1px solid var(--studio-line)}.tester-section h2{margin:0;font-size:clamp(3rem,6vw,6.4rem);line-height:.88;letter-spacing:-.065em;text-transform:uppercase}.tester-copy>p{max-width:620px;margin:0;color:#bac3c9;font-size:1.12rem}.access-state{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;align-items:center;margin-top:3rem;padding:1.3rem 1.4rem;border:1px solid var(--studio-line);background:#0e1215}.status-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#75828b;box-shadow:0 0 0 5px rgba(117,130,139,.12)}.access-state strong{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}.access-state small{color:var(--studio-muted)}.studio-footer{min-height:150px;display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:2rem;padding:3rem max(24px,calc((100vw - var(--max))/2));color:#77838b;background:#07090b;font-size:.78rem}.studio-footer a{color:#b9c1c6;text-decoration:none;font-weight:750}.studio-footer p{margin:0}@media(max-width:900px){.studio-brand span{display:none}.studio-intro,.project-description,.tester-section{grid-template-columns:1fr}.studio-intro{min-height:auto}.status-panel{margin-top:1rem}.studio-footer{grid-template-columns:1fr;gap:.8rem}}@media(max-width:600px){.studio-header{min-height:72px}.studio-header nav{gap:.9rem;font-size:.72rem}.studio-header nav a:first-child{display:none}.studio-brand img{width:72px}.studio-intro h1{font-size:clamp(3.5rem,18vw,5.2rem)}.status-panel p{grid-template-columns:1.5rem 1fr}.status-panel small{grid-column:2}.project-meta{align-items:center}.project-description h2,.tester-section h2{font-size:3.2rem}.warplex-logo-wrap{margin:3rem -1rem;padding:0}.studio-footer{padding-bottom:2rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}

.launcher-download { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; max-width: 100%; margin-top: 1.5rem; padding: .85rem 1.25rem; color: var(--studio-bg); background: var(--studio-light); border: 1px solid var(--studio-light); font-size: 1rem; font-weight: 750; text-decoration: none; text-align: center; }
.launcher-download:hover { background: #cbdbe5; border-color: #cbdbe5; }
.launcher-steps { margin: 1.5rem 0 0; padding-left: 1.4rem; color: #bac3c9; font-size: 1rem; }
.launcher-steps li + li { margin-top: .65rem; }
.tester-copy, .access-state > * { min-width: 0; }
@media (max-width: 600px) { .launcher-download { width: 100%; } }
.tester-copy .launcher-details { margin-top: .8rem; color: var(--studio-muted); font-size: .875rem; line-height: 1.6; }
