@import 'tailwindcss';
:root{--font-body:"Segoe UI";--font-heading:"Segoe UI"}
:root{--navy:#09283a;--navy-2:#061e2d;--teal:#18b6b1;--teal-dark:#078f8b;--mint:#e8f9f7;--ink:#102b3a;--muted:#617482;--line:#dce8eb;--surface:#f5f9fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-body),Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:110px 0}.section-label{display:flex;align-items:center;gap:10px;color:var(--teal-dark);font-size:.76rem;font-weight:800;letter-spacing:.14em;margin-bottom:18px}.section-label:before{content:"";width:28px;height:2px;background:var(--teal)}h1,h2,h3{font-family:var(--font-heading),Arial,sans-serif;line-height:1.14;margin:0;color:var(--navy);letter-spacing:-.035em}h2{font-size:clamp(2rem,4vw,3.45rem)}p{margin:0;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border-radius:7px;font-weight:800;font-size:.92rem;transition:.25s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:#052b31;box-shadow:0 10px 28px rgba(24,182,177,.22)}.btn-primary:hover{background:#26cbc5}.btn-lg{min-height:56px;padding:0 27px}.btn-glass{background:rgba(8,37,52,.62);border-color:rgba(255,255,255,.42);color:#fff;backdrop-filter:blur(12px)}.btn-dark{background:var(--navy);color:#fff;padding:0 24px}.btn-whatsapp{background:#1fbd70;color:#fff}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--navy);font-weight:800;border-bottom:1px solid var(--teal);padding-bottom:3px}
.site-header{height:84px;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(220,232,235,.8);backdrop-filter:blur(16px)}.header-inner{height:100%;width:min(1380px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;color:var(--navy);flex-shrink:0}.logo svg{width:45px;height:45px}.logo>span{display:flex;flex-direction:column;line-height:1}.logo b{font-family:var(--font-heading);font-size:1.14rem;letter-spacing:.08em}.logo small{font-size:.62rem;letter-spacing:.23em;margin-top:6px;font-weight:800;color:var(--teal-dark)}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,1.6vw,27px);margin-left:auto}.desktop-nav a{font-size:.82rem;font-weight:750;color:#2d4654;white-space:nowrap;transition:.2s}.desktop-nav a:hover{color:var(--teal-dark)}.header-actions{display:flex;align-items:center;gap:13px}.header-phone{display:flex;align-items:center;gap:7px;color:var(--navy);font-size:.82rem;font-weight:800}.header-phone svg{color:var(--teal-dark)}.header-cta{min-height:44px;padding:0 17px}.menu-toggle{display:none;background:none;border:0;color:var(--navy);padding:8px}.mobile-menu,.menu-backdrop{display:none}
.hero{min-height:calc(100vh - 84px);height:780px;position:relative;background:var(--navy);display:flex;align-items:center;color:#fff}.hero-image{position:absolute;inset:0;background:url('/images/hero-cleaning.png') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,38,.92) 0%,rgba(6,33,48,.82) 37%,rgba(6,33,48,.18) 68%,rgba(6,33,48,.05) 100%)}.hero-content{position:relative;z-index:1;margin-top:-55px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.79rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#c3fffb}.eyebrow span{width:32px;height:2px;background:var(--teal)}.hero h1{font-size:clamp(3.8rem,7vw,6.7rem);color:#fff;margin:25px 0;max-width:760px}.hero h1 em{font-style:normal;color:#7fe4de}.hero-content>p{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7;color:#e3eef1;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:36px}.trust-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);color:var(--navy);z-index:2}.trust-grid{height:98px;display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line);font-weight:800;font-size:.9rem}.trust-grid>div:first-child{border-left:1px solid var(--line)}.trust-grid svg{width:22px;color:var(--teal-dark)}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.intro h2{font-size:clamp(2.2rem,4.2vw,3.8rem)}.intro-copy p{font-size:1.08rem;line-height:1.85;margin-bottom:28px}.services-section{background:var(--surface)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.section-heading>div{max-width:710px}.section-heading>p{max-width:390px;font-size:1.02rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid var(--line);transition:.3s;overflow:hidden}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(8,43,60,.1)}.service-image{height:255px;position:relative;overflow:hidden;background:#dce8eb}.service-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.service-card:hover img{transform:scale(1.035)}.service-image span{position:absolute;left:18px;top:18px;background:rgba(6,30,45,.82);color:#fff;width:42px;height:42px;display:grid;place-items:center;font-size:.77rem;font-weight:800}.service-body{padding:28px}.service-body h3{font-size:1.35rem;margin-bottom:11px}.service-body p{font-size:.94rem;min-height:75px}.service-body a{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:.9rem;font-weight:800;margin-top:20px}
.construction-feature{min-height:700px;position:relative;display:flex;align-items:center;background:var(--navy)}.construction-image{position:absolute;inset:0;background:url('/images/construction-cleaning.webp') center/cover no-repeat}.construction-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,41,.18),rgba(5,28,41,.62))}.construction-content{position:relative;z-index:1;display:flex;justify-content:flex-end}.construction-card{width:min(590px,100%);background:rgba(7,34,49,.94);padding:60px;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.25)}.construction-card .section-label{color:#84e8e3}.construction-card h2{color:#fff;font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:25px}.construction-card p{color:#d7e4e8;font-size:1.04rem;margin-bottom:32px}
.process-section{background:#fff}.center-heading{text-align:center;margin-bottom:65px}.center-heading .section-label{justify-content:center}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process-grid:before{content:"";position:absolute;top:37px;left:12.5%;right:12.5%;height:1px;background:var(--line)}.process-item{position:relative;text-align:center;padding:0 20px}.process-item>span{position:relative;z-index:1;width:74px;height:74px;border:1px solid var(--teal);display:grid;place-items:center;background:#fff;margin:0 auto 27px;color:var(--teal-dark);font-size:1.1rem;font-weight:800;transform:rotate(45deg)}.process-item h3{font-size:1.12rem;margin-bottom:10px}.process-item p{font-size:.9rem}.why-section{background:var(--mint)}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.why-copy p{margin:25px 0 30px;font-size:1.04rem}.why-list{border-top:1px solid rgba(9,40,58,.15)}.why-list>div{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid rgba(9,40,58,.15);min-height:78px}.why-list span{font-size:.75rem;color:var(--teal-dark);font-weight:800}.why-list h3{font-size:1.1rem}.why-list svg{color:var(--teal-dark)}
.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:250px 250px;gap:16px}.gallery-item{position:relative;overflow:hidden;border:0;padding:0;cursor:zoom-in;background:#dce8eb}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,29,43,.78))}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;color:#fff;font-family:var(--font-heading);font-weight:800;display:flex;justify-content:space-between}.gallery-1{grid-row:span 2}.gallery-4{grid-column:span 2}.lightbox{position:fixed;inset:0;background:rgba(2,17,25,.94);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.lightbox img{max-width:min(1100px,95vw);max-height:80vh;object-fit:contain}.lightbox button{position:absolute;top:25px;right:30px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;width:48px;height:48px;display:grid;place-items:center}.lightbox span{color:#fff;margin-top:16px;font-size:.9rem}
.quote-section{background:var(--navy);padding:110px 0;color:#fff}.quote-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.quote-copy h2{color:#fff}.quote-copy>p{color:#c9d9de;margin:25px 0 35px}.quote-copy .section-label{color:#83e7e1}.direct-contact{display:flex;flex-direction:column;gap:10px}.direct-contact>span{font-size:.72rem;letter-spacing:.12em;color:#87a0ac;font-weight:800}.direct-contact a{display:flex;align-items:center;gap:11px;font-size:1.05rem;font-weight:800}.direct-contact svg{width:19px;color:var(--teal)}.quote-form{background:#fff;color:var(--ink);padding:45px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.quote-form label{display:flex;flex-direction:column;gap:7px}.quote-form label>span{font-size:.78rem;font-weight:800;color:#38505d}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #d9e4e7;background:#f9fbfb;padding:13px 14px;min-height:50px;border-radius:4px;outline:none;color:var(--ink)}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,182,177,.12)}.quote-form textarea{resize:vertical}.form-full{grid-column:1/-1}.form-submit{border:0;margin-top:24px;width:100%;cursor:pointer}.quote-form>small{display:block;text-align:center;color:#7b8d96;margin-top:12px}
.contact-section{background:var(--surface)}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.contact-cards{display:flex;flex-direction:column;border-top:1px solid var(--line)}.contact-cards>a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.contact-cards>a>svg:first-child{color:var(--teal-dark)}.contact-cards>a>svg:last-child{width:18px}.contact-cards span{display:flex;flex-direction:column}.contact-cards small{color:#83959e;font-size:.67rem;letter-spacing:.12em;font-weight:800}.contact-cards b{font-size:1rem;color:var(--navy)}footer{background:var(--navy-2);color:#fff;padding-top:75px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr 1fr;gap:65px;padding-bottom:60px}.logo-light{color:#fff}.footer-brand p{color:#9db1ba;margin-top:22px;max-width:330px}.footer-grid h3{color:#fff;font-size:.95rem;margin-bottom:20px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid>div:not(:first-child) a,.footer-grid>div:not(:first-child) p{color:#9db1ba;font-size:.87rem}.footer-grid a:hover{color:#7fe4de}.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}.footer-bottom .container{display:flex;justify-content:space-between;padding:20px 0;color:#738d98;font-size:.78rem}.footer-bottom a{color:#9edbd8;font-weight:800}.floating-contact{position:fixed;right:22px;bottom:22px;z-index:55;display:flex;flex-direction:column;gap:9px}.floating-contact a{height:48px;display:flex;align-items:center;gap:9px;padding:0 17px;color:#fff;font-size:.82rem;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.18);border-radius:30px}.floating-contact svg{width:19px}.float-whatsapp{background:#18ad63}.float-call{background:var(--navy)}
@media(max-width:1180px){.desktop-nav{display:none}.menu-toggle{display:grid}.header-phone span,.header-cta{display:none}.section{padding:90px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.quote-grid,.contact-grid{gap:50px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footer-grid>div:last-child{grid-column:2/-1}.construction-feature{min-height:620px}}
@media(max-width:820px){.container{width:min(100% - 30px,680px)}.section{padding:74px 0}.site-header{height:72px}.header-inner{width:calc(100% - 28px)}.logo svg{width:40px;height:40px}.hero{height:710px;min-height:calc(100svh - 72px);align-items:flex-start;padding-top:105px}.hero-image{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(4,25,38,.94),rgba(4,25,38,.35))}.hero-content{margin-top:0}.hero h1{font-size:clamp(3rem,13vw,5rem)}.trust-grid{height:auto;grid-template-columns:1fr 1fr;padding:10px 0}.trust-grid>div{min-height:52px;justify-content:flex-start;padding-left:14px;border:0}.intro-grid,.why-grid,.quote-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.process-grid{grid-template-columns:1fr 1fr;gap:45px 20px}.process-grid:before{display:none}.construction-card{padding:45px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px 230px}.gallery-1{grid-row:span 2}.gallery-4{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.mobile-menu{display:block;position:fixed;top:0;right:0;bottom:0;width:min(380px,88vw);background:#fff;z-index:90;padding:28px;transform:translateX(105%);transition:.3s;box-shadow:-20px 0 60px rgba(0,0,0,.15)}.mobile-menu.open{transform:none}.menu-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(4,23,34,.6);z-index:80}.menu-close{position:absolute;right:22px;top:27px;border:0;background:#eef6f7;width:42px;height:42px;display:grid;place-items:center}.mobile-menu nav{display:flex;flex-direction:column;margin:35px 0 28px;border-top:1px solid var(--line)}.mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line);font-weight:800}.mobile-menu>.btn{width:100%}}
@media(max-width:560px){body{font-size:15px}.container{width:calc(100% - 26px)}.hero{height:710px;padding-top:78px}.hero-image{background-position:64% center}.hero-overlay{background:linear-gradient(90deg,rgba(4,25,38,.96),rgba(4,25,38,.72))}.eyebrow{font-size:.67rem}.hero h1{margin:18px 0;font-size:3.25rem}.hero-content>p{font-size:.98rem;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch;margin-top:25px}.btn-lg{min-height:52px;padding:0 16px}.trust-grid>div{font-size:.76rem;gap:8px}.trust-grid svg{width:18px}.service-grid{grid-template-columns:1fr}.service-image{height:230px}.service-body p{min-height:0}.construction-feature{min-height:640px}.construction-feature:after{background:rgba(5,28,41,.5)}.construction-card{padding:34px 24px}.construction-card h2{font-size:2.15rem}.process-grid{grid-template-columns:1fr;gap:35px}.process-item{display:grid;grid-template-columns:60px 1fr;text-align:left;gap:18px;padding:0}.process-item>span{width:55px;height:55px;margin:0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 190px}.gallery-1{grid-row:auto}.gallery-item span{left:13px;right:13px;bottom:12px;font-size:.85rem}.quote-section{padding:75px 0}.quote-form{padding:26px 20px}.form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}.contact-cards>a{grid-template-columns:38px 1fr auto;gap:10px}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom .container{flex-direction:column;gap:7px}.floating-contact{right:10px;bottom:10px;left:10px;flex-direction:row}.floating-contact a{flex:1;justify-content:center;height:46px;padding:0 10px}.lightbox{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* PHP production integration */
.menu-backdrop{opacity:0;visibility:hidden}.menu-backdrop.show{opacity:1;visibility:visible}.mobile-menu{visibility:hidden}.mobile-menu.open{visibility:visible}.hero-image,.construction-image{background-image:var(--section-image)}.logo-upload{width:190px;max-height:58px;object-fit:contain}.quote-form label>span{font-size:.82rem}.process-item>span{transform:none}.social-links{display:flex;gap:10px;margin-top:18px}.social-links a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;text-transform:uppercase;font-size:.7rem}.admin-edit-link{position:fixed;left:12px;bottom:12px;z-index:40;color:transparent;width:8px;height:8px;overflow:hidden}.lightbox{display:none}.lightbox.show{display:flex}.quote-form select{appearance:auto}
@media(max-width:820px){.menu-backdrop{display:block}.mobile-menu{display:block}.mobile-menu:not(.open){pointer-events:none}}