.product-hero.svelte-qxo7kr{text-align:left;width:100%;margin-inline:auto;padding-block:3rem 5rem}.product-hero__layout.svelte-qxo7kr{isolation:isolate;width:100%;position:relative}.product-hero__title.svelte-qxo7kr{width:100%;position:relative}.product-hero__layout.svelte-qxo7kr:before{content:"";z-index:-1;pointer-events:none;background:url(../../../landing/tada.svg) 50%/100% 100% no-repeat;position:absolute;inset:-5rem -12rem;transform:scaleX(1.24)}.product-hero__copy-content.svelte-qxo7kr{flex-direction:column;align-items:flex-start;gap:2rem;display:flex}h1.svelte-qxo7kr{color:#222;letter-spacing:-.045em;text-shadow:1px 1px #fff,2px 2px #fff,3px 3px #fff,4px 4px #fff,5px 5px #fff,6px 6px #fff;width:100%;margin:0;font-family:Poppins,sans-serif;font-size:4rem;font-weight:700;line-height:1.05}.product-hero__cta.svelte-qxo7kr{align-items:center;gap:.75rem;display:flex}.product-hero__cta--narrow.svelte-qxo7kr,.product-hero__title-narrow.svelte-qxo7kr{display:none}.product-hero__cta.svelte-qxo7kr .landing-cta{white-space:nowrap}.product-hero__cta.svelte-qxo7kr .landing-cta--try{box-sizing:border-box;min-width:10.5rem}.product-hero__video.svelte-qxo7kr{aspect-ratio:9/16;object-fit:contain;width:100%;height:auto;display:block}.product-hero__player.svelte-qxo7kr{justify-self:center;width:100%;max-width:16rem;position:relative}.product-hero__mobile-video.svelte-qxo7kr{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.product-hero__mobile-video.svelte-qxo7kr:fullscreen{opacity:1;pointer-events:auto;object-fit:contain;background:#000;width:100%;height:100%}.product-hero__play.svelte-qxo7kr{--wiggle-duration:2.4s;aspect-ratio:580/824;width:100%;animation:svelte-qxo7kr-thumbnail-corners var(--wiggle-duration) steps(1, end) infinite;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0;display:block;position:relative;overflow:visible}.product-hero__play.svelte-qxo7kr:hover:not(:disabled),.product-hero__play.svelte-qxo7kr:active:not(:disabled){background:0 0}.product-hero__play--hidden.svelte-qxo7kr{opacity:0}.product-hero__play--hidden.svelte-qxo7kr,.product-hero__play--hidden.svelte-qxo7kr .product-hero__sketch-shadow:where(.svelte-qxo7kr),.product-hero__play--hidden.svelte-qxo7kr .product-hero__play-overlay:where(.svelte-qxo7kr) svg:where(.svelte-qxo7kr){animation-play-state:paused}@media (hover:hover){.product-hero__play.svelte-qxo7kr:hover{--wiggle-duration:1.2s;transform:scale(1.03)}}.product-hero__thumbnail.svelte-qxo7kr{object-fit:cover;object-position:center 43%;width:100%;height:100%;clip-path:var(--thumbnail-polygon);position:absolute;inset:0}.product-hero__sketch-shadow.svelte-qxo7kr{pointer-events:none;width:100%;height:100%;animation:svelte-qxo7kr-thumbnail-shadow var(--wiggle-duration) steps(1, end) infinite;position:absolute;inset:0;overflow:visible}.product-hero__play-overlay.svelte-qxo7kr{clip-path:var(--thumbnail-polygon);background:#00000026;place-items:center;transition:background-color .15s;display:grid;position:absolute;inset:0}.product-hero__play.svelte-qxo7kr:hover .product-hero__play-overlay:where(.svelte-qxo7kr),.product-hero__play.svelte-qxo7kr:active .product-hero__play-overlay:where(.svelte-qxo7kr){background:#0000000d}.product-hero__play-overlay.svelte-qxo7kr svg:where(.svelte-qxo7kr){color:#222;width:5.5rem;height:5.5rem;animation:svelte-qxo7kr-play-badge-wiggle var(--wiggle-duration) steps(1, end) infinite;overflow:visible;transform:rotate(-2deg)}.product-hero__play.svelte-qxo7kr:focus-visible{outline-offset:4px;outline:3px solid #222}.product-hero__dialog.svelte-qxo7kr{background:0 0;border:0;width:min(28rem,56.25dvh - 3.9375rem,100vw - 2rem);max-width:none;max-height:none;margin:auto;padding:0;position:fixed;overflow:visible}.product-hero__surface.svelte-qxo7kr{transform-origin:0 0;background:#000;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0006}.product-hero__dialog.svelte-qxo7kr::backdrop{background:#000000bf;animation:.32s both svelte-qxo7kr-intro-backdrop-in}.product-hero__dialog--closing.svelte-qxo7kr::backdrop{animation:.32s both svelte-qxo7kr-intro-backdrop-out}.product-hero__close.svelte-qxo7kr{z-index:1;color:#fff;cursor:pointer;background:#000000b3;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;animation:.32s both svelte-qxo7kr-intro-backdrop-in;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.product-hero__close.svelte-qxo7kr:hover:not(:disabled){background:#000000e6}.product-hero__dialog--closing.svelte-qxo7kr .product-hero__close:where(.svelte-qxo7kr){opacity:0;pointer-events:none;animation:none}@keyframes svelte-qxo7kr-intro-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-qxo7kr-intro-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes svelte-qxo7kr-thumbnail-corners{0%,to{--thumbnail-polygon:polygon(2% 1.5%, 99% 0%, 97% 98%, 0% 100%)}25%{--thumbnail-polygon:polygon(1.6% 1%, 99.3% 0.4%, 97.4% 98.4%, 0.4% 99.7%)}50%{--thumbnail-polygon:polygon(2.4% 1.7%, 98.7% 0.2%, 96.7% 97.7%, 0.2% 99.5%)}75%{--thumbnail-polygon:polygon(1.9% 1.2%, 99.1% 0.5%, 97.2% 98.2%, 0.5% 100%)}}@keyframes svelte-qxo7kr-thumbnail-shadow{0%,to{transform:translate(0)skew(0)}25%{transform:translate(.7px,-.5px)skew(.2deg)}50%{transform:translate(-.6px,.6px)skew(-.2deg)}75%{transform:translate(.4px,.3px)skew(.1deg)}}@keyframes svelte-qxo7kr-play-badge-wiggle{0%,to{transform:rotate(-2deg)}25%{transform:translate(.5px,-.5px)rotate(-1.2deg)}50%{transform:translate(-.5px,.4px)rotate(-2.6deg)}75%{transform:translate(.3px,.2px)rotate(-1.7deg)}}@media (prefers-reduced-motion:reduce){.product-hero__play.svelte-qxo7kr,.product-hero__sketch-shadow.svelte-qxo7kr,.product-hero__play-overlay.svelte-qxo7kr svg:where(.svelte-qxo7kr){animation:none}.product-hero__play.svelte-qxo7kr:hover{transform:none}.product-hero__dialog.svelte-qxo7kr::backdrop,.product-hero__close.svelte-qxo7kr{animation:none}}@media (width<=1079px){.product-hero.svelte-qxo7kr{text-align:center;max-width:21.5rem;padding-block:2.75rem 4.75rem}.product-hero__layout.svelte-qxo7kr{justify-items:center;gap:2rem}.product-hero__layout.svelte-qxo7kr:before{display:none}.product-hero__title.svelte-qxo7kr{isolation:isolate;margin-block:1rem 0}.product-hero__title.svelte-qxo7kr:before{content:"";z-index:-1;pointer-events:none;background:url(../../../landing/tada.svg) 50%/100% 100% no-repeat;position:absolute;inset:-4rem -2.5rem}.product-hero__copy.svelte-qxo7kr{width:100%}.product-hero__copy-content.svelte-qxo7kr{align-items:center;gap:4rem}.product-hero.svelte-qxo7kr h1:where(.svelte-qxo7kr){font-size:2.75rem;line-height:1.08}.product-hero.svelte-qxo7kr h1:where(.svelte-qxo7kr),.product-hero__cta.svelte-qxo7kr{z-index:1;position:relative}.product-hero__title-wide.svelte-qxo7kr,.product-hero__cta--wide.svelte-qxo7kr{display:none}.product-hero__title-narrow.svelte-qxo7kr{display:inline}.product-hero__cta--narrow.svelte-qxo7kr{width:100%;display:flex}.product-hero__cta--narrow.svelte-qxo7kr .landing-cta{flex:1;min-width:0}.product-hero.svelte-qxo7kr .product-hero__player:where(.svelte-qxo7kr){order:0;max-width:100%}.product-hero__play.svelte-qxo7kr{aspect-ratio:4/5}}@media (width>=1080px) and (width<=1279px){.product-hero__layout.svelte-qxo7kr:before{transform:scaleX(1.04)}}@media (width>=1080px){.product-hero.svelte-qxo7kr{width:51rem;padding-block:6rem}.product-hero__layout.svelte-qxo7kr{grid-template-columns:30rem 18rem;column-gap:3rem}h1.svelte-qxo7kr{font-size:4.5rem}.product-hero__player.svelte-qxo7kr{max-width:18rem}}.crossfade-knob.svelte-1mvw3ty{box-sizing:border-box;background:#0c1018;border:1px solid #ffffff14;border-radius:12px;width:12rem;height:12rem;padding:.9rem 1rem;position:relative}.crossfade-knob__label.svelte-1mvw3ty{color:#111;white-space:nowrap;width:max-content;font-size:2.4rem;font-weight:800;line-height:1;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.crossfade-knob__label--dragging.svelte-1mvw3ty:after{visibility:hidden}.crossfade-knob__label.svelte-1mvw3ty:after{content:"";border-top:.45rem solid #facc15;border-left:.4rem solid #0000;border-right:.4rem solid #0000;position:absolute;top:calc(100% + .65rem);left:50%;transform:translate(-50%)}.crossfade-knob__hint.svelte-1mvw3ty{z-index:0;visibility:hidden;width:2.88rem;height:9rem;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.crossfade-knob__hint--visible.svelte-1mvw3ty{visibility:visible}.crossfade-knob__control.svelte-1mvw3ty{z-index:1;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}
