/* Fixed frame; only the presentation inside it changes. */
.hero-aside.showcase{position:relative;display:block;height:419px;min-height:419px;padding:0;line-height:1.5;letter-spacing:0;overflow:visible}
.showcase-stage{height:100%;position:relative;overflow:hidden}
.showcase-scene{position:absolute;inset:0;padding:24px 24px 44px;display:flex;flex-direction:column;align-items:stretch}
.showcase-scene[hidden],.showcase-controls[hidden]{display:none}
.showcase-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.7;margin:0 0 14px;color:#c8d5e4}
.showcase-logo{width:190px;height:190px;max-width:100%;object-fit:contain;align-self:center;border:1px solid #4b5866}
.showcase-experience{margin-top:7px}.showcase-experience strong{font-family:Manrope,sans-serif;font-size:4.8rem;line-height:1;letter-spacing:-.08em;color:#fff;display:block}.showcase-experience strong span{color:#85b8ff}.showcase-experience p{font-size:.65rem;line-height:1.7;letter-spacing:.13em;text-transform:uppercase;margin:10px 0 0}
.showcase-brand{font-family:Manrope,sans-serif;font-size:1.8rem;line-height:1.2;letter-spacing:-.05em;color:#fff;margin:0 0 18px}.showcase-brand>span{display:block;font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.5;color:#c8d5e4;margin-top:7px}
.showcase-chat{display:flex;flex-direction:column;gap:12px;min-height:137px;font-weight:400;font-size:.75rem;line-height:1.5}.chat-question{padding:10px 12px;align-self:flex-end;border-radius:10px 10px 2px 10px;background:#324d70;color:#fff}.chat-answer{display:flex;align-items:flex-start;gap:8px;padding:12px 10px;background:#f0f5fc;color:#172333;border-radius:10px 10px 10px 2px}.chat-avatar{font-size:.6rem;font-weight:700;color:#235699;background:#d3e5ff;padding:5px;border-radius:5px}.chat-source{font-size:.65rem;color:#99bde9;padding-left:4px}
.showcase-pitch{font-size:.9rem;font-weight:500;line-height:1.55;color:#fff;margin:14px 0 12px;letter-spacing:-.015em}.showcase-cta{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:auto;border-top:1px solid #41546d;color:#a9ceff;font-size:.8rem;font-weight:700;padding-top:6px}.showcase-cta:hover{color:#fff}.showcase-cta span{font-size:1.1rem}
.showcase-shop{padding:10px;background:#f0f5fc;color:#172333;border-radius:7px;min-height:137px}.shop-heading{display:flex;justify-content:space-between;font-size:.65rem;margin-bottom:9px}.shop-heading>span:last-child{font-size:.6rem;color:#52647a;font-weight:400}.shop-products{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-product{padding:8px;background:#e0e9f4;border:1px solid #d3dfec;border-radius:4px;display:grid;grid-template-columns:1fr auto;gap:4px}.shop-product>span{grid-column:1/-1;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.3;color:#49719b}.shop-product strong,.shop-product small{font-size:.6rem;font-weight:500}.shop-ready{font-size:.6rem;color:#52647a;margin-top:8px;font-weight:500}
.showcase-controls{position:absolute;bottom:0;left:16px;right:16px;height:40px;display:flex;align-items:center;justify-content:space-between}.showcase-pagination{display:flex;gap:0}.showcase-pagination button,.showcase-toggle{appearance:none;border:0;color:#c8d5e4;background:transparent;cursor:pointer;min-width:36px;min-height:36px;padding:10px;font:inherit;display:grid;place-items:center}.showcase-pagination button span{width:14px;height:3px;background:#56677a;border-radius:2px;transition:background .2s,width .2s}.showcase-pagination button[aria-pressed=true] span{width:22px;background:#9dc5ff}.showcase-toggle{font-size:1rem}.showcase :focus-visible{outline:2px solid #a9ceff;outline-offset:2px}
.showcase.is-enhanced .is-active{animation:scene-enter .65s both}.showcase.is-enhanced .is-active [class*="motion-"]{animation:scene-detail .8s both}.showcase.is-enhanced .is-active .motion-one{animation-delay:.1s}.showcase.is-enhanced .is-active .motion-two{animation-delay:.7s}.showcase.is-enhanced .is-active .motion-three{animation-delay:1.6s}.showcase.is-enhanced .is-active .motion-four{animation-delay:2.6s}.showcase.is-enhanced .is-active .motion-five{animation-delay:3.2s}.showcase.is-paused .is-active:not(.is-manual),.showcase.is-paused .is-active:not(.is-manual) [class*="motion-"]{animation-play-state:paused}
@keyframes scene-enter{from{opacity:0}to{opacity:1}}@keyframes scene-detail{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:701px) and (max-width:1050px){.showcase-scene{padding:18px 18px 42px}.showcase-logo{width:170px;height:170px}.showcase-eyebrow{font-size:.6rem}.showcase-brand{font-size:1.55rem}.showcase-pitch{font-size:.8rem}.showcase-experience{margin-top:16px}.showcase-chat{font-size:.65rem}.chat-answer{gap:5px;padding:10px 7px}.showcase-cta{font-size:.75rem}.shop-product{padding:6px}.shop-product strong,.shop-product small{font-size:.55rem}}
@media(max-width:700px){.hero-aside.showcase{width:285px;max-width:calc(100% - 10px);height:419px;min-height:419px;margin-inline:auto}.showcase-logo{width:190px;height:190px}}
@media(prefers-reduced-motion:reduce){.showcase.is-enhanced .is-active,.showcase.is-enhanced .is-active [class*="motion-"]{animation:none}.showcase-pagination button span{transition:none}}
