@import "https://fonts.googleapis.com/css2?family=Syne:wght@500;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;width:100%;height:100%;overflow:hidden}#app{background:radial-gradient(circle at 50% 0,#ffffff0f,#0000 35%),radial-gradient(circle at 15% 20%,#ffffff08,#0000 25%);width:100%;height:100%;position:relative}canvas#scene{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.ui{pointer-events:none;z-index:3;font-family:Syne,sans-serif;position:absolute;inset:0}.brand-block{transition:opacity .45s,transform .45s;animation:1.4s cubic-bezier(.16,1,.3,1) .4s both rise;position:absolute;bottom:94px;left:56px}.studio-label{letter-spacing:.26em;text-transform:uppercase;color:#e4e8f2b8;text-shadow:0 0 18px #ffffff1f;margin-bottom:10px;font-size:clamp(.72rem,1.2vw,.92rem);font-weight:600}.wordmark{letter-spacing:-.025em;color:#eef2ff;text-transform:uppercase;font-feature-settings:"ss01" on;font-size:clamp(3rem,6.5vw,6.2rem);font-weight:800;line-height:.88}.orgnr{letter-spacing:.18em;color:#cdd2dc99;text-transform:uppercase;text-shadow:0 0 16px #ffffff14;margin-top:10px;font-size:clamp(.74rem,1vw,.82rem);font-weight:500}.copy{letter-spacing:.2em;color:#96969657;text-transform:uppercase;font-size:.68rem;transition:opacity .45s,transform .45s;animation:1.4s cubic-bezier(.16,1,.3,1) .65s both rise;position:absolute;bottom:46px;left:56px}.focus-hint{color:#dcdcdcb8;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(12px);opacity:1;background:#0a0a0a9e;border:1px solid #ffffff1f;border-radius:999px;padding:12px 18px;font-size:.68rem;transition:opacity .35s,transform .35s;position:absolute;top:32px;left:50%;transform:translate(-50%)}.surface-nav{pointer-events:auto;width:min(248px,100vw - 64px);animation:1.4s cubic-bezier(.16,1,.3,1) .2s both rise;position:absolute;top:32px;left:32px}.surface-nav-label{color:#ced3dc94;letter-spacing:.22em;text-transform:uppercase;padding-left:6px;font-size:.68rem}.surface-nav-list{flex-direction:column;gap:7px;margin-top:12px;display:flex}.surface-nav-item{width:100%;color:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff12,#ffffff05),#0a0a0aad;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 14px 11px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0f,0 12px 28px #0000002e}.surface-nav-item:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(120deg,#ffffff0f,#0000 45%);transition:opacity .3s;position:absolute;inset:1px}.surface-nav-item:hover,.surface-nav-item.is-preview,.surface-nav-item.is-active,.surface-nav-item:focus-visible{background:linear-gradient(135deg,#d8e2ff24,#ffffff08),#0c0c0cd1;border-color:#dee6ff47;transform:translate(8px);box-shadow:inset 0 1px #ffffff17,0 24px 60px #0000004d}.surface-nav-item:hover:before,.surface-nav-item.is-preview:before,.surface-nav-item.is-active:before,.surface-nav-item:focus-visible:before{opacity:1}.surface-nav-item:focus-visible{outline:none}.surface-nav-kicker{color:#c2c7d399;letter-spacing:.2em;text-transform:uppercase;grid-column:1;font-size:.58rem}.surface-nav-title{color:#f3f6ff;letter-spacing:.02em;grid-column:1;font-size:.95rem;font-weight:700}.surface-nav-arrow{color:#e8ecf57a;letter-spacing:.12em;text-transform:uppercase;grid-area:1/2/span 2;align-self:center;font-size:.78rem;transition:transform .3s,color .3s;transform:translate(0)}.surface-nav-soon{color:#c2c7d373;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;border:1px solid #ffffff1a;border-radius:999px;grid-area:1/2/span 2;align-self:center;padding:3px 7px;font-size:.55rem}.surface-nav-item.is-coming-soon{opacity:.46;cursor:default;pointer-events:none}.surface-nav-item.is-coming-soon .surface-nav-title{color:#c8cddab3}.surface-nav-item:hover .surface-nav-arrow,.surface-nav-item.is-preview .surface-nav-arrow,.surface-nav-item.is-active .surface-nav-arrow,.surface-nav-item:focus-visible .surface-nav-arrow{color:#f5f7ffeb;transform:translate(3px)}#app.has-focused .focus-hint,#app.is-focused .focus-hint{opacity:0;transform:translate(-50%,-10px)}.info-panel{-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:linear-gradient(#161616eb,#0a0a0ae6),#0c0c0ce0;border:1px solid #ffffff24;border-radius:28px;width:min(380px,100vw - 64px);padding:24px;transition:opacity .35s,transform .35s,border-color .35s;position:absolute;top:32px;right:32px;transform:translateY(18px)scale(.98);box-shadow:0 30px 90px #00000059}.info-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.info-app-icon{opacity:0;pointer-events:none;background-position:50%;background-size:cover;border:1px solid #ffffff24;border-radius:16px;width:62px;height:62px;transition:opacity .38s,transform .38s;position:absolute;top:22px;right:22px;transform:scale(.86)translateY(4px);box-shadow:0 6px 20px #00000073,inset 0 1px #ffffff14}.info-app-icon.is-visible{opacity:1;transform:scale(1)translateY(0)}.info-panel.has-icon .info-eyebrow,.info-panel.has-icon .info-title{padding-right:78px}.info-close{color:#e8e8e8e6;font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:.68rem;transition:opacity .28s,transform .28s,background .2s,border-color .2s;display:inline-flex;position:absolute;top:32px;left:50%;transform:translate(-50%,-8px)}#app.is-focused .info-close{opacity:1;pointer-events:auto;transform:translate(-50%)}.info-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#c4c4c494;font-size:.72rem}.info-title{color:#f3f3f3;margin-top:12px;font-size:clamp(1.9rem,4vw,2.6rem);line-height:.96}.info-description{color:#d6d6d6c7;margin-top:16px;font-size:.94rem;line-height:1.6}.info-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.info-metric{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:6px;padding:14px 12px;display:flex}.info-metric-value{color:#f4f4f4;letter-spacing:.04em;font-size:1rem;font-weight:700}.info-metric-label{color:#bababa94;letter-spacing:.18em;text-transform:uppercase;font-size:.62rem}.info-actions{pointer-events:auto;flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.info-action{color:#f5f5f5;letter-spacing:.18em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.info-action.is-disabled{color:#d2d2d280;cursor:default;background:#ffffff06;border-color:#ffffff14}#app.is-focused .brand-block,#app.is-focused .copy{opacity:.22;transform:translateY(10px)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.surface-nav{width:calc(100vw - 40px);top:76px;left:20px}.surface-nav-item{border-radius:16px;padding:9px 12px 10px}.brand-block{bottom:92px;left:28px}.copy{bottom:34px;left:28px}.focus-hint{text-align:center;white-space:normal;max-width:calc(100vw - 40px);top:20px}.info-panel{border-radius:24px;width:auto;padding:20px;inset:auto 20px 20px}.info-close{top:20px}.info-metrics{grid-template-columns:1fr}}