:root{
  --sapphire:#073d66;
  --sapphire-2:#0a4f80;
  --muted:#6b7280;
  --accent:#0f6fb6;
  --bg:#ffffff;
  --card:#f7f9fb;
  --radius:12px;
  --max-w:1100px;
  --font-sans: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

*{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);color:#0f1724;background:var(--bg);line-height:1.5}
.container{max-width:var(--max-w);margin:0 auto;padding:36px 20px}
.header{display:flex;align-items:center;gap:16px}
.logo{height:56px;width:56px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.brand{font-weight:800;color:var(--sapphire);font-size:18px;letter-spacing:0.6px}
.nav{margin-left:auto;display:flex;gap:16px;align-items:center}
.nav a{color:var(--muted);text-decoration:none;font-weight:700}
.hero{display:flex;gap:32px;align-items:center;padding:32px 0}
.hero-left{flex:1}
.h1{font-size:34px;color:var(--sapphire);margin:0 0 12px}
.lead{color:var(--muted);margin:0 0 20px}
.cta{display:inline-block;background:var(--sapphire);color:white;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px}
.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(9,30,50,0.06)}
.card h3{margin:0 0 8px;color:var(--sapphire)}
.footer{border-top:1px solid #eef2f6;padding:20px 0;margin-top:40px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;align-items:center}

/* Solutions grid */
.sol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.sol-card{background:white;border:1px solid #e6eef6;padding:18px;border-radius:12px;min-height:160px;display:flex;flex-direction:column;gap:8px}

/* Contact form */
.form input,.form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef6;margin-top:8px}
.form button{margin-top:12px;background:var(--accent);color:white;padding:10px 14px;border-radius:8px;border:none;font-weight:700}

/* Chat widget */
.chat-toggle{position:fixed;right:20px;bottom:20px;background:var(--sapphire);color:#fff;padding:12px;border-radius:999px;box-shadow:0 8px 20px rgba(9,30,50,0.12);cursor:pointer;z-index:1200}
.chat-panel{position:fixed;right:20px;bottom:84px;width:340px;max-height:520px;background:white;border-radius:12px;box-shadow:0 18px 40px rgba(9,30,50,0.12);overflow:hidden;display:flex;flex-direction:column;z-index:1200}
.chat-header{background:linear-gradient(90deg,var(--sapphire),var(--sapphire-2));color:white;padding:12px;display:flex;align-items:center;gap:10px}
.chat-body{padding:12px;flex:1;overflow:auto}
.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #eef5fb}
.chat-input input{flex:1;padding:10px;border-radius:8px;border:1px solid #e6eef6}

/* Responsive */
@media (max-width:900px){.hero{flex-direction:column;align-items:flex-start}.logo{height:48px;width:48px} .chat-panel{right:12px;left:12px;width:auto}}