/* The PC Doctor — About us page (add-on to style.css + services-colorful.css) */
.about-head .eyebrow{color:var(--sun);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;margin:0 0 6px}
.about-intro .pic{aspect-ratio:4/3}
.about-svc{background:linear-gradient(180deg,var(--sea-wash),var(--paper) 40%)}
.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.steps li{counter-increment:s;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:8px}
.steps li::before{content:counter(s);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.2rem;color:var(--ink)}
.steps li:nth-child(1)::before{background:#3CF0E0}.steps li:nth-child(2)::before{background:#FFC23D}
.steps li:nth-child(3)::before{background:#FF8A1F}.steps li:nth-child(4)::before{background:#E0459B;color:#fff}
.steps b{color:#fff;font-size:1.15rem}
.steps span{color:#C9D6E2}
.about-cta{text-align:center;margin-top:56px;padding:40px 24px;border-radius:var(--r-lg);
  background:linear-gradient(120deg,#00A19A,#14A3D9 40%,#7B4DE0 75%,#E0459B)}
.about-cta h2{color:#fff}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}