.demo-hero-module__Pd7t2q__hero{isolation:isolate;background:var(--color-ultra-dark-green);min-height:100svh;position:relative;overflow:hidden}.demo-hero-module__Pd7t2q__hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at 85% 45%, color-mix(in srgb, var(--color-dark-green) 75%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:0}.demo-hero-module__Pd7t2q__layout{gap:40px;padding-top:112px;padding-bottom:32px;display:grid}.demo-hero-module__Pd7t2q__copy{z-index:2;max-width:560px;position:relative}.demo-hero-module__Pd7t2q__studio{min-width:0;height:clamp(520px,72svh,760px);position:relative}.demo-hero-module__Pd7t2q__player{height:100%}.demo-hero-module__Pd7t2q__player [data-slot=desktop-mockup]{box-shadow:0 36px 80px -24px #00000080}.demo-hero-module__Pd7t2q__controls{width:min(100%,360px)}@media (min-width:1200px){.demo-hero-module__Pd7t2q__hero{min-height:max(760px,100dvh)}.demo-hero-module__Pd7t2q__layout{align-items:center;min-height:max(760px,100dvh);padding-top:112px;padding-bottom:100px}.demo-hero-module__Pd7t2q__copy{max-width:38%}.demo-hero-module__Pd7t2q__studio{inset-inline:max(42%,50% - 140px) max(32px,50% - 840px);height:clamp(560px,76dvh,820px);position:absolute;top:50%;transform:translateY(-46%)}}@media (max-width:1199px){.demo-hero-module__Pd7t2q__tallPreview{height:960px}}.demo-hero-module__Pd7t2q__compact{--compact-preview-height:540px;min-height:0}.demo-hero-module__Pd7t2q__compact .demo-hero-module__Pd7t2q__layout{gap:32px;min-height:0;padding-top:112px;padding-bottom:48px}.demo-hero-module__Pd7t2q__compact .demo-hero-module__Pd7t2q__studio{height:var(--compact-preview-height);position:relative;inset:auto;transform:none}.demo-hero-module__Pd7t2q__compact .demo-hero-module__Pd7t2q__standardIllustration{min-height:var(--compact-preview-height);align-items:center;display:grid}.demo-hero-module__Pd7t2q__compact .demo-hero-module__Pd7t2q__canvas{border-radius:20px;height:100%;padding:12px}.demo-hero-module__Pd7t2q__compact .demo-hero-module__Pd7t2q__controls{margin-inline:auto}@media (min-width:1200px){.demo-hero-module__Pd7t2q__compact{--compact-preview-height:520px}.demo-hero-module__Pd7t2q__compact .demo-hero-module__Pd7t2q__layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px}.demo-hero-module__Pd7t2q__compact .demo-hero-module__Pd7t2q__copy{max-width:none}.demo-hero-module__Pd7t2q__compact .demo-hero-module__Pd7t2q__canvas{padding:16px}}