/* JethroDev — Neo-Editorial Authority: dark systems architect, green accent */

:root {
  --bg: #0C0C0F;
  --surface: #16161A;
  --ink: #EAEAEA;
  --muted: #8A8A8A;
  --heading: #EAEAEA;
  --accent: #00C896;
  --accent-ink: #0C0C0F;
  --accent-hover: #00E0A8;
  --accent-hover-ink: #0C0C0F;
  --border: #2A2A30;
  --radius: 8px;
  --btn-radius: 999px;
  --media-radius: 8px;
  --font-display: 'Manrope', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --cta-bg: #00C896;
  --cta-ink: #0C0C0F;
  --footer-bg: #08080A;
  --footer-ink: #8A8A8A;
  --header-bg: rgba(12, 12, 15, .85);
  --input-bg: #16161A;
  --card-bg: #1A1A20;
  --card-border: 1px solid #2A2A30;
  --card-hover-shadow: 0 12px 40px rgba(0, 200, 150, .12);
}

body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  background-image: linear-gradient(rgba(42,42,48,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(42,42,48,.4) 1px, transparent 1px);
  background-size: 44px 44px; }

.site-header { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
.navbar-brand { letter-spacing: .04em; }
.navbar .nav-link { text-transform: uppercase; font-size: .82rem; letter-spacing: .08em; font-weight: 600; }

.hero-title em { color: var(--accent); }
.stat-num { color: var(--accent); font-family: var(--font-mono); }
.stat-label { text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; }

.btn-brand:hover { box-shadow: 0 0 28px rgba(0, 200, 150, .35); }

.section-kicker::before { content: "// "; }

.section.alt { background: var(--surface); border-block: 1px solid var(--border); }

.work-card { background: #14141A; }
.work-result { color: var(--accent); }

.service-card { border-left: 3px solid var(--accent); }
.service-card:nth-child(even) { border-left-color: #00A87A; }

.step-num { color: transparent; -webkit-text-stroke: 1.5px var(--accent); font-size: 3.4rem; }

.tool-chip:hover { border-color: var(--accent); color: var(--accent); }

.pain-card { border-left: 3px solid var(--accent); }

.page-hero { border-bottom: 1px solid var(--border); }
.page-title { text-transform: none; }

.cs-media img { border-block: 4px solid var(--surface); }
.result-stat { background: var(--surface); }

.contact-form .form-select { appearance: auto; }

.cta-band .btn-brand { background: var(--bg); color: var(--accent); border-color: var(--bg); }
.cta-band .btn-brand:hover { box-shadow: 0 0 24px rgba(0, 0, 0, .4); }

.site-footer { border-top: 1px solid var(--border); }