/* Three short visual stories. Outcomes stay visible when motion is paused. */
.case-carousel .case-outcome{position:absolute;bottom:12px;left:6%;right:6%;display:flex;align-items:center;justify-content:center;gap:7px;min-height:27px;padding:6px 10px;border:1px solid #e4e8df;border-radius:12px;background:#ffffffed;color:#4e6354;font-size:10px;line-height:1.4;text-align:center}
.case-outcome .icon{width:13px;height:13px;flex-shrink:0}
.case-carousel .business-product-art{height:65px}
.case-carousel .business-product-art svg{height:100%;width:auto;max-width:100%}
.case-carousel .creator-cover{height:54px}
.case-carousel .creator-link{padding:6px 4px}
.case-carousel .agency-stage .campaign-link-box>span{font-size:15px;letter-spacing:-.3px}
.case-carousel .agency-stage .mini-report{padding:9px 13px}
.case-carousel .shop-destination{position:relative;border:1px solid transparent;transform:none}
.case-carousel .shop-destination:before{content:'↗';float:right;margin-left:5px;opacity:.65}
.case-carousel .agency-outcome{color:#675577;border-color:#e7deef}
.case-carousel .agency-stage .mini-report{top:231px}
.case-carousel .affiliate-outcome{display:block;bottom:8px;padding:8px 5px;color:#65583e;border-color:#eddfc9}
.affiliate-outcome>div{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.affiliate-outcome small{display:block;font-size:8px;margin-top:4px;color:#807363}
.commission-badge{display:inline-flex;align-items:center;gap:5px}
.commission-badge i{display:grid;place-items:center;border-radius:50%;background:#ffe8a8;border:1px solid #ebcd77;width:19px;height:19px;font-size:12px;font-style:normal;color:#876918}
.purchase-route{font-size:16px;color:#aa8650}
.has-javascript .is-running .shop-destination{animation:shop-choice 6.5s ease-in-out infinite}
.has-javascript .is-running .shop-destination:nth-child(4){animation-delay:1s}
.has-javascript .is-running .shop-destination:nth-child(5){animation-delay:2s}
.has-javascript .is-running .agency-outcome{animation:report-ready 6.5s ease-in-out infinite}
.has-javascript .is-running .purchase-route{animation:purchase-route 6.5s ease-in-out infinite}
.has-javascript .is-running .commission-badge{animation:commission-arrive 6.5s ease-in-out infinite}
@keyframes shop-choice{0%,20%,65%,100%{border-color:transparent;box-shadow:none}32%,48%{border-color:#9fb990;box-shadow:0 0 0 3px #b7cea52b}}
@keyframes report-ready{0%,35%,85%,100%{box-shadow:none;transform:translateY(0)}50%,70%{box-shadow:0 3px 14px #a58eb724;transform:translateY(-3px)}}
@keyframes purchase-route{0%,25%,85%,100%{transform:translateX(0)}40%,60%{transform:translateX(3px)}}
@keyframes commission-arrive{0%,40%,90%,100%{transform:scale(1)}53%,68%{transform:scale(1.05)}}
@media(max-width:1390px){.case-carousel .agency-stage .mini-report{top:225px}.case-carousel .case-outcome{bottom:8px}}
/* Keep copy and motion together across desktop and tablet widths. */
@media(min-width:640px) and (max-width:1100px){
 .case-carousel .use-case{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;padding:22px;min-height:0}
 .case-carousel .case-copy{padding:0;min-width:0}
 .case-carousel .case-visual{width:100%;min-width:0;align-self:center}
 .case-carousel .case-stage{height:390px}
 .case-copy h3{font-size:clamp(27px,3.2vw,34px);margin:15px 0 12px;min-height:0;letter-spacing:-.8px}
 .case-copy blockquote{font-size:13px;line-height:1.6;min-height:0;margin-bottom:18px}
 .case-copy>.case-tools{font-size:10px;margin:17px 0 7px}
 .case-copy>.text-link{font-size:11px;min-height:30px}
}
@media(min-width:640px) and (max-width:720px){.case-carousel .use-case{padding:18px;gap:14px}.case-carousel .case-stage{height:340px}.case-copy blockquote{font-size:12px}.case-copy h3{font-size:26px}}
@media(max-width:639px){.case-carousel .use-case{min-height:0;padding:18px;gap:14px}.case-copy h3{font-size:29px;min-height:0;margin:15px 0 10px}.case-copy blockquote{min-height:0;margin-bottom:14px}.case-copy>.case-tools{margin:13px 0 5px}}
@media(max-width:720px){.case-carousel .business-product-art{height:40px}.case-carousel .menu-phone{min-height:218px;padding:14px 10px}.case-carousel .creator-cover{height:40px}.case-carousel .case-outcome{left:3%;right:3%;font-size:9px;bottom:8px}.case-carousel .agency-stage .campaign-link-box{top:142px;padding:9px}.case-carousel .agency-stage .mini-report{top:204px;padding:7px 13px}.case-carousel .mini-report>div{margin:5px 0}.case-carousel .affiliate-outcome{bottom:6px}.affiliate-outcome>div{gap:5px}.affiliate-outcome small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.case-carousel .case-flow-motion{animation:none!important;transition:none!important}}