.guide-v2{align-items:stretch;gap:clamp(40px,6vw,82px);background:linear-gradient(145deg,#fff 0%,#f3f7fc 100%)}
.guide-v2 .guide-copy{align-self:center}.guide-step-tag{display:inline-flex;margin:20px 0 8px;padding:7px 10px;border-radius:999px;background:#e5efff;color:var(--blue-dark);font-size:11px;font-weight:800;letter-spacing:.08em}
.guide-details{display:grid;gap:7px;margin:18px 0 24px;padding:0;list-style:none}.guide-details li{display:flex;align-items:center;gap:9px;color:#44566d;font-size:14px}.guide-details li:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e1edff;color:var(--blue);font-size:11px;font-weight:900}
.guide-experience{position:relative;min-height:650px;overflow:hidden;border:1px solid #c8d5e5;border-radius:28px;background:radial-gradient(circle at 50% 35%,#fff 0,#edf3f9 46%,#dce6f0 100%);box-shadow:0 34px 70px rgba(14,42,86,.18);perspective:1400px;isolation:isolate}
.guide-room-grid{position:absolute;inset:55% -20% -25%;z-index:-1;background:linear-gradient(rgba(34,68,104,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(34,68,104,.12) 1px,transparent 1px);background-size:55px 55px;transform:rotateX(66deg);transform-origin:top}
.v2-scene{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .45s ease,transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.v2-product{display:block;object-fit:contain;filter:drop-shadow(24px 30px 25px rgba(10,35,67,.25));user-select:none;-webkit-user-drag:none}.v2-washer{width:min(79%,540px);max-height:570px}.v2-kiosk{width:min(57%,370px);max-height:570px}.v2-kiosk-scene{opacity:0;pointer-events:none;transform:translateX(85px) rotateY(-18deg) scale(.86)}
.guide-experience[data-scene^="panel-"] .v2-machine-scene{opacity:0;pointer-events:none;transform:translateX(-90px) rotateY(18deg) scale(.84)}.guide-experience[data-scene^="panel-"] .v2-kiosk-scene{opacity:1;pointer-events:auto;transform:none}
.guide-experience[data-scene="load"] .v2-washer{transform:rotateY(-5deg)}.guide-experience[data-scene="run"] .v2-washer{animation:machine-hum .16s linear infinite alternate}.guide-experience[data-scene="unload"] .v2-washer{transform:rotateY(7deg) translateX(12px)}
.running-drum{position:absolute;left:calc(50% + 31px);top:51.5%;z-index:2;width:min(45%,292px);aspect-ratio:1;overflow:hidden;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .35s ease;box-shadow:inset 0 0 24px 13px rgba(2,16,31,.48);pointer-events:none}.running-drum:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.22),transparent 30%,rgba(5,20,35,.13) 72%,rgba(2,12,25,.38));box-shadow:inset 0 0 0 8px rgba(7,22,36,.35)}.running-drum img{width:100%;height:100%;object-fit:cover;border-radius:50%}.guide-experience[data-scene="run"] .running-drum{opacity:.9}.guide-experience[data-scene="run"] .running-drum img{animation:laundry-tumble 2.4s cubic-bezier(.45,.05,.55,.95) infinite}.guide-experience[data-scene="run"] .running-drum{animation:drum-bounce .7s ease-in-out infinite alternate}
.v2-hotspot{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;border:0;background:transparent;opacity:0;pointer-events:none;cursor:pointer}.v2-hotspot span{display:grid;place-items:center;width:46px;height:46px;border:3px solid #fff;border-radius:50%;background:var(--blue);color:#fff;font:800 17px Manrope,sans-serif;box-shadow:0 0 0 10px rgba(7,89,217,.18),0 10px 24px rgba(4,47,121,.28)}.v2-hotspot b{padding:9px 12px;border-radius:7px;background:#fff;color:#0b2d61;font:800 10px Manrope,sans-serif;letter-spacing:.04em;box-shadow:0 8px 22px rgba(12,43,80,.18)}.v2-hotspot.active{opacity:1;pointer-events:auto;animation:hotspot-pulse 1.4s ease-in-out infinite}.hotspot-door{left:18%;top:50%}.hotspot-start{right:15%;top:21%}.hotspot-kiosk{right:10%;top:33%}
.v2-phone{position:absolute;right:7%;bottom:15%;width:190px;padding:28px 18px 20px;border:7px solid #14243a;border-radius:25px;background:#f8fbff;box-shadow:16px 20px 32px rgba(11,39,82,.24);opacity:0;transform:translateY(30px) rotate(7deg) scale(.85);transition:.5s}.v2-phone:before{content:"";position:absolute;top:10px;left:50%;width:38px;height:4px;border-radius:4px;background:#aab5c2;transform:translateX(-50%)}.v2-phone span,.v2-phone b,.v2-phone small{display:block}.v2-phone span{margin-top:7px;color:var(--blue);font-size:8px;font-weight:800}.v2-phone b{margin:15px 0 5px;color:var(--navy);font-size:14px}.v2-phone small{color:#617187}.guide-experience[data-scene="run"] .v2-phone{opacity:1;transform:rotate(4deg) scale(1)}
.kiosk-flow{position:absolute;left:6%;top:8%;display:grid;gap:7px}.kiosk-flow span{padding:7px 9px;border-radius:6px;background:rgba(255,255,255,.9);color:#274665;font-size:9px;font-weight:800;box-shadow:0 5px 14px rgba(22,50,82,.12)}
.kiosk-live-screen{position:absolute;left:50%;top:12%;z-index:3;width:min(31%,220px);min-width:184px;height:315px;overflow:hidden;border-radius:9px;background:#26323b;color:#fff;transform:translateX(-58%);box-shadow:inset 0 0 0 5px #111b23,0 8px 20px rgba(4,24,47,.25)}.kiosk-demo-head{display:grid;padding:12px 14px 9px;text-align:center}.kiosk-demo-head strong{font-size:19px;letter-spacing:.08em}.kiosk-demo-head small{margin:5px -14px -9px;padding:4px;background:#ef5b47;font-size:7px;font-weight:800;letter-spacing:.09em}.kiosk-screen-page{position:absolute;inset:65px 7px 7px;display:none;padding:12px 10px;border-radius:5px;background:#eef5fa;color:#213950;text-align:center}.kiosk-screen-page>p{margin:0 0 11px;font-size:11px;font-weight:800}.guide-experience[data-scene="panel-type"] .kiosk-type-page,.guide-experience[data-scene="panel-number"] .kiosk-number-page,.guide-experience[data-scene="panel-pay"] .kiosk-pay-page{display:block}.kiosk-type-grid{display:grid;gap:10px}.kiosk-choice{display:grid;grid-template-columns:48px 1fr;align-items:center;min-height:82px;border:2px solid rgba(0,0,0,.08);border-radius:8px;color:#fff;font:800 13px Manrope,sans-serif;cursor:pointer;box-shadow:0 5px 12px rgba(10,40,75,.14)}.washer-choice{background:linear-gradient(145deg,#19aee2,#0786c8)}.dryer-choice{background:linear-gradient(145deg,#ffb333,#ed7d17)}.appliance-icon{display:grid;place-items:center;width:40px;height:40px;margin-left:7px;border:4px solid rgba(255,255,255,.9);border-radius:50%;font-size:18px}.appliance-icon.heat{font-size:23px}.machine-number-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.machine-number-grid button{min-height:62px;border:1px solid #cad6e0;border-radius:8px;background:#fff;color:#163a63;font:800 22px Manrope,sans-serif}.machine-number-grid .active{border-color:var(--blue);background:#e0edff;box-shadow:0 0 0 5px rgba(7,89,217,.16);cursor:pointer;animation:hotspot-pulse 1.4s ease-in-out infinite}.payment-summary{display:grid;gap:8px;margin:3px 0 14px;padding:12px;border:1px solid #d4dee8;border-radius:8px;background:#fff;text-align:left}.payment-summary span,.payment-summary b,.payment-summary small{display:block}.payment-summary b{color:#12345c;font-size:14px}.payment-summary small{margin-top:3px;color:#65768a;font-size:9px}.payment-summary>strong{padding-top:8px;border-top:1px solid #e1e7ed;color:#103b70;font-size:10px}.kiosk-pay-button{width:100%;padding:12px 8px;border:0;border-radius:6px;background:var(--blue);color:#fff;font:800 9px Manrope,sans-serif;letter-spacing:.03em}.kiosk-pay-button.active{box-shadow:0 0 0 7px rgba(7,89,217,.17);cursor:pointer;animation:hotspot-pulse 1.4s ease-in-out infinite}.kiosk-methods{display:block;margin-top:11px;color:#647386;font-size:7px;line-height:1.4}
.kiosk-choice.active{box-shadow:0 0 0 6px rgba(255,255,255,.75),0 0 0 11px rgba(7,89,217,.22);animation:hotspot-pulse 1.4s ease-in-out infinite}.guide-scene-label{position:absolute;left:22px;top:22px;z-index:5;padding:9px 12px;border:1px solid rgba(19,61,112,.15);border-radius:8px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);color:#234b78;font-size:10px;font-weight:800;letter-spacing:.07em}.guide-v2 .action-arrow{position:absolute;left:50%;bottom:18px;z-index:6;transform:translateX(-50%);padding:10px 14px;border-radius:8px;background:#0b2d61;color:#fff;font-size:11px;font-weight:800;white-space:nowrap;animation:arrow-up-v2 1.3s ease-in-out infinite}
@keyframes hotspot-pulse{50%{transform:scale(1.06)}}@keyframes machine-hum{to{transform:translateX(1px)}}@keyframes laundry-tumble{0%{transform:rotate(0deg) scale(1.03)}45%{transform:rotate(155deg) scale(1.08)}100%{transform:rotate(360deg) scale(1.03)}}@keyframes drum-bounce{to{transform:translate(-50%,-50%) scale(.93)}}@keyframes arrow-up-v2{50%{transform:translate(-50%,-7px)}}
@media(max-width:900px){.guide-experience{min-height:560px}.v2-washer{width:min(86%,470px)}.v2-kiosk{width:min(66%,330px)}.kiosk-live-screen{top:12%;width:190px;height:282px}.kiosk-screen-page{inset:60px 6px 6px;padding:10px 8px}.kiosk-choice{min-height:70px}.machine-number-grid button{min-height:53px}.hotspot-door{left:10%;top:51%}.hotspot-start{right:7%;top:22%}.hotspot-kiosk{right:3%;top:34%}.v2-phone{right:3%;bottom:17%;width:155px}.v2-hotspot b{display:none}}
@media(max-width:560px){.guide-experience{min-height:480px;border-radius:20px}.v2-washer{width:96%;max-height:425px}.v2-kiosk{width:75%;max-height:425px}.kiosk-live-screen{top:14%;width:165px;min-width:165px;height:235px}.kiosk-demo-head{padding:8px 10px 7px}.kiosk-demo-head strong{font-size:15px}.kiosk-demo-head small{margin:4px -10px -7px}.kiosk-screen-page{inset:47px 5px 5px;padding:8px 7px}.kiosk-screen-page>p{margin-bottom:7px;font-size:9px}.kiosk-type-grid{gap:7px}.kiosk-choice{grid-template-columns:38px 1fr;min-height:61px;font-size:11px}.appliance-icon{width:31px;height:31px;margin-left:4px}.machine-number-grid{gap:6px}.machine-number-grid button{min-height:42px;font-size:17px}.payment-summary{margin-bottom:8px;padding:8px}.kiosk-pay-button{padding:9px 5px}.kiosk-methods{margin-top:6px}.guide-scene-label{left:12px;top:12px}.hotspot-door{left:7%;top:53%}.hotspot-start{right:5%;top:23%}.hotspot-kiosk{right:3%;top:32%}.v2-phone{right:3%;bottom:17%;width:137px;padding:24px 13px 17px}.guide-v2 .action-arrow{bottom:12px}}
@media(prefers-reduced-motion:reduce){.v2-scene,.v2-phone,.v2-hotspot.active,.guide-v2 .action-arrow,.guide-experience[data-scene="run"] .v2-washer,.guide-experience[data-scene="run"] .running-drum,.guide-experience[data-scene="run"] .running-drum img{animation:none;transition:none}}

/* Front-on kiosk: the interactive interface sits inside the photographed screen. */
.v2-kiosk{width:auto;height:570px;max-width:none;max-height:570px;filter:drop-shadow(0 28px 24px rgba(10,35,67,.24))}.v2-kiosk-scene{transform:translateX(70px) scale(.9)}.kiosk-live-screen{left:50%;top:10.2%;width:168px;min-width:0;height:282px;border-radius:2px;transform:translateX(-50%);box-shadow:inset 0 0 0 3px #111b23}
@media(max-width:900px){.v2-kiosk{height:500px}.kiosk-live-screen{top:10.2%;width:147px;height:247px}}
@media(max-width:560px){.v2-kiosk{height:430px}.kiosk-live-screen{top:10.2%;width:126px;min-width:0;height:213px}.kiosk-demo-head strong{font-size:12px}.kiosk-screen-page{inset:43px 4px 4px}.kiosk-choice{grid-template-columns:30px 1fr;min-height:48px}.appliance-icon{width:25px;height:25px;border-width:3px;font-size:13px}.machine-number-grid button{min-height:34px}}

/* Final guide geometry: controls stay attached to their product at every size. */
.guide-experience{overflow:visible;padding:28px 28px 68px}.v2-scene{inset:20px 20px 58px}.washer-unit{position:relative;width:min(82%,540px);aspect-ratio:1230/1278;transform-style:preserve-3d}.washer-unit .v2-washer{position:relative;z-index:3;width:100%;height:100%;max-height:none;object-fit:contain}.washer-unit .running-drum{left:56.1%;top:49.3%;z-index:4;width:40.5%;max-width:none}.washer-unit .hotspot-door{left:40%;top:45%;z-index:12}.washer-unit .hotspot-start{left:75%;right:auto;top:10%;z-index:12}.guide-experience[data-scene="load"] .washer-unit{transform:rotateY(-4deg)}.guide-experience[data-scene="unload"] .washer-unit{transform:rotateY(5deg)}.guide-experience[data-scene="load"] .v2-washer,.guide-experience[data-scene="unload"] .v2-washer{transform:none}.guide-experience[data-scene="run"] .v2-washer{animation:machine-hum .16s linear infinite alternate}.guide-experience[data-scene="run"] .running-drum{opacity:.92}
.kiosk-unit{position:relative;height:570px;aspect-ratio:2/3}.kiosk-unit .v2-kiosk{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.kiosk-unit .kiosk-live-screen{left:50%;top:8.15%;width:40%;height:49.2%;min-width:0;transform:translateX(-50%);border-radius:2px;box-shadow:inset 0 0 0 3px #111b23}.kiosk-flow{z-index:10}.guide-v2 .action-arrow{z-index:20}.guide-scene-label{z-index:20}
@media(max-width:900px){.guide-experience{min-height:590px;padding:20px 20px 66px}.v2-scene{inset:18px 12px 58px}.washer-unit{width:min(90%,470px)}.kiosk-unit{height:500px}.washer-unit .hotspot-door{left:36%;top:46%}.washer-unit .hotspot-start{left:72%;top:10%}}
@media(max-width:560px){.guide-experience{min-height:520px;padding:16px 12px 72px}.v2-scene{inset:38px 6px 64px}.washer-unit{width:100%;max-width:410px}.kiosk-unit{height:430px}.washer-unit .running-drum{left:56.1%;top:49.3%;width:40%}.washer-unit .hotspot-door{left:34%;top:47%}.washer-unit .hotspot-start{left:70%;top:10%}.guide-v2 .action-arrow{bottom:14px;max-width:calc(100% - 24px);white-space:normal;text-align:center}.kiosk-flow{display:none}}
.guide-experience{overflow:hidden}@media(max-width:560px){.washer-unit{max-width:395px}.kiosk-unit{height:405px}}

/* Guide interaction fixes: larger door target, nine machine choices, and round markers. */
.v2-hotspot span{flex:0 0 46px;width:46px;height:46px;aspect-ratio:1;padding:0;box-sizing:border-box}
.v2-hotspot>*{pointer-events:none}.v2-hotspot span{position:relative;z-index:30;pointer-events:auto!important;touch-action:manipulation;cursor:pointer}
.washer-unit .hotspot-door,.washer-unit .hotspot-close{left:31%;top:27%;width:51%;height:51%;justify-content:center;border-radius:50%}
.washer-unit .hotspot-door.active{animation:none}
.washer-unit .hotspot-close.active{animation:none}
.washer-unit .hotspot-door.active span,.washer-unit .hotspot-close.active span{animation:hotspot-pulse 1.4s ease-in-out infinite}
.machine-number-grid{grid-template-columns:repeat(3,1fr);gap:7px}
.machine-number-grid button{position:relative;min-height:43px;font-size:16px}
.kiosk-choice,.kiosk-pay-button{position:relative}
.guide-button-step{position:absolute;right:5px;top:5px;z-index:8;display:grid!important;place-items:center;width:30px!important;height:30px!important;border:2px solid #fff;border-radius:50%;background:var(--blue);color:#fff;font:800 13px Manrope,sans-serif;box-shadow:0 0 0 5px rgba(7,89,217,.2);cursor:pointer;pointer-events:auto;touch-action:manipulation}
@media(max-width:900px){.washer-unit .hotspot-door,.washer-unit .hotspot-close{left:29%;top:28%;width:53%;height:53%}.machine-number-grid button{min-height:38px}}
@media(max-width:560px){.washer-unit .hotspot-door,.washer-unit .hotspot-close{left:28%;top:29%;width:55%;height:55%}.machine-number-grid{gap:4px}.machine-number-grid button{min-height:29px;font-size:13px}.guide-button-step{right:3px;top:3px;width:24px!important;height:24px!important;font-size:11px}}