@font-face{font-family:Onest;src:url("assets/fonts/manrope-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--green:#538d21;--green-dark:#3f721a;--lime:#96aa31;--ink:#171a17;--muted:#596053;--cream:#fbf8f1;--paper:#fffdf9;--line:#dce3cd;--radius:28px;--shadow:0 18px 54px #53673018;--hero-image:url("assets/hero-scene.png");--sprite:url("assets/cleaner-sprite.png")}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Onest,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.nav{height:84px;display:flex;align-items:center;gap:42px;padding:0 clamp(28px,6vw,92px);position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(180deg,#fffdfbf2 0%,#fffdfbba 70%,transparent)}.logo{display:flex;align-items:center;gap:11px;min-width:220px}.logo svg{width:39px;height:39px;stroke:var(--green);fill:none;stroke-width:2.4}.logo b{font-size:16px;line-height:.88;font-weight:850;letter-spacing:-.035em}.logo small{display:block;font-size:9px;margin-top:6px;color:#41453e}.nav nav{display:flex;align-items:center;gap:clamp(22px,3vw,48px);margin-left:auto;font-size:13px;font-weight:650}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--green);transition:.25s}.nav nav a:hover:after{right:0}.button{border:0;background:linear-gradient(135deg,#71aa2f,#4d8c1b);box-shadow:0 9px 22px #47751e3b;color:white;border-radius:999px;min-height:48px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:750;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 13px 27px #47751e4f}.nav-cta{min-height:42px;padding:0 23px;font-size:12px}.nav-cta svg{width:16px;height:16px;fill:white}.menu-toggle{display:none}
.hero{min-height:840px;position:relative;overflow:hidden;background:#fffdfb}.hero-scene{position:absolute;inset:0;background-image:linear-gradient(90deg,#fffdfb 0%,#fffdfbf6 25%,#fffdfb5e 44%,transparent 67%),linear-gradient(180deg,transparent 78%,#fffdfb 100%),var(--hero-image);background-size:cover;background-position:center center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#fffdf9)}.hero-copy{position:relative;z-index:2;padding-top:155px;margin-left:clamp(42px,5.8vw,90px);width:min(610px,45vw)}.hero h1{font-size:clamp(47px,4.4vw,70px);font-weight:900;line-height:1.08;letter-spacing:-.052em;margin:0 0 27px;transform:rotate(-1.6deg)}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--green);margin-left:14px}.hero-copy>p{font-size:17px;line-height:1.2;margin:0 0 26px;padding:12px 21px;width:max-content;max-width:100%;background:#fffef9e6;border-radius:16px;box-shadow:0 8px 30px #69715c18;transform:rotate(-1deg)}.hero-copy>p strong{color:var(--green)}.lead-form{display:flex;align-items:center;gap:8px;padding:11px;background:#fff;border:1px solid #ffffffaa;border-radius:22px;box-shadow:0 17px 45px #29361f1d}.lead-form label{display:flex;align-items:center;position:relative;flex:1}.lead-form label span{position:absolute;left:18px;font-size:0}.lead-form label:first-child:before{content:"●"}.lead-form label:nth-child(2):before{content:"☎"}.lead-form label:before{position:absolute;left:16px;color:#777f72;font-size:12px}.lead-form input{height:48px;border:0;background:#f8f5ef;border-radius:14px;width:100%;outline:none;padding:0 15px 0 38px;font-size:12px}.lead-form input:focus{box-shadow:inset 0 0 0 2px #77a842}.lead-form .button{min-width:206px}.fast-note{display:flex;align-items:center;gap:8px;margin:15px 16px 12px;font-size:11px;color:#3d4439}.fast-note svg{width:26px;height:26px;stroke:var(--green);fill:none;stroke-width:1.7}.fast-note b{font-size:25px;margin-left:auto;transform:rotate(-20deg)}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.hero-benefits article{text-align:center;font-size:10px;line-height:1.22}.hero-benefits svg{display:block;margin:0 auto 9px;width:38px;height:38px;stroke:var(--green);fill:none;stroke-width:1.8}.speech{position:absolute;border:2px solid #20251f;background:#fffdfbea;border-radius:50%;padding:18px 21px;text-align:center;font:650 15px/1.22 Georgia,serif;font-style:italic;transform:rotate(-6deg);z-index:3}.speech:after{content:"";position:absolute;width:18px;height:18px;bottom:-9px;left:18%;border-left:2px solid #20251f;border-bottom:2px solid #20251f;background:#fffdfb;transform:skew(-24deg) rotate(-16deg)}.speech-main{top:105px;right:17%;}.paper-note,.cart-note{position:absolute;z-index:3;background:#f8eac9;padding:15px 17px;text-align:center;font:600 16px/1.35 Georgia,serif;font-style:italic;box-shadow:0 8px 16px #2f332617;transform:rotate(3deg)}.paper-note{top:105px;right:4.5%}.cart-note{right:5%;bottom:185px;transform:rotate(-3deg)}
.section{position:relative;padding:48px clamp(30px,5.5vw,84px);background:var(--paper)}.section-title{text-align:center;margin:0 0 32px;font:850 clamp(31px,3vw,46px)/1 Onest,sans-serif;letter-spacing:-.045em}.section-title:before,.section-title:after{content:"⌁";display:inline-block;color:var(--green);font:500 32px/1 Arial;margin:0 28px;transform:rotate(48deg)}.section-title:after{transform:rotate(-132deg)}
.services{padding-top:34px;border-radius:30px 30px 0 0;z-index:4}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.service-grid article{height:226px;border:1px solid #e3e2d8;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#faf6ee);padding:24px 15px;box-shadow:0 12px 30px #66734d0b;transition:.3s}.service-grid article:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-grid h3{font-size:15px;line-height:1.08;margin:0 0 12px;position:relative;z-index:2}.service-grid p{font-size:9px;line-height:1.35;width:54%;margin:0;position:relative;z-index:2}.sprite-person{background-image:var(--sprite);background-repeat:no-repeat;background-size:300% 200%}.service-grid .sprite-person{position:absolute;width:72%;height:90%;right:-8%;bottom:-8%}.p1{background-position:0 0}.p2{background-position:50% 0}.p3{background-position:100% 0}.p4{background-position:0 100%}.p5{background-position:50% 100%}.p6{background-position:100% 100%}
.reasons{padding-top:26px;padding-bottom:38px}.reason-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:25px}.reason-grid article{display:grid;grid-template-columns:50px 1fr;gap:12px}.reason-grid svg{width:48px;height:48px;stroke:var(--green);fill:none;stroke-width:1.7;border:1px solid #aac47c;border-radius:50%;padding:10px}.reason-grid b{color:var(--green);font-size:12px;line-height:1.15}.reason-grid p{font-size:9px;line-height:1.35;margin:9px 0 0;color:#3d4339}
.process{padding-top:32px;padding-bottom:46px}.steps{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;align-items:center;max-width:1180px;margin:auto}.steps>i{color:var(--green);font-style:normal;font-size:34px;text-align:center}.steps article{height:204px;border:1px solid #e4dfd1;border-radius:18px;position:relative;overflow:hidden;padding:28px 18px 12px 46%;background:#fffefb}.steps article>span{position:absolute;top:14px;left:15px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:850}.steps .sprite-person{position:absolute;left:-9%;bottom:-18%;width:63%;height:105%}.steps b{display:block;color:var(--green);font-size:12px;line-height:1.2;min-height:38px}.steps p{font-size:9px;line-height:1.35;margin:31px 0 0}
.works{padding-top:24px;padding-bottom:42px;background:linear-gradient(180deg,#faf6ef,#fffdf9)}.comparison-grid{display:grid;grid-template-columns:1fr 170px 1fr;gap:12px;align-items:center;max-width:1180px;margin:auto}.comparison{position:relative;height:205px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison .after{clip-path:inset(0 0 0 50%)}.comparison:after{content:"";position:absolute;top:0;bottom:0;left:var(--compare,50%);width:2px;background:white;box-shadow:0 0 0 1px #40532477;pointer-events:none}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare-label{position:absolute;top:13px;padding:7px 10px;border-radius:8px;background:white;font-weight:750;font-size:11px;z-index:2}.before-label{left:13px}.after-label{right:13px;background:var(--green);color:#fff}.works-note{text-align:center;color:var(--green);font:500 31px/1 Georgia,serif}.works-note b{display:block;color:#232922;font:650 18px/1.18 Georgia,serif;font-style:italic}.works-note span{display:block;font:500 24px/1 Arial;transform:rotate(-30deg);margin-top:8px}
.reviews{padding-top:24px;padding-bottom:0;background-image:linear-gradient(#fffdf8dd,#fffdf8dd),url("assets/paper-background.png");background-size:cover}.reviews-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 290px;position:relative}.review-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:50px}.review-track article{min-height:148px;padding:22px;border:1px solid #e3dfd3;border-radius:20px;background:#ffffffc9;position:relative}.review-track header{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px}.avatar{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f1d0a8;color:#74491f;font-size:11px;font-weight:800}.avatar.man{background:#cbd7d3;color:#35534e}.review-track header b{font-size:12px}.review-track em{font-style:normal;color:#839d1e;font-size:11px;letter-spacing:2px}.review-track p{font-size:10px;line-height:1.4;margin:14px 0 0}.review-track>article>svg{position:absolute;right:15px;bottom:12px;width:24px;height:24px;stroke:var(--green);fill:none;stroke-width:1.8}.review-cleaner{position:absolute!important;right:0;bottom:0;width:250px;height:260px}.review-speech{right:170px;top:-18px;font-size:12px;padding:13px 18px}
.final{height:178px;margin:0 clamp(55px,6vw,95px);border:1px solid #91a865;border-radius:28px;position:relative;display:grid;grid-template-columns:72px 260px 1fr 210px;align-items:center;padding:17px 28px;background:linear-gradient(100deg,#f5f6d9,#f9fae9);overflow:hidden}.final-heart{font:400 76px/1 Georgia;color:var(--green);transform:rotate(-8deg)}.final h2{font-size:26px;line-height:1.03;margin:0 0 10px}.final-copy p{font-size:11px;line-height:1.35;margin:0}.final-copy b{color:var(--green)}.final-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:none;background:transparent;padding:0;z-index:2}.final-form .button{grid-column:1/3;min-height:42px}.final-form input{height:41px;background:#fff}.final-form small{grid-column:1/3;display:flex;align-items:center;justify-content:center;font-size:9px}.final-form small svg{width:18px;height:18px;stroke:var(--green);fill:none;margin-right:6px}.final-cleaner{position:absolute!important;right:135px;bottom:-85px;width:235px;height:285px}.final-note{position:absolute;right:11px;top:17px;background:#f8efd9;padding:13px;font:600 10px/1.32 Georgia,serif;font-style:italic;transform:rotate(3deg);box-shadow:0 5px 12px #6c725622}
footer{padding:22px clamp(55px,6vw,95px) 35px;display:grid;grid-template-columns:1.2fr .7fr 1fr 1fr;gap:38px;font-size:10px;background:var(--cream)}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:6px}footer>div>b{font-size:11px;margin-bottom:5px}.footer-brand p{margin:10px 0 0;color:var(--muted);line-height:1.35}.footer-contacts .phone{font-weight:800}.socials{display:flex;gap:10px;font-size:16px;margin-top:6px}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,150%);background:#263620;color:#fff;padding:14px 22px;border-radius:14px;box-shadow:0 15px 40px #0003;font-size:13px;transition:.35s}.toast.visible{transform:translate(-50%,0)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}[data-reveal].visible{opacity:1;transform:none}
@media (max-width:1100px){.nav{gap:20px;padding-inline:28px}.nav nav{gap:18px}.hero-copy{width:52vw;margin-left:35px}.hero h1{font-size:48px}.service-grid{grid-template-columns:repeat(3,1fr)}.reason-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:16px}.steps>i{display:none}.review-cleaner,.review-speech{display:none}.reviews-layout{display:block}.final{grid-template-columns:60px 220px 1fr;margin-inline:30px}.final-cleaner,.final-note{display:none}}
@media (max-width:760px){.nav{position:absolute;height:70px;padding:0 18px}.logo{min-width:0}.logo svg{width:34px;height:34px}.logo b{font-size:14px}.nav nav{position:absolute;top:62px;left:12px;right:12px;margin:0;padding:20px;background:#fff;border-radius:18px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav.open nav{display:flex}.menu-toggle{display:grid;gap:4px;border:0;background:transparent;margin-left:auto;padding:9px}.menu-toggle i{width:22px;height:2px;background:var(--green)}.nav-cta{min-width:42px;width:42px;padding:0}.nav-cta span{display:none}.hero{min-height:930px}.hero-scene{inset:225px -240px 0 -150px;background-image:linear-gradient(180deg,#fffdfb 0%,transparent 35%,#fffdfb 100%),var(--hero-image);background-size:auto 640px;background-position:58% 70%;background-repeat:no-repeat}.hero-copy{padding-top:105px;margin:0 18px;width:auto}.hero h1{font-size:35px;line-height:1.05;margin-bottom:18px}.hero h1 em{margin-left:0}.hero-copy>p{font-size:14px}.hero-form{display:grid;grid-template-columns:1fr 1fr;border-radius:18px}.hero-form .button{grid-column:1/3;min-width:0}.hero-benefits{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;margin-top:18px}.hero-benefits article{background:#fffdfbd1;border-radius:14px;padding:10px}.hero-benefits svg{width:31px;height:31px}.speech-main,.paper-note,.cart-note{display:none}.section{padding:38px 18px}.section-title{font-size:29px;margin-bottom:25px}.section-title:before,.section-title:after{font-size:20px;margin:0 8px}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-grid article{height:210px;padding:18px 12px}.service-grid p{width:65%}.reason-grid{grid-template-columns:repeat(2,1fr);gap:22px 10px}.reason-grid article{grid-template-columns:42px 1fr;gap:8px}.reason-grid svg{width:40px;height:40px}.steps{grid-template-columns:1fr}.steps article{height:188px}.comparison-grid{grid-template-columns:1fr;gap:12px}.comparison{height:180px}.works-note{order:2}.review-track{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:32px}.review-track article{min-width:82vw;scroll-snap-align:center}.final{height:auto;min-height:335px;margin:0 14px;grid-template-columns:58px 1fr;padding:24px 18px;align-items:start}.final-heart{font-size:58px}.final-form{grid-column:1/3;display:grid;margin-top:12px}.final h2{font-size:24px}footer{padding:32px 20px;grid-template-columns:1fr 1fr;gap:28px}.footer-brand,.footer-contacts{grid-column:1/3}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
.toast{opacity:0;visibility:hidden;pointer-events:none}.toast.visible{opacity:1;visibility:visible;pointer-events:auto}
@media (min-width:1101px){.hero-copy{width:min(720px,52vw)}.hero h1{font-size:60px}}
.steps article{padding-left:55%}.steps .sprite-person{width:50%;left:-3%}.steps article>b,.steps article>p{position:relative;z-index:2}
@media (max-width:760px){.hero{min-height:760px}.steps article{padding-left:55%}.steps .sprite-person{width:50%}}

/* Final visual pass against the supplied storefront mockup. */
@font-face{font-family:Oswald;src:url("assets/fonts/oswald-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Oswald;src:url("assets/fonts/oswald-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Oswald;src:url("assets/fonts/oswald-700.ttf") format("truetype");font-weight:700;font-display:swap}

.hero-scene{background-image:linear-gradient(90deg,#fffdfb 0%,#fffdfbe8 22%,#fffdfb80 37%,#fffdfb16 52%,transparent 62%),linear-gradient(180deg,transparent 80%,#fffdfb 100%),var(--hero-image)}
.hero h1,.section-title{font-family:Oswald,"Arial Narrow",Arial,sans-serif}
.hero h1{font-weight:700;letter-spacing:-.025em;line-height:1.07}
.section-title{font-weight:500;letter-spacing:-.015em}
.hero-lead{display:flex!important;align-items:center;gap:12px;padding:10px 21px 10px 12px!important;border-radius:13px 21px 14px 19px!important;background:#fffdf6f2!important;box-shadow:0 9px 24px #604f3920!important;clip-path:polygon(1% 9%,98% 0,100% 87%,95% 100%,3% 95%,0 19%)}
.hero-lead .lead-icon{display:block;width:39px;height:39px;flex:0 0 auto;stroke:#191d19;fill:none;stroke-width:1.8;transform:rotate(-8deg)}
.hero-lead span{display:block}
.service-grid article,.steps article{background:#faf4ef;border-color:#e8dfd5}
.service-grid .sprite-person{width:74%;height:100%;right:-4%;bottom:-9%;background-size:auto 275%}
.steps article{padding-left:54%}
.steps .sprite-person{left:-5%;bottom:-13%;width:58%;height:108%;background-size:auto 275%}
.steps b{font-weight:700}
.review-cleaner{right:-9px!important;bottom:-10px!important;width:300px;height:310px;background-size:300% 200%;background-position:50% 100%}
.final{grid-template-columns:72px 260px 1fr 245px}
.final-cleaner{right:132px;bottom:-112px;width:300px;height:330px;background-size:300% 200%;background-position:50% 100%}
.final-note{right:18px;top:22px;font-size:11px}
.p1{background-position:8% 11%}.p2{background-position:50% 11%}.p3{background-position:92% 11%}.p4{background-position:8% 89%}.p5{background-position:50% 89%}.p6{background-position:92% 89%}

@media (min-width:1101px){
  .nav{gap:104px;padding-inline:40px}
  .nav nav{gap:55px}
  .hero-scene{left:165px;right:-165px}
  .hero-copy{width:610px}
  .hero h1{width:670px;font-size:64px}
  .hero-form{width:565px}
  .services{padding-top:20px;padding-bottom:15px}
  .services .section-title{margin-bottom:18px}
  .reasons{padding-top:12px;padding-bottom:24px}
  .process{padding-top:20px;padding-bottom:30px}
  .steps article{height:194px}
  .works{padding-top:8px;padding-bottom:15px}
  .works .section-title{margin-bottom:10px}
  .comparison{height:188px}
  .reviews{padding-top:18px}
  .review-track{padding-bottom:36px}
  footer{padding-top:18px;padding-bottom:28px}
}

@media (max-width:1100px) and (min-width:761px){
  .hero-copy{width:48vw}
  .hero h1{font-size:48px}
}

@media (max-width:760px){
  .hero-scene{background-image:linear-gradient(180deg,#fffdfb 0%,#fffdfb26 30%,#fffdfb 100%),var(--hero-image)}
  .hero h1{font-size:38px;letter-spacing:-.025em}
  .hero-lead{width:100%;font-size:13px!important}
  .hero-lead .lead-icon{width:32px;height:32px}
  .service-grid h3{max-width:58%}
  .service-grid p{width:54%}
  .service-grid .sprite-person{width:62%;right:-2%;bottom:-3%;background-size:300% 200%}
  .service-grid .p1{background-position:0 0}.service-grid .p2{background-position:50% 0}.service-grid .p3{background-position:100% 0}
  .service-grid .p4{background-position:0 100%}.service-grid .p5{background-position:50% 100%}.service-grid .p6{background-position:100% 100%}
  .steps .sprite-person{width:58%;background-size:auto 275%}
}

/* Pose and hero alignment pass against the original 941 px composition. */
@media (min-width:1101px){
  .hero{min-height:854px}
  .hero-scene{
    top:42px;
    bottom:-42px;
    background-image:linear-gradient(90deg,#fffdfb 0%,#fffdfbf2 18%,#fffdfb92 29%,#fffdfb18 39%,transparent 46%),linear-gradient(180deg,transparent 80%,#fffdfb 100%),var(--hero-image);
    background-repeat:no-repeat;
  }
  .hero-copy{padding-top:176px;margin-left:72px;width:625px}
  .hero h1{width:620px;font-size:64px;line-height:1.12;margin-bottom:38px}
  .hero-copy>.hero-lead{width:410px;margin-bottom:50px}
  .hero-form{width:585px;margin-left:-28px;padding:12px}
  .hero-form input{height:56px}
  .hero-form .button{min-height:56px}
  .fast-note{width:500px;margin:24px 8px 12px}
  .hero-benefits{width:480px;gap:10px;margin-top:30px}
  .hero-benefits article{font-size:11px;line-height:1.25}
  .hero-benefits svg{width:46px;height:46px;margin-bottom:10px;stroke-width:1.65}
  .speech-main{top:118px;right:13%}
  .paper-note{top:132px;right:3%;padding:13px 14px;font-size:14px}
  .cart-note{right:8.8%;bottom:100px}

  .service-grid .sprite-person{width:92%;height:112%;right:-8%;bottom:-12%;background-size:auto 300%}
  .service-grid .p1{background-position:8% 0}.service-grid .p2{background-position:50% 0}.service-grid .p3{background-position:92% 0}
  .service-grid .p4{background-position:8% 75%}.service-grid .p5{background-position:50% 75%}.service-grid .p6{background-position:92% 75%}

  .steps .sprite-person{left:-4%;bottom:-18%;width:66%;height:118%;background-size:auto 320%}
  .steps .p2{background-position:50% 0}.steps .p3{background-position:91% 0}
  .steps .p4{background-position:9% 73%}.steps .p5{background-position:50% 73%}

  .review-cleaner{background-position:50% 100%}
  .final-cleaner{background-position:50% 100%}
}

@media (min-width:1101px){
  .hero-scene{left:185px;right:-185px;top:70px;bottom:-70px}
  .hero h1{width:690px}
  .hero-lead .lead-icon{width:48px;height:48px}

  .service-grid .sprite-person{width:100%;height:105%;right:-4%;bottom:-5%;background-size:auto 265%}
  .service-grid .p1{background-position:12% 0}.service-grid .p2{background-position:50% 0}.service-grid .p3{background-position:84% 0}
  .service-grid .p4{background-position:12% 80%}.service-grid .p5{background-position:50% 80%}.service-grid .p6{background-position:84% 80%}

  .steps .sprite-person{left:-4%;bottom:-12%;width:76%;height:112%;background-size:auto 300%}
  .steps .p2{background-position:50% 0}.steps .p3{background-position:84% 0}
  .steps .p4{background-position:10% 76%}.steps .p5{background-position:50% 76%}
  .service-grid article:nth-child(6)::after{content:"";position:absolute;left:15px;bottom:16px;width:42px;height:34px;border:1px solid #c8b9a8;border-radius:4px;background:linear-gradient(#e8dfd3 0 8px,transparent 8px),linear-gradient(90deg,transparent 31%,#d7cbbd 31% 33%,transparent 33% 65%,#d7cbbd 65% 67%,transparent 67%),linear-gradient(transparent 48%,#d7cbbd 48% 51%,transparent 51%);opacity:.75}
}

@media (min-width:1101px){
  .service-grid .sprite-person{width:125%;height:105%;right:-25%;bottom:-5%;background-size:300% 265%}
  .service-grid .p1{background-position:0 0}.service-grid .p2{background-position:50% 0}.service-grid .p3{background-position:88% 0}
  .service-grid .p4{background-position:0 80%}.service-grid .p5{background-position:50% 80%}.service-grid .p6{background-position:88% 80%}
}

/* Pixel-match pass: 941 px reference normalized against the 1440 px desktop render. */
@media (min-width:1101px){
  .nav{
    height:120px;
    padding-inline:40px;
    background:linear-gradient(180deg,#fffdfbd9 0%,#fffdfb78 62%,transparent 100%);
  }
  .nav .logo{min-width:250px;gap:14px}
  .nav .logo svg{width:50px;height:50px;stroke-width:2.1}
  .nav .logo b{font-size:24px;line-height:.9}
  .nav .logo small{font-size:14px;margin-top:7px}
  .nav nav{gap:55px;font-size:18px}
  .nav-cta{min-width:230px;min-height:52px;padding-inline:30px;font-size:15px}
  .nav-cta svg{width:18px;height:18px}
  .nav>.logo,.nav>nav,.nav>.nav-cta{transform:translateY(10px)}

  .hero:after{height:42px;background:linear-gradient(transparent,#fffdf9)}
  .hero-scene{
    left:157px;
    right:-157px;
    top:62px;
    bottom:-62px;
    background-image:linear-gradient(90deg,#fffdfb 0%,#fffdfbf2 18%,#fffdfb92 29%,#fffdfb18 39%,transparent 46%),linear-gradient(180deg,transparent 91%,#fffdfb 100%),var(--hero-image);
  }
  .hero-copy{padding-top:168px;margin-left:72px}
  .hero h1{width:670px;font-size:66px;line-height:1.08;letter-spacing:-.04em;margin-bottom:38px;transform:translateY(-20px) rotate(-1.6deg)}
  .hero h1>span{font-size:.98em;letter-spacing:-.055em}
  .hero-copy:before{
    content:"";
    position:absolute;
    left:-42px;
    top:104px;
    width:42px;
    height:42px;
    background:
      linear-gradient(var(--green),var(--green)) 51% 0/3px 15px no-repeat,
      linear-gradient(55deg,transparent 44%,var(--green) 45% 55%,transparent 56%) 0 18px/16px 16px no-repeat,
      linear-gradient(-55deg,transparent 44%,var(--green) 45% 55%,transparent 56%) 100% 18px/16px 16px no-repeat;
    transform:rotate(-6deg);
  }
  .hero-copy:after{content:"✧";position:absolute;left:-48px;top:226px;color:#1e211d;font:40px/1 Georgia,serif;transform:rotate(-9deg)}
  .hero-benefits article{font-size:13.5px}

  .section{padding-inline:36px}
  .section-title:before,.section-title:after{
    content:"";
    width:40px;
    height:29px;
    margin:0 24px;
    vertical-align:middle;
    background:
      linear-gradient(var(--green),var(--green)) 50% 0/2px 12px no-repeat,
      linear-gradient(58deg,transparent 44%,var(--green) 45% 55%,transparent 56%) 1px 13px/15px 14px no-repeat,
      linear-gradient(-58deg,transparent 44%,var(--green) 45% 55%,transparent 56%) calc(100% - 1px) 13px/15px 14px no-repeat;
    transform:rotate(-8deg);
  }
  .section-title:after{transform:rotate(8deg)}

  .services{padding-top:20px;padding-bottom:15px}
  .services .section-title{transform:translateY(-10px)}
  .service-grid{
    grid-template-columns:1.08fr 1.06fr .95fr .95fr 1.03fr .9fr;
    gap:18px;
  }
  .service-grid article{height:226px;padding:29px 22px}
  .service-grid h3{width:58%;font-size:19px;line-height:1.06;margin-bottom:13px}
  .service-grid p{width:55%;font-size:11.5px;line-height:1.34}
  .service-grid .sprite-person{
    width:165%;
    height:106%;
    right:-64%;
    bottom:-6%;
    background-image:url("assets/cleaner-service-sprite-v2.png");
    background-size:300% 295%;
  }
  .service-grid article:nth-child(1) .sprite-person{background-position:0 0}
  .service-grid article:nth-child(2) .sprite-person{background-position:50% 0}
  .service-grid article:nth-child(3) .sprite-person{background-position:100% 0}
  .service-grid article:nth-child(4) .sprite-person{background-size:300% 360%;background-position:0 66.5%}
  .service-grid article:nth-child(5) .sprite-person{background-size:300% 360%;background-position:50% 66.5%}
  .service-grid article:nth-child(6) .sprite-person{width:120%;right:-56%;background-size:300% 300%;background-position:50% 72%;transform:none}
  .service-grid article:nth-child(6)::after{display:block;left:84px;bottom:17px;width:64px;height:50px}

  .reasons{padding-top:12px;padding-bottom:8px}
  .reasons .section-title{transform:translateY(-10px)}
  .reason-grid{padding-inline:24px;gap:25px}
  .reason-grid article{grid-template-columns:62px 1fr;gap:14px}
  .reason-grid svg{width:62px;height:62px;padding:13px}
  .reason-grid b{font-size:15px;line-height:1.15}
  .reason-grid p{font-size:11px;line-height:1.34;margin-top:10px}

  .process{padding-top:20px;padding-bottom:30px}
  .process .section-title,.process .steps{transform:translateY(-12px)}
  .steps article{height:210px;padding:27px 18px 14px 54%;background:#fffdf9}
  .steps article>span{z-index:4;left:32px;width:38px;height:38px;font-size:17px}
  .steps .sprite-person{left:20%;bottom:0;width:60%;height:100%;background-image:url("assets/cleaner-steps-sprite-v2.png");background-size:400% 100%;clip-path:inset(0 0 28% 0);transform:scaleX(.88);transform-origin:left center}
  .steps article:nth-of-type(2) .sprite-person{left:9%}
  .steps article:nth-of-type(4) .sprite-person{transform:none}
  .steps article:nth-of-type(1) .sprite-person{background-position:0 0}
  .steps article:nth-of-type(2) .sprite-person{background-position:33.333% 0}
  .steps article:nth-of-type(3) .sprite-person{background-position:66.667% 0}
  .steps article:nth-of-type(4) .sprite-person{background-position:100% 0}
  .steps article>b{position:absolute;top:14px;width:41%;font-size:15px;line-height:1.18;min-height:0}
  .steps article:nth-of-type(1)>b{left:65%;width:31%}
  .steps article:nth-of-type(2)>b{left:30%;width:52%}
  .steps article:nth-of-type(3)>b{left:18%;width:42%}
  .steps article:nth-of-type(4)>b{left:22%;width:65%}
  .steps article>p{position:absolute;left:10%;right:10%;bottom:17px;font-size:11px;line-height:1.34;margin:0;text-align:center}

  .works{padding-top:8px;padding-bottom:15px}
  .works .section-title{transform:translateY(-7px)}
  .works .comparison-grid{transform:translate(-28px,-20px)}
  .comparison-grid{grid-template-columns:1fr 208px 1fr;max-width:1135px}
  .works:before,.works:after{
    content:"‹";
    position:absolute;
    z-index:3;
    top:140px;
    left:64px;
    width:44px;
    height:44px;
    border:1px solid #dfe5d3;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:var(--green);
    background:#fff;
    box-shadow:0 8px 24px #53673013;
    font:30px/1 Georgia,serif;
  }
  .works:after{content:"›";left:auto;right:64px}

  .reviews{padding-top:1px;padding-bottom:11px}
  .reviews .section-title{margin-bottom:8px}
  .reviews-layout{max-width:1140px;grid-template-columns:1fr 290px;transform:translateX(9px)}
  .review-track{padding-bottom:24px}
  .review-track article{min-height:168px}
  .review-track header{grid-template-columns:50px 1fr;column-gap:10px}
  .avatar{width:50px;height:50px;font-size:0;background-position:center;background-size:cover;background-repeat:no-repeat}
  .review-track article:nth-child(1) .avatar{background-image:url("assets/avatar-anna.png")}
  .review-track article:nth-child(2) .avatar{background-image:url("assets/avatar-dmitry.png")}
  .review-track article:nth-child(3) .avatar{background-image:url("assets/avatar-maria.png")}
  .review-cleaner{right:15px!important;bottom:-50px!important;width:360px;height:360px;background-image:url("assets/cleaner-wink-point-left-alpha.png");background-size:contain;background-position:center bottom}
  .review-speech{right:-23px;top:-36px}
  .reviews-layout:after{content:"●  ●  ●";position:absolute;left:42%;bottom:7px;color:#c5c8bf;font-size:9px;letter-spacing:7px}
  .reviews-layout:before{content:"●";position:absolute;z-index:2;left:calc(42% + 18px);bottom:7px;color:var(--green);font-size:9px}

  .final{height:168px;margin-right:62px;grid-template-columns:72px 350px 388px 1fr}
  .final-copy{padding-left:25px}
  .review-cleaner,.final-cleaner{mix-blend-mode:normal}
  .final-cleaner{right:97px;bottom:-150px;width:340px;height:340px;background-image:url("assets/cleaner-wink-point-left-alpha.png");background-size:contain;background-position:center bottom}
  .final-note{right:0;padding:15px;font-size:12px}
  .final-note:before{content:"";position:absolute;left:42%;top:-19px;width:62px;height:25px;background:#aec57a99;transform:rotate(-8deg)}
  footer{padding-top:14px;padding-bottom:24px;font-size:11px;grid-template-columns:210px 60px 180px 250px;gap:52px}
  footer>div>b{font-size:12px}
  footer .logo b{font-size:17px}
  footer .logo small{font-size:9px}
  footer .socials{font-size:20px;gap:14px}
  footer{background-image:linear-gradient(#fbf8f1e8,#fbf8f1e8),url("assets/paper-background.png");background-size:cover;background-position:center bottom}
}

/* The CMS keeps legacy pose class names; mobile maps cards by semantic order. */
@media (max-width:760px){
  .service-grid article:nth-child(1) .sprite-person{background-position:0 0}
  .service-grid article:nth-child(2) .sprite-person{background-position:50% 0}
  .service-grid article:nth-child(3) .sprite-person{background-position:100% 0}
  .service-grid article:nth-child(4) .sprite-person{background-position:0 100%}
  .service-grid article:nth-child(5) .sprite-person{background-position:50% 100%}
  .service-grid article:nth-child(6) .sprite-person{background-position:50% 100%}
  .service-grid article:nth-child(6)::after{content:"";position:absolute;left:13px;bottom:14px;width:42px;height:34px;border:1px solid #c8b9a8;border-radius:4px;background:linear-gradient(#e8dfd3 0 8px,transparent 8px),linear-gradient(90deg,transparent 31%,#d7cbbd 31% 33%,transparent 33% 65%,#d7cbbd 65% 67%,transparent 67%),linear-gradient(transparent 48%,#d7cbbd 48% 51%,transparent 51%);opacity:.75}
}

/* Asset-lock pass: every pose/icon now uses its own cutout from the supplied/generated sheets. */
.hero-lead strong{color:var(--green)}
.hero-benefits svg,.reason-grid svg,.hero-lead .lead-icon{opacity:0}
.hero-benefits article,.reason-grid article,.hero-lead{position:relative}
.hero-lead:before,.hero-benefits article:before,.reason-grid article:before{
  content:"";
  position:absolute;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  pointer-events:none;
}
.hero-lead:before{left:13px;top:50%;width:44px;height:44px;background-image:url("assets/icons/broom.png");transform:translateY(-50%) rotate(-8deg)}
.hero-benefits article:before{left:50%;top:0;width:48px;height:48px;transform:translateX(-50%)}
.hero-benefits article:nth-child(1):before{background-image:url("assets/icons/home-heart.png")}
.hero-benefits article:nth-child(2):before{background-image:url("assets/icons/spray.png")}
.hero-benefits article:nth-child(3):before{background-image:url("assets/icons/clock.png")}
.hero-benefits article:nth-child(4):before{background-image:url("assets/icons/sparkles.png")}
.reason-grid article:before{left:0;top:0;width:62px;height:62px}
.reason-grid article:nth-child(1):before{background-image:url("assets/icons/heart.png")}
.reason-grid article:nth-child(2):before{background-image:url("assets/icons/leaf.png")}
.reason-grid article:nth-child(3):before{background-image:url("assets/icons/shield.png")}
.reason-grid article:nth-child(4):before{background-image:url("assets/icons/clock.png")}
.reason-grid article:nth-child(5):before{background-image:url("assets/icons/star.png")}
.reason-grid article:nth-child(6):before{background-image:url("assets/icons/like.png")}

.service-grid .sprite-person,.steps .sprite-person{
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center bottom!important;
  clip-path:none!important;
}
.service-grid article:nth-child(1) .sprite-person{background-image:url("assets/characters/services/apartments.png")!important}
.service-grid article:nth-child(2) .sprite-person{background-image:url("assets/characters/services/houses.png")!important}
.service-grid article:nth-child(3) .sprite-person{background-image:url("assets/characters/services/offices.png")!important}
.service-grid article:nth-child(4) .sprite-person{background-image:url("assets/characters/services/deep-clean.png")!important}
.service-grid article:nth-child(5) .sprite-person{background-image:url("assets/characters/services/after-renovation.png")!important}
.service-grid article:nth-child(6) .sprite-person{background-image:url("assets/characters/services/regular.png")!important}
.steps article:nth-of-type(1) .sprite-person{background-image:url("assets/characters/steps/request-phone.png")!important}
.steps article:nth-of-type(2) .sprite-person{background-image:url("assets/characters/steps/details.png")!important}
.steps article:nth-of-type(3) .sprite-person{background-image:url("assets/characters/steps/cleaning.png")!important}
.steps article:nth-of-type(4) .sprite-person{background-image:url("assets/characters/steps/result.png")!important}

@media (min-width:1101px){
  .hero{height:854px;min-height:0}
  .hero-scene{
    left:-120px;
    right:0;
    top:48px;
    bottom:-48px;
    background-image:linear-gradient(90deg,#fffdfb 0%,#fffdfbf2 18%,#fffdfb92 29%,#fffdfb18 39%,transparent 46%),linear-gradient(180deg,transparent 64%,#fffdfbe8 86%,#fffdfb 100%),var(--hero-image);
    background-position:center center;
    background-size:cover;
  }
  .hero-copy{padding-top:190px;margin-left:52px}
  .hero h1{width:720px;font-size:56px;line-height:1.08;margin-bottom:24px;transform:translateY(-20px) rotate(-1.6deg) scaleX(.81);transform-origin:left top}
  .hero-copy>.hero-lead{width:410px;padding-left:68px!important;margin-bottom:35px}
  .fast-note{margin-top:13px}
  .hero-benefits{margin-top:15px}
  .hero-benefits article{padding-top:57px}

  .service-grid .sprite-person{height:94%!important;bottom:0!important;right:-2%!important}
  .service-grid article:nth-child(1) .sprite-person{width:68%!important;right:-5%!important}
  .service-grid article:nth-child(2) .sprite-person{width:64%!important;right:-2%!important}
  .service-grid article:nth-child(3) .sprite-person{width:63%!important;right:-2%!important}
  .service-grid article:nth-child(4) .sprite-person{width:67%!important;right:-4%!important;height:98%!important}
  .service-grid article:nth-child(5) .sprite-person{width:86%!important;right:-20%!important;height:98%!important}
  .service-grid article:nth-child(6) .sprite-person{width:77%!important;right:-15%!important;height:98%!important}
  .service-grid article:nth-child(6)::after{left:79px;bottom:18px;width:63px;height:48px}

  .steps article{padding-left:0}
  .steps .sprite-person{top:18px!important;bottom:auto!important;height:154px!important;width:150px!important;left:18px!important;transform:none!important}
  .steps article:nth-of-type(1) .sprite-person{width:122px!important;left:55px!important;top:14px!important}
  .steps article:nth-of-type(2) .sprite-person{width:148px!important;left:26px!important;top:13px!important}
  .steps article:nth-of-type(3) .sprite-person{width:152px!important;left:28px!important;top:11px!important}
  .steps article:nth-of-type(4) .sprite-person{width:130px!important;left:55px!important;top:15px!important}
  .steps article>span{left:31px;top:13px}
  .steps article:nth-of-type(1)>b{left:65%;top:19px;width:30%}
  .steps article:nth-of-type(2)>b{left:50%;top:20px;width:38%}
  .steps article:nth-of-type(3)>b{left:52%;top:20px;width:37%}
  .steps article:nth-of-type(4)>b{left:54%;top:20px;width:38%}
  .steps article>p{left:12%;right:12%;bottom:18px}
}

@media (max-width:1100px){
  .hero-lead{padding-left:58px!important}
  .hero-benefits article{padding-top:44px}
  .hero-benefits article:before{width:36px;height:36px}
  .reason-grid article{min-height:54px}
  .reason-grid article:before{width:42px;height:42px}
  .service-grid .sprite-person{background-size:contain!important}
  .steps .sprite-person{background-size:contain!important}
}

/* Implementer pass 1 — independent corrections from the design audit. */
[data-reveal]{opacity:1;transform:none}
.js [data-reveal]{opacity:0;transform:translateY(18px)}
.js [data-reveal].visible{opacity:1;transform:none}

.hero-lead .lead-icon,.hero-benefits svg,.reason-grid svg{opacity:1}
.hero-lead:before,.hero-benefits article:before,.reason-grid article:before{display:none}
.reason-grid svg{
  border:1px solid #9fba73;
  border-radius:50%;
  stroke:#5b8a2d;
  stroke-width:1.55;
}
.section-title{color:#171a17}
.service-grid article,.steps article{background:#fffaf5;border-color:#e7dfd3}

@media (min-width:1101px){
  .hero-scene{
    left:215px;
    right:-215px;
    top:0;
    bottom:0;
    background-image:
      linear-gradient(90deg,#fffdfb 0%,#fffdfbe8 12%,#fffdfb82 22%,#fffdfb24 30%,transparent 36%),
      linear-gradient(180deg,transparent 90%,#fffdfb4d 96%,#fffdfb 100%),
      var(--hero-image);
    background-position:center calc(50% + 44px);
    background-size:auto 96%;
    background-repeat:no-repeat;
  }
  .hero-copy{padding-top:160px;margin-left:84px;width:680px}
  .hero h1{
    width:680px;
    font-size:63px;
    line-height:1.08;
    letter-spacing:-.025em;
    margin-bottom:45px;
    transform:rotate(-1.6deg);
    transform-origin:left top;
  }
  .hero h1>span{font-size:1em;letter-spacing:-.025em}
  .hero h1>span,.hero h1>em{white-space:nowrap}
  .hero-copy>.hero-lead{width:420px;margin-left:-32px;margin-bottom:45px}
  .hero-form{width:585px}
  .fast-note{margin-top:22px;margin-bottom:16px}
  .hero-benefits{width:500px;margin-top:30px}
  .hero-benefits article{padding-top:0;font-size:12.5px}
  .hero-benefits svg{width:43px;height:43px;margin-bottom:8px;stroke-width:1.55}

  .service-grid article:nth-child(1) .sprite-person{width:62%!important;right:0!important;background-position:right bottom!important;transform:translateX(30px)}
  .service-grid article:nth-child(2) .sprite-person{width:61%!important;right:0!important;background-position:right bottom!important;transform:translateX(28px)}
  .service-grid article:nth-child(3) .sprite-person{width:60%!important;right:0!important;background-position:right bottom!important;transform:translateX(42px)}
  .service-grid article:nth-child(4) .sprite-person{width:62%!important;right:0!important;height:94%!important;background-position:right bottom!important;transform:translateX(18px)}
  .service-grid article:nth-child(5) .sprite-person{
    width:100%!important;
    height:100%!important;
    right:0!important;
    bottom:0!important;
    background-position:right bottom!important;
    transform:translateX(95px);
  }
  .service-grid article:nth-child(6) .sprite-person{
    width:100%!important;
    height:100%!important;
    right:0!important;
    bottom:0!important;
    background-position:right bottom!important;
    transform:translateX(105px);
  }
  .service-grid article:nth-child(6)::after{left:78px;bottom:15px}

  .steps article:nth-of-type(1) .sprite-person{
    width:150px!important;
    height:160px!important;
    left:40px!important;
    top:11px!important;
    background-size:138px auto!important;
    background-position:center top!important;
    filter:none;
  }

  .reasons .section-title{font-size:40px}
  .reason-grid svg{width:58px;height:58px;padding:12px}

  .comparison-grid .comparison:first-child{--compare:48%}
  .comparison-grid .comparison:last-child{--compare:51%}
  .works:after{right:84px}
  .comparison:first-child img{object-position:52% center}
  .comparison:last-child img{object-position:50% center}

  .review-cleaner{
    right:33px!important;
    bottom:-43px!important;
    width:318px;
    height:318px;
  }
  .review-speech{right:-6px;top:-24px}
  .review-track article:nth-child(2) .avatar{background-size:118%;background-position:68% center}

  .final{
    background:
      linear-gradient(100deg,#f0f3cbdd,#f7f8dfdc),
      url("assets/cta-background.png") center/cover;
  }
  .final-heart{color:#4d7f26;font-size:82px}
  .final h2{color:#171a17;font-size:28px;font-weight:800}
  .final-cleaner{
    right:115px;
    bottom:-139px;
    width:310px;
    height:310px;
  }
  .final-note{right:7px}

  .speech-main{
    right:calc(17% + 18px);
    width:182px;
    min-height:129px;
    padding:20px 18px;
    font-size:17px;
  }
  .paper-note{
    top:125px;
    right:1.25%;
    width:135px;
    min-height:190px;
    padding:19px 14px;
    font-size:18px;
    line-height:1.55;
  }
  .cart-note{
    right:8.6%;
    bottom:25px;
    width:180px;
    min-height:160px;
    padding:18px 14px;
    font-size:21px;
    line-height:1.35;
  }
}

@media (max-width:760px){
  .hero-scene{
    inset:238px -148px 0 -62px;
    background-position:61% center;
    background-size:auto 585px;
  }
  .hero-copy{padding-top:98px}
  .hero h1{font-size:36px;max-width:94%;line-height:1.04}
  .hero-benefits article{background:#fffdfbea}
}

/* Implementer pass 2 — independently positioned hero layers and verifier P0 fixes. */
.hero-layers{display:none;position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.hero-layers>div{position:absolute;inset:0;background-repeat:no-repeat}
.hero-room{z-index:0;background-image:url("assets/hero-layers/hero-room-plate-pass2-v1.png")}
.hero-person{z-index:1;background-image:url("assets/hero-layers/hero-heroine-alpha-pass2-v1.png")}
.hero-cart{z-index:2;background-image:url("assets/hero-layers/hero-cart-alpha-pass2-v7-defringed.png")}
.hero-layers:before,.hero-layers:after{content:"";position:absolute;z-index:3;pointer-events:none}
.hero-layers:before{inset:0;background:linear-gradient(90deg,#fffdfb 0%,#fffdfbf4 20%,#fffdfba8 31%,#fffdfb3d 40%,transparent 49%)}
.hero-layers:after{left:0;right:0;bottom:0;height:15%;background:linear-gradient(180deg,transparent,#fffdfb38 45%,#fffdfb 100%)}
.hero-layered .hero-scene{display:none}
.hero-layered .hero-layers{display:block}
.final h2{white-space:pre-line}

@media (min-width:1101px){
  .hero-layered .hero-scene{
    display:block;
    inset:0;
    background-image:
      linear-gradient(90deg,#fffdfb 0%,#fffdfbf7 17%,#fffdfbd8 26%,#fffdfb92 34%,#fffdfb38 43%,transparent 52%),
      linear-gradient(180deg,transparent 84%,#fffdfb26 92%,#fffdfb 100%),
      var(--hero-image);
    background-size:100% 100%,100% 100%,1462px 823px;
    background-position:0 0,0 0,213px 60px;
    background-repeat:no-repeat;
  }
  .hero-layered .hero-layers{display:none}
  .hero{height:842px;min-height:0}
  .hero-layers>div{background-size:auto 100%;background-position:center center}
  .hero-room{background-position:calc(50% + 98px) center}
  .hero-person{background-position:calc(50% + 168px) calc(50% + 45px)}
  .hero-cart{
    background-size:auto 60%;
    background-position:calc(50% + 220px) calc(50% + 245px);
  }
  .hero-copy{padding-top:179px}
  .hero h1{
    width:700px;
    font-size:66px;
    line-height:1.08;
    letter-spacing:-.035em;
    margin-bottom:45px;
    transform:rotate(-1.6deg);
  }
  .hero-copy>.hero-lead{margin-bottom:20px}

  .service-grid article:nth-child(5) .sprite-person{
    width:58%!important;
    right:-1%!important;
    height:98%!important;
    transform:none!important;
  }
  .service-grid article:nth-child(6) .sprite-person{
    width:60%!important;
    right:-1%!important;
    height:98%!important;
    transform:none!important;
  }

  .steps article:nth-of-type(3) .sprite-person{
    width:142px!important;
    left:35px!important;
    top:10px!important;
  }
  .works .comparison-grid{transform:translate(-28px,-8px)}
  .works:after{right:84px}

  .review-cleaner{
    right:48px!important;
    bottom:-16px!important;
    width:260px;
    height:280px;
  }
  .review-speech{right:26px;top:-13px}
  .final-cleaner{
    right:215px;
    bottom:-126px;
    width:250px;
    height:275px;
  }
  .final-copy{padding-left:25px}
  .final h2{font-size:28px;line-height:1.03}

  footer{padding-bottom:36px}
}

@media (max-width:760px){
  .hero{min-height:1110px}
  .hero-layers{top:350px;height:345px}
  .hero-layers>div{background-size:auto 345px;background-position:center center}
  .hero-room{background-position:46% center}
  .hero-person{background-position:62% center}
  .hero-cart{display:none}
  .hero-layers:before{background:linear-gradient(90deg,#fffdfbdd 0%,#fffdfb4a 32%,transparent 55%)}
  .hero-layers:after{height:18%}
  .hero-form{margin-top:330px}
  .hero-benefits article{background:#fffdfbf5}
}

/* Implementer pass 2 / cycle 3 — measured corrections against design-reference.png. */
@media (min-width:1101px){
  /* Preserve the solved hero crop; only remove the non-reference white wash at its foot. */
  .hero-layered .hero-scene{
    background-image:
      linear-gradient(90deg,#fffdfb 0%,#fffdfbf7 17%,#fffdfbd8 26%,#fffdfb92 34%,#fffdfb38 43%,transparent 52%),
      linear-gradient(180deg,transparent 94%,#fffdfb0d 98%,#fffdfb80 100%),
      var(--hero-image);
  }
  .hero:after{height:9px;background:linear-gradient(transparent,#fffdf9)}

  .hero-copy{padding-top:174px}
  .hero h1{transform:rotate(-1.6deg)}
  .hero h1>span{letter-spacing:-.065em}
  .hero h1>em:last-child{
    letter-spacing:-.025em;
    transform:none;
  }
  .hero-copy>.hero-lead{
    margin-left:-76px;
    transform:translate(-23px,-20px) rotate(-1deg);
  }
  .hero-form{margin-left:-14px}
  .fast-note{transform:translateX(-18px)}
  .hero-benefits{transform:translateX(-50px)}
  .speech-main{transform:translateX(58px) rotate(-6deg)}

  .services .service-grid{transform:translateY(10px)}
  .service-grid article:nth-child(5) .sprite-person{
    width:100%!important;
    height:100%!important;
    right:-4%!important;
    bottom:0!important;
    background-position:right bottom!important;
    transform:translateX(112px)!important;
  }
  .service-grid article:nth-child(6) .sprite-person{
    width:96%!important;
    height:100%!important;
    right:-5%!important;
    bottom:0!important;
    background-position:right bottom!important;
    transform:translateX(102px)!important;
  }
  .service-grid article:nth-child(6)::after{display:none}
  .service-grid article:nth-child(6)::after{
    display:block;
    left:54px;
    bottom:17px;
    width:63px;
    height:48px;
  }

  .reasons .section-title,.reason-grid{transform:translateY(10px)}
  .reason-grid svg{width:64px;height:64px;padding:13px}

  .process .section-title,.process .steps{transform:translateY(-2px)}
  .steps article:nth-of-type(2) .sprite-person{
    width:110px!important;
    left:45px!important;
    background-size:155px auto!important;
    background-position:center top!important;
  }
  .steps article:nth-of-type(3) .sprite-person{
    background-image:url("assets/characters/steps/details.png")!important;
    width:160px!important;
    height:160px!important;
    left:24px!important;
    top:16px!important;
    background-size:160px auto!important;
    background-position:center top!important;
  }

  .reviews .section-title,.reviews-layout{transform:translateY(15px)}
  .reviews-layout{transform:translate(9px,15px)}
  .review-cleaner{
    right:34px!important;
    bottom:-16px!important;
    width:300px;
    height:310px;
  }
  .review-speech{right:-2px;top:-13px}

  .final{
    margin-top:12px;
    margin-bottom:-12px;
  }
  .final-cleaner{
    right:190px;
    bottom:-74px;
    width:285px;
    height:305px;
  }
}

@media (max-width:1100px){
  .steps article:nth-of-type(3) .sprite-person{
    background-image:url("assets/characters/steps/details.png")!important;
  }
  .service-grid article:nth-child(6)::after{display:none!important}
}