/* Branded photographic backgrounds for the achievements and service directory. */
main>section.impact:not(.hero):not(.contact){isolation:isolate;overflow:hidden;background:#052b55 url('home-poster.jpg') center 46%/cover no-repeat;color:#fff;border-bottom:0}
main>section.impact::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(3,26,55,.97) 5%,rgba(4,43,83,.91) 53%,rgba(6,47,84,.76))}
main>section.impact::after{content:"";position:absolute;inset:auto -150px -240px auto;width:550px;height:550px;border:1px solid #b8ef8a25;border-radius:50%;z-index:-1;box-shadow:0 0 0 65px #b8ef8a08,0 0 0 130px #b8ef8a06;pointer-events:none}
.impact .wrap{padding-top:70px;padding-bottom:52px}
.impact .eyebrow{color:#b8ef8a;display:flex;align-items:center;gap:12px}
.impact .eyebrow::before{content:"";width:28px;height:2px;background:#a9e972;flex-shrink:0}
.impact h2{color:#fff;max-width:800px}
.impact .intro{color:#dbe8f3;font-size:16px;max-width:690px;margin-bottom:32px}
.impact-grid{gap:12px}
.impact-card{background:linear-gradient(155deg,#fffffff5,#f2f8fdf2);border:1px solid #ffffff88;border-radius:16px;padding:24px 16px 22px;box-shadow:0 14px 30px #00162d35;transition:transform .22s,box-shadow .22s,border-color .22s}
.impact-card::before{inset-block-start:auto;inset-block-end:0;inset-inline-start:16px;width:36px;height:4px;border-radius:4px 4px 0 0}
.impact-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#e6f1fb;border:1px solid #cde3f3;border-radius:11px;color:#0756ad;margin-bottom:16px}
.impact-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.impact-prefix{top:69px;inset-inline-end:16px;color:#42637c}
.impact-value{color:#0756ad;text-shadow:none!important;font-size:clamp(34px,3.5vw,50px);line-height:1.15}
.impact-label{color:#173348;font-size:14px;margin-top:12px;min-height:42px}
.impact-link{font-size:12px;color:#45647a;padding-top:18px}
.impact-card:hover{border-color:#a9e972;box-shadow:0 20px 38px #00162d50;transform:translateY(-5px)}
.impact-card:hover .impact-icon{background:#e8f6df;border-color:#b2dc91;color:#286520}
.impact-highlights{border-top-color:#ffffff30;color:#e2edf7;gap:12px 18px}
.impact-highlight-title{color:#b8ef8a}
.impact-highlights a:not(.impact-all){background:#ffffff0b;border:1px solid #ffffff26;border-radius:999px;padding:7px 12px;font-size:12px}
.impact-highlights a:hover{background:#ffffff19;color:#fff}
.impact-highlights .impact-all{color:#b8ef8a;padding-block:7px}
main>#services:not(.hero):not(.contact){background:radial-gradient(ellipse at 95% 0,#dff0f6 0,transparent 36%),radial-gradient(ellipse at 5% 96%,#e4f1dc 0,transparent 34%),#f5f9fc;background-image:radial-gradient(ellipse at 95% 0,#dff0f6 0,transparent 36%),radial-gradient(ellipse at 5% 96%,#e4f1dc 0,transparent 34%)}
#services>.wrap>.eyebrow{color:#3d8428}
#services>.wrap>h2{color:#173348}
#services>.wrap>.intro{color:#496371}
#services .card{box-shadow:0 12px 30px #062c4b14;border-radius:14px;overflow:hidden;transition:transform .22s,box-shadow .22s}
#services .card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #062c4b25}
#services .cleaning-directory{position:relative;isolation:isolate;overflow:hidden;margin-top:56px;padding:38px;background:#052b55 url('home-poster.jpg') center/cover no-repeat;border:1px solid #d5e4ed;border-radius:22px;color:#fff;box-shadow:0 22px 50px #062c4b25}
#services .cleaning-directory::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#032549f7 0%,#063b6bed 60%,#073d68d1)}
.directory-heading{gap:32px;align-items:center}
.directory-heading .eyebrow{color:#b8ef8a;font-size:11px;letter-spacing:.2em}
.directory-heading h3{color:#fff;font-size:clamp(26px,3vw,38px);max-width:780px;line-height:1.3}
.directory-heading p:not(.eyebrow){color:#dbe8f3;font-size:15px;max-width:730px}
.directory-total{display:flex;align-items:center;justify-content:center;min-width:116px;min-height:116px;border:1px solid #b8ef8a65;border-radius:50%;font-size:58px;color:#b8ef8a;background:radial-gradient(circle at 35% 25%,#b8ef8a20,#b8ef8a03 70%);box-shadow:0 0 0 9px #b8ef8a07,0 0 0 18px #b8ef8a04}
.directory-note{background:#ffffff0b;color:#dbe8f3;border-inline-start-color:#a9e972;border-radius:0 7px 7px 0;font-size:13px;margin:30px 0 26px}
[dir=rtl] .directory-note{border-radius:7px 0 0 7px}
.directory-groups{gap:16px}
.directory-group{background:#fffffff5;border:1px solid #ffffff8a;border-radius:13px;box-shadow:0 7px 20px #001a351a}
.directory-group summary{min-height:112px;padding:22px;gap:17px;transition:background .2s}
.directory-group-number{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;background:linear-gradient(145deg,#e5f2fb,#eff8e9);border:1px solid #c9dfec;border-radius:13px;font-size:13px;color:#0756ad}
.directory-icon{display:flex;align-items:center;justify-content:center}
.directory-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.directory-group-number .directory-index{position:absolute;inset-block-start:-7px;inset-inline-end:-7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0756ad;color:#fff;border:2px solid #fff;border-radius:50%;font-size:8px}
.directory-group summary>span:nth-child(2){font-size:16px}
.directory-group small{color:#526c7d;margin-top:7px;font-size:12px}
.directory-group summary:after{font-size:23px;color:#0756ad;border:1px solid #ccdfeb;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.directory-group summary:hover{background:#edf6fc}
.directory-group[open] summary{background:#edf6fc;border-bottom:1px solid #d7e8f1}
.directory-list{background:#fff;padding-inline:22px}
.directory-list a:hover{color:#0756ad}
@media(max-width:1000px){.impact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.impact-label{min-height:21px}.impact-value{font-size:46px}}
@media(max-width:700px){#services .cleaning-directory{padding:28px 19px;border-radius:17px}.directory-heading{gap:18px;align-items:flex-start}.directory-heading h3{font-size:27px}.directory-total{min-width:72px;min-height:72px;font-size:39px;margin:10px 4px 0}.directory-groups{gap:12px}.directory-group summary{min-height:100px;padding:18px 15px;gap:13px}.directory-group summary>span:nth-child(2){font-size:15px}.directory-group-number{width:42px;height:42px;border-radius:12px}.directory-icon svg{width:23px;height:23px}.directory-note{margin:24px 0;font-size:12px}.impact .wrap{padding-top:52px;padding-bottom:42px}.impact-highlights{gap:10px}}
@media(max-width:560px){.impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-card{padding:20px 15px}.impact-value{font-size:42px}.impact-prefix{top:65px;inset-inline-end:12px}.impact-label{font-size:13px;min-height:39px}.impact-icon{margin-bottom:14px}.impact-highlights{flex-direction:row;align-items:center}.impact-highlight-title,.impact-all{width:100%}.directory-heading{display:block;padding-inline-end:0;position:relative}.directory-heading .eyebrow{padding-inline-end:75px;min-height:33px}.directory-total{position:absolute;inset-block-start:0;inset-inline-end:3px;min-width:57px;min-height:57px;font-size:31px;margin:0}.directory-heading h3{font-size:26px;padding-top:6px}}
@media(prefers-reduced-motion:reduce){.impact-card,#services .card,.directory-group summary{transition:none}.impact-card:hover,#services .card:hover{transform:none}}
