:root{--white:#fff;--soft:#f7f9fc;--line:#e6edf5;--text:#33373f;--muted:#667085;--blue:#10307a;--blue2:#2d5cc7;--shadow:0 18px 45px rgba(16,48,122,.08);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}p{margin:0 0 1rem}h1,h2,h3{line-height:1.08;margin:0 0 1rem;letter-spacing:-.03em}.container{width:min(calc(100% - 2rem),var(--container));margin:auto}
.topbar{background:#f8fafc;border-bottom:1px solid var(--line);font-size:.93rem}.topbar-inner{min-height:42px;display:flex;justify-content:flex-end;gap:1.4rem;align-items:center;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{background:#fff;border:1px solid var(--line);border-radius:18px;padding:.55rem .7rem;box-shadow:0 8px 20px rgba(0,0,0,.035)}.brand img{height:78px;width:auto}
.desktop-nav{display:flex;align-items:center;gap:1.25rem}.desktop-nav a:not(.btn){font-weight:800;color:#3f4652}.desktop-nav a:not(.btn):hover{color:var(--blue)}.menu-toggle{display:none;border:0;background:white;font-size:1.8rem;color:var(--blue)}.mobile-nav{display:none;background:white;border-top:1px solid var(--line);padding:0 1rem 1rem}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:.9rem 0;border-bottom:1px solid var(--line);font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;padding:0 1.15rem;font-weight:900;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:white}.btn-secondary{background:white;color:var(--blue);border-color:#d5e0f3}.btn-white{background:white;color:var(--blue)}.btn-outline{color:white;border-color:rgba(255,255,255,.45)}
.hero{padding:5rem 0;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,249,252,.96)),url('/assets/img/hero.jpg');background-size:cover;background-position:center}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:2rem;align-items:center}.eyebrow,.section-tag{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--blue);font-weight:900;margin-bottom:1rem}.section-tag-light{color:#dce8ff}.hero h1{font-size:clamp(2.7rem,6vw,5rem);max-width:12ch}.lead{font-size:1.13rem;color:#4d5562;max-width:62ch}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:1.7rem 0}.hero-contact{display:flex;gap:1.2rem;flex-wrap:wrap;color:var(--blue);font-weight:900}.hero-card,.quote-box,.contact-card,.contact-form{background:white;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.hero-card{overflow:hidden}.hero-logo{padding:2rem;width:min(100%,640px);margin:auto}.hero-card-text{border-top:1px solid var(--line);padding:1.35rem}.hero-card-text strong,.quote-box strong{display:block;color:var(--blue);font-size:1.05rem;margin-bottom:.5rem}
.section{padding:5rem 0}.section-soft{background:var(--soft)}.section-head{max-width:760px;margin-bottom:2rem}.section-head h2{font-size:clamp(2rem,4vw,3.3rem)}
.service-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.image-card,.project-card{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.image-card img,.project-card img{height:230px;width:100%;object-fit:cover}.image-card div,.project-card div{padding:1.35rem}.image-card h3,.project-card h3{color:#464a50}
.split{display:grid;grid-template-columns:1.08fr .92fr;gap:1.5rem;align-items:start}.check-list{padding-left:1.2rem}.check-list li{margin-bottom:.65rem}.quote-box{padding:1.7rem}.about-logo{margin-bottom:1.2rem}
.cta-band{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cta-inner p{color:rgba(255,255,255,.9)}
.page-hero{padding:4rem 0 2.4rem;background:linear-gradient(180deg,#fff,#f9fbfe);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.2rem)}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.5rem}.contact-card,.contact-form{padding:1.7rem}.contact-card a{color:var(--blue);font-weight:900}.contact-form{display:grid;gap:1rem}.contact-form label{font-weight:800}.contact-form input,.contact-form textarea{width:100%;margin-top:.4rem;border:1px solid var(--line);border-radius:14px;padding:.9rem;font:inherit}.hp{display:none}.form-note{font-size:.95rem;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:3rem 0 1rem}.footer-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:1.5rem}.footer-logo-wrap{display:inline-block;border:1px solid var(--line);border-radius:16px;padding:.6rem;box-shadow:0 8px 20px rgba(0,0,0,.035);margin-bottom:1rem}.footer-logo{width:min(100%,330px)}.footer-grid a,.footer-bottom a{color:var(--blue);font-weight:800}.footer-bottom{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1rem;color:var(--muted)}
.mobile-call{display:none}
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.hero-grid,.service-grid,.project-grid,.split,.contact-grid,.footer-grid,.cta-inner{grid-template-columns:1fr}.brand img{height:64px}.header-inner{min-height:100px}}
@media(max-width:640px){.topbar-inner{justify-content:flex-start;flex-wrap:wrap;padding:.5rem 0}.brand img{height:54px}.hero{padding:3.5rem 0}.hero-actions{display:grid}.btn{width:100%}.service-grid,.project-grid{gap:1rem}.mobile-call{display:flex;position:fixed;left:1rem;right:1rem;bottom:1rem;background:var(--blue);color:white;z-index:80;min-height:52px;align-items:center;justify-content:center;border-radius:16px;font-weight:900;box-shadow:0 14px 30px rgba(16,48,122,.28)}body{padding-bottom:4.4rem}}


/* Professional plus sections */
.process-grid,
.area-grid,
.faq-grid {
  display:grid;
  gap:1.25rem;
}
.process-grid {
  grid-template-columns:repeat(4,1fr);
}
.area-grid {
  grid-template-columns:1fr 1fr;
  align-items:start;
}
.faq-grid {
  grid-template-columns:repeat(2,1fr);
}
.process-card,
.area-card,
.faq-card,
.trust-card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:1.45rem;
  box-shadow:var(--shadow);
}
.process-number {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:var(--blue);
  color:#fff;
  font-weight:900;
  margin-bottom:1rem;
}
.trust-strip {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:2rem;
}
.trust-card strong {
  color:var(--blue);
  display:block;
  margin-bottom:.35rem;
}
.area-list {
  columns:2;
  padding-left:1.2rem;
  margin:0;
}
.area-list li {
  margin-bottom:.55rem;
}
.contact-intro {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:1.5rem;
  align-items:start;
}
.contact-form .form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.contact-form select {
  width:100%;
  margin-top:.4rem;
  border:1px solid var(--line);
  border-radius:14px;
  padding:.9rem;
  font:inherit;
  background:#fff;
}
.checkbox-label {
  display:flex;
  gap:.65rem;
  align-items:flex-start;
  font-weight:600!important;
  color:#4d5562;
  font-size:.95rem;
}
.checkbox-label input {
  width:auto!important;
  margin-top:.25rem!important;
}
.form-help {
  background:#f7f9fc;
  border:1px solid var(--line);
  border-radius:18px;
  padding:1rem;
  color:#566070;
  font-size:.95rem;
}
.form-help strong {
  color:var(--blue);
}
.required-note {
  color:#667085;
  font-size:.93rem;
  margin-top:-.35rem;
}
@media(max-width:980px){
  .process-grid,
  .faq-grid,
  .area-grid,
  .contact-intro,
  .trust-strip {
    grid-template-columns:1fr;
  }
  .contact-form .form-row {
    grid-template-columns:1fr;
  }
  .area-list {
    columns:1;
  }
}