/* One connected scene: the doctor, the patient, and the business. */
.wins-section{position:relative;isolation:isolate;background:#fff;color:#26212d;padding:67px 0 49px;overflow:hidden}
.wins-heading{text-align:center;margin-bottom:28px}
.wins-eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.5;font-weight:650;color:#786c84;margin:0 0 15px}
.wins-heading h2{font-size:60px;line-height:1.12;font-weight:650;letter-spacing:-3px}
.wins-heading h2 br{display:none}
.wins-heading h2 span{color:#9675b7;margin-left:.23em}
.wins-network{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;isolation:isolate}
.win-persona{position:relative;min-width:0;text-align:center}
.win-visual{position:relative;height:238px;width:260px;max-width:100%;margin:auto}
.win-art{display:block;width:100%;height:100%;overflow:visible}
.wins-connection{position:absolute;top:119px;left:16.5%;right:16.5%;height:1px;background:linear-gradient(90deg,#c4a9e0,#efcfaa,#a9cc9c);z-index:-1}
.wins-connection:before,.wins-connection:after{content:"";position:absolute;top:-3px;left:25%;height:7px;width:7px;border-radius:50%;background:#d3b8dc;box-shadow:0 0 0 5px #f7f2fa}
.wins-connection:after{left:75%;background:#d0ddbd;box-shadow:0 0 0 5px #f2f6ed}
.wins-connection>i{position:absolute;width:6px;height:6px;top:-2.5px;left:0;background:#b38bce;border-radius:50%;box-shadow:0 0 14px #b38bce55;opacity:0}
.wins-connection>i+i{background:#a3c490;box-shadow:0 0 14px #a3c49055}
.win-status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;background:#fff;border:1px solid #e6dced;box-shadow:0 5px 17px #7862820a;border-radius:25px;padding:9px 14px;color:#816495;font-size:10px;font-weight:550}
.win-status svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.win-patient .win-status{border-color:#e8d9c4;color:#97714d}
.win-business .win-status{border-color:#d8e4cd;color:#688351}
.win-copy{padding:25px 8px 0}
.win-role{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#8961aa;margin-bottom:11px}
.win-patient .win-role{color:#a57c4c}.win-business .win-role{color:#6c8954}
.win-copy h3{font-size:31px;line-height:1.16;letter-spacing:-1.2px;font-weight:650}
.win-description{font-size:14px;line-height:1.65;color:#796e81;margin-top:13px}
.win-patient .win-description{color:#877361}.win-business .win-description{color:#6d7a63}
.wins-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px 27px;margin-top:32px;padding-top:24px;border-top:1px solid #eee8f2}
.wins-bottom>p{display:flex;align-items:center;gap:9px;color:#72617e;font-size:12px;line-height:1.6}
.wins-tick{display:grid;place-items:center;background:#eee7f5;color:#9273af;font-size:12px;font-weight:600;width:22px;height:22px;border-radius:50%;flex-shrink:0}
.wins-replay{display:none;align-items:center;gap:7px;background:transparent;color:#8b709e;font-size:11px;border:1px solid #e3d9eb;border-radius:30px;padding:10px 14px;min-height:39px}
.wins-replay:hover{background:#f7f3fb;border-color:#c4abd6}
.wins-replay .icon{width:14px;height:14px;stroke-width:1.7}
.scenes-ready .wins-replay{display:flex}
.wins-replay:disabled{opacity:.5;cursor:default}
/* Completed outcomes remain visible without animation. */
.win-chaos,.win-night{opacity:0}
.win-home{opacity:1}
.win-halo,.win-doctor-body,.win-business-tile,.win-revenue-coin,.win-success-badge,.win-confirmed-phone,.win-growth-bars rect,.win-queue-person,.win-spark{transform-box:fill-box;transform-origin:center}
.win-growth-bars rect{transform-origin:center bottom}
.win-draw-check{stroke-dasharray:38;stroke-dashoffset:0}
.win-growth-line{stroke-dasharray:240;stroke-dashoffset:0}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-halo{animation:win-breathe 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-doctor-body{animation:win-doctor-calm 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-chaos{animation:win-clear-clutter 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-chaos-two{animation-name:win-clear-phone}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-success-badge{animation:win-doctor-check 12s cubic-bezier(.22,1,.36,1) infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-care-pulse{animation:win-care 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-night{animation:win-night-to-home 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-home{animation:win-home-arrives 12s cubic-bezier(.22,1,.36,1) infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-confirmed-phone{animation:win-phone-yes 12s cubic-bezier(.22,1,.36,1) infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-patient .win-draw-check{animation:win-phone-check 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-business-tile{animation:win-company 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-revenue-coin{animation:win-revenue 12s cubic-bezier(.22,1,.36,1) infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-growth-bars rect{animation:win-business-build 12s cubic-bezier(.22,1,.36,1) infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-growth-bars rect:nth-child(2){animation-delay:.2s}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-growth-bars rect:nth-child(3){animation-delay:.4s}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-growth-line{animation:win-business-line 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-status{animation:win-outcome 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-patient .win-status{animation-name:win-patient-outcome}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-business .win-status{animation-name:win-business-outcome}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .wins-connection>i{animation:win-connect 12s ease-in-out infinite}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .wins-connection>i+i{animation-delay:.45s}
.scenes-ready:not(.motion-paused) .wins-section.is-active.is-in-view .win-spark{animation:win-celebrate 12s ease-in-out infinite}
@keyframes win-breathe{0%,100%{scale:.98}42%,78%{scale:1.02}}
@keyframes win-clear-clutter{0%,5%{opacity:.9;transform:translate(0,0) rotate(-6deg)}9%{transform:translate(2px,-3px) rotate(3deg)}16%{opacity:.8;transform:translate(-1px,2px) rotate(-3deg)}28%,94%{opacity:0;transform:translate(-16px,-18px) rotate(-18deg)}100%{opacity:.9;transform:translate(0,0) rotate(-6deg)}}
@keyframes win-clear-phone{0%,5%{opacity:.9;transform:translate(0,0) rotate(4deg)}8%{transform:translate(-2px,0) rotate(-4deg)}12%{transform:translate(2px,0) rotate(4deg)}16%{opacity:.8;transform:translate(0,0) rotate(-3deg)}28%,94%{opacity:0;transform:translate(18px,-16px) rotate(18deg)}100%{opacity:.9;transform:translate(0,0) rotate(4deg)}}
@keyframes win-doctor-calm{0%,18%,100%{transform:translateY(2px) scale(.97)}33%,87%{transform:translateY(-2px) scale(1)}}
@keyframes win-doctor-check{0%,19%,99%,100%{opacity:0;transform:scale(.65)}30%,90%{opacity:1;transform:scale(1)}}
@keyframes win-care{0%,25%,100%{stroke-width:0}35%,55%,75%{stroke:#bba9d966;stroke-width:8}45%,65%,85%{stroke-width:0}}
@keyframes win-night-to-home{0%,20%,100%{opacity:1;transform:translateY(0)}30%,94%{opacity:0;transform:translateY(10px)}}
@keyframes win-home-arrives{0%,23%,100%{opacity:0;transform:translateY(12px) scale(.92)}36%,94%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes win-phone-yes{0%,31%,100%{opacity:0;transform:translateY(16px) rotate(8deg)}43%,94%{opacity:1;transform:translateY(0) rotate(-4deg)}}
@keyframes win-phone-check{0%,37%,100%{stroke-dashoffset:38}48%,95%{stroke-dashoffset:0}}
@keyframes win-company{0%,100%{transform:translateY(3px)}50%,80%{transform:translateY(-3px)}}
@keyframes win-revenue{0%,38%,100%{opacity:0;transform:translateY(-22px) scale(.72)}53%,91%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes win-business-build{0%,38%,100%{scale:1 .25;opacity:.4}58%,91%{scale:1 1;opacity:1}}
@keyframes win-business-line{0%,43%,100%{stroke-dashoffset:240;opacity:0}67%,91%{stroke-dashoffset:0;opacity:1}}
@keyframes win-outcome{0%,20%,100%{opacity:0;translate:0 8px}31%,94%{opacity:1;translate:0 0}}
@keyframes win-patient-outcome{0%,39%,100%{opacity:0;translate:0 8px}49%,94%{opacity:1;translate:0 0}}
@keyframes win-business-outcome{0%,52%,100%{opacity:0;translate:0 8px}65%,94%{opacity:1;translate:0 0}}
@keyframes win-connect{0%,17%{left:0;opacity:0}20%{opacity:1}68%{opacity:1}72%,100%{left:100%;opacity:0}}
@keyframes win-celebrate{0%,58%,100%{opacity:0;scale:.2;rotate:-30deg}68%,85%{opacity:1;scale:1;rotate:0deg}94%{opacity:0;scale:.8}}
@media(max-width:1100px){.wins-heading h2{font-size:53px;letter-spacing:-2.6px}.wins-network{gap:16px}.win-copy h3{font-size:29px}.win-description{font-size:13px}}
@media(max-width:800px) and (min-width:601px){.wins-heading h2{font-size:45px;letter-spacing:-2px}.win-visual{height:208px}.wins-connection{top:102px}.win-copy h3{font-size:24px}.win-description{font-size:12px}.win-status{font-size:8px;padding:8px 11px}.win-copy{padding-top:23px}.wins-network{gap:11px}}
@media(max-width:600px){
 .wins-section{padding:48px 0 35px}.wins-heading{margin-bottom:23px}.wins-eyebrow{font-size:7.5px;letter-spacing:1.2px;margin-bottom:12px}
 .wins-heading h2{font-size:37px;letter-spacing:-1.8px;line-height:1.08}.wins-heading h2 br{display:block}.wins-heading h2 span{margin-left:0}
 .wins-network{grid-template-columns:1fr;gap:10px}.wins-connection{display:none}
 .win-persona{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:13px;text-align:left;min-height:157px;padding:9px 12px 12px 5px;border:1px solid #efe8f3;border-radius:18px;background:linear-gradient(100deg,#f7f2fc,#fff 83%)}
 .win-patient{background:linear-gradient(100deg,#fff6ea,#fff 83%);border-color:#f1e8dc}.win-business{background:linear-gradient(100deg,#f0f7e9,#fff 83%);border-color:#e7eddf}
 .win-visual{width:126px;height:133px;margin:0}.win-art{height:124px}.win-copy{padding:0}
 .win-status{font-size:6px;padding:5px 7px;gap:3px;bottom:0;letter-spacing:-.1px}.win-status svg{width:8px;height:8px}
 .win-role{font-size:7px;letter-spacing:1.1px;margin-bottom:7px}.win-copy h3{font-size:23px;letter-spacing:-.7px;line-height:1.12}
 .win-description{font-size:12px;line-height:1.5;margin-top:8px}
 .wins-bottom{margin-top:21px;padding-top:17px;gap:13px}.wins-bottom>p{font-size:9px;gap:6px}.wins-tick{width:18px;height:18px;font-size:10px}
 .wins-replay{font-size:10px;min-height:38px;padding:9px 13px}
}
@media(max-width:360px){
 .wins-section{padding-top:38px}.wins-heading h2{font-size:33px}.wins-eyebrow{font-size:6.5px}
 .win-persona{grid-template-columns:107px minmax(0,1fr);gap:9px;padding-right:9px;min-height:148px}
 .win-visual{width:107px;height:121px}.win-art{height:112px}.win-status{font-size:5.5px;padding-inline:5px}
 .win-copy h3{font-size:20px;letter-spacing:-.6px}.win-description{font-size:11px}.win-role{font-size:6.5px}
 .wins-bottom>p{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.wins-section *{animation:none!important;transition:none!important}.scenes-ready .wins-replay{display:none}}