.product-flow{padding:48px 0;background:linear-gradient(120deg,#f4fbff,#fff6fb)}.product-flow .flow-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.flow-head h2{font-size:clamp(25px,3vw,38px);margin:0}.flow-head p{margin:0;color:#526077}.flow-window{position:relative;overflow:hidden;border:1px solid #dce8ef;border-radius:28px;background:linear-gradient(120deg,#fff,#fff5e8);aspect-ratio:2.4}.flow-track{height:100%;display:flex;transition:transform .7s ease;will-change:transform}.flow-slide{position:relative;flex:0 0 100%;min-width:0;height:100%}.flow-slide img{width:100%;height:100%;object-fit:contain;display:block}.flow-copy{position:absolute;inset:0 auto 0 0;width:37%;padding:clamp(18px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.flow-copy .eyebrow{font-size:12px;color:#be0071;font-weight:700;letter-spacing:1px;margin-bottom:12px}.flow-copy h3{font-size:clamp(24px,3.5vw,45px);line-height:1.12;margin:0 0 16px;max-width:310px}.flow-copy p{color:#53647a;line-height:1.5;font-size:15px;margin:0 0 18px;max-width:285px}.flow-copy button{font-size:13px;padding:11px 14px}.flow-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:12px}.flow-dots{display:flex;gap:7px}.flow-dots button{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#b4c9d5;cursor:pointer}.flow-dots button[aria-pressed=true]{background:#ec008c;width:28px;border-radius:7px}.flow-nav{display:flex;gap:8px}.flow-nav button{min-width:44px;min-height:44px;background:white;color:#17394c;border:1px solid #c7dce7;border-radius:12px;font:inherit;cursor:pointer}.flow-status{color:#627185;font-size:13px}.flow-slide:not([aria-hidden=false]) button{visibility:hidden}@media(max-width:700px){.product-flow{padding:30px 0}.flow-head{align-items:start!important;flex-direction:column}.flow-window{aspect-ratio:auto;height:510px}.flow-slide img{height:270px;position:absolute;bottom:0;object-fit:contain}.flow-copy{width:100%;height:245px;padding:24px;justify-content:flex-start}.flow-copy h3{font-size:29px;max-width:none;margin-bottom:10px}.flow-copy p{font-size:14px;max-width:none;margin-bottom:12px}.flow-copy .eyebrow{margin-bottom:8px}.flow-status{display:none}.flow-controls{justify-content:space-between}.flow-nav button{font-size:13px}.flow-slide img{object-position:center bottom}}
@media(prefers-reduced-motion:reduce){.flow-track{transition:none;will-change:auto}}

.flow-copy h3{font-weight:800;letter-spacing:-1.2px;color:#17394c;font-size:clamp(25px,3.2vw,42px)}.flow-copy .eyebrow{letter-spacing:2.2px}.flow-copy h3:after{content:"";display:block;width:74px;height:4px;margin-top:16px;background:linear-gradient(90deg,#ec008c 0 36%,#00aeef 36% 72%,#ffde00 72%);border-radius:3px}@media(max-width:700px){.flow-window{height:550px}.flow-copy{height:275px}.flow-copy h3{font-size:29px;letter-spacing:-.8px}.flow-copy h3:after{margin-top:10px}}