:root{
  --bg:#0f1115; --panel:#141821; --text:#e6eaf2; --muted:#a9b2c7;
  --brand:#2fb67c; --brand-dark:#229561; --accent:#2f7fb6;
  --border:#222836;
  --max:1100px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-dark)}

.logo-img {
  height: 50px;       /* adjust to fit your design */
  width: auto;        /* keeps proportions */
  vertical-align: middle;
}

.site-header .logo {
  display: flex;
  align-items: center;
}

img {
  max-width: 100%;   /* scales image to fit container */
  height: auto;      /* keeps proportions */
  border-radius: 12px; /* rounded corners */
}

.site-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:10;
}
.logo{font-weight:700;letter-spacing:.2px}
.site-nav a{margin:0 8px;padding:8px 10px;border-radius:6px}
.site-nav .cta{background:var(--brand);color:#08110d}
.site-nav .active{border:1px solid var(--border)}
.nav-toggle{display:none;background:none;color:var(--text);border:1px solid var(--border);padding:6px 10px;border-radius:6px}

.hero{
  display:grid;grid-template-columns:1.2fr .8fr;gap:24px;
  max-width:var(--max);margin:40px auto;padding:0 20px;
}
.hero-content h1{font-size:2rem;margin:0 0 12px}
.hero-content p{color:var(--muted)}

.btn{display:inline-block;background:var(--brand);color:#08110d;padding:10px 14px;border-radius:8px;margin-right:10px}
.btn-outline{border:1px solid var(--border);color:var(--text);background:transparent}

.content{max-width:var(--max);margin:30px auto;padding:0 20px}
.trust,.featured-services,.cta-banner{max-width:var(--max);margin:30px auto;padding:0 20px}
.trust-list{list-style:none;padding:0;margin:0}
.trust-list li{margin:8px 0;color:var(--muted)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid var(--border);background:var(--panel);padding:16px;border-radius:12px}
.card h3{margin-top:0}

.bullets{list-style:none;padding:0}
.bullets li{margin:8px 0;color:var(--muted)}

.pricing-note .btn{margin-top:10px}

.contact-form{border:1px solid var(--border);background:var(--panel);padding:20px;border-radius:12px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
label span{display:block;margin-bottom:6px;color:var(--muted)}
input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:#0b0e13;color:var(--text)}
label.full{grid-column:1/-1}
.form-note{color:var(--muted);font-size:.9rem}

.site-footer{border-top:1px solid var(--border);background:var(--panel);padding:20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;max-width:var(--max);margin:0 auto}
.site-footer small{display:block;text-align:center;margin-top:10px;color:var(--muted)}

@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .nav-toggle{display:block}
  .site-nav{display:none}
  .site-nav.open{display:flex;gap:8px;flex-wrap:wrap}
}