/* OTMATE additions on top of the shared OTWATCH style.css */

/* end-to-end run card */
.run-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.6rem; }
.run-list li { display: grid; grid-template-columns: 1.5rem 1fr auto; align-items: center; gap: 0.6rem; padding: 0.7rem 0.9rem; border-radius: 10px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--glass-border); font-size: 0.95rem; }
.run-ok { color: #10b981; font-weight: 700; }
.run-fail { color: #ef4444; font-weight: 700; }
.run-time { color: var(--text-muted); font-variant-numeric: tabular-nums; font-size: 0.85rem; }
.run-time.slow { color: #ef4444; }
.run-note { margin-top: 1rem; font-size: 0.8rem; color: var(--text-muted); }

/* the e2e section shows the visual on the left */
#e2e { padding-top: 6rem; }

/* how it works: step numbers */
.step-number { width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-weight: 800; font-size: 1.3rem; color: var(--bg-dark); background: linear-gradient(135deg, #22d3ee, #d946ef); margin-bottom: 1.2rem; }

/* three service cards */
.otmate-services { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) { .otmate-services { grid-template-columns: 1fr; } }
.pricing-custom-note a { color: var(--primary); }

/* contact call-to-action instead of a form */
.contact-cta { padding: 2.5rem; }
.contact-cta h3 { font-family: var(--font-heading); font-size: 1.5rem; margin-bottom: 0.8rem; }
.contact-cta p { color: var(--text-muted); line-height: 1.6; margin-bottom: 1.8rem; }

/* four cards per row (features, how it works) */
.features-grid.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) { .features-grid.grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .features-grid.grid-4 { grid-template-columns: 1fr; } }

/* space between service cards and the OTWATCH note */
#services .pricing-custom-note { margin-top: 2.5rem; }