/* cAIching – page-specific additions on top of /assets/style.css */
.ai { color: var(--color-accent); }
.brand-sep { color: var(--color-text-faint); margin: 0 0.15em; font-weight: 400; }
.brand-sub { font-family: var(--font-display); font-size: var(--text-sm); font-weight: 600; white-space: nowrap; }
.header-nav { display: flex; gap: var(--space-6); font-size: var(--text-sm); color: var(--color-text-muted); }
.header-nav a { transition: color var(--transition-interactive); }
.header-nav a:hover { color: var(--color-accent); }

.hero h1 { max-width: 17ch; }
.hero-mark path { stroke-dasharray: 60; }

.c-section { padding: var(--space-20) var(--space-6); position: relative; }
.c-inner { max-width: var(--content-max); margin: 0 auto; text-align: center; }
.c-heading { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 600; max-width: 24ch; margin: 0 auto var(--space-4); text-wrap: balance; }
.c-lede { color: var(--color-text-muted); max-width: 56ch; margin: 0 auto; line-height: 1.65; }

/* Prompt anatomy */
.prompt-card { max-width: 720px; margin: var(--space-12) auto 0; text-align: left; padding: var(--space-6) var(--space-8);
  border: 1px solid var(--color-border); border-radius: var(--radius-lg);
  background: color-mix(in oklab, var(--color-surface) 88%, transparent); backdrop-filter: blur(6px); }
.prompt-row { display: grid; grid-template-columns: 7rem 1fr; gap: var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--color-border); font-size: var(--text-sm); }
.prompt-row:last-child { border-bottom: 0; }
.prompt-key { font-family: var(--font-display); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-accent); padding-top: 0.15rem; }

/* Card grids reuse .horizon-card */
.c-grid { display: grid; gap: var(--space-6); margin: var(--space-12) auto 0; max-width: 1080px; }
.c-grid--3 { grid-template-columns: repeat(3, 1fr); }
.c-grid .horizon-card { padding: var(--space-8) var(--space-6); display: flex; flex-direction: column; }
.c-grid .horizon-card p { margin-bottom: 0; color: var(--color-text-muted); }
.horizon-track--c { margin-top: var(--space-16); }
.horizon-track--c .horizon-card p { margin-bottom: 0; }

.fmt-meta { font-size: var(--text-xs); color: var(--color-text-muted); letter-spacing: 0.04em; margin-bottom: var(--space-3); }
.fmt-price { margin-top: auto; padding-top: var(--space-5); border-top: 1px solid var(--color-border); font-family: var(--font-display); font-size: var(--text-lg); font-weight: 600; }
.fmt-price small { display: block; font-family: var(--font-body); font-size: var(--text-xs); font-weight: 400; color: var(--color-text-muted); margin-top: 0.15rem; }
.c-grid .fmt-desc { margin-bottom: var(--space-5) !important; }
.horizon-card.is-featured { border-color: color-mix(in oklab, var(--color-accent) 60%, var(--color-border)); }
.c-note { margin-top: var(--space-8); font-size: var(--text-sm); color: var(--color-text-muted); }

.chip-list--audience { margin-top: var(--space-10); }

@media (max-width: 900px) {
  .c-grid--3 { grid-template-columns: repeat(2, 1fr); }
  .header-nav { display: none; }
}
@media (max-width: 640px) {
  .c-grid--3 { grid-template-columns: 1fr; }
  .c-section { padding: var(--space-16) var(--space-4); }
  .prompt-card { padding: var(--space-5); }
  .prompt-row { grid-template-columns: 1fr; gap: var(--space-1); }
  .brand-sub { display: inline; }
}
.brand-eyebrow { text-transform: none; letter-spacing: 0.02em; font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700; color: var(--color-text); }