@font-face{font-family:Walsheim;src:url('assets/regular.ttf')}@font-face{font-family:Walsheim;src:url('assets/medium.ttf');font-weight:500}@font-face{font-family:Walsheim;src:url('assets/light.ttf');font-weight:300}
:root{--purple:#51154b;--pink:#ec66c7;--pale:#ffdcf7;color-scheme:dark;font-family:Walsheim,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#111114;color:#fff}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #ffffff30;background:transparent;border-radius:7px;padding:9px 14px;font-size:14px}button:hover{background:#ffffff12}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #ec66c7;outline-offset:4px}.review-head{height:78px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.review-head strong{font-weight:500;font-size:19px}.review-head span{color:#aaa9b3;font-size:14px;margin-left:20px}.review-actions{display:flex;align-items:center;gap:20px}main{padding:0 32px}#stage{width:100%;max-width:1440px;aspect-ratio:16/9;max-height:calc(100dvh - 270px);margin:auto;background:var(--purple);position:relative;overflow:hidden;border-radius:8px;box-shadow:0 0 0 1px #ffffff12}#canvas{position:absolute;width:1440px;height:810px;left:50%;top:50%;transform-origin:center}#homepage{position:absolute;inset:0;background:var(--purple);overflow:hidden}#hero{position:absolute;inset:0;will-change:transform,opacity}.hero-sparkle{position:absolute;left:100px;top:163px}.eyebrow{position:absolute;left:100px;top:209px;color:var(--pink);font-size:24px}h1{position:absolute;left:100px;top:258px;font-size:80px;font-weight:500;line-height:1.1;letter-spacing:-3.2px;margin:0;z-index:2}h1 em{font-style:normal;color:var(--pink)}.description{position:absolute;left:100px;top:538px;width:538px;font-size:20px;line-height:1.45;font-weight:300;letter-spacing:-.2px;margin:0}.hero-actions{position:absolute;left:100px;top:665px;display:flex;gap:8px}.hero-actions button,.call{border-radius:200px;font-size:16px;padding:8px 20px;background:white;color:black;border:1.5px solid white}.hero-actions button+button{background:transparent;color:white}#illustration{position:absolute;left:840px;top:190px;width:490px;height:510px;border:2px solid #ffdcf7aa;border-radius:26px;background:#ffdcf714;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffdcf7;font-size:26px;gap:12px;transform-origin:center}#illustration:before,#illustration:after{content:'';position:absolute;inset:24px;border:1px solid #ffdcf730;border-radius:12px}#illustration small{font-size:16px;opacity:.65}#navigation{position:absolute;left:40px;right:40px;top:38px;display:flex;align-items:center;gap:40px;height:48px;z-index:3}#navigation img{flex:none}.nav-links{display:flex;flex:1;justify-content:center;gap:5px}.nav-links button{border:0;padding:10px;font-size:16px;white-space:nowrap}.call{padding:14px 24px;white-space:nowrap}#wave{position:absolute;top:822px;left:0}#wave div{height:180px;background:var(--pale)}#blackout{position:absolute;inset:0;background:#000}#portal{position:absolute;inset:0;background:var(--purple);clip-path:circle(0% at 50% 50%)}#burst{position:absolute;inset:0;pointer-events:none}.burst-item{position:absolute;will-change:transform,opacity}.word{font-weight:500;line-height:1.05;letter-spacing:-.02em;white-space:nowrap}.tile{border-radius:15px;background:#fff;border:1px solid #ffffff3d}.tile.pale{background:var(--pale)}.tile:after{content:'';position:absolute;inset:14px;border:1px solid #51154b13;border-radius:5px}#brand{position:absolute;inset:0;pointer-events:none}#symbol{position:absolute;left:609.929px;top:305px;width:220.142px;height:200px;will-change:transform;transform-origin:50% 50%}#symbol img{position:absolute;top:0;left:0;transform-origin:center;will-change:transform}#word-reveal{position:absolute;left:536.119px;top:362.009px;width:636.971px;height:106.179px;overflow:hidden;will-change:clip-path,opacity}#skip{position:absolute;right:20px;bottom:20px;z-index:9;border-color:#ffffff55;background:#0003;border-radius:200px;font-size:13px}#toast{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:10;background:#18121de8;border:1px solid #ffffff30;border-radius:8px;padding:12px 18px;display:none;font-size:14px}.review-controls{max-width:1504px;margin:0 auto;padding:22px 32px 18px}.transport{display:flex;align-items:center;gap:10px}.transport .primary{min-width:76px;background:#fff;color:#131316}.transport output{font-variant-numeric:tabular-nums;color:#b6b4bf;font-size:14px;margin-left:8px}.speed-label{margin-left:auto;color:#b6b4bf;font-size:14px;display:flex;align-items:center;gap:10px}select{background:#242329;padding:8px;border:1px solid #ffffff20;border-radius:6px;font-size:14px}input[type=range]{width:100%;accent-color:#ec66c7;margin:20px 0 12px;cursor:ew-resize;height:5px}.chapters{display:flex;justify-content:space-between;gap:5px}.chapters button{font-size:13px;color:#aaa9b3;padding:7px 0;border:0;border-bottom:2px solid transparent;border-radius:0}.chapters button.active{color:white;border-bottom-color:#ec66c7}.status-line{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:13px;color:#9b99a6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#stage:fullscreen{max-width:none;max-height:none;width:100vw;height:100dvh;border-radius:0;aspect-ratio:auto}body.fullscreen-mode .review-controls{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#111e}
@media(max-width:700px){.review-head{height:90px;padding:16px;align-items:center}.review-head div:first-child{display:flex;flex-direction:column;gap:5px}.review-head span{margin:0}.wireframe{display:none}.review-actions{gap:0}main{padding:0 12px}#stage{max-height:none;aspect-ratio:4/5}.review-controls{padding:20px 16px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 14px}.chapters button{text-align:left}.status-line{flex-direction:column;gap:6px}.transport output{font-size:12px;margin:0}.transport button{padding:9px 11px}.speed-label{font-size:0;gap:0}}
#stage.settled #illustration{animation:illustration-idle 3.8s ease-in-out infinite}@keyframes illustration-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){#stage.settled #illustration{animation:none}}