/*
Theme Name: Maplenorth Building Care
Theme URI: https://maplenorthbuildingcare.ca/
Author: Smart Print Custom Development
Description: A fast, responsive green-concept custom WordPress theme for Maplenorth Building Care, including quote requests, career applications, service areas and business contact settings.
Version: 3.3.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: maplenorth
*/
:root{--mn-green:#006b3f;--mn-green-bright:#00a86b;--mn-green-light:#dff7e9;--mn-dark-green:#013220;--mn-black:#06110b;--mn-dark:#0b2115;--mn-gray:#627068;--mn-light:#f4fbf7;--mn-white:#fff;--mn-border:#dcebe2;--mn-radius:18px;--mn-shadow:0 18px 55px rgba(9,10,15,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15151a;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:88px 0}.section--soft{background:var(--mn-light)}.eyebrow{color:var(--mn-green-bright);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-title{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;margin:.4rem 0 1rem}.lead{font-size:1.12rem;color:var(--mn-gray);max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:14px 22px;border-radius:8px;font-weight:800;font-size:.9rem;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--mn-green-bright),var(--mn-dark-green));color:#fff;box-shadow:0 12px 30px rgba(0,168,107,.28)}.btn--outline{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(0,0,0,.3)}.btn--dark{background:var(--mn-dark-green);color:#fff}.site-header{position:sticky;top:0;z-index:99;background:rgba(2,28,17,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.08em}.brand img{width:190px;max-height:58px;object-fit:contain}.main-nav ul{display:flex;gap:26px;list-style:none;padding:0;margin:0;align-items:center}.main-nav a{color:#eee;font-size:.84rem;font-weight:700}.main-nav a:hover{color:var(--mn-green-bright)}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(0,168,107,.28),transparent 25%),linear-gradient(110deg,#03140c 0%,#082719 58%,#0d3b26 100%);color:#fff;min-height:680px;display:flex;align-items:center}.hero:after{content:"";position:absolute;right:-6%;bottom:-18%;width:55%;height:90%;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(0,168,107,.22));clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);border-left:1px solid rgba(255,255,255,.1)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:80px 0}.hero h1{font-size:clamp(3.5rem,7vw,6.2rem);line-height:.9;letter-spacing:-.055em;margin:18px 0 26px}.hero h1 span{color:var(--mn-green-bright);display:block}.hero p{color:#d0d0d5;font-size:1.08rem;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.trust-item{font-size:.78rem;font-weight:700;color:#ddd;border-left:2px solid var(--mn-green-bright);padding-left:10px}.hero-card{position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.hero-card .shield{width:170px;margin:0 auto 20px;display:block;filter:drop-shadow(0 20px 25px rgba(0,168,107,.22))}.hero-stat{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-stat div{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);padding:18px;border-radius:14px}.hero-stat strong{display:block;color:var(--mn-green-bright);font-size:1.3rem}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.service-card{background:#fff;border:1px solid var(--mn-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 35px rgba(10,10,15,.06);transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--mn-shadow)}.service-visual{height:155px;background:linear-gradient(145deg,#063621,#0b6b42);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.service-visual:before{content:"";width:90px;height:90px;border-radius:50%;background:rgba(0,168,107,.16);position:absolute}.service-icon{font-size:2.4rem;position:relative}.service-body{padding:22px}.service-body h3{font-size:1.05rem;margin:0 0 8px}.service-body p{font-size:.88rem;color:var(--mn-gray);margin:0 0 15px}.service-link{font-weight:800;color:var(--mn-green-bright);font-size:.85rem}.special{background:linear-gradient(110deg,#012719,#075f3b);color:#fff;overflow:hidden}.special-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.vacuum-art{height:360px;border-radius:28px;background:radial-gradient(circle at 50% 35%,rgba(0,168,107,.38),transparent 32%),linear-gradient(145deg,#0a5134,#022417);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09)}.vacuum-art span{font-size:8rem;filter:drop-shadow(0 20px 30px #000)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.benefit{font-size:.82rem;color:#ddd}.benefit strong{display:block;color:#fff;margin-top:6px}.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:32px}.why-card{padding:22px 15px;text-align:center;border:1px solid var(--mn-border);border-radius:14px;background:#fff}.why-card span{font-size:1.8rem}.why-card h3{font-size:.88rem;margin:10px 0 4px}.why-card p{font-size:.75rem;color:var(--mn-gray);margin:0}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--mn-border);border-radius:20px;padding:32px;box-shadow:0 10px 35px rgba(10,10,15,.05)}.areas-list{columns:2;list-style:none;padding:0;margin:20px 0}.areas-list li{padding:6px 0;font-size:.9rem}.areas-list li:before{content:"●";color:var(--mn-green-bright);margin-right:9px}.map-box{height:230px;border-radius:14px;overflow:hidden;margin-top:18px}.map-box iframe{width:100%;height:100%;border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:13px 14px;font:inherit;background:#fff}.field textarea{min-height:120px}.notice{padding:12px 16px;border-radius:9px;margin-bottom:18px}.notice--success{background:#e8fff0;color:#126b32}.notice--error{background:#fff0f1;color:#9b1c27}.reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.review{border:1px solid var(--mn-border);border-radius:16px;padding:22px;background:#fff}.stars{color:var(--mn-green-bright);letter-spacing:.15em}.review p{font-size:.88rem;color:var(--mn-gray)}.review strong{font-size:.85rem}.cta{background:linear-gradient(100deg,#013220,#006b3f);color:#fff;padding:45px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer{background:#012719;color:#c9ddd1;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:38px}.footer-grid h3{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:7px 0;font-size:.85rem}.footer-logo{width:210px}.copyright{border-top:1px solid #202026;margin-top:40px;padding-top:20px;font-size:.78rem;display:flex;justify-content:space-between;gap:20px}.page-hero{background:linear-gradient(120deg,#012719,#087348);color:#fff;padding:90px 0}.page-content{padding:70px 0}.content-card{max-width:900px}.content-card h2{margin-top:35px}.career-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.admin-bar .site-header{top:32px}@media(max-width:980px){.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#032116;padding:20px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start}.nav-toggle{display:block}.header-cta{display:none}.hero-grid,.special-grid,.split-grid,.career-wrap{grid-template-columns:1fr}.hero-card{max-width:620px}.services-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(3,1fr)}.reviews-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:min(100% - 26px,1180px)}.section{padding:64px 0}.hero{min-height:auto}.hero-grid{padding:60px 0}.hero h1{font-size:3.6rem}.trust-row{grid-template-columns:1fr 1fr}.services-grid,.reviews-grid,.why-grid,.footer-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.cta-inner,.copyright{align-items:flex-start;flex-direction:column}.areas-list{columns:1}}

/* Green Premium Edition v2.0 */
.green-promise{background:linear-gradient(135deg,#f4fbf7,#e4f7ec);position:relative;overflow:hidden}.green-promise:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(0,168,107,.10);right:-100px;top:-130px}.green-promise-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.promise-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promise-point{background:#fff;border:1px solid var(--mn-border);border-radius:18px;padding:24px;box-shadow:0 12px 35px rgba(0,107,63,.08)}.promise-point span{font-size:2rem}.promise-point strong{display:block;color:var(--mn-dark-green);margin-top:8px}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--mn-green-bright);box-shadow:0 0 0 3px rgba(0,168,107,.12)}.service-card:hover{border-color:rgba(0,168,107,.38)}@media(max-width:980px){.green-promise-grid{grid-template-columns:1fr}}@media(max-width:640px){.promise-points{grid-template-columns:1fr}}

/* Interactive Motion Edition v2.1 */
.hero{--mouse-x:50%;--mouse-y:50%;isolation:isolate}
.hero-grid-lines{position:absolute;inset:-20%;z-index:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:55px 55px;transform:perspective(700px) rotateX(62deg) translate3d(calc((var(--mouse-x) - 50%) * .035),calc((var(--mouse-y) - 50%) * .035),0);transform-origin:center 65%;transition:transform .12s linear;mask-image:linear-gradient(to bottom,transparent 2%,#000 38%,transparent 92%)}
.hero:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle 420px at var(--mouse-x) var(--mouse-y),rgba(50,229,151,.18),transparent 70%);pointer-events:none;transition:background .08s linear}
.hero-orb{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none;z-index:0;will-change:transform;transition:transform .12s linear}
.hero-orb--one{width:360px;height:360px;right:7%;top:10%;background:radial-gradient(circle at 35% 35%,rgba(97,255,183,.33),rgba(0,168,107,.03) 68%);transform:translate3d(calc((var(--mouse-x) - 50%) * -.08),calc((var(--mouse-y) - 50%) * -.08),0)}
.hero-orb--two{width:190px;height:190px;left:43%;bottom:7%;background:radial-gradient(circle,rgba(255,255,255,.15),rgba(0,168,107,.02) 70%);transform:translate3d(calc((var(--mouse-x) - 50%) * .11),calc((var(--mouse-y) - 50%) * .11),0)}
.hero-orb--three{width:90px;height:90px;left:8%;top:17%;background:rgba(0,168,107,.15);box-shadow:0 0 80px rgba(0,168,107,.35);transform:translate3d(calc((var(--mouse-x) - 50%) * .16),calc((var(--mouse-y) - 50%) * .16),0)}
.hero-card{transform:perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateZ(0);transition:transform .18s ease-out,box-shadow .25s ease;will-change:transform}
.hero-card:hover{box-shadow:0 38px 110px rgba(0,0,0,.62),0 0 0 1px rgba(70,234,158,.12)}
.hero .btn,.service-card,.why-card,.review,.promise-point,.panel,.benefit{will-change:transform}

.before-after-section{background:linear-gradient(180deg,#fff,#f4fbf7)}
.before-after-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}
.drag-hint{flex:0 0 auto;padding:11px 16px;border-radius:999px;background:var(--mn-green-light);color:var(--mn-dark-green);font-size:.82rem;font-weight:800;animation:hintPulse 2.4s ease-in-out infinite}
.before-after{--position:50%;position:relative;overflow:hidden;border-radius:26px;aspect-ratio:16/8.4;background:#dcebe2;box-shadow:0 30px 80px rgba(1,50,32,.18);cursor:ew-resize;touch-action:none;user-select:none;border:1px solid rgba(0,107,63,.12)}
.before-after__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.before-after__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0);will-change:clip-path}
.before-after__line{position:absolute;top:0;bottom:0;left:var(--position);width:4px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(1,50,32,.18),0 0 26px rgba(0,0,0,.2);z-index:5;outline:none}
.before-after__line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--mn-green-bright),var(--mn-dark-green));border:4px solid #fff;color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 12px 28px rgba(1,50,32,.35);transition:transform .2s}
.before-after:hover .before-after__line span,.before-after.is-dragging .before-after__line span{transform:translate(-50%,-50%) scale(1.08)}
.before-after__label{position:absolute;top:20px;z-index:4;padding:8px 13px;border-radius:999px;background:rgba(1,50,32,.75);backdrop-filter:blur(8px);color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.before-after__label--before{left:20px}.before-after__label--after{right:20px;background:rgba(255,255,255,.88);color:var(--mn-dark-green)}

.reveal-on-scroll{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
.services-grid .service-card,.why-grid .why-card,.reviews-grid .review,.promise-points .promise-point{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .55s ease,transform .55s ease,box-shadow .25s ease,border-color .25s ease}
.is-visible .service-card,.is-visible .why-card,.is-visible .review,.is-visible .promise-point{opacity:1;transform:none}
.is-visible .service-card:nth-child(2),.is-visible .why-card:nth-child(2),.is-visible .review:nth-child(2),.is-visible .promise-point:nth-child(2){transition-delay:.08s}
.is-visible .service-card:nth-child(3),.is-visible .why-card:nth-child(3),.is-visible .review:nth-child(3),.is-visible .promise-point:nth-child(3){transition-delay:.16s}
.is-visible .service-card:nth-child(4),.is-visible .why-card:nth-child(4),.is-visible .review:nth-child(4){transition-delay:.24s}
.is-visible .service-card:nth-child(5),.is-visible .why-card:nth-child(5){transition-delay:.32s}
.is-visible .service-card:nth-child(6),.is-visible .why-card:nth-child(6){transition-delay:.40s}
.service-card:hover,.why-card:hover,.review:hover,.promise-point:hover,.benefit:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(0,107,63,.13)}
.service-icon{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.service-card:hover .service-icon{transform:rotate(-8deg) scale(1.12)}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-50%;left:-65%;width:45%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:rotate(18deg);transition:left .65s ease}.btn:hover:after{left:125%}
.stars{animation:starGlow 2.6s ease-in-out infinite alternate}
@keyframes hintPulse{50%{transform:translateX(5px);box-shadow:0 8px 25px rgba(0,168,107,.16)}}
@keyframes starGlow{to{filter:drop-shadow(0 0 7px rgba(255,193,7,.45))}}
@media(max-width:760px){.before-after-heading{align-items:flex-start;flex-direction:column}.drag-hint{display:none}.before-after{aspect-ratio:4/3}.before-after__line span{width:48px;height:48px}.hero-grid-lines{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.reveal-on-scroll,.services-grid .service-card,.why-grid .why-card,.reviews-grid .review,.promise-points .promise-point{opacity:1;transform:none}.hero-card{transform:none!important}}

/* Green Motion Premium v3.0 — real-image cleaning reveal */
.hero-clean-reveal{position:relative;min-height:760px;overflow:hidden;background:#071b12;color:#fff;isolation:isolate}
.hero-clean-scene{position:absolute;inset:0;z-index:0;overflow:hidden;background:#10261b}
.hero-clean-image,.hero-dirty-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-clean-image{filter:saturate(1.08) contrast(1.03)}
.hero-dirty-canvas{touch-action:none;cursor:none}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(1,24,15,.94) 0%,rgba(1,24,15,.78) 36%,rgba(1,24,15,.22) 67%,rgba(1,24,15,.04) 100%),linear-gradient(0deg,rgba(1,24,15,.34),transparent 55%);pointer-events:none}
.hero-clean-reveal .hero-grid{position:relative;z-index:3;min-height:760px;grid-template-columns:minmax(0,1.08fr) minmax(280px,.52fr);align-items:center}
.hero-clean-reveal .hero-copy{max-width:720px}
.hero-clean-reveal h1{text-shadow:0 8px 35px rgba(0,0,0,.35)}
.hero-clean-instruction{display:inline-grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;margin:22px 0 2px;padding:12px 17px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(0,62,39,.44);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.16)}
.hero-clean-instruction .hero-clean-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#00a86b;box-shadow:0 0 25px rgba(0,214,137,.5);animation:cleanSpark 1.8s ease-in-out infinite}
.hero-clean-instruction strong{font-size:.87rem}.hero-clean-instruction small{font-size:.72rem;color:#c8e6d5}
.hero-progress-card{justify-self:end;width:min(100%,360px);padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:rgba(0,31,20,.72);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.42)}
.hero-progress-card .shield{display:block;width:210px;max-width:100%;margin:0 auto 25px}
.clean-progress__top{display:flex;justify-content:space-between;gap:15px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.clean-progress__top strong{color:#60e8ad}
.clean-progress__track{display:block;height:9px;margin:11px 0 17px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.clean-progress__track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00a86b,#77f2ba);box-shadow:0 0 20px rgba(0,229,146,.5);transition:width .15s linear}
.clean-reset{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:.25s}.clean-reset:hover{background:#fff;color:#013220}
.hero-clean-cursor{position:absolute;z-index:2;width:150px;height:150px;border:2px solid rgba(255,255,255,.82);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;box-shadow:0 0 0 8px rgba(0,168,107,.12),inset 0 0 35px rgba(115,255,190,.16);transition:opacity .2s}
.hero-clean-reveal.is-cleaning .hero-clean-cursor{opacity:1}
.hero-clean-cursor:after{content:"CLEAN";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.67rem;font-weight:900;letter-spacing:.14em;text-shadow:0 2px 8px #000}
.before-after__image--after{filter:saturate(1.08) contrast(1.03)}
.before-after__before .before-after__image{filter:none}
@keyframes cleanSpark{50%{transform:rotate(25deg) scale(1.08);box-shadow:0 0 38px rgba(0,214,137,.75)}}
@media(max-width:980px){.hero-clean-reveal .hero-grid{grid-template-columns:1fr;align-content:center;padding-top:90px;padding-bottom:70px}.hero-progress-card{justify-self:start;width:320px}.hero-shade{background:linear-gradient(90deg,rgba(1,24,15,.93),rgba(1,24,15,.55)),linear-gradient(0deg,rgba(1,24,15,.5),transparent)}}
@media(max-width:640px){.hero-clean-reveal,.hero-clean-reveal .hero-grid{min-height:760px}.hero-progress-card{width:100%;padding:20px}.hero-progress-card .shield{width:160px}.hero-clean-cursor{width:105px;height:105px}.hero-clean-instruction{margin-top:15px}.hero-clean-reveal .trust-row{display:none}}
@media(prefers-reduced-motion:reduce){.hero-clean-instruction .hero-clean-icon{animation:none}}


/* Green Motion Premium v3.1 — dirty-floor hero, completion state and expanded services */
.clean-complete{display:grid;grid-template-columns:auto 1fr;gap:2px 11px;align-items:center;margin-top:16px;padding:0 15px;max-height:0;opacity:0;overflow:hidden;border:1px solid rgba(119,242,186,.35);border-radius:14px;background:linear-gradient(135deg,rgba(0,168,107,.28),rgba(1,50,32,.48));transform:translateY(8px);transition:max-height .45s ease,opacity .35s ease,transform .35s ease,padding .35s ease}.clean-complete.show{max-height:100px;opacity:1;padding:13px 15px;transform:none}.clean-complete span{grid-row:1/3;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#77f2ba;color:#013220;font-size:1.2rem;font-weight:900;box-shadow:0 0 24px rgba(119,242,186,.45)}.clean-complete strong{font-size:1.08rem;color:#fff}.clean-complete small{color:#c8f5db}.hero-clean-reveal.is-complete .hero-clean-cursor{opacity:0}.hero-clean-reveal.is-complete .hero-clean-instruction{border-color:rgba(119,242,186,.5);background:rgba(0,107,63,.68)}
.services-hero .lead{color:#d7eee1}.services-directory{background:linear-gradient(180deg,#fff,#f4fbf7)}.service-jump{position:sticky;top:92px;z-index:10;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-35px 0 45px;padding:15px 18px;border:1px solid var(--mn-border);border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 15px 40px rgba(1,50,32,.09)}.service-jump strong{margin-right:4px;color:var(--mn-dark-green)}.service-jump a{padding:7px 11px;border-radius:999px;background:var(--mn-green-light);color:var(--mn-dark-green);font-size:.76rem;font-weight:800}.service-jump a:hover{background:var(--mn-green-bright);color:#fff}.service-detail{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:35px;margin:0 0 28px;padding:34px;border:1px solid var(--mn-border);border-radius:24px;background:#fff;box-shadow:0 14px 45px rgba(1,50,32,.06);scroll-margin-top:155px}.service-detail__intro{display:flex;align-items:flex-start;gap:18px}.service-detail__icon{flex:0 0 auto;display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:linear-gradient(145deg,#063621,#00a86b);font-size:2rem;box-shadow:0 16px 30px rgba(0,107,63,.2)}.service-detail__intro h2{margin:.28rem 0 .75rem;font-size:clamp(1.6rem,2.6vw,2.35rem);line-height:1.08}.service-detail__intro p{color:var(--mn-gray)}.service-detail__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-option{display:flex;gap:11px;padding:17px;border:1px solid #e5efe8;border-radius:15px;background:#f9fdfa;transition:.25s}.service-option:hover{transform:translateY(-3px);border-color:rgba(0,168,107,.35);box-shadow:0 12px 26px rgba(1,50,32,.08)}.service-option>span{flex:0 0 auto;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dff7e9;color:#006b3f;font-weight:900}.service-option h3{margin:0 0 5px;font-size:.97rem}.service-option p{margin:0;color:var(--mn-gray);font-size:.84rem;line-height:1.55}.services-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;background:linear-gradient(135deg,#fff,#eaf8f0)}.services-cta h2{margin:.3rem 0}.services-cta p{margin-bottom:0;color:var(--mn-gray)}
@media(max-width:900px){.service-jump{position:static;margin-top:-20px}.service-detail{grid-template-columns:1fr}.service-detail__items{grid-template-columns:1fr}.services-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.service-detail{padding:23px}.service-detail__intro{flex-direction:column}.service-jump{display:none}}

/* Green Motion Premium v3.2 — HD random scenes, desktop-only cleaning, balanced services, maintenance page */
.hero-clean-image{image-rendering:auto;filter:saturate(1.12) contrast(1.08) brightness(1.03)}
.hero-shade{background:linear-gradient(90deg,rgba(1,24,15,.95) 0%,rgba(1,24,15,.82) 34%,rgba(1,24,15,.30) 57%,rgba(1,24,15,.02) 79%),linear-gradient(0deg,rgba(1,24,15,.28),transparent 58%)}
.services-overview{padding-top:100px}.services-heading{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.2fr) auto;gap:38px;align-items:end;margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--mn-border)}.services-heading .section-title{margin-bottom:0}.services-heading .lead{margin:0;max-width:700px}.services-heading .btn{white-space:nowrap}
.before-after{aspect-ratio:16/9;max-height:690px;background:#10291c}.before-after__image{filter:saturate(1.06) contrast(1.05);image-rendering:auto}
.maintenance-body{margin:0;background:#031b11}.maintenance-screen{position:relative;display:grid;place-items:center;min-height:100vh;padding:35px;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(0,168,107,.24),transparent 32%),linear-gradient(145deg,#02150d,#064028)}.maintenance-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(0,214,137,.13);filter:blur(80px);animation:maintenanceFloat 7s ease-in-out infinite}.maintenance-card{position:relative;z-index:2;width:min(760px,100%);padding:55px;text-align:center;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:rgba(0,30,19,.80);backdrop-filter:blur(22px);box-shadow:0 40px 120px rgba(0,0,0,.5);color:#fff}.maintenance-card img{width:min(330px,75%);margin:0 auto 28px}.maintenance-card h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.02;margin:.4rem 0 1rem}.maintenance-card p{max-width:620px;margin:0 auto 28px;color:#d4eadf;font-size:1.08rem}.maintenance-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.maintenance-card address{margin-top:28px;color:#b7d8c7;font-style:normal}@keyframes maintenanceFloat{50%{transform:translateY(-25px) scale(1.08)}}
@media(max-width:980px){.hero-dirty-canvas,.hero-clean-cursor,.hero-progress-card,.hero-clean-instruction{display:none!important}.hero-clean-reveal .hero-grid{grid-template-columns:1fr}.hero-clean-image{filter:saturate(1.05) contrast(1.04)}.services-heading{grid-template-columns:1fr;gap:16px;align-items:start}.services-heading .btn{justify-self:start}.before-after{aspect-ratio:4/3}}
@media(max-width:640px){.maintenance-card{padding:34px 22px}.maintenance-actions{flex-direction:column}.maintenance-actions .btn{width:100%}}

/* v3.3 real-photo clarity and reliable desktop cleaning */
.hero-clean-image,.hero-dirty-canvas{image-rendering:auto;}
.hero-clean-scene{background:#153b27;}
.before-after{aspect-ratio:16/9;max-height:760px;background:#111;}
.before-after__image{object-fit:cover;object-position:center 68%;filter:none;}
.hero-clean-image{filter:saturate(1.04) contrast(1.03);}
.hero-dirty-canvas{pointer-events:none;}
@media (max-width:980px){.hero-clean-instruction,.hero-progress-card{display:none!important;}}