/* ============ SITEMAP identity ============
     Simple linked index of all marketing pages.
     Visual signature:
     - Doc-stamp header (mono metadata strip)
     - Multi-column link grid grouped by section
     - Mono section labels, accent hover on links
   */

  .crumb { padding: 20px 0 0; font-size: 13px; color: var(--fg-mute); display: flex; gap: 10px; align-items: center; }
  .crumb a { color: var(--fg-mute); }
  .crumb a:hover { color: var(--accent); }
  .crumb .sep { opacity: 0.4; }

  .sm-hero { padding: 40px 0 48px; border-bottom: 4px double var(--border-strong); }
  .sm-stamp {
    font-family: "Geist Mono", monospace; font-size: 11px;
    letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--fg-mute);
    display: flex; gap: 28px; flex-wrap: wrap;
    padding-bottom: 18px; margin-bottom: 28px;
    border-bottom: 1px solid var(--border);
  }
  .sm-stamp b { color: var(--fg); font-weight: 500; }
  .sm-stamp .dot { width: 8px; height: 8px; background: var(--accent); border-radius: 50%; }

  .sm-title {
    display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: end;
  }
  @media (max-width: 900px) { .sm-title { grid-template-columns: 1fr; gap: 24px; } }
  .sm-title h1 {
    font-size: clamp(40px, 5.8vw, 80px); line-height: 0.95;
    letter-spacing: -0.035em; font-weight: 600;
    margin: 0; max-width: 12ch;
  }
  .sm-title h1 em { font-family: "Instrument Serif", serif; font-style: italic; font-weight: 400; color: var(--accent); }
  .sm-title .lede { font-size: 17px; color: var(--fg-dim); line-height: 1.55; max-width: 48ch; margin: 0; }

  .sm-body { padding: 56px 0 96px; }
  .sm-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 56px;
  }
  @media (max-width: 980px) { .sm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 640px) { .sm-grid { grid-template-columns: 1fr; } }

  .sm-col h2 {
    font-family: "Geist Mono", monospace;
    font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--accent);
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
  }
  .sm-col ul {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 10px;
  }
  .sm-col a {
    font-size: 15px; color: var(--fg);
    letter-spacing: -0.005em;
    transition: color 120ms ease;
  }
  .sm-col a:hover { color: var(--accent); }
  .sm-col .sub {
    font-size: 12px; color: var(--fg-mute); margin-top: 2px;
    font-family: "Geist Mono", monospace; letter-spacing: 0.06em;
  }