.hero-wheel{color:#fff;background:#000;height:100dvh;position:relative}.hero-clip{position:absolute;inset:0;overflow:hidden}.hero-view{z-index:1;transform-style:preserve-3d;perspective-origin:50%;pointer-events:none;position:absolute;inset:0}.hero-sky{z-index:0;opacity:0;pointer-events:none;background:#121820;position:absolute;inset:0}.hero-sky img,.hero-clouds img{object-fit:cover;width:100%;height:100%;display:block}.hero-scene{transform-style:preserve-3d;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.wheel-card{transform-origin:bottom;width:168px;height:298.667px;transform-style:preserve-3d;color:inherit;cursor:pointer;pointer-events:auto;touch-action:pan-y;visibility:hidden;will-change:transform;margin-top:-298.667px;margin-left:-84px;text-decoration:none;position:absolute;top:50%;left:50%}.wheel-card:active{cursor:grabbing}.wheel-face{backface-visibility:hidden;background:#000;border:1px solid #ffffffd9;transition:border-color .18s;position:absolute;inset:0;overflow:hidden}.wheel-card:hover .wheel-face{border-color:var(--color-gold)}.wheel-back{place-items:center;display:grid;transform:rotateY(180deg)}.wheel-mark{font-family:var(--font-serif), "Cormorant SC", Palatino, serif;color:#fff;font-size:5.5rem;font-weight:500;line-height:1}.wheel-front .demo-bare{background:#0b0b0d;justify-content:center;align-items:center;padding:1.15rem .85rem;display:flex;position:absolute;inset:0}.wheel-front .voice-orb{width:7.35rem;height:7.35rem}.wheel-front .rag-chat,.wheel-front .score-read{width:88%}.wheel-front img,.wheel-front video{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.wheel-front video{opacity:0;transition:opacity .4s linear}.wheel-front video.is-on{opacity:1}.hero-clouds{z-index:3;background:#d5dde4;height:46%;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(110%)}.hero-chrome{z-index:4;pointer-events:none;mix-blend-mode:multiply;height:46%;position:absolute;bottom:0;left:0;right:0}.wheel-name{color:#0000;-webkit-text-fill-color:transparent;font-family:var(--font-display), Unbounded, Impact, sans-serif;letter-spacing:-.045em;text-align:center;text-transform:uppercase;pointer-events:none;background-image:linear-gradient(#1c243080,#1c243080),url(/media/clouds.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-background-clip:text;background-clip:text;flex-direction:column;justify-content:center;align-items:center;margin:0;font-size:clamp(2.15rem,12vw,5.6rem);font-weight:900;line-height:.86;display:flex;position:absolute;inset:0}.wheel-name span{white-space:nowrap;display:block}.wheel-name:after{content:"";height:2.75rem}.wheel-progress{z-index:5;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;font-size:2rem;line-height:1;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.wheel-skip{z-index:5;color:#fff;white-space:nowrap;background:#000;border:1px solid #fff;justify-content:center;align-items:center;height:2.75rem;padding-inline:1.25rem;font-size:19px;line-height:1;transition:color .18s,background-color .18s;display:inline-flex;position:absolute;top:1.25rem;left:1.25rem}.wheel-skip:hover{color:#000;background:#fff}.wheel-skip:active{transform:translateY(1px)}.wheel-scroll{z-index:5;color:#1a2330;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;line-height:1;text-decoration:none;transition:color .18s,transform .18s;display:flex;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.wheel-scroll:hover{color:#000;transform:translate(-50%)translateY(4px)}.wheel-scroll svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem;animation:1.7s ease-in-out infinite wheel-nudge}@keyframes wheel-nudge{0%,to{transform:translateY(-3px)}50%{transform:translateY(5px)}}@media (min-width:900px){.wheel-name{letter-spacing:-.05em}}@media (prefers-reduced-motion:reduce){.wheel-front video,.wheel-scroll,.wheel-skip,.wheel-face{transition:none}.wheel-scroll svg{animation:none}.wheel-scroll:hover{transform:translate(-50%)}}
