/* Start with AI — systems engineering theme. Layout and content are inherited. */
:root {
  --paper: #F1F5F9;
  --ink: #111827;
  --forest: #0B1016;
  --green: #006C80;
  --accent: #00C8E8;
  --stone: #E2E8F0;
  --white: #F8FAFC;
  --line: #CBD5E1;
  --slate: #17212D;
  --muted: #8495A7;
  --mono: "JetBrains Mono", monospace;
}
body { background: var(--paper); color: var(--ink); }
::selection { background: #00C8E8; color: #0B1016; }
.skip-link { background: #F8FAFC; color: #111827; }
a:focus-visible, summary:focus-visible { outline-color: #00A8C5; }
.eyebrow { font-family: var(--mono); color: #006C80; letter-spacing: .1em; }
h1, h2, h3, h4 { letter-spacing: -.04em; }

/* The existing navigation and hero stay in their original positions. */
.site-header { background: #0B1016; border-bottom-color: #293745; color: #F8FAFC; }
.brand b { color: #00C8E8; }
.brand-symbol i, .footer-inner .brand-symbol i { background: #F8FAFC; }
.brand-symbol i:nth-child(2), .footer-inner .brand-symbol i:nth-child(2) { background: #00C8E8; }
.brand-symbol i:nth-child(3), .footer-inner .brand-symbol i:nth-child(3) { background: #8495A7; }
.brand-muted, .footer-inner .brand-muted { color: #AEBFCE; }
.nav-links a { color: #C2CED8; }
.nav-links a:hover, .nav-action:hover { color: #00C8E8; }
.nav-action { border-bottom-color: #71869A; color: #F8FAFC; }
.nav-action span { color: #00C8E8; }
.mobile-nav summary { color: #F8FAFC; }
.mobile-nav summary span { color: #00C8E8; }
.mobile-nav nav { background: #17212D; border-color: #3A5062; box-shadow: 0 14px 32px rgba(0,0,0,.25); }
.mobile-nav nav a { color: #F8FAFC; border-color: #344858; }
.mobile-nav nav a span { color: #00C8E8; }
.hero {
  background-color: #0B1016;
  color: #F8FAFC;
  background-image: linear-gradient(rgba(132,149,167,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(132,149,167,.035) 1px, transparent 1px);
  background-size: 64px 64px;
}
.hero-kicker, .hero-bottom, .workflow-top, .workflow-foot, .flow-index, .flow-tag { font-family: var(--mono); }
.hero-kicker { color: #B8C9D8; letter-spacing: .08em; }
.status-dot { background: #00C8E8; box-shadow: 0 0 0 4px rgba(0,200,232,.13); }
.kicker-divider { background: #536C80; }
.hero-title-main { color: #F8FAFC; letter-spacing: -.055em; }
.hero-title-rest { color: #E7EFF5; letter-spacing: -.035em; }
.hero-subhead { color: #B8C8D6; }
.book-button { background: #00C8E8; color: #0B1016; border: 1px solid #00C8E8; }
.book-button:hover { background: #65E5F4; border-color: #65E5F4; color: #0B1016; }
.button-arrow { color: #0B1016; }
.hero-bottom { border-top-color: #344453; color: #A6B8C6; }

/* The existing five-node workflow becomes a precise software interface. */
.hero-workflow { background: #17212D; color: #F8FAFC; border: 1px solid #354B5C; box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.hero-workflow:before { background-image: linear-gradient(rgba(132,149,167,.075) 1px,transparent 1px), linear-gradient(90deg,rgba(132,149,167,.075) 1px,transparent 1px); }
.workflow-top, .workflow-foot { color: #A9BBCB; letter-spacing: .08em; }
.workflow-top b { color: #F8FAFC; }
.workflow-title-dot { background: #00C8E8; }
.workflow-title strong { color: #F8FAFC; letter-spacing: -.045em; }
.workflow-title small { color: #B2C3D1; }
.workflow-canvas { background: #0E1720; color: #F8FAFC; border-color: #314656; }
.flow-row { background: #17212D; border-color: #344D5F; }
.flow-row.approval { background: #17313B; border-color: #00A6C1; }
.flow-index { color: #A2B5C5; }
.flow-icon { background: #213443; color: #8DEBFA; border: 1px solid #35556A; }
.flow-ai { background: #163A48; }
.flow-label strong { color: #F8FAFC; }
.flow-label small { color: #B4C7D5; }
.flow-tag { color: #A6DFEA; }
.flow-connector i { background: #466477; }
.flow-connector i:after { background: #00C8E8; }
.workflow-foot { border-top-color: #3B4C5A; }

/* Preserve the problem, photograph, quotation and task-stack compositions. */
.attention-band { background: #E2EAF2; }
.attention-grid .eyebrow, .cost-section .eyebrow { color: #006C80; }
.attention-grid>div:nth-child(2)>p:first-child { color: #475569; }
.money-line em { color: #006C80; }
.problem-intro { background: #F1F5F9; }
.problem-head h2 span { color: #006C80; }
.problem-aside, .questions p:not(.questions-heading), .trap-grid>div { color: #475569; }
.questions p.questions-end { color: #111827; }
.workspace-image img { filter: saturate(.82) contrast(1.03); }
.workspace-image figcaption, .voices-grid cite, .voices-intro span { color: #425F70; font-family: var(--mono); letter-spacing: .07em; }
.cost-section { background: #E2E8F0; }
.cost-copy>p:not(.eyebrow), .cost-side>p { color: #475569; }
.cost-copy blockquote { border-left-color: #00A8C4; }
.cost-finish { color: #111827 !important; }
.paper-stack { background: #17212D; border: 1px solid #344B5C; }
.stack-bar { color: #C0D0DC; font-family: var(--mono); letter-spacing: .08em; }
.stack-sheet { background: #0F1923; border-color: #435E70; color: #F8FAFC; box-shadow: 0 14px 34px rgba(0,0,0,.22); }
.stack-sheet span { color: #A6DFEA; font-family: var(--mono); letter-spacing: .08em; }
.stack-sheet small { color: #BDCDD8; }
.sheet-front { border-left-color: #00C8E8; }
.paper-lines i { background: #496476; }

.site-footer { background: #0B1016; color: #F8FAFC; border-color: #2C3C49; }
.footer-inner p { color: #AFBFCD; font-family: var(--mono); letter-spacing: .06em; }
@media (prefers-reduced-motion: reduce) { .flow-connector i:after { animation: none; } }