:root {
  --bg: #0f0d0a;
  --panel: #1a1510;
  --amber: #f59e0b;
  --amber-soft: #fbbf24;
  --text: #f5f0e6;
  --muted: #a8a29e;
  --rule: rgba(245, 158, 11, 0.35);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: radial-gradient(ellipse at top, #2a1d0c 0%, var(--bg) 60%);
  color: var(--text);
  font: 18px/1.6 Georgia, "Times New Roman", serif;
}
a { color: var(--amber-soft); }
h1, h2, h3 { font-family: "Arial Black", Impact, system-ui, sans-serif; letter-spacing: 0.01em; margin: 0 0 0.4em; }
.hero { min-height: 90vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 16px; }
.eyebrow { color: var(--amber); text-transform: uppercase; letter-spacing: 0.3em; font: 700 12px/1.4 system-ui, sans-serif; margin: 0 0 24px; }
.logo { width: min(320px, 70vw); height: auto; filter: drop-shadow(0 0 24px rgba(245, 158, 11, 0.25)); }
h1 { font-size: clamp(2.4rem, 8vw, 5rem); line-height: 1.05; margin-top: 24px; }
.tagline { font-size: clamp(1.2rem, 3vw, 1.6rem); color: var(--amber-soft); font-style: italic; margin: 0 0 32px; }
.cta { display: inline-block; padding: 14px 28px; border-radius: 999px; background: var(--amber); color: #1a1208; font: 700 16px system-ui, sans-serif; text-decoration: none; transition: transform 0.15s, background 0.15s; }
.cta:hover { background: var(--amber-soft); transform: translateY(-2px); }
.cta.ghost { background: transparent; color: var(--amber-soft); border: 2px solid var(--amber); }
main { max-width: 1040px; margin: 0 auto; padding: 0 16px; }
section { padding: 72px 0; border-top: 1px solid var(--rule); text-align: center; }
h2 { font-size: clamp(1.8rem, 5vw, 2.8rem); }
.lede { color: var(--muted); max-width: 46ch; margin: 0 auto 40px; }
.pillars { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; text-align: left; }
.pillars article { background: var(--panel); border: 1px solid var(--rule); border-radius: 16px; padding: 28px; }
.num { display: block; color: var(--amber); font: 700 14px system-ui, sans-serif; letter-spacing: 0.2em; margin-bottom: 8px; }
.pillars h3 { font-size: 1.5rem; }
.pillars p { color: var(--muted); margin: 0; }
blockquote { margin: 0 auto; max-width: 30ch; font-size: clamp(1.4rem, 4vw, 2.2rem); font-style: italic; color: var(--amber-soft); }
cite { display: block; margin-top: 16px; font-size: 1rem; color: var(--muted); font-style: normal; }
.soon { display: inline-block; padding: 8px 18px; border: 1px dashed var(--amber); border-radius: 999px; color: var(--amber); font: 700 14px system-ui, sans-serif; text-transform: uppercase; letter-spacing: 0.15em; }
footer { text-align: center; padding: 40px 16px 56px; color: var(--muted); font-size: 14px; border-top: 1px solid var(--rule); }
footer p { margin: 4px 0; }