:root{
      --brand:#0b4a6f; --accent:#f4b400; --muted:#6b7280; --bg:#f8fafc;
      --max-w:1100px;
      font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      color-scheme: light;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; background:var(--bg); color:#0f1724; line-height:1.45;
      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    }
    .container{max-width:var(--max-w); margin:0 auto; padding:22px;}
    header{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0;}
    .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
    .brand img{height:48px;width:auto}
    nav{display:flex;gap:14px;align-items:center}
    nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:0.95rem}
    .cta{background:var(--brand);color:white;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}
    /* Hero */
    .hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:20px 0}
    .hero h1{font-size:28px;margin:0 0 12px}
    .hero p{color:var(--muted);margin:0 0 18px}
    .card{background:white;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(12,18,22,0.06)}
    .quote{display:flex;gap:12px;align-items:center}
    .quote img{width:64px;height:64px;object-fit:cover;border-radius:8px}
    /* Services */
    .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
    .service{background:white;border-radius:10px;padding:18px;box-shadow:0 6px 18px rgba(12,18,22,0.04)}
    .service h3{margin:0 0 8px;font-size:1.03rem}
    /* Testimonials / Footer */
    footer{margin-top:36px;padding:28px 0;color:var(--muted);font-size:0.95rem}
    .flex{display:flex;gap:12px;align-items:center}
    /* Responsive */
    @media (max-width:920px){
      .hero{grid-template-columns:1fr; padding:24px 0}
      .grid3{grid-template-columns:1fr; }
      nav{display:none}
    }