/* Grouped overview is separate from the existing single-product carousel. */
.hero:not(.sequence-active) .hero-stage{visibility:hidden!important;pointer-events:none!important}
.hero .hero-sticky{min-height:0}
.hero .hero-copy{top:74px!important;width:min(960px,calc(100% - 36px))}
.hero-copy .eyebrow{display:none}
.hero-copy .hero-title-lockup{min-height:0;margin:0 0 8px!important}
.hero-copy .hero-title-lockup img{width:min(650px,66vw);height:auto;max-height:105px;object-fit:contain}
.hero-copy .hero-formats{font-size:13px;margin:8px 0}
.hero-copy .lede{font-size:16px;line-height:1.35;margin:0 auto;max-width:760px}
.hero-copy .hero-actions{margin-top:16px}
.hero-copy .hero-actions .button{min-height:50px;padding:10px 22px;font-size:17px}
.hero-copy .hero-mobile-suite-preview{display:none!important}
.hero-overview-stacks{position:absolute;z-index:15;top:var(--stack-top,330px);bottom:36px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 72px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:18px 24px;transition:opacity .2s}
.hero.sequence-active .hero-overview-stacks{opacity:0;visibility:hidden;pointer-events:none}
.plugin-stack{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;min-height:0;padding:0 0 4px;background:none;border:0;border-radius:14px;color:white;cursor:pointer;text-align:center}
.stack-art{position:relative;display:block;width:100%;flex:1;min-height:0;margin-bottom:9px;isolation:isolate}
.stack-art img{position:absolute;z-index:var(--layer);width:82%;height:85%;left:9%;top:var(--raise);object-fit:cover;border-radius:11px;transform:translateX(var(--offset)) rotate(var(--turn));box-shadow:0 8px 20px #0008;border:1px solid #c5d4e94d;transition:transform .22s ease,filter .22s ease}
.is-single .stack-art img{width:94%;height:93%;left:3%;top:3%;object-fit:contain;background:none;border:0;box-shadow:none}
.plugin-stack strong{display:block;font:400 19px/1.15 "Tilt Warp",system-ui,sans-serif;letter-spacing:0}
.plugin-stack small{display:block;max-width:100%;margin-top:5px;color:#c6d0df;font:600 11px/1.3 Inter,system-ui,sans-serif}
.stack-count{position:absolute;right:0;top:0;padding:6px 8px;border-radius:8px;background:#bcdff3;color:#08111f;font:800 12px/1 Inter,system-ui,sans-serif;z-index:8}
.stack-count span{margin-left:3px}
.plugin-stack:hover .stack-art img{filter:brightness(1.14);transform:translateX(var(--offset)) translateY(-5px) rotate(var(--turn))}
.plugin-stack:focus-visible{outline:2px solid #72dcff;outline-offset:6px}
.hero-stack-back{position:absolute;top:18px;left:24px;z-index:90;border:1px solid #ffffff40;border-radius:10px;background:#050a12c9;color:white;padding:10px 16px;min-height:44px;font:750 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
.hero-stack-back[hidden]{display:none!important}
.hero-stack-back span{margin-right:7px}
.plugin-stack-dialog{position:fixed;inset:0;width:min(1160px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);height:max-content;margin:auto;padding:28px;border:1px solid #ffffff20;border-radius:22px;background:#080d17f7;color:#fff;box-shadow:0 30px 120px #000b;overflow:auto;overscroll-behavior:contain}
.plugin-stack-dialog::backdrop{background:#01040bea;backdrop-filter:blur(12px)}
.stack-dialog-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}
.stack-dialog-bar .eyebrow{margin:0 0 9px;color:#77dffd;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.stack-dialog-bar h2{margin:0;font:400 clamp(28px,4vw,48px)/1.1 "Tilt Warp",system-ui,sans-serif}
.stack-dialog-bar button{flex:none;width:44px;height:44px;border:0;background:none;color:#fff;font:300 36px/1 Inter,system-ui,sans-serif;cursor:pointer}
.stack-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}
.stack-choice{min-width:0;padding:0;border:0;background:none;color:white;text-align:left;cursor:pointer}
.stack-choice img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:13px}
.stack-choice strong{display:block;margin-top:12px;font:400 23px/1.2 "Tilt Warp",system-ui,sans-serif}
.stack-choice small{display:block;margin-top:5px;color:#bfcada;font:500 13px/1.4 Inter,system-ui,sans-serif}
.stack-choice:hover img{filter:brightness(1.13)}
.stack-choice:focus-visible,.stack-dialog-bar button:focus-visible,.hero-stack-back:focus-visible{outline:2px solid #72dcff;outline-offset:5px}
@media(max-height:760px) and (min-width:801px){.hero .hero-copy{top:66px!important}.hero-copy .hero-title-lockup img{max-height:80px}.hero-copy .hero-formats{font-size:11px}.hero-copy .lede{font-size:13px;max-width:650px}.hero-copy .hero-actions{margin-top:10px}.hero-overview-stacks{bottom:24px;gap:13px 25px}.plugin-stack strong{font-size:16px}.plugin-stack small{font-size:10px}}
@media(max-width:800px){.hero .hero-copy{top:66px!important;width:calc(100% - 28px)}.hero-copy .hero-title-lockup img{width:min(86vw,520px);max-height:70px}.hero-copy .hero-formats{font-size:9px;letter-spacing:.06em;gap:6px;margin:6px 0}.hero-copy .lede{font-size:11px;max-width:500px}.hero-copy .hero-actions{margin-top:10px}.hero-copy .hero-actions .hero-suite-cta{min-height:44px;font-size:14px;padding:6px 15px;width:auto}.hero-copy .hero-suite-price strong{font-size:25px}.hero-copy .hero-suite-price del{font-size:19px}.hero-overview-stacks{width:calc(100% - 30px);bottom:22px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:12px 15px}.plugin-stack:last-child{grid-column:2}.plugin-stack strong{font-size:14px}.plugin-stack small{display:none}.stack-art{margin-bottom:5px}.stack-art img{border-radius:7px}.stack-count{font-size:9px;padding:4px 5px}.hero-stack-back{top:10px;left:12px;font-size:12px;padding:8px 12px;min-height:40px}.plugin-stack-dialog{padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:17px}.stack-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.stack-choice strong{font-size:19px}.stack-choice small{font-size:12px}}
@media(max-width:800px) and (max-height:710px){.hero-copy .lede{display:none}.hero-copy .hero-title-lockup img{max-height:55px}.hero-overview-stacks{gap:10px 14px}.plugin-stack strong{font-size:12px}}
@media(max-width:800px){.is-group .stack-art img{width:72%;left:14%}}
@media(prefers-reduced-motion:reduce){.hero{height:520vh!important}.hero .hero-sticky{position:sticky;height:100svh;min-height:0}.hero.sequence-active .hero-copy{opacity:0;pointer-events:none}.hero.sequence-active .hero-focus{display:block}.hero-overview-stacks,.stack-art img,.hero *{transition:none!important;animation:none!important}}
