:root {
  --bg: #0d1830;
  --surface: #14233e;
  --panel: #12213b;
  --line: #2e4b69;
  --ink: #f4f8ff;
  --muted: #abc0d4;
  --lime: #42d9e0;
  --cyan: #42d9e0;
  --coral: #ff8e73;
}

body { background: var(--bg); }
.site-header { background: rgba(13,24,48,.94); border-bottom-color: var(--line); }
.header-inner { padding-top: 10px; padding-bottom: 10px; }
.brand { gap: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 900; letter-spacing: -.035em; }
.brand-avatar { width: 42px; height: 42px; border-radius: 11px; object-fit: cover; border: 1px solid #4c7191; }
.brand-wordmark { display: flex; flex-direction: column; line-height: .95; white-space: nowrap; }
.brand-wordmark strong { color: var(--cyan); font-size: 18px; }
.header-nav .pill { border-radius: 5px; border-color: #456886; }
.header-nav .pill:hover, .header-nav .pill:focus-visible { border-color: var(--cyan); }
.binary-strip { color: #47708a; border-bottom-color: #294561; background: #0b1730; }
.binary-strip b { color: var(--coral); }
.eyebrow { color: var(--cyan); }
.eyebrow:before { background: var(--coral); height: 4px; border-radius: 2px; }
.accent, .count-card strong span, .news-date, .article-body tbody tr:last-child td:last-child { color: var(--cyan); }
.btn { background: var(--cyan); color: #0c1b32; border-color: var(--cyan); }
.btn:hover { box-shadow: 0 10px 34px rgba(66,217,224,.18); }
.btn.secondary { color: var(--ink); background: #172845; }
.home-hero { padding: 72px 0 80px; background: radial-gradient(circle at 77% 22%,rgba(66,217,224,.10),transparent 35%),#0d1830; }
.home-hero:after { background-image: linear-gradient(rgba(85,139,171,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(85,139,171,.13) 1px,transparent 1px); background-size: 42px 42px; mask-image: none; }
.home-hero .wrap { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr); gap: 52px; align-items: center; }
.home-hero h1 { font-size: clamp(38px,5vw,66px); }
.hero-copy { min-width: 0; }
.hero-brand { position: relative; min-height: 390px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #426584; border-top: 4px solid var(--cyan); border-radius: 7px; padding: 25px; background: linear-gradient(150deg,#132642,#0b1830); box-shadow: 0 28px 80px rgba(0,0,0,.22); }
.hero-brand-top { display: flex; align-items: center; gap: 18px; }
.hero-brand-top img { width: 92px; height: 92px; object-fit: cover; border-radius: 20px; border: 1px solid #577da1; }
.hero-wordmark { display: flex; flex-direction: column; font: 900 clamp(30px,3vw,48px)/.95 Arial,Helvetica,sans-serif; letter-spacing: -.05em; }
.hero-wordmark strong { color: var(--cyan); }
.hero-brand .signal-caption { color: var(--cyan); font: 12px Menlo,Consolas,monospace; letter-spacing: .07em; }
.signal-stack { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.signal-stack span { display: flex; flex-direction: column; border: 1px solid #436688; border-radius: 8px; background: #1a2e4b; padding: 12px 10px; font: 800 23px/1 Arial,Helvetica,sans-serif; }
.signal-stack span:first-child { border-color: var(--cyan); }
.signal-stack small { margin-top: 5px; color: #a8bed2; font: 10px Menlo,Consolas,monospace; }
.hero-brand-bottom { color: #b6cbe0; font: 11px Menlo,Consolas,monospace; border-top: 1px solid #315270; padding-top: 13px; }
.hero-brand-bottom:before { content: ''; display: inline-block; background: var(--coral); width: 18px; height: 5px; vertical-align: middle; border-radius: 3px; margin-right: 9px; }
.hero-meta span:before { color: var(--coral); }
.feature { background: linear-gradient(145deg,#172945,#101d35); }
.feature-visual { background: radial-gradient(circle at 50% 50%,rgba(66,217,224,.12),transparent 55%),repeating-linear-gradient(0deg,transparent 0 41px,rgba(85,139,171,.1) 42px),repeating-linear-gradient(90deg,transparent 0 41px,rgba(85,139,171,.1) 42px),#101d35; }
.count-card { background: #0b1930; border-color: var(--cyan); }
.principle, .news-card, .toc, .tech-explainer>div { background: var(--panel); }
.principle b { color: var(--cyan); }
.article-header { background: radial-gradient(circle at 90% 10%,rgba(66,217,224,.11),transparent 37%),linear-gradient(90deg,rgba(85,139,171,.1) 1px,transparent 1px),#0e1b34; background-size: auto,42px 42px,auto; border-bottom: 1px solid var(--line); }
.article-header h1 { max-width: 880px; }
.article-meta span+span:before { color: var(--coral); }
.article-body p, .lead { color: #d5e3ee; }
.article-body .callout { background: #152945; border-left-color: var(--coral); }
.article-body .callout .article-signature { margin-top: 17px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.15); color: var(--cyan); font: 700 15px/1.5 Menlo, Consolas, monospace; }
.article-body .callout .article-signature span { color: #aebfd1; font-weight: 400; }
.flow-track, .article-video, .stack-card { background: #132540; }
.flow-row.good .flow-track { border-color: var(--cyan); }
.flow-row.good .end, .article-body code, .tech-explainer strong, .next-read a, .site-footer a, .stack-card a, .news-card a { color: var(--cyan); }
.article-body .code-block { background: #0a172c; border-color: #3b617d; }
.article-body .code-block code { color: #d8f7fb; }
.site-footer strong { color: var(--cyan); font-family: Arial,Helvetica,sans-serif; font-weight: 900; }
.author-card,.founder-note{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;border:1px solid #3b617d;border-left:4px solid var(--coral);border-radius:8px;background:linear-gradient(135deg,#172945,#101d35);padding:28px;margin-top:56px;}
.author-card h2,.founder-note h2{font-size:clamp(23px,3vw,30px);margin:4px 0 6px;}
.author-card p,.founder-note p{margin:8px 0 0;color:#d5e3ee;line-height:1.6;}
.author-card .author-role,.founder-note .author-role{color:var(--cyan);font:700 13px Menlo,Consolas,monospace;letter-spacing:.01em;}
.author-kicker{color:var(--coral);font:700 11px Menlo,Consolas,monospace;letter-spacing:.12em;}
.author-monogram{width:54px;height:54px;display:grid;place-items:center;border:1px solid #5a89a4;border-radius:11px;color:var(--cyan);background:#0c1b32;font:700 20px Menlo,Consolas,monospace;}
.founder-note{margin:0;}

@media (max-width: 900px) {
  .home-hero .wrap { grid-template-columns: 1fr; gap: 28px; }
  .hero-brand { min-height: 270px; max-width: 650px; }
}
@media (max-width: 600px) {
  .author-card,.founder-note{grid-template-columns:1fr;padding:22px;gap:12px;}
  .brand-avatar { width: 34px; height: 34px; border-radius: 9px; }
  .brand { font-size: 12px; }
  .brand-wordmark strong { font-size: 14px; }
  .home-hero { padding: 44px 0 60px; }
  .hero-brand { min-height: 230px; padding: 18px; }
  .hero-brand-top img { width: 70px; height: 70px; border-radius: 15px; }
  .hero-wordmark { font-size: 31px; }
  .signal-stack span { font-size: 18px; padding: 9px; }
  .signal-stack small { font-size: 8px; }
  .hero-brand-bottom { font-size: 9px; }
}