/* Simple responsive, professional styling */
:root{
  --accent:#0f4a43;
  --accent-2:#158f78;
  --muted:#6b6b6b;
  --bg:#f9f9f9;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#222;line-height:1.5}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:18px}
.topbar{background:var(--accent);color:#fff;padding:10px 0}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px}
.leftbrand{display:flex;align-items:center;gap:10px}
.logoimg{height:auto;max-height:48px;width:auto;display:block}
.logo-link{display:flex;align-items:center}
.brandname{font-weight:700;font-size:18px}
.tag{font-size:13px;color:#cfeee6}
.contactrow{display:flex;align-items:center;gap:12px;font-size:14px}
.contact-item a{color:#fff}
.toggle-btn{background:#fff;color:var(--accent);border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600}

/* hero */
.hero{background:#e9f6f3;border-radius:8px;padding:28px;text-align:center;margin:18px 0}
.hero h1{font-size:26px;margin:0 0 10px}
.hero p{font-size:16px;margin:0 0 14px;color:#0b3b36}

/* cards and sections */
.section{margin-bottom:20px}
.card{background:#fff;padding:18px;border-radius:8px;box-shadow:0 4px 14px rgba(15,74,67,0.06)}
.section-standout{background:#dff5f1;padding:16px;border-radius:8px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}

/* lists */
ul{padding-left:18px;margin:8px 0}
li{margin:8px 0;color:var(--muted)}

/* cta banner */
.cta-banner{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:24px;border-radius:8px;text-align:center;margin:24px 0}
.cta-banner .btn{background:#fff;color:var(--accent);padding:10px 18px;border-radius:6px;font-weight:700}

/* form */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.form-grid label{display:flex;flex-direction:column;font-size:14px}
.form-grid input,.form-grid textarea{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}
.form-grid textarea{min-height:90px;resize:vertical}
.captcha-wrap{grid-column:1/3}
.form-actions{grid-column:1/3;display:flex;justify-content:flex-start}

/* buttons */
.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:6px;border:none;display:inline-block;font-weight:700}
.btn.ghost{background:transparent;border:1px solid var(--accent);color:var(--accent)}

/* footer */
.footer {
  background: #f5f7f6;       /* light neutral, consistent with site */
  color: #222;
  margin-top: 40px;
  padding: 40px 0 20px 0;
  border-top: 2px solid #e0e0e0;
}

.footer-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}

.footer-col {
  flex: 1 1 220px;
}

.footer-col h4 {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  color: var(--accent);
}

.footer-col p,
.footer-col li {
  margin: 6px 0;
  font-size: 14px;
  color: #444;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li::before {
  content: "› ";
  color: var(--accent);
  font-weight: bold;
}

.footer-bottom {
  max-width: 1100px;
  margin: 30px auto 0;
  text-align: center;
  font-size: 13px;
  color: #666;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}


/* floating action buttons */
.fabgroup{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:999}
.fab{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.fab.whatsapp{background:#25D366}
.fab.call{background:#007bff}

/* responsive */
@media(max-width:900px){
  .topbar-inner{flex-direction:column;align-items:flex-start;gap:8px}
  .contactrow{flex-wrap:wrap}
  .logoimg{max-height:44px}
  .form-grid{grid-template-columns:1fr}
  .captcha-wrap{grid-column:1/2}
}
@media(max-width:480px){
  .logoimg{max-height:36px}
  .hero h1{font-size:20px}
  .hero p{font-size:14px}
  .brandname{font-size:16px}
}