/* mike-english.com — Futuristic Founder Site
   Design system: deep navy + signal cyan + warm cream
   Editorial trust meets quiet futurism — no neon, no slop. */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,300;1,6..72,400&family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  /* Surfaces */
  --me-bg:        #0B1220;          /* deep navy near-black */
  --me-bg-2:      #111A2E;
  --me-bg-3:      #1A2540;
  --me-cream:     #F2EBDC;          /* warm paper */
  --me-cream-2:   #E6DCC4;
  --me-line:      rgba(242,235,220,0.10);
  --me-line-2:    rgba(242,235,220,0.18);

  /* Type */
  --me-fg:        #F2EBDC;
  --me-fg-mute:   rgba(242,235,220,0.62);
  --me-fg-dim:    rgba(242,235,220,0.38);

  /* Signals */
  --me-cyan:      #6EE7E7;          /* signal cyan — futurism */
  --me-gold:      #D4B26A;          /* trust / craft */
  --me-rose:      #E8989A;          /* highlight */
  --me-green:     #95D5B2;          /* live / verified */

  /* Type families */
  --me-serif:     'Newsreader', 'Times New Roman', serif;
  --me-sans:      'Geist', system-ui, -apple-system, sans-serif;
  --me-mono:      'Geist Mono', ui-monospace, monospace;

  /* Motion */
  --me-ease:      cubic-bezier(.22,1,.36,1);
}

* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: var(--me-bg);
  color: var(--me-fg);
  font-family: var(--me-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }

.me-grid {
  background-image:
    linear-gradient(var(--me-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--me-line) 1px, transparent 1px);
  background-size: 80px 80px;
}

.me-eyebrow {
  font-family: var(--me-mono);
  font-size: 11px; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.22em;
  color: var(--me-fg-mute);
}

.me-display {
  font-family: var(--me-serif);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 0.95;
}

.me-display em {
  font-style: italic;
  color: var(--me-cyan);
}

.me-mono {
  font-family: var(--me-mono);
  font-feature-settings: 'ss01';
}

@keyframes me-pulse {
  0%,100% { opacity: 1; }
  50%     { opacity: 0.4; }
}

@keyframes me-scan {
  0%   { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

@keyframes me-rotate {
  to { transform: rotate(360deg); }
}