:root{--bg:#0c0f12;--panel:#0f1419;--ink:#e9eef2;--muted:#9aa7b2;--brand:#26c15a;--accent:#38d37b;--card:#0f1417}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--ink);text-decoration:none}a:hover{opacity:.9}.container{width:min(1120px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(12,15,18,.8);backdrop-filter:blur(8px);border-bottom:1px solid #151a21}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}.brand{display:flex;gap:.6rem;align-items:center;font-weight:800}
.brand-mark{width:40px;height:40px;object-fit:contain;border-radius:6px}.brand-name{font-family:Montserrat,Inter,sans-serif;font-weight:800;letter-spacing:.2px}
.primary-nav a{margin:0 .35rem;padding:.45rem .6rem;border-radius:.6rem}.primary-nav a:hover{background:#161b21}.btn{display:inline-block;border-radius:.7rem;padding:.8rem 1.05rem;font-weight:700}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--accent));color:#031b0e}.btn-ghost{border:1px solid #1f2a33}.btn-secondary{background:#141b22;border:1px solid #1e2a34;color:var(--ink)}
.hero{padding:4rem 0;background:radial-gradient(1000px 600px at 85% -10%, rgba(56,211,123,.10), transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.pill{border:1px solid #22303a;color:#bcd;padding:.35rem .6rem;border-radius:999px;font-size:.85rem}
.section{padding:3.25rem 0;border-top:1px solid #12171d}.section.alt{background:#0e1216}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.kg-width-wide{ width: min(1200px, 98%); margin-inline: auto; }.kg-width-full{ width: 100vw; margin-left: 50%; transform: translateX(-50%); }.kg-image{max-width:100%;height:auto;display:block;margin:1rem auto}
/* Contact form basics */.contact-form input,.contact-form textarea{width:100%;background:#0e1318;border:1px solid #1a242e;color:var(--ink);border-radius:10px;padding:.8rem;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:#2ac46b}.contact-form button{cursor:pointer}

/* Minimal Hero Redesign */
.hero.minimal {
  text-align: center;
  padding: 5rem 1rem 4rem;
  background: radial-gradient(800px 400px at center top, rgba(38,193,90,.10), transparent 70%);
}
.hero.minimal h1 {
  font-size: clamp(2rem, 3vw, 3rem);
  font-family: Montserrat, Inter, sans-serif;
  font-weight: 800;
  margin-bottom: .75rem;
}
.hero.minimal p {
  color: var(--muted);
  max-width: 650px;
  margin-inline: auto;
  font-size: 1.05rem;
}
.hero.minimal .cta-row {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  gap: .8rem;
}

/* Pillars Section */
.section.pillars {
  text-align: center;
}
.section.pillars h2 {
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
}
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}
.card-grid .card {
  background: var(--card);
  border: 1px solid #182028;
  border-radius: 14px;
  padding: 1.5rem;
  text-align: left;
  transition: transform .2s ease, box-shadow .2s ease;
}
.card-grid .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
}
.card h3 {
  margin-top: 0;
  font-size: 1.25rem;
  color: var(--ink);
}
.card p {
  color: var(--muted);
  margin: .5rem 0 1rem;
}
.card a.pill-link {
  font-weight: 600;
  color: var(--brand);
}

/* Who We Work With */
.section.alt {
  background: #0e1216;
  text-align: center;
  padding: 3rem 1rem;
}
.section.alt h2 {
  font-size: 1.5rem;
  margin-bottom: .75rem;
}
.section.alt .tags {
  display: flex;
  justify-content: center;
  gap: .5rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

/* Final CTA */
.section.cta {
  background: var(--brand);
  color: #031b0e;
  text-align: center;
  padding: 3rem 1rem;
  border-radius: 10px;
  margin-top: 2rem;
}
.section.cta h2 {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.section.cta .btn-primary {
  background: #031b0e;
  color: var(--brand);
  border: 2px solid #031b0e;
}