/* About & credits page (builds on home.css). */
.ab-hero { padding: 56px 0 40px; border-bottom: 1px solid var(--border); background: radial-gradient(ellipse at 20% 40%, rgba(255, 122, 61, 0.12), transparent 55%); }
.ab-hero-in { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 40px; align-items: center; }
.ab-logo { width: 100%; max-width: 420px; height: auto; }
.ab-title { font-size: clamp(36px, 5vw, 64px); margin: 0 0 14px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ab-hero .btn.primary { padding: 13px 22px; font-size: 15px; }
.ab-sec { padding-top: 56px; }
.ab-sec:last-child { padding-bottom: 64px; }
.ab-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-top: 16px; }
.ab-card { padding: 16px 18px; background: rgba(23, 25, 31, 0.85); box-shadow: inset 0 0 0 1px var(--border); border-radius: var(--r); }
.ab-card b { font-family: var(--ui); letter-spacing: 0.01em; color: var(--amber); }
.ab-card p { margin: 6px 0 0; color: #c9ccd3; font-size: 14.5px; }
.ab-note { color: #c9ccd3; max-width: 52em; }
.ab-table { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 14px; }
.ab-table th { text-align: left; font-family: var(--mono); font-size: 11px; letter-spacing: 0.01em; color: var(--muted); padding: 8px 10px; border-bottom: 1px solid var(--border-strong); }
.ab-table td { padding: 10px; border-bottom: 1px solid var(--border); vertical-align: top; }
.ab-table a { color: var(--ice); }
@media (max-width: 760px) {
  .ab-hero-in { grid-template-columns: 1fr; gap: 20px; }
  .ab-logo { max-width: 260px; }
  .ab-table thead { display: none; }
  .ab-table tr { display: grid; padding: 10px 0; border-bottom: 1px solid var(--border); }
  .ab-table td { border: 0; padding: 2px 0; }
  .ab-table td:first-child { font-weight: 700; }
}