:root{--navy:#0b2545;--blue:#1357a6;--accent:#00c2a8;--light:#f4f8fb;--text:#33414e;--white:#fff}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Arial,sans-serif;color:var(--text);line-height:1.7}
h1,h2,h3,h4{color:var(--navy);line-height:1.25;margin-bottom:.6em}
h1{font-size:2.4rem}h2{font-size:1.9rem}h3{font-size:1.25rem}
p{margin-bottom:1em}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
.container{max-width:1150px;margin:0 auto;padding:0 20px}
section{padding:70px 0}
.bg-light{background:var(--light)}
.center{text-align:center}

/* Top bar */
.topbar{background:var(--navy);color:#fff;font-size:.95rem;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
.topbar a:hover{color:var(--accent)}

/* Header */
header{position:sticky;top:0;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{font-size:1.35rem;font-weight:800;color:var(--navy);text-decoration:none}
.logo span{color:var(--accent)}
nav ul{display:flex;list-style:none;gap:26px;align-items:center;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--navy);font-weight:600;font-size:.98rem}
nav a:hover{color:var(--blue)}
.btn{display:inline-block;background:var(--accent);color:var(--navy)!important;padding:11px 24px;border-radius:6px;font-weight:800;text-decoration:none;border:none;cursor:pointer;font-size:1rem;transition:.2s}
.btn:hover{background:var(--blue);color:#fff!important}
.btn-navy{background:var(--navy);color:#fff!important}
.btn-navy:hover{background:var(--accent);color:var(--navy)!important}

/* Hero */
.hero{background:linear-gradient(rgba(11,37,69,.78),rgba(11,37,69,.78)),url('../images/hero-cleaning-cart.jpg') center/cover no-repeat;color:#fff;padding:110px 0}
.hero h1{color:#fff;font-size:2.9rem;max-width:800px}
.hero p{font-size:1.2rem;max-width:680px;color:#e6eef7}
.hero .btn{margin-right:12px;margin-top:10px}
.badge{display:inline-block;background:var(--accent);color:var(--navy);font-weight:800;padding:6px 16px;border-radius:30px;margin-bottom:18px;font-size:.9rem}

/* Grids */
.grid{display:grid;gap:28px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.card{background:#fff;border-radius:10px;padding:28px;box-shadow:0 4px 18px rgba(11,37,69,.08)}
.card img{border-radius:8px;margin-bottom:16px}
.card h3{margin-bottom:.4em}
.check{list-style:none}
.check li{padding:6px 0 6px 32px;position:relative}
.check li:before{content:"\2713";position:absolute;left:0;top:6px;color:var(--accent);font-weight:900;font-size:1.1rem}

/* CTA band */
.cta-band{background:var(--blue);color:#fff;padding:56px 0;text-align:center}
.cta-band h2{color:#fff}
.cta-band p{color:#dbe9f7;font-size:1.15rem}
.phone-big{font-size:2.2rem;font-weight:900;color:#fff;text-decoration:none;display:inline-block;margin:14px 0}
.phone-big:hover{color:var(--accent)}

/* Form */
.form-wrap{background:#fff;border-radius:12px;padding:36px;box-shadow:0 8px 30px rgba(11,37,69,.15);max-width:640px;margin:0 auto}
form label{font-weight:700;color:var(--navy);display:block;margin:14px 0 4px;font-size:.95rem}
form input,form select,form textarea{width:100%;padding:12px;border:1.5px solid #cdd8e3;border-radius:6px;font-size:1rem;font-family:inherit}
form input:focus,form textarea:focus,form select:focus{outline:none;border-color:var(--accent)}
.form-note{font-size:.85rem;color:#6b7a88;margin-top:10px}

/* Footer */
footer{background:var(--navy);color:#c7d5e6;padding:56px 0 20px}
footer h4{color:#fff;margin-bottom:14px}
footer a{color:#c7d5e6;text-decoration:none}
footer a:hover{color:var(--accent)}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:34px}
footer ul{list-style:none}
footer li{padding:4px 0}
.foot-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:36px;padding-top:18px;font-size:.85rem;text-align:center;color:#8fa3bb}

/* Areas strip */
.areas{background:var(--light);padding:34px 0}
.areas ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;justify-content:center}
.areas a{background:#fff;border:1px solid #dbe5ee;padding:8px 18px;border-radius:30px;text-decoration:none;color:var(--navy);font-weight:600;font-size:.92rem}
.areas a:hover{background:var(--accent);border-color:var(--accent)}

.faq-item{background:#fff;border:1px solid #e1e8f0;border-radius:8px;padding:20px 24px;margin-bottom:14px}
.faq-item h3{margin-bottom:.3em}
.sticky-call{position:fixed;bottom:18px;right:18px;z-index:60;background:var(--accent);color:var(--navy);font-weight:900;padding:14px 22px;border-radius:50px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.25);font-size:1.05rem}
@media(max-width:760px){.hero h1{font-size:2rem}h1{font-size:1.9rem}h2{font-size:1.5rem}nav ul{gap:14px}.topbar .container{justify-content:center;text-align:center}}