/* Homepage catalog: clear service names, concise copy and compact mobile cards. */
#services{padding:68px 0 76px;background:#f4f7fc}
#services .section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
#services .section-top h2{font-size:clamp(30px,3.3vw,42px);line-height:1.15;font-weight:750;letter-spacing:-1.2px;margin-top:12px}
#services .section-top p{max-width:365px;margin:0;color:#61718b;font-size:15px;line-height:1.6}
#services .services{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#services .service{display:flex;flex-direction:column;min-width:0;min-height:300px;padding:24px;border:1px solid #dce5f3;border-radius:20px;background:#fff;color:#182445;box-shadow:0 4px 16px #18346304;transition:border-color .18s,box-shadow .18s,transform .18s}
#services .card-top{display:flex;align-items:center;justify-content:space-between;min-height:52px}
#services .service-icon{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border:1px solid #e0e9fc;border-radius:15px;background:#eef3ff;color:#2159ef}
#services .service-icon svg{display:block;width:31px;height:31px}
#services .service-index{color:#8d9ab0;font-size:11px;font-weight:500}
#services .service h3{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.45px;margin:18px 0 9px}
#services .service p{color:#61718b;font-size:14px;line-height:1.6;margin:0 0 20px}
#services .service .arrow{display:flex;justify-content:flex-start;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #eaf0f8;color:#2159ef;font-size:13px;font-weight:700}
#services .service:focus-visible{outline:3px solid #2159ef;outline-offset:4px}
@media(hover:hover){#services .service:hover{transform:translateY(-3px);border-color:#7ba2ff;box-shadow:0 12px 28px #2159ef10}}
@media(hover:none){#services .service:hover{transform:none;border-color:#dce5f3;box-shadow:0 4px 16px #18346304}}
@media(max-width:1000px){#services .services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 #services{padding:38px 0 48px}
 #services>.wrap{padding-left:20px;padding-right:20px}
 #services .section-top{display:block;margin-bottom:22px}
 #services .section-top h2{font-size:30px;letter-spacing:-.9px;margin-top:10px}
 #services .section-top p{max-width:480px;margin-top:12px;font-size:14px;line-height:1.55}
 #services .services{grid-template-columns:1fr;gap:12px}
 #services .service{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;row-gap:8px;min-height:0;padding:20px;border-radius:18px}
 #services .card-top{grid-column:1;grid-row:1/span 3;display:block;align-self:start;min-height:0}
 #services .service-index{display:none}
 #services .service h3{grid-column:2;margin:0;font-size:19px;line-height:1.25;letter-spacing:-.35px}
 #services .service p{grid-column:2;margin:0;font-size:14px;line-height:1.5}
 #services .service .arrow{grid-column:2;margin:3px 0 0;padding:0;border:0;font-size:13px}
}
@media(max-width:360px){#services .service{padding:18px;column-gap:13px}#services .service h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){#services .service{transition:none;transform:none}}