/* Public pilot page, matching CycleTrack's existing Bootstrap presentation. */
.agent-landing { color: #212529; max-width: 1140px; overflow-wrap: anywhere; }
.agent-intro { max-width: 49rem; }
.agent-eyebrow { color: #495057; font-weight: 600; margin-bottom: 1rem; }
.assistant-beta { display: inline-block; vertical-align: middle; padding: .2rem .5rem; margin-left: .5rem; border: 1px solid #ced4da; border-radius: .375rem; background: #f8f9fa; color: #495057; font-size: .8rem; font-weight: 600; line-height: 1.5; }
.agent-landing h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; font-weight: 600; margin-bottom: 1.25rem; }
.agent-lead { font-size: 1.2rem; color: #495057; line-height: 1.6; }
.agent-section { margin-top: 3.5rem; }
.agent-landing h2 { font-size: 1.6rem; font-weight: 500; margin-bottom: 1rem; }
.agent-landing h3 { font-size: 1.05rem; font-weight: 600; }
.agent-example, .agent-provider { padding: 1.25rem; border: 1px solid #dee2e6; border-radius: .5rem; }
.agent-example { background: #f8f9fa; }
.agent-example p:last-child { margin-bottom: 0; }
.agent-provider { background: #fff; }
.assistant-pending { background: #f1f3f5; color: #60666c; }
.assistant-pending img { filter: grayscale(1); opacity: .55; }
.agent-mark { height: 4rem; display: flex; align-items: center; margin-bottom: 1rem; }
.agent-mark img { object-fit: contain; max-width: 100%; }
.agent-status { color: #495057; font-size: .9rem; margin-bottom: .5rem; }
.agent-steps { padding-left: 1.5rem; max-width: 51rem; }
.agent-steps li { padding-left: .5rem; margin-top: 1.5rem; }
.agent-privacy { margin-top: 3rem; padding: 1.5rem; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: .5rem; }
.agent-privacy li { margin-bottom: .75rem; }
.agent-landing .btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; white-space: normal; }
.agent-landing a:focus-visible { outline: 3px solid #0d6efd; outline-offset: 3px; }
@media (max-width: 575.98px) {
  .agent-section { margin-top: 2.5rem; }
  .agent-privacy { padding: 1.1rem; }
}

.agent-provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 1rem; }
.agent-provider-grid > div { min-width: 0; }
.agent-provider-grid .agent-provider { display: flex; flex-direction: column; }
.agent-provider-grid .agent-provider > a:last-child { margin-top: auto; }
@media (max-width: 767.98px) { .agent-provider-grid { grid-template-columns: 1fr; } }