/* Audience-specific presentation; base typography and cards inherit Avato design system. */
.service-evolution {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1.25rem;align-items:stretch;margin-top:2rem}
.service-evolution article {border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;background:#fff}
.service-step {display:block;color:var(--text-muted);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.service-evolution-arrow {align-self:center;color:var(--avato-blue);font-size:2rem}
.service-architecture {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:stretch;margin:2rem 0 0}
.service-architecture-node {display:flex;flex-direction:column;gap:.55rem;justify-content:center;min-height:145px;padding:1.15rem;text-align:center;border:1px solid var(--line-on-dark);border-radius:var(--radius);background:#ffffff0d}
.service-architecture-node span {font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-on-dark-muted)}
.service-architecture-node strong {font-size:1.13rem;color:var(--text-on-dark)}
.service-architecture-node small {font-size:.85rem;color:var(--text-on-dark-muted)}
.service-architecture-avato {background:linear-gradient(150deg,#2f46e3,#202d8e)}
.service-architecture-link {align-self:center;color:#b1bbff;font-size:1.8rem}
.concept-note {margin-top:1.4rem;font-size:.92rem}
@media(max-width:800px){.service-architecture{grid-template-columns:1fr}.service-architecture-link{transform:rotate(90deg);justify-self:center}.service-evolution{grid-template-columns:1fr}.service-evolution-arrow{transform:rotate(90deg);justify-self:center}}