body[data-product="overview"] .overview-product{min-height:clamp(660px,55vw,1080px);max-height:none}
.overview-product .hero-copy{pointer-events:none;width:37%;margin-top:clamp(64px,7vw,125px);padding-bottom:88px}
.overview-product h1,.overview-product h2{font-size:clamp(60px,5.87vw,96px);line-height:1.1;font-weight:400;letter-spacing:-.035em;margin:0 0 28px;white-space:nowrap}
.overview-product .hero-description{width:90%;max-width:470px;color:#656c72}
.overview-product .compatibility{color:#656c72}
.overview-product .actions{position:relative;z-index:4;pointer-events:auto;width:fit-content}
.overview-product .plugin-frame{top:clamp(142px,10.5vw,185px);left:47%;width:min(41.4%,900px);max-width:900px;pointer-events:none}
.overview-product .header{z-index:5}
.overview-link{position:absolute;inset:0;z-index:3;transition:none}
.overview-link:hover{opacity:1}.overview-link:active{transform:none}
.overview-link:focus-visible{outline:3px solid #83a5b7;outline-offset:-9px}
.overview-product:has(.overview-link:hover) .plugin-frame{box-shadow:0 42px 68px -18px #06141c77,0 12px 26px #09253240}
.overview-product .hero-copy,.overview-product .plugin-stage{position:relative;z-index:4}
.overview-product .plugin-stage{display:contents}
.overview-divider{position:relative;z-index:6;height:1px;background:linear-gradient(90deg,#18263000,#68768166 18%,#68768199 50%,#68768166 82%,#18263000)}
.overview-reverse .dark-panel{inset:0 63.8% 0 0;background:radial-gradient(ellipse at 70% 30%,#30424c 0,transparent 65%),#081117}
.overview-reverse .hero-copy{margin:0 0 0 59%;padding-top:clamp(120px,12vw,210px)}
.overview-reverse .plugin-frame{left:11.6%;top:clamp(85px,7.5vw,140px);aspect-ratio:696/632}
body[data-product="overview"] .series{border-top:1px solid #d7d7d9}
@media(min-width:1707px){body[data-product="overview"] .overview-product{min-height:calc(185px + min(41.4vw,900px)*.928125 + 85px)}.overview-reverse .hero-copy{padding-top:210px}.overview-reverse .plugin-frame{left:calc(50% - min(41.4vw,900px) - 2%)}.overview-product .hero-description{font-size:clamp(28px,1.85vw,35px)}}
@media(max-width:1000px) and (min-width:761px){body[data-product="overview"] .overview-product{min-height:620px}.overview-product h1,.overview-product h2{font-size:5.7vw}.overview-product .hero-description{font-size:2.2vw}.overview-product .hero-copy{width:40%}.overview-reverse .hero-copy{margin-left:57%;width:40%}.overview-product .compatibility{font-size:11px}.overview-product .plugin-frame{top:180px}.overview-reverse .plugin-frame{top:100px}}
@media(max-width:760px){body[data-product="overview"] .overview-product{min-height:0;padding-bottom:0}.overview-product .hero-copy,.overview-reverse .hero-copy{width:auto;margin:0;padding:62px var(--pad) 38px}.overview-product h1,.overview-product h2{font-size:clamp(46px,11.6vw,72px);white-space:normal;margin:0 0 20px}.overview-product .hero-description{font-size:23px;width:100%;max-width:470px}.overview-product .actions{margin-top:28px}.overview-product .compatibility{margin-top:22px;font-size:12px;gap:8px}.overview-product .plugin-stage{display:block;margin-top:0;padding:36px var(--pad);pointer-events:none}.overview-product .plugin-frame,.overview-reverse .plugin-frame{position:relative;top:auto;left:auto;width:100%;margin:0;max-width:none}.overview-product .header{padding-bottom:8px}.overview-reverse .hero-copy{padding-top:56px}.overview-divider{background:linear-gradient(90deg,#68768100,#68768199 50%,#68768100)}}
@media(prefers-reduced-motion:reduce){.overview-product *{transition:none!important}}
