/* Shared product core: approved CMDB spacing, item transitions and section boundaries. */
:is(#features, .cemc-features).product-feature{min-height:0;overflow:visible}
.feature-scroll-sequence{position:relative}
.feature-scroll-step{position:relative;min-height:clamp(580px,70vh,820px);height:auto;max-height:none;padding-block:84px;display:flex;align-items:center}
.feature-scroll-boundary{display:block;position:fixed;inset:0;z-index:1;pointer-events:none;opacity:var(--feature-boundary-opacity,0);clip-path:inset(var(--feature-boundary-clip-top,0px) 0 var(--feature-boundary-clip-bottom,0px) 0)}
:is(#features, .cemc-features) .feature-scroll-heading{margin-bottom:48px}
:is(#features, .cemc-features) .feature-scroll-step .product-feature-grid{margin:0;position:relative;z-index:2}
#top.product-page :is(#features, .cemc-features) .feature-scroll-copy{width:40%;max-width:620px}
#top.product-page :is(#features, .cemc-features) .feature-scroll-copy .product-kicker{font-size:20px;line-height:1.5;margin:0 0 34px}
#top.product-page :is(#features, .cemc-features) .feature-scroll-copy h3{font-size:36px;line-height:1.4;font-weight:600;margin:0 0 32px;text-wrap:wrap}
#top.product-page :is(#features, .cemc-features) .feature-scroll-copy h3 strong{color:#59d5f5;display:inline-block}
#top.product-page :is(#features, .cemc-features) .feature-scroll-copy .product-intro{font-size:18px;line-height:1.85;margin:0}
#top.product-page :is(#features, .cemc-features) .product-feature-tags{font-size:15px;line-height:1.5;width:auto;gap:18px;margin-top:36px;flex-wrap:wrap}
:is(#features, .cemc-features) .feature-scroll-media{position:fixed;top:var(--feature-media-top,200px);right:0;width:54vw;height:var(--feature-media-height,600px);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;z-index:1;will-change:opacity,transform}
:is(#features, .cemc-features) .feature-scroll-art{position:absolute;left:-43.75vw;top:50%;width:100vw;height:auto;max-width:none;transform:translateY(-58%)}
:is(#features, .cemc-features) .feature-scroll-diagram{right:max(32px,calc((100vw - 1600px)/2));width:49vw;max-width:850px;display:grid;place-items:center}
:is(#features, .cemc-features) .feature-scroll-diagram .feature-scroll-art{position:static;left:auto;top:auto;transform:none;width:100%;height:100%;max-width:100%;object-fit:contain}
:is(#features, .cemc-features) .feature-scroll-image-window{position:relative;width:100%;height:100%;overflow:hidden}
/* The original CEMC sheet includes transparent positioning space.
   Fit its complete illustration into the common frame without changing the source asset.
   The template applies this crop only to that original sheet; replacement images use contain. */
:is(#features, .cemc-features) .feature-scroll-source-sheet{height:auto;aspect-ratio:1080/686}
:is(#features, .cemc-features) .feature-scroll-source-sheet .feature-scroll-art{position:absolute;left:-77.777778%;top:-44.752187%;width:177.777778%;height:163.265306%;max-width:none;object-fit:fill}
:is(#features, .cemc-features)>.product-backdrop{object-fit:fill}
:is(#features, .cemc-features) .feature-scroll-heading>.product-intro{margin-bottom:0}
@media(max-width:1500px){#top.product-page :is(#features, .cemc-features) .feature-scroll-copy h3{font-size:30px}#top.product-page :is(#features, .cemc-features) .feature-scroll-copy .product-intro{font-size:17px}}
@media(max-width:1024px){
 .feature-scroll-boundary{display:contents}
 :is(#features, .cemc-features) .feature-scroll-heading{margin-bottom:44px}
 .feature-scroll-step{height:auto;min-height:0;max-height:none;display:block;margin:48px 0;padding:28px 0}
 #top.product-page :is(#features, .cemc-features) .feature-scroll-copy .product-kicker{margin-bottom:26px}
 #top.product-page :is(#features, .cemc-features) .feature-scroll-copy{width:100%;max-width:none}
 #top.product-page :is(#features, .cemc-features) .feature-scroll-copy h3{font-size:28px;margin-bottom:26px}
 #top.product-page :is(#features, .cemc-features) .product-feature-tags{margin-top:30px}
 :is(#features, .cemc-features) .feature-scroll-media{position:relative;top:auto;right:auto;width:calc(100% + 44px);height:auto;margin:28px -22px 0;aspect-ratio:1080/685;opacity:1!important;visibility:visible!important;transform:none!important;max-width:none}
 :is(#features, .cemc-features) .feature-scroll-art{left:calc(-.4375 * (100vw * 1.777778));width:calc(100vw * 1.777778)}
 :is(#features, .cemc-features) .feature-scroll-diagram{width:100%;margin:38px 0 0;aspect-ratio:1.65}
 :is(#features, .cemc-features) .feature-scroll-diagram .feature-scroll-art{width:100%;height:100%}
 :is(#features, .cemc-features) .feature-scroll-source-sheet .feature-scroll-art{width:177.777778%;height:163.265306%}
}
@media(max-width:640px){#top.product-page :is(#features, .cemc-features) .feature-scroll-copy h3{font-size:26px}#top.product-page :is(#features, .cemc-features) .feature-scroll-copy .product-intro{font-size:16px}}

.feature-visual-caption{position:absolute;right:18px;bottom:8px;font-size:12px;line-height:1.5;color:#a6b3c4;opacity:.75}