/* A more tactile, interactive expression of the existing We Clean identity. */
:root{--blue:#245d80;--ink:#173c50;--muted:#597080}header{height:100px}.announcement{background:#183f54;color:#f3f9fd}.button{border-radius:50px;box-shadow:0 5px 14px #204a6810;padding:18px 25px}.button:hover{box-shadow:0 8px 24px #204a6829;transform:translateY(-3px)}header .button{border-radius:7px}.hero-experience{width:min(1510px,calc(100% - 36px));padding:62px max(36px,calc((100vw - 1220px)/2)) 60px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.2fr;gap:42px;position:relative;background:#e7f2f9;border:1px solid #d6e8f2;border-radius:26px;isolation:isolate;overflow:hidden}.hero-experience:before{content:'';position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#ffffffd6 0%,#fff0 68%);left:-210px;top:-220px;z-index:-1}.hero-experience .hero-copy{z-index:2;padding-bottom:14px}.hero-experience .hero-copy>.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:30px}.hero-experience h1{font-size:clamp(53px,5.8vw,86px);letter-spacing:-4px;line-height:.99}.hero-experience h1 .serif{font-size:1.1em;color:#438db4}.time-underline{position:relative;display:inline-block;padding-bottom:10px}.time-underline>svg{width:100%;height:20px;position:absolute;bottom:-1px;left:0;fill:none;stroke:#7eb9d7;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:0;animation:draw-in 1.8s ease-out both}.hero-experience .hero-copy>p{font-size:14px;line-height:1.85;max-width:355px;margin:29px 0}.hero-experience .hero-actions{gap:22px;align-items:center;flex-wrap:wrap}.hero-experience .hero-actions .text-link{font-size:11px;white-space:nowrap;text-decoration:none}.hero-experience .hero-reassurance{font-size:10px;margin-top:27px}.hero-experience .hero-visual{margin:0;min-width:0;z-index:2}.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.hero-atmosphere i{position:absolute;border:1px solid #c4dfed;border-radius:50%;background:radial-gradient(circle at 22% 20%,#ffffffd9 0,#ffffff2b 25%,#badcec13 55%,#9fcce339 85%,#fff9);box-shadow:inset 5px 5px 14px #fff8,inset -5px -5px 12px #adced333;animation:bubble-drift 10s ease-in-out infinite}.hero-atmosphere i:nth-child(1){width:150px;height:150px;left:-65px;bottom:2%}.hero-atmosphere i:nth-child(2){width:62px;height:62px;left:36%;top:4%;animation-delay:-4s}.hero-atmosphere i:nth-child(3){width:35px;height:35px;left:42%;bottom:21%;animation-delay:-6s}.hero-atmosphere i:nth-child(4){width:110px;height:110px;right:-37px;top:4%;animation-delay:-2s}.scene-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:8px;letter-spacing:1.1px}.scene-kicker{display:flex;align-items:center;gap:7px}.scene-kicker i{height:5px;width:5px;background:#75a392;border-radius:50%}.scene-index{color:#6c8593;font-size:7px}.comparison{width:100%;aspect-ratio:1.15;position:relative;border-radius:100px 15px 15px 15px;overflow:hidden;isolation:isolate;box-shadow:0 20px 35px #1a4e6814;background:#c2b9a9}.comparison>img{width:100%;height:100%;object-fit:cover;object-position:43% center;position:absolute;inset:0;pointer-events:none}.scene-after{clip-path:inset(0 calc(100% - var(--clean)) 0 0);z-index:1;will-change:clip-path}.scene-before{z-index:0}.scene-shade{position:absolute;inset:0;background:linear-gradient(#122c4529,transparent 25%,transparent 65%,#132b424d);z-index:2;pointer-events:none}.scene-label{position:absolute;top:24px;z-index:3;font-size:8px;letter-spacing:1.1px;color:#fff;text-shadow:0 2px 6px #173540}.scene-label span{display:block;font-size:10px;font-weight:600;margin-top:5px}.label-after{left:44px;top:55px}.label-before{right:21px;text-align:right}.wipe-edge{position:absolute;z-index:4;left:clamp(2px,var(--clean),calc(100% - 2px));top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 20px #fff9;pointer-events:none;transform:translateX(-50%)}.wipe-edge>span{width:52px;height:52px;border-radius:50%;background:#fffffff0;box-shadow:0 3px 24px #22486240;position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:5px;color:#467693;font-size:23px}.wipe-edge svg{fill:#709fba;width:22px;height:22px}.comparison-slider{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:7;opacity:0;cursor:ew-resize;margin:0!important;min-height:0;padding:0;touch-action:pan-y}.comparison:focus-within{outline:3px solid #286da0;outline-offset:5px}.drag-cue{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;background:#ffffffec;color:#254d63;border:1px solid #fff;padding:12px 17px;border-radius:30px;font-size:7px;letter-spacing:.9px;white-space:nowrap;pointer-events:none;box-shadow:0 3px 20px #16476820;transition:opacity .25s}.comparison.is-clean .drag-cue{opacity:0}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:15px}.scene-switch{display:flex;background:#d8e8f1;border-radius:25px;padding:3px;gap:3px}.scene-switch button{border-radius:25px;font-size:10px;padding:8px 15px;color:#496d82;transition:background .2s}.scene-switch button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #1739500c;color:#1e4f6b}.play-clean{font-size:11px;display:flex;align-items:center;gap:9px;font-weight:600;min-height:40px}.play-clean>span:first-child{font-size:26px;line-height:1;color:#6194b2}.play-clean:hover>span:first-child{transform:rotate(35deg);transition:transform .4s}.scene-footnote{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#677f8d;margin:10px 0 0;gap:10px;line-height:1.6}.scene-footnote button{font-size:8px;padding:4px 0;color:#587589;white-space:nowrap}.fresh-offer{display:flex;align-items:center;gap:16px;background:white;border:1px solid #d7e6ee;border-radius:13px;padding:18px 22px;text-align:left;margin:25px 0 0;width:100%;box-shadow:0 8px 20px #244b6510;transition:transform .25s,box-shadow .25s}.fresh-offer:hover{transform:translateY(-4px);box-shadow:0 13px 25px #244b6520}.offer-mini-spark{font-size:36px;color:#79a8c1}.fresh-offer small{font-size:7px;letter-spacing:1px;display:block;margin-bottom:7px}.fresh-offer strong{font-size:19px;font-weight:500;letter-spacing:-.6px}.fresh-offer b{color:#347394}.fresh-offer-arrow{margin-left:auto;font-size:24px;color:#6794ac}.clean-sparkles{position:absolute;inset:0;z-index:5;pointer-events:none}.clean-sparkles span{position:absolute;color:white;opacity:0;text-shadow:0 0 14px #fff}.clean-sparkles span:nth-child(1){left:23%;top:35%;font-size:42px}.clean-sparkles span:nth-child(2){left:65%;top:25%;font-size:28px}.clean-sparkles span:nth-child(3){left:73%;top:68%;font-size:55px}.clean-sparkles span:nth-child(4){left:38%;top:70%;font-size:25px}.celebrate-clean .clean-sparkles span{animation:clean-twinkle 950ms ease both}.celebrate-clean .clean-sparkles span:nth-child(2){animation-delay:.12s}.celebrate-clean .clean-sparkles span:nth-child(3){animation-delay:.23s}.celebrate-clean .clean-sparkles span:nth-child(4){animation-delay:.35s}.trust-strip{background:white;border:0;margin-top:12px}.trust-strip>.wrap{border-bottom:1px solid #dbe8ef;padding:30px 15px}.time-section{text-align:center;padding:95px 0 55px;position:relative}.time-section .eyebrow{font-size:9px;color:#648399}.time-section h2{font-size:clamp(40px,5vw,66px)}.time-section>p{font-size:14px;margin:22px 0 25px}.time-choices{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.time-choices button{border:1px solid #d4e3ec;background:white;border-radius:40px;padding:13px 20px;font-size:12px;transition:background .25s,border-color .25s,transform .25s}.time-choices button>span{padding-left:10px;color:#50819d;font-size:17px}.time-choices button:hover{transform:translateY(-3px)}.time-choices button.active{background:#e5f1f8;border-color:#9cc3da}.weekend-story{margin:32px auto 0;width:min(620px,100%);padding:28px 35px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-block:1px solid #e2edf3;text-align:left}.weekend-number{font-family:var(--serif);color:#a4c4d6;font-style:italic;font-size:55px;line-height:1}.weekend-story p{font-size:17px;color:#395b70;line-height:1.4;margin:0;flex:1;letter-spacing:-.4px}.weekend-story p em{font-family:var(--serif);font-size:29px;color:#376c8c}.weekend-drawing{width:75px;height:70px;fill:none;stroke:#79a6be;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.weekend-story.story-change{animation:story-in .45s ease both}.time-orbit{position:absolute;left:40px;top:110px;width:92px;height:92px;border:1px solid #dcebf4;border-radius:50%;transform:rotate(-15deg)}.time-orbit>span{font-size:53px;color:#bad6e6;display:grid;place-items:center;height:100%}.time-orbit i{position:absolute;width:14px;height:14px;background:#e4f1f9;border-radius:50%;top:2px;left:5px}.time-orbit i:last-child{width:8px;height:8px;top:auto;bottom:-5px;left:66px}.service-grid{gap:26px}.service-card{border-radius:20px;padding:38px;box-shadow:0 8px 24px #254c6510;transition:transform .4s,box-shadow .4s;min-height:360px}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 38px #254c6520}.home-card{background:linear-gradient(140deg,#e6f2fb,#f3f9fd)}.office-card{background:linear-gradient(140deg,#e9eeeb,#f6f8f4)}.line-icon{transition:transform .4s}.service-card:hover .line-icon{transform:translateY(-4px) rotate(-5deg)}.service-card:after{content:'';position:absolute;right:-26px;bottom:65px;width:120px;height:120px;border:1px solid #fff9;border-radius:50%;box-shadow:inset 3px 4px 15px #ffffffad;pointer-events:none}.offer-section{border-radius:22px;border:1px solid #dce9f1}.offer-art{background:linear-gradient(135deg,#c6e4f4,#e2f2fb)}.offer-art .bubble{animation-duration:7s}.why-section{background:#173e53;color:white}.why-copy>.eyebrow{color:#aed2e6}.why-copy>p,.why-copy .value p{color:#c0d4df}.value>span{background:#2d586e;color:#c6e5f5}.why-copy h2{font-size:48px}.why-grid{gap:65px;grid-template-columns:1.1fr 1fr}.detail-scene{height:555px;border-radius:18px;overflow:hidden;position:relative;background:#dde5e7}.detail-scene>img{width:100%;height:100%;object-fit:cover;object-position:32% center}.detail-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(#0a233b35,transparent 30%,transparent 45%,#0d273ade);pointer-events:none}.detail-scene-label{position:absolute;top:26px;left:25px;z-index:2;font-size:8px;letter-spacing:1.2px;color:white}.hotspot{position:absolute;width:42px;height:42px;border-radius:50%;z-index:3;padding:0;background:#fffffff0;color:#245878;box-shadow:0 0 0 7px #ffffff3d;display:grid;place-items:center;transition:transform .2s,box-shadow .2s}.hotspot:before{content:'';position:absolute;inset:-7px;border:1px solid #ffffffb5;border-radius:50%;animation:hotspot-pulse 3s ease-out infinite}.hotspot>span{font-size:26px;font-weight:400;line-height:1}.hotspot.active{background:#285f81;color:white;box-shadow:0 0 0 7px #ffffff8a}.hotspot:hover{transform:scale(1.08)}.spot-window{left:16%;top:30%}.spot-table{left:57%;top:52%}.spot-floor{left:18%;top:62%}.hotspot-caption{position:absolute;bottom:40px;left:25px;right:25px;z-index:2;pointer-events:none}.hotspot-caption>span{font-size:8px;letter-spacing:1.5px;color:#d0e8f3}.hotspot-caption h3{font-size:29px;color:white;margin:12px 0 9px;font-weight:450}.hotspot-caption p{font-size:12px;line-height:1.65;color:#d4e2ea;margin:0;max-width:360px}.hotspot-help{position:absolute;z-index:3;bottom:13px;left:25px;font-size:8px;color:#c3d9e8}.plan-card{transition:transform .3s,box-shadow .3s}.plan-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #234b6612}.plan-card.featured{box-shadow:0 10px 30px #35709114}.closing{background:linear-gradient(130deg,#d9edf8,#eef7fc);border:1px solid #cce3f1;border-radius:24px}.closing .button{padding:20px 30px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .js-motion .reveal{opacity:1;transform:none}@keyframes bubble-drift{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(9px,-18px,0) rotate(8deg)}}@keyframes draw-in{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes clean-twinkle{0%{opacity:0;transform:scale(.3) rotate(-25deg)}40%{opacity:1;transform:scale(1.1) rotate(5deg)}100%{opacity:0;transform:scale(.8) rotate(20deg)}}@keyframes story-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:.6}80%,100%{transform:scale(1.5);opacity:0}}@media(min-width:1450px){.hero-experience{padding:68px 75px 62px;grid-template-columns:.95fr 1.2fr;gap:60px}.hero-experience h1{font-size:94px}.comparison{aspect-ratio:1.25}}@media(max-width:1100px){.hero-experience{padding:45px 30px;gap:28px;grid-template-columns:.9fr 1.1fr}.hero-experience h1{font-size:65px;letter-spacing:-3.3px}.hero-experience .hero-copy>.eyebrow{font-size:7px;letter-spacing:1px}.hero-experience .hero-copy>p{font-size:13px}.hero-experience .hero-actions{gap:14px}.hero-experience .hero-actions .button{font-size:12px;padding:17px 22px}.hero-experience .hero-reassurance{font-size:8px}.comparison{aspect-ratio:.92;border-top-left-radius:70px}.scene-index{display:none}.scene-footnote{font-size:7px}.fresh-offer{padding:15px 18px;gap:11px;margin-top:20px}.fresh-offer strong{font-size:17px}.fresh-offer small{font-size:6px}.time-orbit{left:0;width:70px;height:70px}.why-grid{gap:40px}.why-copy h2{font-size:39px}.hotspot-caption h3{font-size:25px}}@media(max-width:800px){.hero-experience{grid-template-columns:1fr;gap:40px;padding:45px 30px 35px;width:calc(100% - 30px);border-radius:22px}.hero-experience .hero-copy{max-width:none;padding-bottom:0}.hero-experience h1{font-size:76px;letter-spacing:-3.5px}.hero-experience .hero-copy>.eyebrow{font-size:9px}.hero-experience .hero-copy>p{font-size:15px;max-width:470px}.hero-experience .hero-actions{gap:25px}.hero-experience .hero-actions .button{font-size:13px;padding:18px 24px}.hero-experience .hero-reassurance{font-size:10px}.comparison{aspect-ratio:1.4;border-radius:75px 14px 14px 14px}.scene-index{display:block}.scene-footnote{font-size:8px}.fresh-offer{margin-top:18px;padding:18px 23px}.fresh-offer strong{font-size:21px}.fresh-offer small{font-size:8px}.hero-atmosphere i:nth-child(2){left:auto;right:20px;top:55px;width:95px;height:95px}.hero-atmosphere i:nth-child(3){left:auto;right:80px;top:170px}.time-section{padding-top:70px}.time-orbit{display:none}.why-grid{grid-template-columns:1fr;gap:40px}.detail-scene{height:530px}.detail-scene>img{object-position:50% center}.why-copy{max-width:600px}.why-copy h2{font-size:46px}.why-copy>p{font-size:14px}.spot-window{left:16%;top:30%}.spot-table{left:51%;top:51%}.hotspot-caption h3{font-size:30px}.hotspot-caption p{max-width:400px}}@media(max-width:520px){header{height:84px}.hero-experience{width:calc(100% - 20px);padding:34px 18px 23px;border-radius:18px;gap:32px}.hero-experience h1{font-size:clamp(49px,14vw,64px);letter-spacing:-3px}.hero-experience .hero-copy>.eyebrow{font-size:6.5px;letter-spacing:1.1px;margin-bottom:23px}.hero-experience .hero-copy>p{font-size:12px;margin:25px 0 23px;max-width:300px}.hero-experience .hero-actions{gap:18px;flex-wrap:nowrap}.hero-experience .hero-actions .button{padding:16px 19px;font-size:10px;gap:14px;white-space:nowrap}.hero-experience .hero-actions .text-link{font-size:9px}.hero-experience .hero-reassurance{font-size:8px;margin-top:21px}.hero-experience .hero-reassurance .shield{width:18px;height:20px}.hero-experience .time-underline{padding-bottom:8px}.time-underline>svg{height:15px;bottom:-2px}.comparison{aspect-ratio:1.03;border-top-left-radius:60px;box-shadow:0 10px 25px #183f5315}.scene-heading{font-size:7px;letter-spacing:.7px;margin-bottom:11px}.scene-index{font-size:6px}.scene-label{font-size:6px}.scene-label span{font-size:8px}.label-after{left:24px;top:48px}.label-before{right:17px;top:21px}.wipe-edge>span{width:44px;height:44px;font-size:20px;gap:3px}.wipe-edge svg{width:18px;height:18px}.drag-cue{font-size:6px;letter-spacing:.5px;padding:10px 11px;bottom:15px}.scene-toolbar{margin-top:13px}.scene-switch button{font-size:9px;padding:9px 13px}.play-clean{font-size:10px;gap:6px}.play-clean>span:first-child{font-size:23px}.scene-footnote{font-size:6.5px;gap:10px;margin-top:10px}.scene-footnote button{font-size:7px}.fresh-offer{margin-top:18px;padding:15px 15px;gap:12px;border-radius:11px}.fresh-offer strong{font-size:18px}.fresh-offer small{font-size:6px;letter-spacing:.7px}.offer-mini-spark{font-size:31px}.fresh-offer-arrow{font-size:22px}.hero-atmosphere i:nth-child(2){width:68px;height:68px;right:-20px;top:51px}.hero-atmosphere i:nth-child(3){right:25px;top:146px;width:20px;height:20px}.hero-atmosphere i:nth-child(1){width:80px;height:80px;left:-40px;bottom:40%}.trust-strip{margin-top:6px}.trust-strip>.wrap{padding:22px 0}.time-section{padding:60px 0 25px}.time-section .eyebrow{font-size:7px;letter-spacing:1.2px}.time-section h2{font-size:40px}.time-section>p{font-size:12px;margin:20px 0}.time-choices{gap:8px}.time-choices button{font-size:10px;padding:10px 13px}.time-choices button>span{padding-left:6px;font-size:15px}.weekend-story{padding:24px 7px;gap:15px;margin-top:25px}.weekend-number{font-size:38px}.weekend-story p{font-size:13px;letter-spacing:-.3px}.weekend-story p em{font-size:23px}.weekend-drawing{width:53px;height:58px}.service-card{min-height:340px;padding:29px}.why-section{padding:45px 0}.detail-scene{height:480px;border-radius:14px}.detail-scene-label{font-size:7px;left:20px;top:23px}.hotspot{width:36px;height:36px}.hotspot>span{font-size:22px}.hotspot-caption{left:20px;right:20px;bottom:38px}.hotspot-caption h3{font-size:26px}.hotspot-caption p{font-size:11px;line-height:1.7}.hotspot-help{left:20px;font-size:7px}.spot-table{left:58%;top:50%}.spot-floor{left:16%;top:57%}.why-copy h2{font-size:39px}.why-copy>p{font-size:13px}.closing .button{padding:18px 25px}.motion-paused .hero-atmosphere i{animation-play-state:paused}.footer-top .brand .original-logo{max-width:145px}}@media(prefers-reduced-motion:reduce){.time-underline>svg{stroke-dashoffset:0}.clean-sparkles{display:none}.comparison .scene-after{will-change:auto}.hero-atmosphere i,.hotspot:before{animation:none}.service-card:hover,.plan-card:hover,.time-choices button:hover,.button:hover{transform:none}}
@media(min-width:801px) and (max-width:1100px){.hero-experience h1{font-size:55px;letter-spacing:-2.8px}.comparison{aspect-ratio:1.1}.hero-experience .hero-copy>p{font-size:12px}.hero-experience .hero-copy>.eyebrow{letter-spacing:.7px;font-size:6.5px}.hero-experience .hero-actions .text-link{font-size:10px}.hero-experience{padding-top:35px;padding-bottom:35px}}.motion-paused.js-motion .reveal{opacity:1;transform:none}.motion-paused *{transition-duration:0s!important}
.spot-table{top:63%;left:56%}.spot-floor{top:68%;left:10%}@media(max-width:520px){.hero-experience{padding-top:26px;gap:27px}.hero-experience h1{font-size:clamp(46px,13.3vw,60px)}.hero-experience .hero-copy>.eyebrow{margin-bottom:18px}.hero-experience .hero-copy>p{margin:19px 0;line-height:1.7}.hero-experience .hero-reassurance{margin-top:17px}.comparison{aspect-ratio:1.16}.spot-table{top:62%;left:58%}.spot-floor{top:67%;left:10%}}