/* Homepage motion and composition based on the supplied reference. */
:root{--ink:#051b2b;--muted:#596775;--mint:#e8fbfe;--lime:#00e3df;--paper:#fff;--line:#e6edf2}body{background:#fff}header{margin:18px auto 0;width:calc(100% - 64px);height:78px;max-width:1376px;background:#041a2a;color:white;border-radius:8px;padding:0 28px;position:relative;z-index:3}.brand{color:white;font-size:17px}.company-logo{width:55px;height:55px;background:white;border-radius:50%}.brand small{font-size:6px;color:#d0dce6;max-width:160px;letter-spacing:.05em}.header-actions{gap:25px}nav{font-size:12px;gap:30px}#language{color:white;font-size:12px}.button{background:#2167ed;color:#fff;border-radius:4px;box-shadow:0 5px 14px #2167ed20;padding:16px 26px}.button:hover{background:#1454cf}.header-actions .button{background:#00e3df;color:#031b2a;font-size:12px;box-shadow:none}.header-actions .button:hover{background:#76f7ee}.progress{background:#00c8d8}.animated-hero{height:670px;min-height:0;max-width:1440px;margin:auto;padding:64px 20px 0;display:block;position:relative;overflow:hidden;color:var(--ink);isolation:isolate;--scene-shift:0px}.animated-hero .hero-copy{max-width:615px;margin:auto;text-align:center;position:relative;z-index:2;animation:headline-enter .9s .15s both}.animated-hero .eyebrow{display:inline-block;font-size:9px;letter-spacing:.12em;color:#03adc0;background:#f0fdfe;padding:6px 9px;border-radius:2px;margin:0 0 18px}.animated-hero h1{font-size:52px;line-height:1.06;font-weight:800;letter-spacing:-.055em;color:#061c2c}.animated-hero h1 em{color:inherit}.animated-hero .intro{font-size:12px;margin:17px auto 20px;max-width:360px;line-height:1.7;color:#657481}.animated-hero .actions{display:flex;flex-direction:column;gap:13px}.animated-hero .button{font-size:12px;padding:15px 27px;gap:0}.hero-call{font-size:12px;color:#031b2a;font-weight:600}.city-scene{position:absolute;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none;direction:ltr}.city-buildings{translate:0 var(--scene-shift);transition:translate .1s linear}.skyline-left{animation:city-enter 1.15s .15s both}.skyline-right{animation:city-enter 1.15s .3s both}.cloud-one{animation:cloud-drift 20s ease-in-out infinite alternate}.cloud-two{animation:cloud-drift 26s ease-in-out -6s infinite alternate-reverse}.cleaner{animation:crew-enter 1s .65s both}.cleaner .walker{animation:walk-bob 1.4s ease-in-out infinite}.walking-leg{transform-origin:0 -55px;animation:leg-step 1.4s ease-in-out infinite alternate}.scrubber{animation:machine-roll 5s ease-in-out infinite alternate}.person-body{animation:body-sway 3s ease-in-out infinite alternate;transform-origin:0 0}.cleaner-three .person-body{animation-delay:-1.8s}.mop-arm{transform-origin:12px -95px;animation:mop-sweep 2.4s ease-in-out infinite alternate}.cleaner-three .mop-arm{animation-delay:-1.2s}.hose{animation:hose-flex 2.4s ease-in-out infinite alternate}.rider{animation:machine-roll 6s ease-in-out infinite alternate-reverse}.clean-sparkles{animation:sparkle 3.5s ease-in-out infinite}.motion-toggle{position:absolute;inset:auto 25px 18px auto;z-index:3;background:#fff;border:1px solid #e5edf3;border-radius:4px;color:#6c7b89;font-size:10px;padding:8px 11px;cursor:pointer}.motion-toggle:hover{color:#071e31;border-color:#b8dce8}.motion-paused .city-scene *{animation-play-state:paused!important}.ribbon{display:none}.section{padding-top:85px;padding-bottom:85px}.section-top{justify-content:center;text-align:center;display:block;margin-bottom:40px}.section-top .eyebrow{justify-content:center}.section-top>p{margin:20px auto 0;max-width:480px}.section-top h2{font-size:40px;font-weight:700;line-height:1.15;letter-spacing:-.04em}.eyebrow{color:#02adbf}h2,h3{color:#051b2b}.tabs{max-width:750px;margin:0 auto 35px;gap:25px;border-bottom:1px solid #eaf0f5}.tabs button{text-align:center;font-size:13px}.tabs button[aria-selected=true]{border-color:#05ccd5;color:#067fc4}.service-panel{max-width:1050px;margin:auto;gap:60px}.service-art{height:335px;border-radius:5px}.service-copy .eyebrow{color:#00aabd}.service-copy li:before{color:#06b9cd}.service-copy .text-link{color:#176be3;font-size:13px}.industries{background:#031a2b;color:white;max-width:none;text-align:center;position:relative;overflow:hidden;padding:75px 7% 200px;isolation:isolate}.industries>.reveal,.industry-grid,.industries>.button{position:relative;z-index:1}.industries .eyebrow{justify-content:center;color:#87d6e1;margin-bottom:15px}.industries h2{color:white;font-size:40px;font-weight:700}.industry-intro{color:#b8cad5;font-size:13px;margin:12px auto 28px}.industry-grid{max-width:940px;margin:30px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry-grid article{background:#2168ea;border-radius:5px;padding:29px 24px;min-height:150px}.industry-grid h3{color:white;font-size:16px;font-weight:700;letter-spacing:-.02em}.industry-grid p{font-size:12px;color:#e1edff;line-height:1.7;margin-bottom:0}.industries>.button{background:#00e0db;color:#042136;font-size:12px}.industry-city{position:absolute;bottom:-25px;inset-inline:0;width:100%;height:225px;pointer-events:none;opacity:.85;z-index:0;direction:ltr}.industry-city svg{width:100%;height:100%}.industry-city .skyline-left,.industry-city .skyline-right{animation:none}.about{background:#fff;max-width:1440px;margin:auto;padding-inline:7%;gap:65px}.about h2{font-size:40px;font-weight:700}.about .eyebrow{color:#00aabd}.values span{color:#1385dc}.steps article>span{color:#05b9cb}.steps h3{font-size:21px;font-weight:700}.process{background:#f8fbfd;max-width:none}.process .section-top>.text-link{margin-top:20px}.steps{max-width:1150px;margin:auto}.quote-section{background:#031a2b}.quote-section h2{color:white;font-size:44px;font-weight:700}.quote-section .eyebrow{color:#43dbe1}.quote-section form .button{background:#00dfd9;color:#052032}.faq h2{font-size:37px;font-weight:700}footer{background:white;border-top:1px solid #edf0f5}.footer-top .brand{color:#273483}.footer-top .brand small{color:#667480}.footer-top .company-logo{height:68px;width:68px}.footer-bottom{border-color:#e7edf4}.form-note{color:#b7cddc}.quote-copy .phone{color:white}
[dir=rtl] .animated-hero h1{font-size:51px;line-height:1.2;font-weight:800;letter-spacing:0}[dir=rtl] .animated-hero .eyebrow{letter-spacing:0}[dir=rtl] .animated-hero .hero-copy{max-width:590px}[dir=rtl] .brand small{font-size:10px}[dir=rtl] .motion-toggle{left:25px;right:auto}
@keyframes city-enter{from{opacity:0;translate:0 70px}to{opacity:1;translate:0 0}}@keyframes headline-enter{from{opacity:0;transform:translateY(23px);clip-path:inset(0 0 70% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes crew-enter{from{opacity:0}to{opacity:1}}@keyframes cloud-drift{from{translate:-18px 0}to{translate:26px 0}}@keyframes walk-bob{0%,100%{translate:0 0}50%{translate:2px -3px}}@keyframes leg-step{from{rotate:-5deg}to{rotate:5deg}}@keyframes machine-roll{from{translate:-10px 0}to{translate:12px 0}}@keyframes body-sway{from{rotate:-2deg}to{rotate:2deg}}@keyframes mop-sweep{from{rotate:-8deg}to{rotate:9deg}}@keyframes hose-flex{from{translate:0 0}to{translate:4px 0}}@keyframes sparkle{0%,100%{opacity:.1}50%{opacity:.9}}
@media(min-width:1500px){.animated-hero{height:700px;padding-top:75px}.animated-hero h1{font-size:56px}}
@media(max-width:1100px){header{width:calc(100% - 36px);padding:0 18px}header .brand small{display:none}nav{gap:20px}.header-actions{gap:15px}.animated-hero{height:620px;padding-top:60px}.animated-hero h1{font-size:46px}.animated-hero .hero-copy{max-width:535px}.animated-hero .intro{max-width:325px}.city-scene{height:auto;aspect-ratio:1440/700}.industry-grid{max-width:850px}.industry-city{height:190px}.industries{padding-bottom:170px}}
@media(max-width:800px){header{height:70px}.brand{font-size:15px}.company-logo{height:47px;width:47px}nav{gap:16px;font-size:10px}.header-actions{gap:12px}.header-actions .button{font-size:10px;padding:13px 15px}#language{font-size:11px}.animated-hero{height:610px;padding-top:60px}.animated-hero h1{font-size:43px}.animated-hero .eyebrow{font-size:8px}.animated-hero .intro{font-size:12px}.city-scene{width:100%;height:365px}.section-top h2,.about h2{font-size:35px}.service-panel{gap:35px}.service-art{height:290px}.industry-grid{gap:12px}.industry-grid article{padding:24px 17px}.industry-grid h3{font-size:14px}.industry-grid p{font-size:11px}}
@media(max-width:700px){header{width:calc(100% - 24px);margin-top:12px;height:68px;border-radius:5px;padding:0 13px}.brand{font-size:15px;gap:9px}.company-logo{height:48px;width:48px}.header-actions>.button{display:none}#language{font-size:12px}.animated-hero{padding:50px 20px 0;height:670px;min-height:0}.animated-hero h1{font-size:39px;line-height:1.13;letter-spacing:-.05em}.animated-hero .hero-copy{max-width:400px}.animated-hero .intro{max-width:270px;font-size:12px;margin-top:16px;margin-bottom:20px}.animated-hero .eyebrow{font-size:8px;padding:6px 8px;margin-bottom:19px;letter-spacing:.08em}.animated-hero .actions{gap:13px}.animated-hero .button{padding:14px 23px}.hero-call{font-size:11px}.city-scene{width:900px;max-width:none;height:438px;left:50%;transform:translateX(-50%);bottom:-5px}.city-scene .skyline-left{transform:translateX(240px)}.city-scene .skyline-right{transform:translateX(-240px)}.cleaner-one{translate:205px 0}.cleaner-two{translate:150px 0}.cleaner-three{translate:-140px 0}.cleaner-four{translate:-240px 0}.cloud{display:none}.motion-toggle{font-size:9px;bottom:7px;right:12px;padding:6px 9px}.section{padding:60px 6%}.section-top h2{font-size:31px}.section-top>p{font-size:13px}.tabs{gap:10px;margin-bottom:25px}.tabs button{min-width:95px;font-size:11px}.service-panel{gap:28px}.service-art{height:250px}.service-copy h3{font-size:27px}.industry-grid{grid-template-columns:1fr 1fr;gap:12px}.industries{padding:60px 6% 145px}.industries h2{font-size:32px}.industry-grid article{padding:24px 15px;min-height:180px}.industry-grid h3{font-size:15px;line-height:1.3}.industry-grid p{font-size:11px}.industry-city{width:850px;inset-inline-start:50%;transform:translateX(-50%);height:155px;bottom:-15px}.industry-city .skyline-left{transform:translateX(240px)}.industry-city .skyline-right{transform:translateX(-240px)}.about h2{font-size:34px}.about-photo{height:320px}.quote-section h2{font-size:38px}.faq h2{font-size:32px}.footer-top .company-logo{height:60px;width:60px}[dir=rtl] .animated-hero h1{font-size:40px;line-height:1.2}[dir=rtl] .animated-hero .hero-copy{max-width:360px}[dir=rtl] .motion-toggle{left:12px;right:auto}}
.motion-paused .city-scene .skyline-left,.motion-paused .city-scene .skyline-right,.motion-paused .city-scene .cleaner{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){.animated-hero .hero-copy,.city-scene *{animation:none!important;opacity:1}.city-buildings{translate:none!important}.motion-toggle{display:none}}