/* AgentsWork - shared section CSS (canonical section 17) - one file for all pages */




/* ---------- What agents automate ---------- */
.nct-agents-work{padding:48px 0 56px;background:#f7f9fc}



.nct-agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}



.nct-agent-item{background:#fff;border-radius:14px;padding:26px 24px;border:1px solid #eef2f7;transition:transform .2s ease,box-shadow .2s ease}



.nct-agent-item:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,23,42,.06)}



.nct-agent-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:13px;font-weight:700;margin-bottom:16px}



.nct-agent-icon--blue{background:#dbeafe;color:#2563eb}



.nct-agent-icon--green{background:#dcfce7;color:#16a34a}



.nct-agent-icon--orange{background:#fef3c7;color:#d97706}



.nct-agent-icon--violet{background:#f3e8ff;color:#9333ea}



.nct-agent-title{font-family:"Playfair Display",Georgia,serif;font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}



.nct-agent-text{font-family:Inter,sans-serif;font-size:13px;line-height:1.6;color:#64748b;margin:0}
@media (max-width: 991px){



.nct-agents-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 575px){



.nct-agents-grid{grid-template-columns:1fr}
}