*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,system-ui,sans-serif;color:#122f68;background:#fff;line-height:1.5}.container{width:min(1100px,calc(100% - 32px));margin:auto}.header{height:80px;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 18px #102e6812}.nav{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:9px;color:#0d2a65;text-decoration:none;margin-left:auto}.brand b{display:block;font-size:21px;line-height:1}.brand small{display:block;color:#8a8e98;font-size:10px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#0b2d70,#3376bd);color:#fff;font-size:25px}.nav-links{display:flex;gap:24px}.nav-links a,footer a{color:inherit;text-decoration:none;font-weight:700;font-size:14px}.top-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:10px 22px;text-decoration:none;font-weight:800}.top-cta{background:#377bc4;color:#fff}.menu-btn{display:none;background:none;border:0;font-size:28px;color:#122f68}.hero{min-height:582px;background:linear-gradient(90deg,#102b68df,#102b68b9),url('assets/hero-cleaning.webp') center/cover;display:flex;align-items:center;color:#fff}.hero-content{padding:80px 0;max-width:850px;text-align:right;margin-left:auto;margin-right:0}.eyebrow{color:#d9ad33;font-weight:900;font-size:14px}.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.25;margin:16px 0}.hero p{font-size:18px;max-width:730px;color:#f0f3fa}.actions{display:flex;gap:12px;margin:24px 0}.btn.gold{background:#eab72d;color:#102b68}.btn.outline{border:1px solid #ffffff66;color:#fff;background:#ffffff18}.btn.navy{background:#123b7b;color:#fff}.trust{display:flex;gap:34px;flex-wrap:wrap;font-weight:700;justify-content:flex-start;text-align:right}.section{padding:80px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-photo img{width:100%;border-radius:25px;display:block}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.mini-stats div,.card{background:#fff;border:1px solid #dce2ec;border-radius:20px;padding:22px}.mini-stats div{text-align:center;box-shadow:0 9px 23px #173b7210}.mini-stats b{display:block;font-size:23px}.mini-stats small{color:#8a8e98}.about-copy h2,.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:8px 0 18px}.about-copy p,.section-head p{color:#6c7586;font-size:16px}.features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.features b{display:block}.features small{display:block;color:#7c8491}.pale{background:#f1f5fa}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.cards{display:grid;gap:20px}.services{grid-template-columns:repeat(3,1fr)}.card{box-shadow:0 8px 20px #152f6310}.card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#123a7b;color:#fff;font-size:25px}.card h3{margin:12px 0 4px;color:#152f64}.card p{margin:0;color:#778091}.offers{background:#152f68;color:#fff}.light-head h2{color:#fff}.offer-cards{grid-template-columns:repeat(3,1fr)}.offer{background:#1c3c78;border-color:#45629a;color:#fff}.offer h3{color:#fff}.discount{display:inline-block;color:#162f62;background:#eab72d;border-radius:20px;padding:2px 14px}.offer .btn{margin-top:16px}.projects{grid-template-columns:repeat(3,1fr)}.project{padding:0;overflow:hidden}.project img{height:190px;width:100%;object-fit:cover}.project-body{padding:18px}.stars{color:#e5b42e;letter-spacing:2px;font-weight:900}.stars small{color:#8a8e98;letter-spacing:0}.project em{font-style:normal;background:#edf3fb;padding:4px 12px;border-radius:18px;color:#254a85;font-size:12px}.center{text-align:center}.area-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.area-list span{border:1px solid #d9e0ea;border-radius:24px;padding:5px 17px;background:#fff;color:#294775}.review-grid{grid-template-columns:repeat(3,1fr)}.review{text-align:center}.review p{color:#6f7888}.review b{color:#172f61}.faq-wrap{max-width:850px}.faq-wrap details{background:#fff;border:1px solid #dce2ec;border-radius:18px;margin:12px 0;padding:0 24px}.faq-wrap summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:800;color:#172f61;display:flex;justify-content:space-between}.faq-wrap summary::-webkit-details-marker{display:none}.faq-wrap details p{border-top:1px solid #edf0f4;padding:12px 0;color:#6c7586}.contact{padding:80px 0;background:linear-gradient(110deg,#123b7b,#367ac5);color:#fff}.contact h2{font-size:42px;margin:0}.contact p{color:#eaf0fc}.contact .actions{justify-content:center}footer{background:#102b68;color:#fff;padding:56px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:40px}.footer-grid p,.footer-grid span,.footer-grid a{display:block;color:#d5def0;margin:8px 0}.light-brand{color:#fff}.copyright{text-align:center;border-top:1px solid #ffffff14;padding:18px;color:#aebcd4;font-size:13px}.floating{position:fixed;left:20px;bottom:20px;display:grid;gap:10px;z-index:9}.floating a{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;text-decoration:none;font-size:25px;box-shadow:0 4px 14px #0003}.floating a:last-child{background:#123b7b}
@media(max-width:800px){.nav-links,.top-cta{display:none}.menu-btn{display:block}.nav{justify-content:space-between}.nav-links.open{display:flex;position:absolute;top:82px;right:16px;left:16px;background:#fff;border-radius:15px;padding:18px;flex-direction:column;box-shadow:0 15px 35px #0002}.hero{min-height:690px}.hero-content{padding:50px 0}.hero h1{font-size:42px}.trust{gap:13px;font-size:13px}.split,.services,.offer-cards,.projects,.review-grid,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.about-photo{order:2}.features{gap:12px}.features small{font-size:13px}.contact h2{font-size:32px}.footer-grid{gap:30px}.projects .project img{height:220px}}
/* Exact source rhythm adjustments */
.about{padding-bottom:95px}section#services{padding-bottom:86px}section#offers{padding-bottom:87px}.project img{height:220px}.review{min-height:219px}.faq-wrap details{margin:11px 0}.faq-wrap summary{padding:14px 0}.faq-wrap details p{padding:10px 0}.contact{padding:66px 0 65px}
section#areas{padding-bottom:94px}section#faq{padding-top:79px;padding-bottom:78px}
/* Restore the blue Lovable design palette */
body{color:#122f68}.brand,.nav-links a,footer a{color:#0d2a65}.brand-mark,.card-icon{background:linear-gradient(135deg,#0b2d70,#3376bd)}.top-cta{background:#377bc4}.hero{background:linear-gradient(90deg,#102b68df,#102b68b9),url('assets/hero-cleaning.webp') center/cover}.eyebrow{color:#d9ad33}.btn.gold{background:#eab72d;color:#102b68}.btn.navy{background:#123b7b;color:#fff}.pale{background:#f4f7fb}.offers{background:#102b68}.offer{background:#173775;border-color:#45629a}.discount{background:#eab72d;color:#162f62}.project em{background:#edf3fb;color:#254a85}.area-list span{border-color:#d9e0ea;color:#294775}.card h3,.review b,.faq-wrap summary{color:#152f64}.contact{background:linear-gradient(110deg,#123b7b,#367ac5)}footer{background:#102b68}.floating a:last-child{background:#123b7b}.floating a{background:#25d366}.copyright{color:#aebcd4}
/* Clean Valley brand palette: petrol, turquoise, and soft white */
body{color:#083d3d}.brand,.nav-links a,footer a{color:#0f5c5b}.brand-mark,.card-icon{background:linear-gradient(135deg,#083d3d,#0f5c5b)}.top-cta{background:#0f5c5b}.hero{background:linear-gradient(90deg,rgba(8,61,61,.9),rgba(15,92,91,.66)),url('assets/hero-cleaning.webp') center/cover}.eyebrow{color:#2a9e9b}.btn.gold{background:#7fd4d2;color:#083d3d}.btn.navy{background:#083d3d;color:#fff}.pale{background:#f7fafa}.offers{background:#083d3d}.offer{background:#0f5c5b;border-color:#287b79}.discount{background:#7fd4d2;color:#083d3d}.project em{background:#e4f6f5;color:#0f5c5b}.area-list span{border-color:#cfe8e7;color:#0f5c5b}.card h3,.review b,.faq-wrap summary{color:#083d3d}.contact{background:linear-gradient(110deg,#083d3d,#0f5c5b)}footer{background:#052a2a}.floating a:last-child{background:#0f5c5b}.floating a{background:#1f8a4c}.copyright{color:#aecfcd}
/* Final blue override */
body{color:#122f68}.brand,.nav-links a,footer a{color:#0d2a65}.brand-mark,.card-icon{background:linear-gradient(135deg,#0b2d70,#3376bd)}.top-cta{background:#377bc4}.hero{background:linear-gradient(90deg,#102b68df,#102b68b9),url('assets/hero-cleaning.webp') center/cover}.eyebrow{color:#d9ad33}.btn.gold{background:#eab72d;color:#102b68}.btn.navy{background:#123b7b;color:#fff}.pale{background:#f4f7fb}.offers{background:#102b68}.offer{background:#173775;border-color:#45629a}.discount{background:#eab72d;color:#162f62}.project em{background:#edf3fb;color:#254a85}.area-list span{border-color:#d9e0ea;color:#294775}.card h3,.review b,.faq-wrap summary{color:#152f64}.contact{background:linear-gradient(110deg,#123b7b,#367ac5)}footer{background:#102b68}.floating a:last-child{background:#123b7b}.floating a{background:#25d366}.copyright{color:#aebcd4}
/* CleanLife-inspired blue and turquoise palette */
body{color:#003d66}.brand,.nav-links a,footer a{color:#003d66}.brand-mark,.card-icon{background:linear-gradient(135deg,#003d66,#0bbab5)}.top-cta{background:#003d66}.hero{background:linear-gradient(90deg,rgba(0,61,102,.88),rgba(11,186,181,.5)),url('assets/hero-cleaning.webp') center/cover}.eyebrow{color:#d97706}.btn.gold{background:#0bbab5;color:#003d66}.btn.navy{background:#003d66;color:#fff}.pale{background:#e3fcfb}.offers{background:#003d66}.offer{background:#003e66;border-color:#1d6f8c}.discount{background:#0bbab5;color:#003d66}.project em{background:#e3fcfb;color:#003d66}.area-list span{border-color:#a4e8e5;color:#003d66}.card h3,.review b,.faq-wrap summary{color:#003d66}.contact{background:linear-gradient(110deg,#003d66,#0bbab5)}footer{background:#003d66}.floating a:last-child{background:#003d66}.copyright{color:#b9dfdf}
/* Light offers section and matching bottom bar */
.offers{background:#f3f4f5;color:#003d66}.light-head h2{color:#003d66}.offer{background:#fff;color:#003d66;border-color:#dfe3e6}.offer h3{color:#003d66}.offer .btn.outline{color:#003d66;border-color:#003d66;background:#fff}.copyright{background:#f3f4f5;color:#003d66;border-top:0}
/* Match the quick-links bar to the service-area background */
footer{background:#e3fcfb;color:#003d66}footer a,.footer-grid p,.footer-grid span{color:#003d66}.light-brand{color:#003d66}.footer-grid h3{color:#003d66}
/* Calm, light CTA treatment for the contact section */
.contact{background:linear-gradient(135deg,#f3f4f5 0%,#e3fcfb 100%);color:#003d66;border-top:1px solid #d8eeee;border-bottom:1px solid #d8eeee}.contact h2{color:#003d66}.contact p{color:#496878}.contact .btn.gold{background:#0bbab5;color:#003d66}.contact .btn.outline{border-color:#003d66;color:#003d66;background:#ffffffaa}
/* Final restrained brand system: navy, turquoise, and quiet neutrals */
:root{--brand-navy:#003d66;--brand-teal:#0bbab5;--surface:#ffffff;--surface-soft:#f5f8fa;--line:#dce7eb;--muted:#607584}
body{background:var(--surface);color:var(--brand-navy)}
.header{box-shadow:0 2px 18px rgba(0,61,102,.08)}
.brand,.nav-links a,footer a{color:var(--brand-navy)}
.brand-mark,.card-icon{background:var(--brand-navy)}
.top-cta,.btn.navy{background:var(--brand-navy);color:#fff}
.hero{background:linear-gradient(90deg,rgba(0,61,102,.92),rgba(0,61,102,.72)),url('assets/hero-cleaning.webp') center/cover}
.eyebrow{color:var(--brand-teal)}
.btn.gold{background:var(--brand-teal);color:var(--brand-navy)}
.pale{background:var(--surface-soft)}
.card,.mini-stats div,.faq-wrap details{border-color:var(--line);box-shadow:0 8px 22px rgba(0,61,102,.06)}
.card h3,.review b,.faq-wrap summary,.about-copy h2,.section-head h2{color:var(--brand-navy)}
.card p,.about-copy p,.section-head p,.review p{color:var(--muted)}
.offers{background:#eef3f5;color:var(--brand-navy)}
.offer{background:var(--surface);border-color:var(--line);color:var(--brand-navy)}
.offer h3,.light-head h2{color:var(--brand-navy)}
.discount{background:var(--brand-teal);color:var(--brand-navy)}
.project em,.area-list span{background:#e8f8f7;color:var(--brand-navy);border-color:#bde9e6}
.contact{background:linear-gradient(135deg,#f5f8fa 0%,#e8f8f7 100%);color:var(--brand-navy)}
footer{background:#e8f8f7;color:var(--brand-navy)}
footer a,.footer-grid p,.footer-grid span,.footer-grid h3,.light-brand{color:var(--brand-navy)}
.floating a,.floating a:last-child{background:var(--brand-navy)}
.floating a:first-child{background:var(--brand-teal)}
.copyright{background:#f1f4f5;color:var(--brand-navy)}
/* Softer blue variant requested by the client */
:root{--brand-navy:#356b86;--brand-teal:#3bb8b2}
.brand,.nav-links a,footer a,.card h3,.review b,.faq-wrap summary,.about-copy h2,.section-head h2,.light-head h2,.offer h3{color:var(--brand-navy)}
.brand-mark,.card-icon,.top-cta,.btn.navy,.floating a,.floating a:last-child{background:var(--brand-navy)}
.hero{background:linear-gradient(90deg,rgba(53,107,134,.9),rgba(53,107,134,.72)),url('assets/hero-cleaning.webp') center/cover}
.btn.gold,.contact .btn.gold,.floating a:first-child{background:var(--brand-teal);color:var(--brand-navy)}
.offers{color:var(--brand-navy)}.contact{color:var(--brand-navy)}
.contact h2,.contact p,.discount,.project em,.area-list span,.contact .btn.outline{color:var(--brand-navy)}
.contact .btn.outline{border-color:var(--brand-navy)}
.floating a svg{width:27px;height:27px;display:block}
.card-icon img{width:29px;height:29px;object-fit:contain;filter:brightness(0) invert(1)}
@font-face{font-family:Teshrin;src:url('assets/fonts/Teshrin/TeshrinRegular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Teshrin;src:url('assets/fonts/Teshrin/TeshrinMedium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Teshrin;src:url('assets/fonts/Teshrin/TeshrinBold.otf') format('opentype');font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:Teshrin;src:url('assets/fonts/Teshrin/TeshrinBlack.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
body,.btn,.top-cta,.nav-links a{font-family:Teshrin,sans-serif}
body{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-kerning:normal }
.contact h2{color:#000}
.brand-logo{width:132px;height:48px;object-fit:contain;display:block}.brand>span{display:none}
/* Official Clean Valley-style top bar */
.header{height:76px;box-shadow:none;border-bottom:1px solid #edf1f2}
.nav{gap:42px}
.nav-links{gap:32px}
.nav-links a{font-size:15px;color:#356b86}
.brand{gap:8px}.brand b{font-size:22px}.brand small{font-size:9px;letter-spacing:.4px;color:#8a9ba3}
.about{background:#fff}
.about-photo-wrap{position:relative;overflow:hidden;border-radius:28px;background:#eef3f5;box-shadow:0 18px 38px rgba(53,107,134,.12)}
.about-photo-wrap img{width:100%;display:block;border-radius:28px}
.before-after-badge{position:absolute;bottom:18px;right:18px;background:rgba(255,255,255,.94);color:#356b86;border:1px solid #e0ebee;border-radius:14px;padding:9px 16px;font-weight:700;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.about-copy{padding:10px 0}
.about-copy h2{max-width:560px}
.about-copy>p{max-width:620px;line-height:2}
.about .features{margin-top:30px}
/* Final Clean Valley hotel-grade palette */
:root{--brand-teal:#62A8B2;--brand-petrol:#254F72;--brand-teal-soft:#9DC7CD;--brand-line:#D8DEE1;--brand-cool:#EFF2F4;--brand-white:#FAFAFB}
html,body{background:var(--brand-white);color:var(--brand-petrol)}
.header{background:var(--brand-white);border-bottom-color:var(--brand-line)}
.brand,.nav-links a,footer a{color:var(--brand-petrol)}
.brand small{color:#78909d}
.brand-mark,.card-icon{background:var(--brand-teal)}
.top-cta,.btn.navy{background:var(--brand-petrol);color:var(--brand-white)}
.hero{background:linear-gradient(90deg,rgba(37,79,114,.92),rgba(98,168,178,.7)),url('assets/hero-cleaning.webp') center/cover}
.eyebrow{color:var(--brand-teal)}
.btn.gold{background:var(--brand-teal);color:var(--brand-petrol)}
.btn.outline{border-color:rgba(250,250,251,.72);color:var(--brand-white);background:rgba(250,250,251,.12)}
.section.pale{background:var(--brand-cool)}
.card,.mini-stats div,.faq-wrap details{background:var(--brand-white);border-color:var(--brand-line);box-shadow:0 10px 24px rgba(37,79,114,.07)}
.card h3,.review b,.faq-wrap summary,.about-copy h2,.section-head h2{color:var(--brand-petrol)}
.card p,.about-copy p,.section-head p,.review p,.features small{color:#607b89}
.offers{background:var(--brand-cool);color:var(--brand-petrol)}
.light-head h2,.offer h3{color:var(--brand-petrol)}
.offer{background:var(--brand-white);border-color:var(--brand-line);color:var(--brand-petrol)}
.discount{background:var(--brand-teal-soft);color:var(--brand-petrol)}
.project em,.area-list span{background:rgba(157,199,205,.28);border-color:var(--brand-teal-soft);color:var(--brand-petrol)}
.contact{background:linear-gradient(135deg,var(--brand-white),rgba(157,199,205,.35));border-top-color:var(--brand-line);border-bottom-color:var(--brand-line);color:var(--brand-petrol)}
.contact h2{color:var(--brand-petrol)}
.contact p{color:#607b89}
.contact .btn.gold{background:var(--brand-teal);color:var(--brand-petrol)}
.contact .btn.outline{border-color:var(--brand-petrol);color:var(--brand-petrol);background:rgba(250,250,251,.7)}
footer{background:var(--brand-cool);color:var(--brand-petrol)}
footer a,.footer-grid p,.footer-grid span,.footer-grid h3,.light-brand{color:var(--brand-petrol)}
.copyright{background:var(--brand-line);color:var(--brand-petrol)}
.floating a,.floating a:last-child{background:var(--brand-petrol)}
.floating a:first-child{background:var(--brand-teal)}
.before-after-badge{color:var(--brand-petrol);border-color:var(--brand-line)}
.nav-links a{color:var(--brand-teal)}
.nav-links a:hover{color:var(--brand-petrol)}
.footer-grid a[href^="tel:"]{color:var(--brand-teal);font-weight:800}
/* Exact requested palette pass — colors only */
body{background:#FAFAFB;color:#254F72}
.header{background:#FAFAFB}
.nav-links a{color:#254F72}
.nav-links a:hover{color:#62A8B2}
.hero{background:linear-gradient(90deg,rgba(37,79,114,.84) 0%,rgba(37,79,114,.68) 52%,rgba(98,168,178,.48) 100%),url('assets/hero-cleaning.webp') center/cover}
.hero h1{color:#FFFFFF}
.hero p{color:#F3F6F7}
.hero .btn.gold{background:#9DC7CD;color:#254F72}
.hero .btn.outline{background:transparent;border-color:#FFFFFF;color:#FFFFFF}
.card-icon{background:#62A8B2}
.pale,.offers{background:#EFF2F4}
.card,.offer,.faq-wrap details{border-color:#D8DEE1}
.discount{background:#9DC7CD;color:#254F72}
.hero{background-image:linear-gradient(90deg,rgba(37,79,114,.84) 0%,rgba(37,79,114,.68) 52%,rgba(98,168,178,.48) 100%),url('assets/hero-cleaning.webp')}
.hero{min-height:500px;aspect-ratio:auto;background-size:100% 100%,cover;background-position:center,center;background-repeat:no-repeat;background-color:#254F72}
@media(max-width:800px){.hero{min-height:690px;aspect-ratio:auto;background-size:100% 100%,cover}}

/* Final visual QA: spacing, alignment, hierarchy, and contrast */
html,body{max-width:100%;overflow-x:clip}
body{line-height:1.7}
img,svg{max-width:100%}
.container,.hero-content,.split>*,.cards>*,.footer-grid>*{min-width:0}
.section{padding-top:76px;padding-bottom:76px}
.section-head{margin-bottom:40px}
.about-copy h2,.section-head h2{margin-top:9px;margin-bottom:16px;letter-spacing:-.01em}
.about-copy>p,.section-head p,.card p,.offer p,.review p,.contact p{line-height:1.85}
.cards{align-items:stretch}
.card{height:100%}
.btn{min-height:46px;line-height:1.35;text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.btn:hover{transform:translateY(-1px)}
.nav-links a{transition:color .2s ease}
.hero{background-image:linear-gradient(270deg,rgba(37,79,114,.9) 0%,rgba(37,79,114,.74) 52%,rgba(98,168,178,.44) 100%),url('assets/hero-cleaning.webp')}
.hero-content{width:100%;max-width:820px}
.hero .eyebrow{color:#F3F6F7;text-shadow:0 1px 2px rgba(15,39,58,.35)}
.hero h1,.hero p{text-shadow:0 2px 8px rgba(15,39,58,.34)}
.hero .btn.gold{border:1px solid #D8DEE1}
.hero .btn.outline:hover{background:rgba(250,250,251,.14)}
.stars{color:#62A8B2}
.contact .actions{align-items:stretch}
.footer-grid p{line-height:1.85}
footer .footer-grid>div:nth-child(2) a{color:#254F72}

/* Daily-rental packages page */
@media(min-width:801px){
  .nav{position:relative;justify-content:space-between}
  .nav-links{position:absolute;right:50%;transform:translateX(50%);white-space:nowrap}
  .header .brand{position:absolute;right:calc((100% - 100vw)/2 + 16px);margin:0}
  .hero-content{width:min(820px,calc(100% - 32px));margin-right:max(16px,calc((100% - 1100px)/2));margin-left:auto;text-align:right}
}
.packages-hero{padding:94px 0 84px;background:linear-gradient(120deg,#254F72,#62A8B2);color:#fff;text-align:center}
.packages-hero .eyebrow{color:#F3F6F7}
.packages-hero h1{margin:10px 0 14px;font-size:clamp(32px,4.3vw,52px);line-height:1.3;color:#fff}
.packages-hero p{max-width:650px;margin:0 auto;color:#F3F6F7;font-size:18px}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.package-card{padding:30px 22px;border:1px solid #D8DEE1;border-radius:20px;background:#FAFAFB;box-shadow:0 10px 24px rgba(37,79,114,.07);text-align:center}
.package-card h2{margin:0;color:#254F72;font-size:23px}
.package-card>p:not(.package-price){margin:0 0 22px;color:#607B89}
.package-price{margin:13px 0 0;color:#254F72;font-weight:700}
.package-price b{font-size:42px;line-height:1;font-weight:900}
.package-card .btn{width:100%;background:#62A8B2;color:#254F72}
.packages-details{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:start}
.packages-details h2{margin:8px 0 20px;color:#254F72;font-size:clamp(27px,3vw,38px)}
.packages-details ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin:0;padding:0;list-style:none}
.packages-details li{position:relative;padding-right:27px;color:#456675;line-height:1.75}
.packages-details li::before{content:'✓';position:absolute;right:0;color:#62A8B2;font-weight:900}
.amenities{padding:28px;border-radius:20px;background:#FAFAFB;border:1px solid #D8DEE1}
.amenities h3{margin:0 0 20px;color:#254F72;font-size:22px;line-height:1.5}
.amenities p{display:flex;flex-wrap:wrap;gap:9px;margin:0}
.amenities span{padding:7px 11px;border-radius:999px;background:#EFF2F4;color:#254F72;font-size:14px}
@media(max-width:800px){
  .nav-links.open{right:16px;left:16px;transform:none;white-space:normal}
  .packages-hero{padding:66px 0 60px}
  .packages-hero p{font-size:16px;line-height:1.9}
  .package-grid,.packages-details,.packages-details ul{grid-template-columns:1fr}
  .package-grid{gap:14px}
  .package-card{padding:26px 20px}
  .packages-details{gap:25px}
}

/* Restore the original Clean Valley floating WhatsApp button. */
.floating{left:26px;bottom:26px;z-index:9998;gap:0}
.floating a,.floating a:first-child,.floating a:last-child{
  width:62px;height:62px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#1f8a4c;color:#fff;
  box-shadow:0 10px 28px rgba(31,138,76,.42);
  transition:transform .2s,background .2s;
}
.floating a:hover,.floating a:first-child:hover,.floating a:last-child:hover{
  background:#1a7a42;transform:scale(1.06)
}
.floating a svg{width:34px;height:34px;display:block}

@media(max-width:800px){
  .container{width:calc(100% - 32px)}
  .header{height:74px}
  .menu-btn{display:grid;width:44px;height:44px;padding:0;place-items:center;font-family:Arial,sans-serif;font-weight:700;line-height:1;color:#254F72}
  .nav-links.open{top:75px;border:1px solid #D8DEE1}
  .hero{min-height:560px;background-image:linear-gradient(270deg,rgba(37,79,114,.88) 0%,rgba(37,79,114,.64) 55%,rgba(98,168,178,.22) 100%),url('assets/hero-cleaning.webp');background-position:center,14% center}
  .hero-content{padding:46px 0}
  .hero h1{font-size:clamp(34px,10.5vw,42px);line-height:1.28;margin:14px 0}
  .hero p{font-size:16px;line-height:1.9}
  .hero .actions,.contact .actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}
  .hero .btn,.contact .btn{width:100%}
  .trust{gap:10px 18px;line-height:1.7;justify-content:flex-start;text-align:right}
  .section{padding-top:56px;padding-bottom:56px}
  .about,section#services,section#offers,section#areas,section#faq{padding-top:56px;padding-bottom:56px}
  .split{gap:38px}
  .section-head{margin-bottom:30px}
  .about-copy h2,.section-head h2{font-size:clamp(28px,8vw,36px)}
  .features{grid-template-columns:1fr;gap:16px}
  .card{padding:20px}
  .footer-grid{gap:26px}
}
 .area-list a{border:1px solid #d9e0ea;border-radius:24px;padding:5px 17px;background:#fff;color:#294775;text-decoration:none}
 .card h3 a{color:inherit;text-decoration:none}
