:root{color-scheme:dark;--bg:#101015;--panel:#1a1923;--line:#343141;--text:#f5f2fb;--muted:#aaa5b9;--accent:#cfbcff;--green:#9ce2bc;font:16px/1.55 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.top,nav,.brand,.actions,.work-head,.project-head{display:flex;align-items:center;gap:14px}.top{justify-content:space-between;height:82px;border-bottom:1px solid #ffffff12}.brand{font-weight:750;letter-spacing:-.55px}.top nav{font-size:13px;gap:21px}.top nav>a:first-child,footer a{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:11px;padding:10px 15px;min-height:42px;font-size:13px;font-weight:650;white-space:nowrap;transition:transform .17s ease,opacity .17s ease}.button:hover{opacity:.86}.button:active{transform:scale(.97)}.primary{background:var(--accent);color:#261c39}.secondary{background:#ffffff08;border-color:#ffffff1e;color:var(--text)}button:disabled{opacity:.5;cursor:wait}.hero{min-height:567px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 -22px;z-index:-1;background:radial-gradient(ellipse at 75% 52%,#36245c80,transparent 62%);pointer-events:none}.pitch{z-index:1;padding:42px 0}.eyebrow{font-size:10px;font-weight:730;letter-spacing:.19em;color:var(--accent);margin:0 0 15px}.pitch h1{font-size:clamp(49px,6.4vw,93px);line-height:.96;letter-spacing:-.082em;margin:0;font-weight:730}.intro{color:var(--muted);max-width:340px;margin:24px 0;font-size:16px}.scene{height:470px;position:relative;perspective:1100px;isolation:isolate}.grid-floor{position:absolute;inset:10% -6% -2%;background:repeating-linear-gradient(0deg,#b69eff18 0 1px,transparent 1px 33px),repeating-linear-gradient(90deg,#b69eff18 0 1px,transparent 1px 33px);transform:rotateX(62deg) translateY(26%);mask-image:radial-gradient(ellipse,#000,transparent 69%)}.orbit{position:absolute;inset:12% 6%;border:1px solid #bb9dff29;border-radius:50%;transform:rotate(-26deg) rotateX(55deg)}.orbit.two{inset:5% 1%;transform:rotate(-29deg) rotateX(56deg);border-style:dashed;opacity:.55}.stage{position:absolute;inset:19% 4% 19% 3%;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-19deg) rotateZ(-5deg);animation:arrive .85s cubic-bezier(.2,.8,.2,1) both}.plate{height:100%;border:1px solid #c7acff66;border-radius:20px;background:linear-gradient(140deg,#33284e,#1b1729 72%);box-shadow:0 28px 65px #0009,inset 0 1px #fff2;overflow:hidden}.plate-top{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em;border-bottom:1px solid #fff1;color:#dbcef3}.plate-top i{display:inline-block;width:6px;height:6px;margin-right:7px;background:#cdb5ff;border-radius:50%;box-shadow:0 0 13px #cdb5ff}.plate-content{display:grid;grid-template-columns:18% 1fr;height:calc(100% - 45px)}.plate-side{padding:16px 12px;border-right:1px solid #fff1}.plate-side b{display:block;height:7px;border-radius:3px;background:#ba9ef02a;margin-bottom:12px}.plate-side b:first-child{background:#d1b7ff75}.plate-main{padding:15px;min-width:0}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:9px}.mini-metrics i{height:35px;border:1px solid #fff2;border-radius:6px;background:#ffffff08}.mini-metrics i:first-child{background:#cfb9ff81}.hero-chart{width:100%;overflow:visible}.graph-grid{fill:none;stroke:#fff2}.hero-line{fill:none;stroke:#d5bdff;stroke-width:3}.tile{position:absolute;display:grid;place-items:center;width:76px;height:76px;border:1px solid #fff5;border-radius:19px;box-shadow:0 10px 28px #0008;transform:translateZ(75px) rotateZ(13deg)}.tile svg{width:37px;fill:none;stroke:#ffe6ed;stroke-width:2.4}.tube{right:-12px;top:-24px;background:linear-gradient(145deg,#e76e94,#9d3a64)}.blocks{left:7px;bottom:-22px;background:linear-gradient(145deg,#86a9ff,#505dab);transform:translateZ(55px) rotateZ(-10deg)}.blocks svg{fill:#f0edff;stroke:none}@keyframes arrive{from{opacity:0;transform:translateY(24px) rotateX(18deg) rotateY(-26deg) rotateZ(-5deg)}to{opacity:1;transform:rotateX(12deg) rotateY(-19deg) rotateZ(-5deg)}}
.workspace{border:1px solid var(--line);background:linear-gradient(135deg,#201c2c,#16161f 60%);border-radius:23px;padding:25px;scroll-margin-top:20px}.work-head,.project-head{justify-content:space-between;flex-wrap:wrap}.work-head h2,.project-head h2,dialog h2{margin:0;font-size:29px;letter-spacing:-.055em}.work-head .eyebrow{margin-bottom:4px}.projects{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.projects button[aria-pressed=true]{color:var(--accent);border-color:#cdb5ff6b}.content{margin-top:18px}.empty{min-height:242px;display:grid;justify-items:center;align-content:center;text-align:center;padding:26px;background:#10101565;border:1px dashed #a18ac644;border-radius:15px}.empty img{width:44px;margin-bottom:10px}.empty h3{margin:0;font-size:19px}.empty p,.hint{color:var(--muted);font-size:13px}.empty .button{margin-top:4px}.project-head p{margin:2px 0;color:var(--muted);font-size:12px}.metrics,.videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.metric,.history,.video{background:#14131d;border:1px solid var(--line);border-radius:13px;padding:15px;min-width:0}.metric:first-child{background:linear-gradient(135deg,#d7c6ff,#a98bed);color:#231835;border-color:transparent}.metric span{font-size:12px}.metric strong{display:block;font-size:clamp(20px,3vw,34px);letter-spacing:-.045em;overflow-wrap:anywhere}.history{margin-top:12px}.history h3{font-size:14px;margin:0 0 7px}.history svg{width:100%;height:110px;display:block}.history path{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.video{display:block;padding:0;overflow:hidden}.video img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#29243c}.video div{padding:10px 12px}.video h3{margin:0;font-size:13px;overflow-wrap:anywhere}.video p{font-size:11px;color:var(--muted);margin:6px 0 0}.video:hover h3{color:var(--accent)}.status{color:#f5bbca;font-size:13px;margin:8px 0 0}.status:empty{display:none}footer{display:flex;justify-content:space-between;gap:12px;padding:28px 0;color:var(--muted);font-size:12px}
dialog{width:min(445px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:17px;padding:24px}dialog::backdrop{background:#08070bd4}dialog label{display:block;font-size:13px;margin:16px 0 5px}dialog input,dialog select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#111017;color:var(--text)}dialog a{font-size:12px;color:var(--accent);text-decoration:underline}.dialog-actions{justify-content:flex-end;margin-top:18px}
@media(max-width:850px){.container{width:calc(100% - 38px)}.hero{min-height:0}.scene{height:360px}.tile{width:55px;height:55px}.tile svg{width:29px}.plate-top{padding:9px;font-size:7px}.plate-content{height:calc(100% - 29px)}.plate-main{padding:9px}.mini-metrics i{height:24px}.plate-side{padding:11px 6px}}
@media(max-width:620px){.top{height:65px}.top nav>a:first-child{display:none}.top nav .button{font-size:11px;padding:8px}.brand{font-size:14px;gap:8px}.hero{grid-template-columns:1fr}.pitch{padding:37px 0 0}.pitch h1{font-size:clamp(48px,12vw,70px)}.intro{margin:16px 0}.scene{height:280px;margin:0 12px}.stage{inset:17% 3% 16% 3%}.workspace{padding:16px}.work-head h2{font-size:25px}.metrics{gap:6px}.metric{padding:8px}.metric span{font-size:10px}.videos{grid-template-columns:1fr 1fr}.actions{gap:7px}.project-head .button{padding:8px;font-size:11px}.eyebrow{letter-spacing:.13em}.hero:before{inset:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.core{position:absolute;inset:0;width:100%;height:100%;z-index:2}.core[hidden]{display:none}.scene.rendered .stage{visibility:hidden}.scene.rendered .orbit{opacity:.55}.hero{overflow:clip}.hero>*,.scene{min-width:0}.actions{flex-wrap:wrap}
@media(max-width:620px){.scene{margin-inline:0}.work-head .actions{gap:6px}.work-head .button{padding:7px 9px;font-size:11px}}
.features{padding:28px 0 56px;border-top:1px solid #ffffff12;scroll-margin-top:20px}
.section-title{margin-bottom:24px}
.section-title .eyebrow,.download-panel .eyebrow{margin-bottom:8px}
.section-title h2,.download-panel h2{margin:0;font-size:clamp(31px,4.5vw,56px);line-height:1.04;letter-spacing:-.062em}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.feature{padding:24px;border:1px solid var(--line);border-radius:17px;background:#181722}
.feature-label{color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:720}
.feature-label.youtube{color:#ffacc1}.feature-label.roblox{color:#a9bcff}
.feature h3{font-size:20px;letter-spacing:-.045em;line-height:1.2;margin:16px 0 7px}
.feature p,.download-copy{margin:0;color:var(--muted);font-size:14px}
.download-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;padding:clamp(22px,4.5vw,54px);border:1px solid #a996da55;border-radius:22px;background:radial-gradient(ellipse at top left,#372955,#181722 70%);scroll-margin-top:20px}
.download-copy{margin:14px 0 20px;max-width:47ch}
.release-card{align-self:center;padding:20px 23px;border:1px solid #ffffff22;border-radius:14px;background:#10101566}
.release-card strong{display:block;font-size:21px;margin:7px 0;letter-spacing:-.04em}
.release-card p,.release-card a{font-size:12px;color:var(--muted)}
.release-card p{margin:0 0 12px}
.release-card a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}
.dashboard-page{margin-top:32px;min-height:340px}
@media(max-width:700px){.feature-grid,.download-panel{grid-template-columns:1fr}.download-panel{gap:23px}.features{padding-bottom:33px}}

:root{--reveal-ease:cubic-bezier(.23,1,.32,1)}
@keyframes panel-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes sheen-pass{from{transform:translateX(-130%) skewX(-20deg)}to{transform:translateX(160%) skewX(-20deg)}}
@media(prefers-reduced-motion:no-preference){
  .pitch>*{animation:panel-in 630ms var(--reveal-ease) both}
  .pitch h1{animation-delay:65ms}
  .pitch .intro{animation-delay:130ms}
  .pitch .actions{animation-delay:195ms}
  .features.awaiting-reveal:not(.arrived) .section-title,
  .features.awaiting-reveal:not(.arrived) .feature,
  .download-panel.awaiting-reveal:not(.arrived):not(:focus-within)>*{opacity:0}
  .features.arrived .section-title,.features.arrived .feature,.download-panel.arrived>*{animation:panel-in 650ms var(--reveal-ease) both}
  .features.arrived .feature:nth-child(1){animation-delay:70ms}
  .features.arrived .feature:nth-child(2),.download-panel.arrived .release-card{animation-delay:140ms}
  .features.arrived .feature:nth-child(3){animation-delay:210ms}
  .download-cta{position:relative;overflow:hidden}
  .download-cta::after{content:"";position:absolute;inset:-30% 22%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff6b,transparent);transform:translateX(-130%) skewX(-20deg);opacity:0}
  @media(hover:hover) and (pointer:fine){.download-cta:hover::after{animation:sheen-pass 430ms var(--reveal-ease);opacity:1}}
}