@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=Geist+Mono:wght@500;600;700&family=Instrument+Serif:ital@0;1&display=swap");

:root {
  --bg-0: #0B0E14;
  --bg-1: #11151E;
  --bg-2: #161B26;
  --bg-3: #1C2230;
  --text-0: #ECE6D8;
  --text-1: rgba(184, 191, 203, 0.9);
  --text-2: #7F8A99;
  --line: rgba(159, 184, 201, 0.18);
  --line-soft: rgba(159, 184, 201, 0.1);
  --accent: #D8865E;
  --accent-deep: #B66A45;
  --as-slate: #9FB8C9;
  --as-slate-soft: #6E8395;
  --as-paper: #EDE7DA;
  --as-sand: #948B78;
  --radius-lg: 24px;
  --radius-md: 18px;
}

body {
  background: var(--bg-0);
  color: var(--text-0);
  font-family: "Geist", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

body * {
  letter-spacing: 0 !important;
}

a:hover {
  color: var(--as-paper);
}

.section {
  border-top-color: var(--line-soft);
}

.section-dark {
  background:
    linear-gradient(180deg, rgba(17, 21, 30, 0.98) 0%, rgba(11, 14, 20, 1) 100%);
}

.section-panel {
  background:
    linear-gradient(180deg, rgba(22, 27, 38, 0.98) 0%, rgba(17, 21, 30, 1) 100%);
}

.kicker,
.tl-move-num,
.tl-mech-k,
.tl-meta,
.tl-arc-card .wk,
.tl-row-k {
  color: var(--as-slate) !important;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-weight: 700;
  text-transform: uppercase;
}

.section-title,
.hero-title,
.tl-axiom,
.tl-question p,
.tl-step h3,
.tl-arc-card h3,
.tl-faqgroup h2,
.tl-faq summary,
.tl-move h3,
.tl-col h3,
.book-cta-title {
  color: var(--text-0);
  font-family: "Instrument Serif", Georgia, serif !important;
  font-weight: 400 !important;
}

.tl-axiom-dim {
  color: rgba(184, 191, 203, 0.72);
}

.tl-hero {
  background:
    linear-gradient(132deg, rgba(159, 184, 201, 0.11) 0%, rgba(159, 184, 201, 0) 34%),
    linear-gradient(28deg, rgba(216, 134, 94, 0.12) 0%, rgba(216, 134, 94, 0) 36%),
    linear-gradient(180deg, #0B0E14 0%, #11151E 58%, #0B0E14 100%) !important;
}

.tl-hero::before {
  background-image:
    linear-gradient(135deg, rgba(159, 184, 201, 0.08) 0 1px, transparent 1px 16px) !important;
  background-size: 18px 18px !important;
  opacity: 0.18 !important;
}

.hero,
.final-cta {
  background:
    linear-gradient(132deg, rgba(159, 184, 201, 0.1) 0%, rgba(159, 184, 201, 0) 38%),
    linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 100%) !important;
}

.hero::before {
  background-image:
    linear-gradient(135deg, rgba(159, 184, 201, 0.08) 0 1px, transparent 1px 16px) !important;
  background-size: 18px 18px !important;
  opacity: 0.14 !important;
}

.hero-glow {
  background: linear-gradient(90deg, rgba(216, 134, 94, 0.2), rgba(159, 184, 201, 0.12), transparent) !important;
  border-radius: 0 !important;
  filter: blur(34px) !important;
}

.tl-definition,
.tl-question {
  border-left-color: var(--accent) !important;
}

.tl-move,
.tl-step,
.tl-arc-card,
.tl-col,
.tl-faq details,
.tl-faqgroup details,
.tl-row,
.tl-crisis,
.tl-caution,
.tl-honest,
.tl-mech-row,
.origin-stat {
  border-color: var(--line) !important;
  background:
    linear-gradient(180deg, rgba(28, 34, 48, 0.88) 0%, rgba(17, 21, 30, 0.92) 100%) !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.22);
}

.tl-step-n,
.tl-meta-num,
.origin-number,
.tl-faq summary::after,
.book-cta-badge,
.book-cta-action,
.badge-live,
.signal-link {
  color: var(--accent) !important;
}

.tl-is li::before {
  color: var(--accent) !important;
}

.book-cta {
  border-color: rgba(216, 134, 94, 0.36) !important;
  background:
    linear-gradient(180deg, rgba(216, 134, 94, 0.12) 0%, rgba(17, 21, 30, 0.8) 100%) !important;
}

.book-cta:hover {
  border-color: var(--accent) !important;
  background:
    linear-gradient(180deg, rgba(216, 134, 94, 0.18) 0%, rgba(28, 34, 48, 0.88) 100%) !important;
}

.capture-form input[type="email"] {
  background: rgba(11, 14, 20, 0.86);
  border-color: rgba(159, 184, 201, 0.22);
  color: var(--text-0);
  font-family: "Geist", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.capture-form input:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(216, 134, 94, 0.18);
}

.capture-form button {
  background: var(--accent);
  color: #1A0F08;
  font-family: "Geist", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.capture-form button:hover {
  background: #E89A72;
  box-shadow: 0 12px 30px rgba(216, 134, 94, 0.2);
}

.signal-item-book,
.signal-item-anchor {
  border-color: rgba(216, 134, 94, 0.36);
  background: rgba(28, 34, 48, 0.7);
}

.site-footer {
  background: #080A0F;
  border-top-color: var(--line-soft);
}