.hero-demo,.hero-demo-dialog{--demo-carbon: var(--next-carbon, #101112);--demo-paper: var(--next-light, #f5f5f1);--demo-muted: var(--next-muted, #b0b2b3);--demo-line: var(--next-line, #393b3d);--demo-orange: var(--next-orange, #ff6b14)}.hero-demo{position:relative;isolation:isolate;overflow:hidden;background:var(--demo-carbon);color:var(--demo-paper)}.hero-demo-media{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-demo-poster,.hero-demo-footage{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-demo-footage{opacity:0}.hero-demo-footage.has-started{opacity:1}.hero-demo-footage iframe{position:absolute;top:50%;left:50%;width:max(100%,177.778cqh);height:max(100%,56.25cqw);transform:translate(-50%,-50%);border:0}.hero-demo-media{container-type:size}.hero-demo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10111296,#10111224 40%,#101112f5)}.hero-demo-heading{position:relative;padding:28px}.hero-demo-heading>span{font-size:9px;letter-spacing:.12em;font-weight:600}.hero-demo-heading>strong{display:block;max-width:290px;font-size:27px;letter-spacing:-.035em;line-height:1.1;font-weight:600;margin-top:16px}.hero-demo-controls{position:relative;padding:22px 28px 28px;margin-top:auto}.hero-demo-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--demo-line);padding-bottom:12px;margin-bottom:16px}.hero-demo-topline>span{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.1em;color:var(--demo-muted)}.hero-demo-pause{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding-inline:6px;font-size:10px}.hero-demo-pause:hover{color:var(--demo-orange)}.hero-demo-watch{display:flex;align-items:center;gap:14px;text-align:left;width:100%;min-height:52px}.hero-demo-play{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;border-radius:50%;border:1px solid var(--demo-orange);color:var(--demo-orange);transition:background .2s,color .2s}.hero-demo-play svg{margin-left:2px}.hero-demo-watch strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.hero-demo-watch small{display:block;font-size:10px;color:var(--demo-muted);margin-top:5px;line-height:1.5}.hero-demo-watch:hover .hero-demo-play{background:var(--demo-orange);color:var(--demo-carbon)}.hero-demo-background{position:absolute;inset:0;isolation:auto}.hero-demo-background .hero-demo-media{z-index:0}.hero-demo-background .hero-demo-shade{background:linear-gradient(90deg,#101112f5,#101112e6 37%,#10111278),linear-gradient(0deg,#101112cc,#10111212 70%)}.hero-demo-background .hero-demo-controls{position:absolute;right:max(56px,calc((100% - 1320px)/2));bottom:58px;width:300px;z-index:2;padding:20px;border:1px solid var(--demo-line);background:#101112d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cem-next.version-business .next-hero{position:relative;isolation:isolate;min-height:585px;padding-bottom:70px}.version-business .next-hero>.next-container{position:relative;z-index:1;pointer-events:none}.version-business .next-hero-top>div{pointer-events:auto}.hero-demo-panel{display:flex;flex-direction:column;min-height:355px;aspect-ratio:16 / 11;border:1px solid var(--demo-line);border-radius:12px;box-shadow:0 24px 60px #1011121a}.version-built .built-hero-layout{grid-template-columns:1.1fr 1fr;gap:55px;margin-block:32px}.built-hero-copy .built-hero-promise{margin-top:24px}.built-hero-copy>p{max-width:480px}.advantage-video-panel{border-left:3px solid var(--next-orange);background:var(--next-carbon);min-width:0}.hero-demo-split{height:100%;min-height:530px;display:flex;flex-direction:column}.hero-demo-split .hero-demo-heading{padding:35px}.hero-demo-split .hero-demo-heading>strong{font-size:clamp(44px,4.8vw,72px);max-width:none;margin-top:30px;letter-spacing:-.06em}.hero-demo-split .hero-demo-controls{padding:25px 35px 35px}.hero-demo-dialog[data-state]{z-index:80;width:calc(100% - 40px);max-width:1120px;max-height:calc(100dvh - 40px);overflow-y:auto;display:block;padding:0;border:1px solid var(--demo-line);border-radius:10px;background:var(--demo-carbon);color:var(--demo-paper);box-shadow:0 40px 120px #10111299;font-family:DM Sans,sans-serif}.hero-demo-dialog-intro{padding:26px 58px 23px 28px}.hero-demo-dialog-intro>span{display:block;font-size:9px;color:var(--demo-orange);letter-spacing:.12em;margin-bottom:12px}.hero-demo-dialog-intro h2{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.03em;margin-bottom:10px}.hero-demo-dialog-intro p{font-size:12px;color:var(--demo-muted);line-height:1.7;margin:0;max-width:660px}.hero-demo-dialog>.hero-demo-player{display:block;width:100%;height:auto;max-height:calc(100dvh - 240px);aspect-ratio:16 / 9;border:0;background:var(--demo-carbon)}.hero-demo-dialog-link{padding:18px 28px;font-size:16px;line-height:1.5}.hero-demo-dialog-link a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--demo-paper);text-decoration:underline;text-underline-offset:4px}.hero-demo-dialog-link a:hover{color:var(--demo-orange)}.hero-demo-pause:disabled{opacity:.6;cursor:wait}.hero-demo-dialog>button{color:var(--demo-paper)}.hero-demo-dialog :focus-visible{outline:2px solid var(--demo-orange);outline-offset:3px}@media(max-width:1150px){.hero-demo-background .hero-demo-controls{right:36px;width:270px;bottom:50px}.version-business .next-hero-top{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr)}.version-built .built-hero-layout{gap:32px}.version-built .built-hero h1{font-size:64px}.hero-demo-panel{min-height:390px}.hero-demo-heading,.hero-demo-controls{padding-inline:22px}}@media(max-width:850px){.cem-next.version-business .next-hero{padding-bottom:205px}.version-business .next-hero-top{grid-template-columns:1fr}.hero-demo-background .hero-demo-controls{bottom:28px;right:36px;left:36px;width:auto;padding:14px 20px}.hero-demo-background .hero-demo-topline{margin-bottom:8px;padding-bottom:8px}.hero-demo-background .hero-demo-shade{background:linear-gradient(90deg,#101112f2,#101112c4)}.version-built .built-hero-layout{grid-template-columns:1fr;gap:28px}.version-built .built-hero-layout>.hero-demo{max-width:none}.hero-demo-panel{min-height:310px;aspect-ratio:16 / 8}.hero-demo-split{min-height:100%}.hero-demo-split .hero-demo-heading,.hero-demo-split .hero-demo-controls{padding-inline:24px}.hero-demo-split .hero-demo-heading>strong{font-size:46px}.hero-demo-split .hero-demo-watch{gap:10px}.hero-demo-split .hero-demo-watch strong{font-size:11px}.hero-demo-split .hero-demo-watch small{font-size:9px}}@media(max-width:540px){.hero-demo-background .hero-demo-controls{left:20px;right:20px}.cem-next.version-business .next-hero{padding-bottom:205px}.version-built .built-hero h1{font-size:clamp(44px,11.4vw,62px)}.hero-demo-panel{min-height:280px;aspect-ratio:16 / 11}.hero-demo-heading{padding:23px}.hero-demo-heading>strong{font-size:24px;max-width:230px}.hero-demo-controls{padding:18px 23px 23px}.advantage-video-panel{border-left:0;border-top:3px solid var(--next-orange)}.hero-demo-split{min-height:340px}.hero-demo-split .hero-demo-heading{padding:25px 20px}.hero-demo-split .hero-demo-heading>strong{font-size:44px;margin-top:15px}.hero-demo-split .hero-demo-controls{padding:18px 20px 25px}.hero-demo-dialog[data-state]{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.hero-demo-dialog-intro{padding:23px 46px 20px 20px}.hero-demo-dialog-intro h2{font-size:21px}.hero-demo-dialog-intro p{font-size:11px}}@media(prefers-reduced-motion:reduce){.hero-demo-play{transition:none}}