@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f6ff;background-color:#070914;--ink: #f5f6ff;--muted: #b7bdd8;--line: rgb(255 255 255 / 16%);--bg-main: #070914;--panel: rgb(24 21 46 / 68%);--pink: #ff3ea8;--red: #ff4d5f;--purple: #7a3cff;--yellow: #ffc83d;--site-header-offset: calc(clamp(4.85rem, 12vw, 6.5rem) + env(safe-area-inset-top, 0px)) ;--btn-gradient-angle: 118deg;--btn-gradient-duration: 16s;--btn-gradient-translate: 0%;--btn-gradient-primary: linear-gradient( var(--btn-gradient-angle), rgb(255 84 118) 0%, rgb(255 62 168) 12%, color-mix(in srgb, var(--purple) 38%, var(--pink)) 22%, color-mix(in srgb, var(--purple) 72%, var(--pink)) 28%, var(--purple) 32%, color-mix(in srgb, var(--purple) 72%, var(--pink)) 38%, color-mix(in srgb, var(--purple) 38%, var(--pink)) 44%, rgb(255 84 118) 50%, rgb(255 62 168) 62%, color-mix(in srgb, var(--purple) 38%, var(--pink)) 72%, color-mix(in srgb, var(--purple) 72%, var(--pink)) 78%, var(--purple) 82%, color-mix(in srgb, var(--purple) 72%, var(--pink)) 88%, color-mix(in srgb, var(--purple) 38%, var(--pink)) 94%, rgb(255 84 118) 100% );--btn-gradient-play: linear-gradient( var(--btn-gradient-angle), rgb(255 78 150) 0%, var(--pink) 12%, color-mix(in srgb, var(--purple) 45%, var(--pink)) 22%, color-mix(in srgb, var(--purple) 70%, var(--pink)) 28%, var(--purple) 32%, color-mix(in srgb, var(--purple) 70%, var(--pink)) 38%, var(--pink) 44%, rgb(255 78 150) 50%, var(--pink) 62%, color-mix(in srgb, var(--purple) 45%, var(--pink)) 72%, color-mix(in srgb, var(--purple) 70%, var(--pink)) 78%, var(--purple) 82%, color-mix(in srgb, var(--purple) 70%, var(--pink)) 88%, var(--pink) 94%, rgb(255 78 150) 100% )}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--site-header-offset);min-height:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--bg-main)}body{margin:0;min-height:100%;max-width:100%;color:var(--ink);background:transparent;overflow-x:clip;isolation:isolate}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background-color:#0b0e1c;background-image:radial-gradient(circle at 14% 4%,rgb(122 60 255 / 42%),transparent 46%),radial-gradient(circle at 88% 10%,rgb(255 62 168 / 32%),transparent 44%),radial-gradient(circle at 48% 96%,rgb(255 200 61 / 22%),transparent 42%),radial-gradient(circle at 72% 58%,rgb(255 77 95 / 18%),transparent 50%);background-size:130% 130%,125% 125%,140% 140%,135% 135%;background-position:0% 0%,100% 0%,50% 100%,80% 50%;animation:ambient-gradient-flow 48s ease-in-out infinite}.ambient-bg__orb{position:absolute;border-radius:50%;filter:blur(64px);opacity:.72;will-change:transform}.ambient-bg__orb--purple{width:min(58vmax,720px);height:min(58vmax,720px);top:-18%;left:-12%;background:#7a3cffb3;animation:ambient-drift-purple 38s ease-in-out infinite}.ambient-bg__orb--pink{width:min(50vmax,620px);height:min(50vmax,620px);top:8%;right:-14%;background:#ff3ea89e;animation:ambient-drift-pink 44s ease-in-out infinite}.ambient-bg__orb--gold{width:min(44vmax,540px);height:min(44vmax,540px);bottom:-16%;left:22%;background:#ffc83d85;animation:ambient-drift-gold 42s ease-in-out infinite}.ambient-bg__orb--rose{width:min(40vmax,480px);height:min(40vmax,480px);bottom:12%;right:18%;background:#ff4d5f8c;animation:ambient-drift-rose 36s ease-in-out infinite}@keyframes ambient-gradient-flow{0%,to{background-position:0% 0%,100% 0%,50% 100%,80% 50%}50%{background-position:100% 80%,0% 60%,80% 0%,20% 90%}}@keyframes ambient-drift-purple{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,4%) scale(1.06)}66%{transform:translate(-4%,5%) scale(1.03)}}@keyframes ambient-drift-pink{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-6%,5%) scale(1.05)}66%{transform:translate(4%,-4%) scale(1.07)}}@keyframes ambient-drift-gold{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,-5%) scale(1.06)}66%{transform:translate(-5%,3%) scale(1.04)}}@keyframes ambient-drift-rose{0%,to{transform:translate(0) scale(1.02)}33%{transform:translate(-4%,-4%) scale(1)}66%{transform:translate(5%,3%) scale(1.05)}}@media (prefers-reduced-motion: reduce){.ambient-bg,.ambient-bg__orb{animation-duration:90s}}.app{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:var(--site-header-offset) clamp(.55rem,3vw,1rem) 2.5rem;display:grid;gap:1.1rem}.glass-card{border:1px solid var(--line);border-radius:1.1rem;background:linear-gradient(135deg,#ffffff24,#ffffff0a);box-shadow:inset 0 1px 1px #fff3,0 16px 40px #00000059;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;container-type:inline-size;container-name:site-header;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.5rem,2vw,1rem);width:100%;max-width:100%;margin:0;padding:calc(1.5rem + env(safe-area-inset-top,0px)) calc(clamp(1rem,4vw,2.5rem) + env(safe-area-inset-right,0px)) 1.1rem calc(clamp(1rem,4vw,2.5rem) + env(safe-area-inset-left,0px));min-width:0;overflow-x:clip;background:transparent}.brand{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:.6rem;color:#f3f4ff;text-decoration:none;min-width:0}.brand-logo{width:3.8rem;height:3.8rem;object-fit:contain}.brand-name{font-size:1.2rem;font-weight:700;letter-spacing:.03em}.nav-glass{grid-column:2;justify-self:center;display:inline-flex;flex-wrap:nowrap;align-items:center;gap:.25rem;padding:.35rem;max-width:100%;min-width:0;border-radius:999px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff2e,#ffffff0f);box-shadow:inset 0 1px 1px #ffffff4d,0 10px 28px #00000052;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.nav-glass a{color:#f8f8ff;text-decoration:none;font-size:.9rem;font-weight:500;padding:.45rem .95rem;border-radius:999px;white-space:nowrap;transition:background-color .2s ease}.nav-glass a:hover{background:#ffffff24}.connect-btn,.cta-btn{border:1px solid var(--line);border-radius:999px;color:#fafaff;text-decoration:none;font-weight:600;cursor:pointer;font:inherit;transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,background-color .32s ease,border-color .32s ease,color .32s ease}.connect-btn:focus-visible,.cta-btn:focus-visible,#viewer-send:focus-visible{outline:2px solid rgb(200 170 255 / 75%);outline-offset:3px}.connect-btn,.cta-btn:not(.ghost),.play-btn,.early-access-dialog__submit,.auth-btn--primary,#viewer-send{position:relative;z-index:0;isolation:isolate;overflow:hidden;background-color:transparent;background-image:none;animation:none}.connect-btn:before,.cta-btn:not(.ghost):before,.play-btn:before,.early-access-dialog__submit:before,.auth-btn--primary:before,#viewer-send:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;z-index:-1;border-radius:inherit;background-size:100% 100%;background-repeat:no-repeat;transform:translate3d(var(--btn-gradient-translate),0,0);backface-visibility:hidden;pointer-events:none;will-change:transform}.connect-btn:before,.cta-btn:not(.ghost):before,.early-access-dialog__submit:before,.auth-btn--primary:before,#viewer-send:before{background-image:var(--btn-gradient-primary)}.play-btn:before{background-image:var(--btn-gradient-play)}.connect-btn:hover,.cta-btn:not(.ghost):hover,.play-btn:hover,.early-access-dialog__submit:hover:not(:disabled),.auth-btn--primary:hover:not(:disabled),#viewer-send:hover:not(:disabled){transform:scale(1.06) translateY(-2px)}.connect-btn:active,.cta-btn:not(.ghost):active,.play-btn:active,.early-access-dialog__submit:active:not(:disabled),.auth-btn--primary:active:not(:disabled),#viewer-send:active:not(:disabled){transform:scale(.98) translateY(0);transition-duration:.14s}.site-header__account{grid-column:3;justify-self:end;display:flex;align-items:center;justify-content:flex-end;min-width:2.75rem;min-height:2.75rem}@container site-header (max-width: 52rem){.brand-name{display:none}}@container site-header (max-width: 40rem){.nav-glass{display:none}.brand-logo{width:3rem;height:3rem}}.connect-btn{box-shadow:0 8px 24px #7a3cff4d;padding:.6rem 1.15rem;font-size:.92rem}.connect-btn:hover{box-shadow:0 14px 34px #7a3cff6b}.profile-avatar[hidden]{display:none!important}.profile-avatar:not([hidden]){display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid rgb(255 255 255 / 28%);background:linear-gradient(145deg,#7a3cffe5,#ff4d5fd9);box-shadow:0 8px 22px #7a3cff59;text-decoration:none;color:#fff;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.profile-avatar:not([hidden]):hover{transform:scale(1.06);filter:brightness(1.08);box-shadow:0 10px 26px #7a3cff6b}.profile-avatar__initial{font-size:1rem;font-weight:700;line-height:1;letter-spacing:.02em}.hero-viewer{display:grid;gap:clamp(1rem,2.5vw,1.6rem);margin-top:.25rem}.hero-viewer__intro{display:grid;gap:.65rem;max-width:38rem;text-align:center;justify-self:center}.hero-viewer__intro .eyebrow{justify-self:center}.hero-viewer__intro h1{font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.12;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,#e8dcff 55%,#ffc4e8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-viewer__lede{color:var(--muted);font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.55}.hero-viewer__status{justify-self:center;font-size:.82rem;color:#d0b9ffe5;transition:opacity .35s ease,max-height .35s ease,margin .35s ease}.hero-viewer__status.is-ready{opacity:0;max-height:0;margin:0;overflow:hidden;pointer-events:none}.hero-viewer__stage{--viewer-radius: 1.35rem;position:relative;isolation:isolate;border-radius:var(--viewer-radius);overflow:hidden;border:1px solid rgb(255 255 255 / 10%);box-shadow:0 20px 48px #00000042}.viewer-shell{position:relative;container-type:inline-size;container-name:viewer-shell;width:100%;max-width:100%;height:min(78vh,760px);min-height:420px;border-radius:inherit;overflow:hidden;background:transparent}.viewer-history-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;background:#07091475;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .28s ease}.viewer-shell:has(.viewer-history.is-open) .viewer-history-backdrop{opacity:1;pointer-events:auto}.viewer-history{position:absolute;top:1rem;right:1rem;z-index:12;pointer-events:auto}.viewer-history__toggle{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border-radius:999px;border:1px solid rgb(255 255 255 / 10%);background:linear-gradient(135deg,#201e36b8,#121426ad);color:#f8f8ffb8;cursor:pointer;opacity:.34;box-shadow:0 6px 18px #0000002e;pointer-events:auto;transition:opacity .25s ease,color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}.viewer-history:hover .viewer-history__toggle,.viewer-history__toggle:hover,.viewer-history__toggle:focus-visible,.viewer-history.is-open .viewer-history__toggle{opacity:1;color:#f8f8fff5;border-color:#ffffff38;background:linear-gradient(135deg,#2a2644eb,#16182ce0);box-shadow:0 10px 24px #00000047}.viewer-history__toggle:hover,.viewer-history__toggle:focus-visible{transform:translateY(-1px)}.viewer-history__toggle:focus-visible{outline:2px solid rgb(122 60 255 / 55%);outline-offset:2px}.viewer-history__toggle svg{width:1.15rem;height:1.15rem}.viewer-history__panel{position:absolute;top:calc(100% + .6rem);right:0;display:grid;grid-template-rows:auto minmax(0,1fr);width:clamp(18rem,42vw,28rem);width:min(28rem,calc(100vw - 2rem));max-width:min(28rem,calc(100vw - 2rem));min-height:16rem;max-height:min(68vh,34rem);border-radius:1.1rem;border:1px solid rgb(255 255 255 / 14%);background:linear-gradient(145deg,#221f3af7,#101222f5);box-shadow:inset 0 1px 1px #ffffff1f,0 18px 42px #00000061;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);overflow:hidden;transform-origin:top right;transform:translateY(-.35rem) scale(.98);opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease}@supports (width: 1cqw){.viewer-history__panel{width:min(28rem,calc(100cqw - 1.25rem))}}.viewer-history.is-open .viewer-history__panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.viewer-history__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.95rem 1rem .8rem;border-bottom:1px solid rgb(255 255 255 / 10%)}.viewer-history__heading{display:grid;gap:.15rem;min-width:0}.viewer-history__eyebrow{margin:0;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#d0b9ffe0}.viewer-history__header h2{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.01em;background:linear-gradient(120deg,#fff,#e8dcff 55%,#ffc4e8);-webkit-background-clip:text;background-clip:text;color:transparent}.viewer-history__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:999px;background:#ffffff0f;color:#f8f8ffc7;cursor:pointer;transition:background .2s ease,color .2s ease}.viewer-history__close:hover,.viewer-history__close:focus-visible{background:#ffffff1f;color:#f8f8fff5}.viewer-history__close:focus-visible{outline:2px solid rgb(122 60 255 / 55%);outline-offset:2px}.viewer-history__close svg{width:1rem;height:1rem}.viewer-history__messages{display:grid;gap:.75rem;padding:.85rem .95rem 1rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.viewer-history__empty{margin:0;padding:1.5rem .5rem;text-align:center;color:var(--muted);font-size:.92rem;line-height:1.55}.viewer-history__message{display:grid;gap:.28rem;max-width:92%}.viewer-history__message--user{justify-self:end;text-align:right}.viewer-history__message--haruna{justify-self:start;text-align:left}.viewer-history__message-label{margin:0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#b7bdd8e0}.viewer-history__message--haruna .viewer-history__message-label{color:#ffc8dce0}.viewer-history__message-text{margin:0;padding:.62rem .78rem;border-radius:.95rem;font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.viewer-history__message--user .viewer-history__message-text{border:1px solid rgb(122 60 255 / 28%);background:linear-gradient(135deg,#7a3cff38,#7a3cff1a);color:#f8f8fff5;border-bottom-right-radius:.35rem}.viewer-history__message--haruna .viewer-history__message-text{border:1px solid rgb(255 62 168 / 22%);background:linear-gradient(135deg,#ff3ea824,#201e36b8);color:#f8f8fff0;border-bottom-left-radius:.35rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.4rem,2vw,2rem);letter-spacing:.02em}#viewer{position:relative;z-index:0;width:100%;height:100%}#viewer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 88% 72% at 50% 38%,transparent 50%,rgb(7 9 20 / 36%) 100%),radial-gradient(circle at 16% 18%,rgb(122 60 255 / 11%),transparent 40%),radial-gradient(circle at 84% 22%,rgb(255 62 168 / 8%),transparent 38%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 82%)}#viewer canvas{display:block;width:100%;height:100%;touch-action:none}.viewer-shell.is-loading{cursor:wait}.viewer-input-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block;pointer-events:auto;touch-action:none;cursor:wait;background:transparent}.viewer-input-shield[hidden]{display:none}#viewer.is-loading canvas,.viewer-shell.is-loading #viewer canvas{pointer-events:none!important;touch-action:none}.viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;cursor:wait}.viewer-loading[hidden]{display:none}.viewer-loading__dots{display:flex;align-items:flex-end;gap:.5rem;height:1.25rem}.viewer-loading__dots span{width:.5rem;height:.5rem;border-radius:50%;background:#ffffffeb;animation:viewer-loading-bounce .65s ease-in-out infinite}.viewer-loading__dots span:nth-child(2){animation-delay:.12s}.viewer-loading__dots span:nth-child(3){animation-delay:.24s}@keyframes viewer-loading-bounce{0%,70%,to{transform:translateY(0);opacity:.45}35%{transform:translateY(-.65rem);opacity:1}}.follow-mouse-debug{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.viewer-composer{position:absolute;left:50%;bottom:2.25rem;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:stretch;gap:.65rem;width:min(100% - 2rem,46rem);max-width:100%;pointer-events:none}.viewer-composer>*{pointer-events:auto}.viewer-subtitle{position:relative;left:auto;bottom:auto;transform:none;z-index:1;width:100%;margin:0;padding:.65rem .9rem;border-radius:1rem;border:1px solid rgb(255 255 255 / 14%);background:linear-gradient(135deg,#201e36f5,#121426f0);color:#f8f8fff5;font-size:.95rem;line-height:1.55;text-align:left;user-select:text;-webkit-user-select:text;cursor:text;max-height:7.5rem;overflow-y:auto;overflow-wrap:anywhere;min-height:2.35rem;flex-shrink:0;box-shadow:0 8px 24px #00000047;scrollbar-width:thin}.viewer-subtitle:focus-visible{outline:2px solid rgb(122 60 255 / 55%);outline-offset:2px}.viewer-subtitle.is-typing:after{content:"▍";margin-left:.12rem;color:#ffc88ce5;animation:subtitle-caret .9s step-end infinite}@keyframes subtitle-caret{0%,to{opacity:1}50%{opacity:.2}}.viewer-subtitle:empty{opacity:0;min-height:0;max-height:0;padding-block:0;border-color:transparent;pointer-events:none}.viewer-chat-bar{--viewer-chat-control: 3rem;position:relative;left:auto;bottom:auto;transform:none;z-index:1;width:100%;display:flex;align-items:center;gap:.55rem;padding:.55rem;border-radius:999px;border:1px solid rgb(255 255 255 / 14%);background:linear-gradient(135deg,#201e36f5,#121426f0);box-shadow:0 12px 32px #00000052;flex-shrink:0}.viewer-chat-bar.is-disabled{opacity:.65;pointer-events:none}.viewer-chat-bar input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#f8f8ff;font:inherit;font-size:1rem;line-height:1.4;padding:.6rem .4rem}.viewer-chat-bar input::placeholder{color:#b7bdd8d9}.viewer-chat-bar button{display:inline-grid;place-items:center;flex-shrink:0;width:var(--viewer-chat-control);height:var(--viewer-chat-control);border-radius:999px;color:#f8f8ff;cursor:pointer}.viewer-chat-bar button svg{position:relative;z-index:1;width:calc(var(--viewer-chat-control) * .48);height:calc(var(--viewer-chat-control) * .48)}.viewer-chat-bar #viewer-mic{border:1px solid rgb(255 255 255 / 10%);background:#ffffff14;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.viewer-chat-bar #viewer-mic:hover:not(:disabled){transform:scale(1.08);background:#ffffff2e}.viewer-chat-bar #viewer-mic:active:not(:disabled){transform:scale(.95)}.viewer-chat-bar button:disabled{opacity:.5;cursor:not-allowed}#viewer-send{border:1px solid var(--line);transform-origin:center;box-shadow:0 6px 18px #7a3cff3d;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,opacity .2s ease}#viewer-send:hover:not(:disabled){box-shadow:0 10px 26px #7a3cff61}#viewer-mic.is-recording{border-color:#ff4d5fb3;background:#ff4d5f47;animation:mic-pulse 1.1s ease-in-out infinite}@keyframes mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.feature-section{margin-top:.45rem;min-width:0}.feature-section .glass-card,.hero-viewer__stage{min-width:0;max-width:100%}.feature-one .video-card{padding:1.2rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1rem;background:linear-gradient(130deg,rgb(122 60 255 / 18%),transparent 38%),linear-gradient(320deg,rgb(255 62 168 / 14%),transparent 36%),var(--panel)}.media-shell,.spotlight-video,.mini-card{border-radius:1rem;border:1px solid rgb(255 255 255 / 14%);background:#0a0c1a99}.spotlight-video{justify-self:center;width:fit-content;max-width:min(100%,15.5rem);line-height:0;border-radius:.85rem}.video-player{position:relative;aspect-ratio:16 / 9;min-height:250px;border-radius:1rem;overflow:hidden;background:#0a0c1af2}.video-player__media{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.video-player__play-fab{position:absolute;top:50%;left:50%;z-index:2;width:4.5rem;height:4.5rem;border:1px solid rgb(255 255 255 / 32%);border-radius:50%;display:grid;place-items:center;color:#fff;background:#080a1685;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000059;cursor:pointer;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility .2s ease,box-shadow .32s ease}.video-player__play-fab:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 14px 34px #0000006b}.video-player__play-fab:active{transform:translate(-50%,-50%) scale(.96)}.video-player__play-fab svg{width:2.05rem;height:2.05rem;margin-left:.18rem}.video-player__control-btn[data-state=paused] .icon-play{width:1.2rem;height:1.2rem;margin-left:.1rem}.video-player.is-playing:not(.is-paused) .video-player__play-fab{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.94)}.video-player__controls{position:absolute;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;gap:.45rem;padding:.55rem .65rem;color:#f6f4ff;background:linear-gradient(180deg,transparent,rgb(6 8 18 / 78%));opacity:0;pointer-events:none;transition:opacity .22s ease}.video-player.has-started .video-player__controls,.video-player:hover .video-player__controls,.video-player:focus-within .video-player__controls{opacity:1;pointer-events:auto}.video-player__control-btn{flex-shrink:0;width:1.85rem;height:1.85rem;border:0;border-radius:999px;display:grid;place-items:center;color:inherit;background:#ffffff1a;cursor:pointer;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .2s ease}.video-player__control-btn:hover{transform:scale(1.1);background:#ffffff2e}.video-player__control-btn:active{transform:scale(.94)}.video-player__control-btn svg{width:1rem;height:1rem;display:none}.video-player__control-btn[data-state=paused] .icon-play,.video-player__control-btn[data-state=playing] .icon-pause,.video-player__control-btn[data-muted=false] .icon-volume,.video-player__control-btn[data-muted=true] .icon-muted{display:block}.video-player.has-started.is-paused .video-player__controls{opacity:1;pointer-events:auto}.video-player__seek{flex:1;min-width:0;height:.28rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:#ffffff38;cursor:pointer}.video-player__seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.72rem;height:.72rem;border-radius:50%;background:#f4f2ff;box-shadow:0 0 0 2px #7a3cff73}.video-player__seek::-moz-range-thumb{width:.72rem;height:.72rem;border:0;border-radius:50%;background:#f4f2ff}.video-player__time{flex-shrink:0;font-size:.72rem;font-variant-numeric:tabular-nums;color:#ffffffd1;white-space:nowrap}.video-player__time-sep{margin:0 .12rem;opacity:.55}.video-player__volume{width:4.2rem;height:.28rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:#ffffff38;cursor:pointer}.video-player__volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.68rem;height:.68rem;border-radius:50%;background:#f4f2ff}.video-player__volume::-moz-range-thumb{width:.68rem;height:.68rem;border:0;border-radius:50%;background:#f4f2ff}.video-placeholder{min-height:250px;border-radius:1rem;padding:1rem;display:grid;place-items:center;gap:.7rem;background:radial-gradient(circle at 20% 20%,rgb(255 200 61 / 22%),transparent 38%),radial-gradient(circle at 85% 0%,rgb(255 77 95 / 28%),transparent 46%),radial-gradient(circle at 30% 100%,#7a3cff5c,#0a0c1af2)}.video-chip{font-size:.86rem;color:#fef3c7;border:1px solid rgb(255 200 61 / 42%);background:#ffc83d29;border-radius:999px;padding:.3rem .6rem}.play-btn{border:0;border-radius:999px;background-image:var(--btn-gradient-play);color:#fff;font-family:inherit;font-weight:700;padding:.55rem 1rem;cursor:pointer}.play-btn:hover{box-shadow:0 12px 28px #ff3ea85c}.feature-copy{display:grid;justify-items:start;align-content:center;gap:.75rem;width:100%;min-width:0}.eyebrow{width:fit-content;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#ffd18b;border:1px solid rgb(255 200 61 / 35%);padding:.25rem .45rem;border-radius:.45rem}.feature-copy h2{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.2}.feature-copy p{color:var(--muted);line-height:1.5}.cta-btn{display:inline-flex;align-items:center;justify-content:center;justify-self:start;width:fit-content;max-width:100%;padding:.75rem 1.4rem;font-size:1rem;line-height:1.2;box-shadow:0 8px 22px #7a3cff47}.cta-btn:not(.ghost):hover,.cta-btn.secondary:hover{box-shadow:0 14px 32px #7a3cff66}.cta-btn.ghost{background:#ffffff14;animation:none}.cta-btn.ghost:hover{transform:scale(1.05) translateY(-2px);background:#ffffff24;border-color:#ffffff47;box-shadow:0 10px 24px #00000038}.cta-btn.ghost:active{transform:scale(.98) translateY(0)}.feature-two .dev-section{padding:clamp(1.5rem,3vw,2.25rem);display:grid;gap:clamp(1.5rem,3vw,2rem);background:linear-gradient(180deg,rgb(122 60 255 / 10%) 0%,transparent 42%),linear-gradient(110deg,rgb(255 77 95 / 8%),transparent 38%),var(--panel)}.dev-section__intro{display:grid;gap:.85rem;max-width:38rem;margin-inline:auto;text-align:center}.dev-section__intro h2{font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.18;letter-spacing:-.02em}.dev-section__intro .eyebrow{margin-inline:auto}.dev-section__layout{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2rem);align-items:center;min-width:0}.dev-carousel{min-width:0;justify-self:center;width:100%;max-width:min(100%,15.5rem)}.dev-carousel__frame{position:relative;margin:0;width:100%;line-height:0}.dev-carousel__frame:after{content:"";position:absolute;inset:auto 0 0;height:32%;border-radius:0 0 .85rem .85rem;background:linear-gradient(to top,rgb(0 0 0 / 38%),transparent);pointer-events:none}.dev-carousel__viewport{overflow:hidden;width:100%;border-radius:.85rem;isolation:isolate}.dev-carousel__track{display:flex;transition:transform .45s cubic-bezier(.22,1,.36,1)}.dev-carousel__slide{flex:0 0 100%;display:flex;justify-content:center;min-width:0;overflow:hidden;border-radius:.85rem}.dev-carousel__slide img{display:block;width:100%;height:auto;max-height:min(58vh,28rem);aspect-ratio:1080 / 2640;object-fit:cover;border-radius:inherit}.dev-carousel__controls{position:absolute;left:50%;bottom:.7rem;z-index:1;display:flex;align-items:center;gap:.35rem;margin:0;padding:.2rem .35rem;border-radius:999px;background:#0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(-50%);opacity:.72;transition:opacity .25s ease}.dev-carousel__frame:hover .dev-carousel__controls,.dev-carousel__controls:focus-within{opacity:1}.dev-carousel__nav{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:999px;background:transparent;color:#ffffff7a;cursor:pointer;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1),color .2s ease,background-color .2s ease}.dev-carousel__nav svg{width:.95rem;height:.95rem}.dev-carousel__nav:hover:not(:disabled){color:#ffffffd1;transform:scale(1.12);background:#ffffff1a}.dev-carousel__nav:active:not(:disabled){transform:scale(.94)}.dev-carousel__nav:disabled{opacity:.25;cursor:not-allowed}.dev-carousel__dots{display:inline-flex;align-items:center;gap:.35rem}.dev-carousel__dot{width:.32rem;height:.32rem;padding:0;border:0;border-radius:999px;background:#ffffff52;cursor:pointer;transition:background .2s ease}.dev-carousel__dot.is-active{background:#ffffffc7}.dev-section__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,auto));gap:clamp(1rem,2vw,1.35rem) clamp(.85rem,1.8vw,1.15rem);align-content:start;min-width:0;text-align:left}.dev-section__panel{display:grid;gap:.55rem;align-content:start}.dev-section__panel-icon,.spotlight-point__icon{--feature-icon-size: 3rem;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--feature-icon-size);height:var(--feature-icon-size);border-radius:calc(var(--feature-icon-size) * .2766);border:1px solid rgb(255 255 255 / 14%);background:linear-gradient(145deg,#7a3cff38,#ff3ea81f);color:#f4f2ff}.dev-section__panel-icon svg,.spotlight-point__icon svg{display:block;width:calc(var(--feature-icon-size) * .5106);height:calc(var(--feature-icon-size) * .5106);stroke:currentColor}.dev-section__panel h3{margin:0;font-size:clamp(.98rem,1.6vw,1.12rem);line-height:1.25;letter-spacing:-.01em}.dev-section__panel p{margin:0;color:var(--muted);font-size:clamp(.86rem,1.35vw,.94rem);line-height:1.55;overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){.dev-carousel__track{transition:none}.connect-btn:hover,.cta-btn:not(.ghost):hover,.cta-btn.ghost:hover,.play-btn:hover,.early-access-dialog__submit:hover:not(:disabled),.auth-btn--primary:hover:not(:disabled),#viewer-send:hover:not(:disabled),.community-link:hover,.dev-carousel__nav:hover:not(:disabled),.video-player__control-btn:hover,.video-player__play-fab:hover,.viewer-chat-bar #viewer-mic:hover:not(:disabled){transform:none}}.dev-section__footer{display:flex;justify-content:center;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / 8%)}.feature-three .spotlight-card{padding:1.2rem;display:grid;gap:1rem;background:linear-gradient(130deg,rgb(255 200 61 / 10%),transparent 38%),linear-gradient(300deg,rgb(255 62 168 / 12%),transparent 44%),var(--panel)}.spotlight-head{display:grid;gap:.55rem}.spotlight-grid{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2rem);align-items:center;min-width:0}.video-placeholder.compact{min-height:210px}.spotlight-video__image{display:block;width:auto;height:auto;max-width:min(100%,15.5rem);max-height:min(58vh,28rem);border-radius:inherit}.spotlight-point__icon{--feature-icon-size: 3.35rem}.spotlight-details{display:grid;justify-items:start;align-content:center;width:100%;min-width:0}.spotlight-points{list-style:none;margin:0;padding:0;display:grid;gap:clamp(1.15rem,2.2vw,1.55rem);width:100%}.spotlight-point{display:flex;align-items:flex-start;gap:clamp(.85rem,1.8vw,1.15rem);min-width:0}.spotlight-point__body{display:grid;gap:.45rem;flex:1;min-width:0;padding-top:.2rem}.spotlight-point__title{margin:0;font-size:clamp(1.08rem,1.9vw,1.28rem);line-height:1.25;letter-spacing:-.01em}.spotlight-point__text{margin:0;color:var(--muted);font-size:clamp(.96rem,1.55vw,1.06rem);line-height:1.6;overflow-wrap:anywhere}.community-section{margin-top:.5rem;padding:1.2rem;display:grid;gap:.8rem;text-align:center}.community-section p{color:var(--muted)}.community-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.community-link{display:inline-flex;align-items:center;gap:.5rem;color:#fefcff;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.52rem .95rem;background:#ffffff14;font-weight:500;transform-origin:center;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .3s ease}.community-link__icon{width:1.15rem;height:1.15rem;flex-shrink:0}.community-link:hover{transform:scale(1.05) translateY(-1px);background:#ffffff26;box-shadow:0 8px 20px #0003}.community-link:active{transform:scale(.98) translateY(0)}.community-link--discord:hover{color:#eef0ff;border-color:#5865f28c;background:#5865f22e}.community-link--discord:hover .community-link__icon{color:#5865f2}.community-link--youtube:hover{color:#fff0f0;border-color:#f006;background:#ff000024}.community-link--youtube:hover .community-link__icon{color:red}.site-footer{margin-top:.3rem;padding:1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1rem}.site-footer h3{margin-bottom:.45rem;font-size:.95rem}.site-footer p{color:var(--muted);font-size:.9rem;line-height:1.5}@media (max-width: 980px){.brand-logo{width:3.2rem;height:3.2rem}.brand-name{font-size:1rem}.nav-glass a{padding:.4rem .72rem;font-size:.83rem}.feature-one .video-card,.spotlight-grid{grid-template-columns:1fr}.feature-copy,.spotlight-details{align-content:start;justify-items:start}.feature-copy .cta-btn{justify-self:start;margin-inline:0}.site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){:root{--site-header-offset: calc(4.6rem + env(safe-area-inset-top, 0px)) }.site-header{padding:calc(1rem + env(safe-area-inset-top,0px)) calc(clamp(.55rem,3vw,1rem) + env(safe-area-inset-right,0px)) .85rem calc(clamp(.55rem,3vw,1rem) + env(safe-area-inset-left,0px))}.hero-viewer__intro{text-align:left;justify-self:stretch;max-width:none}.hero-viewer__intro .eyebrow,.hero-viewer__status{justify-self:start}.hero-viewer__stage{--viewer-radius: 1.1rem}.viewer-shell{height:min(68vh,580px);min-height:360px}.viewer-history{top:.75rem;right:.75rem;left:.75rem;width:auto}.viewer-history__panel{left:0;right:0;width:auto;max-width:none;min-height:min(45vh,19rem);max-height:min(70vh,30rem)}.viewer-composer{bottom:1rem;width:min(100% - 1.25rem,36rem)}.video-placeholder{min-height:205px}.dev-section__layout{grid-template-columns:1fr;gap:1.25rem;align-items:start}.dev-carousel,.spotlight-video{max-width:min(100%,12.5rem);justify-self:center}.dev-carousel__slide img,.spotlight-video__image{max-height:min(46vh,22rem)}.dev-section__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(7.75rem,auto));gap:clamp(.85rem,2.5vw,1.15rem) clamp(.6rem,2vw,.8rem);align-content:start;min-height:clamp(20rem,52vh,30rem);text-align:left;justify-items:stretch}.dev-section__panel{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.5rem;row-gap:.4rem;justify-items:stretch;align-content:start;max-width:none;height:100%}.dev-section__panel-icon{--feature-icon-size: 2.65rem;grid-column:1;grid-row:1;align-self:center}.dev-section__panel h3{grid-column:2;grid-row:1;align-self:center;font-size:clamp(.9rem,3.6vw,1.02rem)}.dev-section__panel p{grid-column:1 / -1;grid-row:2;font-size:clamp(.8rem,3.2vw,.9rem)}.site-footer{grid-template-columns:1fr}}