.product-features-sticky{position:relative;margin:0;padding:0}.product-features-sticky:after,.product-features-sticky:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--border-hairline);pointer-events:none;z-index:7}.product-features-sticky:before{left:0}.product-features-sticky:after{right:0}.product-features-sticky-track{--product-feature-full-height:47.1875rem;position:relative}.product-feature-stage{position:relative;min-height:var(--product-feature-full-height)}.product-feature-stage:not(:last-child){margin-bottom:0}.product-feature-stage+.product-feature-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-hairline);pointer-events:none;z-index:6}.product-feature-card{position:relative;height:var(--product-feature-full-height);min-height:0;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);overflow:hidden}.product-feature-card:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border-hairline);pointer-events:none}.product-features-media{position:relative;overflow:hidden;height:100%}.product-features-media,.product-features-media.has-mockup,.product-features-mockup-shell{background:var(--surface-raised)}.product-features-mockup-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:0;box-shadow:none}@media (min-width:64.0625rem){.product-features-mockup-shell.has-mockup{box-sizing:border-box;display:block;padding:4.5rem 0 0 4.5rem;background:var(--surface-raised)}.product-features-mockup-image{position:absolute;top:4.5rem;left:4.5rem;width:min(68rem,208%);height:auto;border:1px solid var(--border-hairline);border-radius:12px;box-shadow:var(--shadow-2);object-fit:contain;object-position:top left}}@media (max-width:64rem){.product-features-sticky-track{--product-feature-full-height:auto}.product-feature-stage{min-height:auto}.product-feature-card{position:static;grid-template-columns:1fr;height:auto;min-height:auto}.product-feature-card:after{display:none}.product-features-media{height:auto;min-height:0}.product-features-media.has-mockup{min-height:17rem}.product-features-mockup-shell{position:absolute;inset:0;display:block}.product-features-mockup-shell.has-mockup{box-sizing:border-box;padding:var(--space-4) 0 0 var(--space-4);background:var(--surface-raised)}.product-features-mockup-image{position:absolute;top:var(--space-4);left:var(--space-4);width:min(40rem,208%);height:auto;border:1px solid var(--border-hairline);border-radius:12px;box-shadow:var(--shadow-2);object-fit:contain;object-position:top left}}@media (max-width:40rem){.product-features-media.has-mockup{min-height:15rem}.product-features-mockup-shell.has-mockup{padding:var(--space-3) 0 0 var(--space-3)}.product-features-mockup-image{top:var(--space-3);left:var(--space-3);width:min(32rem,208%);border-radius:8px}}.why-use-media:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.48),transparent 52%),linear-gradient(152deg,rgba(255,255,255,.36),transparent 54%)}.why-use-media.is-mist{background:linear-gradient(140deg,#b7c2ce,#c8d0d9 56%,#d8dde4),var(--surface-muted)}.why-use-media.is-sand{background:linear-gradient(146deg,#d7d0bf,#c7bea8 50%,#c0b497),var(--surface-muted)}.why-use-media.is-charcoal{background:linear-gradient(180deg,var(--color-stone) 0,#c9c9c9 100%)}.why-use-media.is-charcoal:before{background:none}.why-use-media.is-amber{background:linear-gradient(140deg,#e7bf8f,#db9f62 55%,#c37f47),var(--surface-muted)}