/** Tracker landing */
/* Bento */
    .bento {
      display: grid;
      gap: 1rem;
      grid-template-columns: 1fr;
    }
    @media (min-width: 768px) {
      .bento {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto auto;
      }
      .bento .wide { grid-column: 1 / 3; grid-row: 1; }
      .bento .tall { grid-column: 3; grid-row: 1 / 3; }
      .bento .b-small-a { grid-column: 1; grid-row: 2; }
      .bento .b-small-b { grid-column: 2; grid-row: 2; }
    }
    .bento-item {
      border-radius: var(--radius);
      border: 1px solid var(--line);
      overflow: hidden;
      background: #fff;
      min-height: 12rem;
      display: flex;
      flex-direction: column;
      box-shadow: var(--shadow);
    }
    .bento-item .bento-ph {
      flex: 1;
      min-height: 8rem;
      background: var(--surface);
    }
    .bento-item .bento-ph img {
      width: 100%;
      height: 100%;
      min-height: 8rem;
      object-fit: cover;
    }
    .bento-item .bento-copy { padding: 1.1rem 1.25rem; }
    .bento-item h4 { margin: 0 0 0.35rem; font-size: 0.95rem; font-weight: 700; }
    .bento-item p { margin: 0; font-size: 0.85rem; color: var(--muted); }

    .code-card {
      background: #0f172a;
      color: #e2e8f0;
      border-radius: var(--radius);
      padding: 1.25rem 1.4rem;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", monospace;
      font-size: 0.85rem;
      line-height: 1.65;
      overflow-x: auto;
      box-shadow: var(--shadow);
    }
    .code-card .ck { color: #fda4af; }
    .code-card .cs { color: #93c5fd; }
    .code-card .cf { color: #fbbf24; }
    .code-card .cc { color: #64748b; }

    /* CTA band */