:root{--blue:#2466f5}header{background:white}main{padding:0}.washer-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 48% 45% at 50% 65%,#e5efff 0%,#f2f6ff 55%,#fbfcff 100%);padding:42px 4% 28px;border-bottom:1px solid #e8eef7}.washer-heading{text-align:center;position:relative;z-index:3}.washer-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#8090a7;font-size:10px;font-weight:500;letter-spacing:1.9px}.washer-heading h2{font-size:clamp(43px,5.15vw,74px);letter-spacing:-.055em;line-height:1.06;font-weight:560;margin:23px 0 19px;color:#172437}.washer-heading h2 span{color:#2466f5}.washer-heading p{font-size:16px;line-height:1.75;color:#7b8a9f;margin:0}.wash-stage{max-width:1160px;margin:14px auto 0;position:relative;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:12px;align-items:center;min-height:425px}.wash-inputs,.wash-outputs{display:grid;gap:13px;position:relative;z-index:3;min-width:0;padding:0 0 13px}.wash-column-label{font-size:9px;letter-spacing:1.5px;color:#98a7ba;margin-bottom:3px;padding-left:10px}.wash-card{padding:14px 13px;display:flex;align-items:center;gap:11px;border-radius:13px;border:1px solid #e2e9f3;background:#ffffffc9;box-shadow:0 5px 20px #25497804;transition:transform .7s,opacity .5s,border-color .5s,box-shadow .5s;min-height:67px}.wash-card strong{font-size:13px;font-weight:550;color:#596c84;display:block;line-height:1.35}.wash-card small{font-size:10px;color:#9aa7b9;display:block;margin-top:5px;line-height:1.4}.wash-icon{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#f0f3f8;color:#8f9fb6;font-size:15px}.problem:nth-of-type(2){transform:rotate(-5deg) translateX(-7px)}.problem:nth-of-type(3){transform:rotate(3deg) translateX(8px)}.problem:nth-of-type(4){transform:rotate(-3deg) translateX(-4px)}.problem:nth-of-type(5){transform:rotate(4deg) translateX(7px)}.solution{border-color:#e0e9f7;background:#fff}.solution strong{color:#345681}.solution .wash-icon{color:#3b7bdc;background:#ecf3ff;font-size:12px}.problem.active{border-color:#b0c9ed;box-shadow:0 5px 24px #346dcc12;transform:rotate(0) translateX(8px)}.solution.active{border-color:#77aaff;box-shadow:0 7px 32px #2466f51a;transform:translateX(-8px)}.solution.active .wash-icon{background:#2466f5;color:#fff}.wash-machine{position:relative;width:100%;isolation:isolate;align-self:center}.washer-image{display:block;width:100%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 23px 24px #26416a17);animation:washer-entrance 1.3s cubic-bezier(.16,1,.3,1) both}.machine-halo{position:absolute;width:90%;aspect-ratio:1;left:5%;top:9%;border-radius:50%;background:radial-gradient(circle,#d2e4ff 0%,#e6f0ff60 50%,transparent 70%);filter:blur(15px);z-index:0}.drum-target{position:absolute;z-index:2;left:50%;top:58%;width:31%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.drum-brand{display:flex;flex-direction:column;align-items:center;gap:5px;color:white;filter:drop-shadow(0 2px 5px #061e5160);font-size:17px;font-weight:650;letter-spacing:-.7px}.drum-brand img{width:29px;height:31px;object-fit:contain}.drum-ring{position:absolute;inset:-10%;border-radius:50%;border:1px solid #83b4ff24;border-top:2px solid #8cc4ff;border-right:2px solid #6b9ef750;opacity:.5;animation:drum-spin 5s linear infinite}.wash-machine.processing .drum-ring{animation-duration:1s;opacity:1;box-shadow:0 0 22px #91beff20}.machine-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;gap:7px;align-items:center;z-index:3;font-size:10px;color:#6b8fc1;border:1px solid #e4edfb;background:#ffffffd9;backdrop-filter:blur(10px);padding:10px 15px;border-radius:99px;box-shadow:0 6px 25px #1d457b08}.machine-dot{height:5px;width:5px;background:#5c94eb;border-radius:50%}.wash-footer{text-align:center;position:relative;z-index:4;margin-top:8px}.wash-actions{display:flex;justify-content:center;align-items:center;gap:27px}.wash-actions .button{padding:15px 25px;font-size:14px}.wash-actions .text-link{font-size:13px;color:#657b99}.wash-footer>p{font-size:11px;color:#8c9bb0;margin-top:16px}.wash-motion-note{display:flex;justify-content:center;align-items:center;gap:13px;font-size:9px;color:#a8b4c5;margin-top:20px}.wash-motion-note button{font-size:10px;border:0;background:transparent;color:#859ab6;cursor:pointer;padding:5px}.flying-card{position:absolute;z-index:6;pointer-events:none;min-height:0;box-shadow:0 10px 30px #346bb920;transform-origin:center;will-change:transform,opacity}.flying-card strong{font-size:12px}.flying-card small{display:none}.washer-heading>*{animation:washer-entrance 1s both}.washer-heading h2{animation-delay:.1s}.washer-heading p{animation-delay:.2s}.wash-paused .drum-ring{animation-play-state:paused}.wash-stage:not(.motion-enabled) .problem{transform:none}.editorial-bridge{padding-top:100px}.washer-hero .wash-card{backdrop-filter:blur(10px)}@keyframes drum-spin{to{rotate:360deg}}@keyframes washer-entrance{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1550px){.washer-hero{padding-top:60px}.wash-stage{margin-top:20px;max-width:1220px}.wash-footer{margin-top:20px}}
@media(max-width:1000px){.washer-hero{padding:35px 4% 26px}.washer-heading h2{font-size:55px}.wash-stage{grid-template-columns:1fr 1.55fr 1fr;gap:8px;min-height:365px}.wash-card{padding:11px 9px;gap:7px;min-height:61px}.wash-card strong{font-size:11px}.wash-card small{font-size:9px}.wash-icon{width:23px;height:23px;font-size:13px}.wash-inputs,.wash-outputs{gap:10px}.wash-column-label{font-size:8px;letter-spacing:1px}.machine-caption{font-size:8px;padding:8px 10px;bottom:-18px}.drum-brand{font-size:13px}.drum-brand img{width:23px;height:25px}.wash-footer{margin-top:24px}.washer-heading p{font-size:15px}}
@media(max-width:600px){.washer-hero{padding:28px 20px 24px}.washer-eyebrow{font-size:8px;letter-spacing:1.3px;gap:7px}.washer-eyebrow img{width:15px;height:17px}.washer-heading h2{font-size:clamp(34px,9vw,48px);letter-spacing:-.05em;line-height:1.1;margin:21px 0 15px}.washer-heading p{font-size:13px;line-height:1.7}.wash-stage{display:flex;flex-direction:column;gap:0;margin-top:27px;min-height:0}.wash-inputs,.wash-outputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding:0}.wash-column-label{grid-column:1/-1;text-align:center;font-size:8px;letter-spacing:1.4px;padding:0;margin-bottom:4px}.wash-card{padding:10px 9px;min-height:52px;gap:7px;border-radius:10px}.wash-card strong{font-size:11px}.wash-card small{display:none}.wash-icon{width:22px;height:22px;font-size:12px}.problem:nth-of-type(n){transform:none}.problem.active{transform:translateY(3px)}.solution.active{transform:translateY(-3px)}.wash-machine{width:78%;max-width:300px;margin:-4px auto 16px}.washer-image{filter:drop-shadow(0 12px 16px #26416a12)}.machine-caption{bottom:-1px;font-size:8px}.wash-outputs{margin-top:5px}.wash-footer{margin-top:25px}.wash-actions{gap:19px}.wash-actions .button{font-size:13px;padding:14px 22px}.wash-actions .text-link{font-size:11px}.wash-footer>p{font-size:10px}.wash-motion-note{font-size:8px;gap:5px;flex-wrap:wrap;margin-top:14px}.wash-motion-note button{font-size:9px}.drum-brand{font-size:14px}.drum-brand img{width:24px;height:26px}.flying-card strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.washer-hero *{animation:none!important;transition:none!important}.flying-card{display:none}.problem,.solution{transform:none!important}}
.drum-target{top:48%}