:root{
  --blue:#0A66C2;
  --orange:#FF7A00;
  --ink:#0f172a;
  --muted:#475569;
  --bg:#f6f8fb;
  --card:#ffffff;
  --ring:rgba(10,102,194,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{ margin:0; font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink); background:var(--bg); }
.container{width:min(1140px,92%); margin-inline:auto}
.site-header{ position:sticky; top:0; z-index:50; background:#fff; transition:box-shadow .2s ease, background .2s ease; border-bottom:1px solid rgba(2,6,23,.04); }
.site-header.scrolled{ box-shadow:0 4px 24px rgba(2,6,23,.06) }
.header-wrap{ display:flex; align-items:center; justify-content:space-between; padding:10px 0 }
.logo{ height:120px; width:auto; display:block }
.nav a{ text-decoration:none; color:var(--ink); font-weight:600; margin-left:24px; padding:10px 6px; border-radius:10px; transition:color .15s ease, background .2s ease;}
.nav a:hover{ color:var(--blue); background:rgba(10,102,194,.08) }
.hero{ background: radial-gradient(80% 120% at 0% 0%, rgba(10,102,194,.12), transparent 60%), radial-gradient(80% 120% at 100% 0%, rgba(255,122,0,.12), transparent 60%), linear-gradient(180deg, #fff, #f9fbff 60%, #f6f8fb); padding:72px 0 64px; text-align:center;}
.company{ font-size: clamp(28px, 4vw, 48px); margin:0 0 8px; color:var(--ink) }
.tagline{ font-size: clamp(18px,2.6vw,24px); color:var(--blue); margin:0 0 6px; font-weight:700 }
.subline{ font-size: clamp(14px,2vw,18px); color:var(--muted); margin:0 0 18px }
.btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px; text-decoration:none; font-weight:700; border:2px solid var(--blue); color:#fff; background:var(--blue); box-shadow:0 8px 20px var(--ring); }
.btn:hover{ background:#0b5bb0; border-color:#0b5bb0 }
.section{ padding:72px 0 }
.section.alt{ background:#fff }
.section-title{ font-size: clamp(22px, 3vw, 32px); margin:0 0 24px; color:var(--ink) }
.section-title i{ color:var(--orange); margin-right:10px }
.kv-grid{ display:grid; gap:22px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin-top:18px; }
.kv-card{ background:var(--card); border:1px solid rgba(2,6,23,.06); border-radius:16px; padding:22px; box-shadow:0 8px 24px rgba(2,6,23,.04); }
.kv-icon{ font-size:28px; color:var(--orange); margin-bottom:8px }
.cards{ display:grid; gap:22px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); margin-top:8px; }
.card{ background:var(--card); border:1px solid rgba(2,6,23,.06); border-radius:16px; padding:22px; text-align:left; box-shadow:0 10px 26px rgba(2,6,23,.05); transition: transform .15s ease, box-shadow .15s ease; }
.card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(2,6,23,.08) }
.card i{ font-size:28px; color:var(--orange) }
.card h3{ margin:10px 0 6px; font-size:18px }
.card p{ color:var(--muted); margin:0 }
.contact-grid{ display:grid; gap:24px; grid-template-columns: 1.1fr 2fr; align-items:stretch; }
.contact-details p{ margin:6px 0; font-size:16px }
.contact-details i{ color:var(--blue); margin-right:10px }
.socials a{ color:var(--ink); margin-right:14px; font-size:22px }
.socials a:hover{ color:var(--blue) }
.map-wrap iframe{ width:100%; height:320px; border:0; border-radius:14px; box-shadow:0 10px 26px rgba(2,6,23,.06); }
.site-footer{ background:#0b1220; color:#cbd5e1; padding:28px 0; text-align:center }
@media (max-width: 900px){ .logo{ height:100px } .contact-grid{ grid-template-columns: 1fr } }
@media (max-width: 640px){ .logo{ height:80px } .nav a{ margin-left:14px } }
/* Branding Styles */
.site-title a {
  text-decoration: none;
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}

.site-title .workbots {
  color: #007BFF; /* Blue */
}

.site-title .consulting {
  color: #FF6600; /* Orange */
}