.marketing-hero-demo{--product-demo-scale:1;isolation:isolate;width:100%;min-width:0;position:relative}.marketing-hero-demo:before{z-index:-1;pointer-events:none;content:"";filter:blur(44px);opacity:.72;background:radial-gradient(at 24% 44%,#7e57ff52,#0000 48%),radial-gradient(at 72% 58%,#2ab2d333,#0000 46%),radial-gradient(at 52% 36%,#5056e833,#0000 52%);border-radius:28%;animation:18s ease-in-out infinite alternate marketing-product-demo-aurora;position:absolute;inset:5% 2% -4%;transform:translate(-1.5%)scale(.98)}.marketing-product-demo-viewport{width:100%;height:calc(800px * var(--product-demo-scale));border:1px solid var(--marketing-hero-demo-border);border-radius:var(--marketing-hero-demo-radius);background:var(--marketing-hero-demo-surface);min-height:0;box-shadow:var(--marketing-hero-demo-shadow);box-sizing:border-box;position:relative;overflow:hidden}.marketing-product-demo-canvas{width:calc(1200px * var(--product-demo-scale));height:calc(800px * var(--product-demo-scale));margin-inline:auto;position:relative}.marketing-product-demo-frame{width:1200px;height:800px;transform:scale(var(--product-demo-scale));transform-origin:0 0;border:0;display:block;position:absolute;inset:0 auto auto 0}.marketing-product-demo-boundary{color:var(--color-ink-muted);letter-spacing:.02em;text-align:center;margin:.7rem 0 0;font-size:.75rem}@media (width>=1248px){.marketing-hero-demo{--product-demo-scale:1}}@media (width<=540px){.marketing-product-demo-canvas{margin-inline:0}}@keyframes marketing-product-demo-aurora{0%{transform:translate(-1.5%)scale(.98)}50%{transform:translate(1.5%,-1.5%)scale(1.02)}to{transform:translateY(1.5%)scale(1)}}@media (prefers-reduced-motion:reduce){.marketing-hero-demo:before{animation:none}.marketing-product-demo-frame{scroll-behavior:auto}}.screen-share-guard{align-items:stretch;gap:var(--screen-guard-gap);grid-template-columns:minmax(var(--screen-guard-copy-column-min), .86fr) minmax(var(--screen-guard-visual-column-min), 1.14fr);min-height:var(--screen-guard-card-min-height);padding:var(--screen-guard-padding);display:grid;position:relative;overflow:hidden}.screen-share-guard__copy{max-width:var(--screen-guard-copy-max-width);z-index:1;flex-direction:column;align-self:center;align-items:flex-start;min-width:0;display:flex;position:relative}.screen-share-guard__icon{background:var(--screen-guard-icon-surface);border:1px solid var(--screen-guard-icon-border);border-radius:var(--screen-guard-icon-radius);box-shadow:inset 0 1px var(--screen-guard-icon-highlight), 0 12px 36px -24px var(--screen-guard-icon-shadow);color:var(--screen-guard-icon-ink);height:var(--screen-guard-icon-size);margin-bottom:var(--screen-guard-icon-spacing);width:var(--screen-guard-icon-size);justify-content:center;align-items:center;display:inline-flex}.screen-share-guard h3{font-size:var(--screen-guard-title-size);font-weight:600;line-height:var(--screen-guard-title-leading);margin:0}.screen-share-guard p{color:var(--screen-guard-copy);font-size:var(--screen-guard-copy-size);line-height:var(--screen-guard-copy-leading);margin:var(--screen-guard-copy-spacing) 0 0;max-width:var(--screen-guard-body-max-width)}.screen-share-guard__visual{min-height:var(--screen-guard-visual-min-height);border:1px solid var(--screen-guard-visual-border);border-radius:calc(var(--screen-guard-radius) - .35rem);min-width:0;box-shadow:inset 0 1px 0 var(--screen-guard-visual-highlight), 0 28px 60px -42px var(--screen-guard-visual-shadow);align-self:stretch;margin:0;position:relative;overflow:hidden}.screen-share-guard__visual img{-o-object-fit:cover;object-fit:cover;-o-object-position:var(--screen-guard-image-position);object-position:var(--screen-guard-image-position);width:100%;height:100%;display:block}@media (width<=1023px){.screen-share-guard{grid-template-columns:1fr;min-height:0}.screen-share-guard__copy{max-width:none}.screen-share-guard__visual{min-height:var(--screen-guard-visual-compact-min-height)}.screen-share-guard__visual img{-o-object-position:var(--screen-guard-image-compact-position);object-position:var(--screen-guard-image-compact-position)}}@media (prefers-reduced-motion:reduce){.screen-share-guard,.screen-share-guard *{transition-duration:.01ms!important}}
