:root{--color-accent:#ff1a50;--color-accent-hover:#e0153f;--color-bg:#0a0a0a;--color-bg-card:#111;--color-border:#2a2a2a;--color-text:#eee;--color-text-muted:#999;--color-text-dim:#666;--font-mono:"Courier New", Courier, monospace;--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max-width:1100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{color:var(--color-accent)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-system);line-height:1.6}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0a0ae6;position:fixed;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.nav-logo{letter-spacing:-.02em;color:var(--color-text);font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .2s}.nav-logo:hover{color:var(--color-accent)}.nav-links{gap:32px;display:flex}.nav-link{color:var(--color-text-muted);font-size:.85rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--color-text)}.nav-link--active{color:var(--color-text);box-shadow:0 6px 0 -4px var(--color-accent)}.nav-right{align-items:center;gap:16px;display:flex}.nav-cta{color:var(--color-accent);border:1px solid var(--color-accent);white-space:nowrap;border-radius:6px;padding:6px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.nav-cta:hover{background:var(--color-accent);color:#fff}.subnav{border-top:1px solid var(--color-border);scrollbar-width:none;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav-inner{white-space:nowrap;gap:24px;padding:9px 32px;display:flex}.subnav-link{color:var(--color-text-dim);font-size:.8rem;text-decoration:none;transition:color .2s}.subnav-link:hover{color:var(--color-text)}.nav-menu{display:none;position:relative}.nav-menu-btn{cursor:pointer;align-items:center;padding:8px 4px;list-style:none;display:flex}.nav-menu-btn::-webkit-details-marker{display:none}.nav-menu-icon,.nav-menu-icon:before,.nav-menu-icon:after{background:var(--color-text);width:20px;height:2px;transition:transform .2s;display:block}.nav-menu-icon:before,.nav-menu-icon:after{content:"";position:relative}.nav-menu-icon:before{top:-6px}.nav-menu-icon:after{top:4px}.nav-menu[open] .nav-menu-icon{background:0 0}.nav-menu[open] .nav-menu-icon:before{transform:translateY(6px)rotate(45deg)}.nav-menu[open] .nav-menu-icon:after{transform:translateY(-6px)rotate(-45deg)}.nav-menu-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:4px;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 12px);right:0}.nav-menu-link{color:var(--color-text-muted);border-radius:6px;padding:10px 12px;font-size:.95rem;text-decoration:none}.nav-menu-link:hover{background:var(--color-bg);color:var(--color-text)}.nav-menu-link--active{color:var(--color-text);box-shadow:inset 2px 0 0 var(--color-accent)}.hero{text-align:center;max-width:var(--max-width);flex-direction:column;align-items:center;margin:0 auto;padding:140px 24px 80px;display:flex}body.has-subnav .hero{padding-top:180px}.hero h1{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.hero-tagline{color:var(--color-text);font-size:1.25rem;font-weight:600;font-family:var(--font-mono);margin-top:16px}.hero-sub{color:var(--color-text-muted);max-width:560px;margin-top:12px;font-size:1.05rem;line-height:1.6}.hero-ctas{align-items:center;gap:16px;margin-top:32px;display:flex}.btn-primary{background:var(--color-accent);color:#fff;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,transform .1s;display:inline-block}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.btn-secondary:hover{border-color:var(--color-text-muted);color:var(--color-text)}.btn-beta{color:var(--color-text-muted);border:1px solid var(--color-accent);cursor:not-allowed;background:0 0;border-radius:8px;padding:12px 32px;font-family:inherit;font-size:1rem;font-weight:600;display:inline-block}.btn-beta--nav{border-color:var(--color-border);color:var(--color-text-dim);padding:6px 16px;font-size:.85rem}.hero-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);border:1px solid var(--color-border);border-radius:20px;margin-top:20px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.hero-media{width:100%;max-width:720px;margin-top:48px}.hero-video{aspect-ratio:16/9;border:1px solid var(--color-border);background:#000;border-radius:12px;width:100%}.hero-video-facade{aspect-ratio:16/9;border:1px solid var(--color-border);cursor:pointer;background:#000;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.hero-video-facade img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .2s;display:block}.hero-video-facade:hover img{opacity:1}.hero-video-play{background:var(--color-accent);border-radius:10px;width:68px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000080}.hero-video-play:after{content:"";border:10px solid #0000;border-left:16px solid #fff;border-right-width:0;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.workflow{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.workflow h2{text-align:center;margin-bottom:8px;font-size:2rem;font-weight:700}.section-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:56px}.workflow-steps{flex-direction:column;gap:64px;display:flex}.workflow-step{grid-template-columns:1fr 1.4fr;align-items:center;gap:40px;display:grid}.step-text{flex-direction:column;display:flex}.step-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.step-number{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.workflow-step h3{margin:0;font-size:1.3rem;font-weight:700}.workflow-step p{color:var(--color-text-muted);margin-bottom:0;font-size:.95rem;line-height:1.6}.step-media{aspect-ratio:16/9;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex}video.step-media{object-fit:cover}.step-figure{margin:0}.step-figure figcaption{color:var(--color-text-dim);text-align:center;margin-top:.5rem;font-size:.75rem}.step-media:after{content:attr(data-label);font-family:var(--font-mono);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.architecture{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.architecture h2{text-align:center;margin-bottom:16px;font-size:2rem;font-weight:700}.arch-intro{text-align:center;color:var(--color-text-muted);max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto}.arch-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.arch-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:4px;padding:24px;display:flex}.arch-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-size:.75rem;font-weight:600}.arch-value{font-size:1.1rem;font-weight:700}.arch-detail{color:var(--color-text-muted);font-size:.85rem}.arch-perf{text-align:center;color:var(--color-text-muted);margin-top:32px;font-size:.9rem}.arch-perf strong{color:var(--color-text)}.arch-stats{font-family:var(--font-mono);color:var(--color-text-dim);margin-top:8px;font-size:.8rem}.games{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.games h2{text-align:center;margin-bottom:8px;font-size:2rem;font-weight:700}.games-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.game-pill{color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);white-space:nowrap;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:500;display:inline-block}.games-more{text-align:center;color:var(--color-text-dim);font-size:.9rem;font-family:var(--font-mono);margin-top:24px}.roadmap{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.roadmap h2{text-align:center;margin-bottom:48px;font-size:2rem;font-weight:700}.timeline{max-width:600px;margin:0 auto;padding-left:32px;position:relative}.timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{padding-bottom:32px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;width:16px;height:16px;position:absolute;top:6px;left:-32px}.timeline-item--now .timeline-dot{border-color:var(--color-accent);background:var(--color-accent)}.timeline-content{padding-left:8px}.timeline-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.timeline-header h3{font-size:1.1rem;font-weight:700}.timeline-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:2px 10px;font-size:.7rem;font-weight:600}.timeline-badge--now{background:var(--color-accent);color:#fff}.timeline-badge--next{border:1px solid var(--color-accent);color:var(--color-accent);background:0 0}.timeline-badge--planned{border:1px solid var(--color-text-dim);color:var(--color-text-dim);background:0 0}.timeline-content p{color:var(--color-text-muted);font-size:.9rem}.cta-final{text-align:center;max-width:var(--max-width);margin:0 auto;padding:80px 24px}.cta-final h2{margin-bottom:32px;font-size:2rem;font-weight:700}.cta-final-buttons{justify-content:center;align-items:center;gap:16px;display:flex}.cta-final-note{color:var(--color-text-dim);margin-top:20px;font-size:.8rem}.cta-final-note a{color:var(--color-text-muted);transition:color .2s}.cta-final-note a:hover{color:var(--color-text)}.footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-dim);padding:48px 24px;font-size:.85rem}.footer-umbrella{margin-top:12px}.footer-umbrella a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.footer-umbrella a:hover{color:var(--color-text)}.footer-author{color:var(--color-text-muted);margin-top:12px;font-size:.8rem}.footer-author a{color:inherit;border-bottom:1px solid var(--color-border);text-decoration:none;transition:color .2s}.footer-author a:hover{color:var(--color-text)}.footer-legal{max-width:640px;color:var(--color-text-dim);margin-top:12px;margin-left:auto;margin-right:auto;font-size:.75rem;line-height:1.5}.footer-tech{font-family:var(--font-mono);color:var(--color-text-dim);margin-top:8px;font-size:.75rem}.footer-github{color:var(--color-text-dim);margin-top:12px;font-size:.8rem;text-decoration:none;transition:color .2s;display:inline-block}.footer-github:hover{color:var(--color-text)}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.badge--live{background:var(--color-accent);color:#fff}.badge--beta{border:1px solid var(--color-text-dim);color:var(--color-text-dim);background:0 0}.hero--hub{padding-bottom:40px}.hero-sub--wide{max-width:680px}.products{max-width:var(--max-width);margin:0 auto;padding:0 24px 80px}.product-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.product-card{background:var(--color-bg-card);border:1px solid var(--color-border);color:inherit;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:32px;text-decoration:none;transition:border-color .2s,transform .1s;display:flex}.product-card:hover{border-color:var(--color-accent)}.product-card:active{transform:scale(.995)}.product-card h2{font-size:1.5rem;font-weight:700}.product-card p{color:var(--color-text-muted);font-size:.95rem}.product-cta{color:var(--color-accent);margin-top:auto;padding-top:8px;font-size:.95rem;font-weight:600}.hero-tagline--studio{font-family:var(--font-system);letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.25}.pipeline,.modes,.feature,.credibility{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.pipeline h2,.modes h2,.feature h2,.credibility h2{text-align:center;margin-bottom:8px;font-size:2rem;font-weight:700}.steps-plain{grid-template-columns:1fr 1fr;gap:32px;display:grid}.step-plain{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;padding:28px}.step-plain h3{font-size:1.2rem;font-weight:700}.step-plain p{color:var(--color-text-muted);font-size:.95rem}.modes-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mode-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;padding:28px}.mode-card h3{margin-bottom:12px;font-size:1.15rem;font-weight:700}.mode-card p{color:var(--color-text-muted);font-size:.95rem}.feature-prose{flex-direction:column;gap:16px;max-width:720px;margin:32px auto 0;display:flex}.feature-prose p{color:var(--color-text-muted);font-size:.98rem}.feature-prose strong{color:var(--color-text)}.feature-prose h3{color:var(--color-text);margin:1.4em 0 .4em;font-size:1.05rem}.feature-note{border-top:1px solid var(--color-border);padding-top:8px;font-style:italic;color:var(--color-text-dim)!important;font-size:.85rem!important}.credibility-cta{text-align:center;margin-top:32px}.cta-final-lead{color:var(--color-text-muted);margin-bottom:32px}code{font-family:var(--font-mono);color:var(--color-text);font-size:.9em}.bridge{text-align:center;max-width:720px;margin:0 auto;padding:40px 24px 80px}.bridge h2{margin-bottom:12px;font-size:1.6rem;font-weight:700}.bridge p{color:var(--color-text-muted)}.bridge-cta{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.timeline-link{color:inherit;text-decoration:none}.timeline-link:hover{color:var(--color-accent)}.article{max-width:760px;margin:0 auto;padding:120px 24px 0}.article-head{border-bottom:1px solid var(--color-border);padding-bottom:48px}.article-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:20px;font-size:.85rem}.article-head h1{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2rem,5vw,2.9rem);font-weight:700;line-height:1.15}.article-standfirst{color:var(--color-text-muted);font-size:1.15rem}.article-body{border-bottom:1px solid var(--color-border);padding:48px 0}.article-body--foot{border-bottom:none;padding-bottom:80px}.article-body h2{letter-spacing:-.01em;margin-bottom:20px;font-size:1.5rem;font-weight:700}.article-body p{color:var(--color-text-muted);margin-bottom:16px}.article-body p:last-child{margin-bottom:0}.article-body strong{color:var(--color-text);font-weight:600}.article-body a{color:var(--color-accent)}.article-body .btn-primary{color:#fff}.article-body .btn-secondary{color:var(--color-text-muted)}.article-list{color:var(--color-text-muted);flex-direction:column;gap:16px;list-style:none;display:flex}.article-list li{padding-left:20px;position:relative}.article-list li:before{content:"—";color:var(--color-text-dim);position:absolute;left:0}.article-list--num{counter-reset:hw}.article-list--num li:before{counter-increment:hw;content:counter(hw) ".";font-family:var(--font-mono);color:var(--color-accent)}.table-wrap{margin-bottom:20px;overflow-x:auto}.article-table{border-collapse:collapse;width:100%;font-size:.95rem}.article-table th,.article-table td{text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);vertical-align:top;padding:12px 16px 12px 0}.article-table th{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:400}.article-table td:last-child{white-space:nowrap;padding-right:0}.article-video{margin-top:28px}@media (max-width:768px){.product-grid,.steps-plain,.modes-grid{grid-template-columns:1fr}.bridge-cta{flex-direction:column}.nav{padding:12px 16px}.nav-links{display:none}.nav-menu{display:block}.subnav-inner{padding:9px 16px}.hero{padding:120px 16px 60px}body.has-subnav .hero{padding-top:156px}.hero-ctas{flex-direction:column}.workflow-step{grid-template-columns:1fr;gap:24px}.arch-grid{grid-template-columns:1fr 1fr}.cta-final-buttons{flex-direction:column}}@media (max-width:480px){.arch-grid{grid-template-columns:1fr}}.studio-media{max-width:960px;margin:2.2rem auto 0}.studio-media img,.studio-media video{border:1px solid var(--color-border,#ffffff1f);image-rendering:auto;border-radius:10px;width:100%;height:auto;display:block}.studio-media--hero{max-width:640px}.studio-media--hero video{image-rendering:pixelated}.studio-media figcaption{color:var(--color-text-muted,#8b93a7);text-align:center;margin-top:.6rem;font-size:.82rem}