/* About option B: matched to the Home page (bigger hero, pill buttons, Home-style closing band). */
.about-main section{max-width:1080px}
.intro h1{font-size:clamp(40px,5.2vw,68px);line-height:1.06;letter-spacing:-1.5px}
.intro .lede{font-size:20px;line-height:1.6;color:#dbe6ef;max-width:760px}
.intro .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:30px;font-weight:600;text-decoration:none;font-size:16px}
.pill.primary{background:#14b8a6;color:#04111f}.pill.primary:hover{background:#2dd4bf}
.pill.ghost{border:1px solid rgba(85,222,212,.8);color:#8ef2e8}.pill.ghost:hover{background:rgba(20,184,166,.12)}

.serve .cards{grid-template-columns:repeat(4,1fr)}
.serve .card{padding:22px 20px}
.about-main section.band{max-width:1080px;margin:40px auto 70px;padding:40px;border-radius:18px;background:linear-gradient(120deg,rgba(20,184,166,.22),rgba(56,189,248,.12));border:1px solid rgba(85,222,212,.35);display:flex;justify-content:space-between;align-items:center;gap:20px}
.band h2{font-size:28px;margin:0 0 6px}.band p{margin:0;color:#dbe6ef}
@media(max-width:1000px){.serve .cards{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.about-main section.band{flex-direction:column;align-items:flex-start;padding:28px 24px}.intro .lede{font-size:17px}}
@media(max-width:600px){.serve .cards{grid-template-columns:1fr}}