:root {
  --bg:#ffffff;
  --fg:#0a1a2a;
  --muted:#4a5568;
  --brand:#0a6cff;
  --line:#e6eef6;
}

/* Force our header/nav to be blue on all pages */
.site-header {
  background: var(--brand) !important;  /* bright blue */
  border-bottom: none !important;
}
.site-header .nav a {
  color: #fff !important;
}
.site-header .nav a.active {
  border-bottom: 2px solid rgba(255,255,255,0.9) !important;
}
.site-header .nav a:hover {
  text-decoration: underline !important;
}

/* Kill any host-injected/global nav bars; keep only our .site-header */
body > header:not(.site-header),
body > nav,
body > .navbar,
body > .navigation,
body > .topnav,
body > #header,
body > #masthead,
body > #navWrapper {
  display: none !important;
}

/* Ensure our header stays on top if anything slips through */
.site-header { z-index: 9999; }

/* Reset-ish */
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color:var(--fg);
  background:var(--bg);
  line-height:1.55;
}
a { color:var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }

.container {
  max-width: 1060px;
  padding: 0 20px;
  margin: 0 auto;
}

/* Header */
.site-header {
  background: #f7fbff;
  border-bottom:1px solid var(--line);
  position: sticky;
  top:0;
  z-index: 10;
}
.site-header .container {
  display:flex;
  align-items:center;
  gap:20px;
}
.logo { height: 46px; display:block; }
.nav {
  margin-left:auto;
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.nav a {
  padding:14px 8px;
  display:inline-block;
  color:var(--fg);
  font-weight:600;
}
.nav a.active { border-bottom:2px solid var(--brand); }
.nav-toggle {
  display:none;
  margin-left: 8px;
  background:#eef6ff;
  border:1px solid var(--line);
  border-radius:8px;
  padding:10px 12px;
  cursor:pointer;
}

/* Hero */
.hero {
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap:32px;
  padding:48px 0;
  align-items:center;
}
.hero-text h1 {
  font-size:40px;
  line-height:1.15;
  margin:0 0 8px;
}
.tagline { color: var(--muted); font-size: 18px; margin: 0 0 6px; }
.author { color: var(--muted); margin-bottom: 12px; }
.cta .btn { margin-right:10px; }
.hero-image img {
  width:100%;
  max-width: 280px;
  border-radius: 12px;
  border:1px solid var(--line);
}

/* Sections */
.page { padding:32px 0; }
.split {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:28px;
  padding:28px 0 8px;
}
.highlight {
  background:#f9fcff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:28px 0;
  margin-top:28px;
}
.bullets { list-style: disc; padding-left: 20px; }

/* Contact form */
.contact-form {
  display:grid;
  gap:12px;
  max-width:640px;
  margin-top: 12px;
}
.contact-form label { font-weight:600; }
.contact-form input,
.contact-form textarea {
  width:100%;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
}
.contact-form button {
  padding:12px 16px;
  border:0;
  background:var(--brand);
  color:#fff;
  border-radius:8px;
  cursor:pointer;
}
.contact-form button:hover {
  filter: brightness(0.95);
}

/* Buttons */
.btn {
  display:inline-block;
  padding:12px 18px;
  background:var(--brand);
  color:#fff;
  border-radius:8px;
}
.btn.outline {
  background:transparent;
  color:var(--brand);
  border:1px solid var(--brand);
}
.btn:hover { filter: brightness(0.95); }

/* Footer */
.site-footer {
  border-top:1px solid var(--line);
  background:#f7fbff;
  margin-top:40px;
}
.site-footer .container {
  padding:20px;
  color: var(--muted);
  text-align:center;
}

/* Responsive */
@media (max-width: 840px) {
  .hero { grid-template-columns: 1fr; }
  .split { grid-template-columns: 1fr; }
  .nav { display:none; width:100%; }
  .nav.open { display:flex; flex-direction: column; }
  .nav-toggle { display:block; }
}