/* Approved Option B. Scoped to the homepage services section only. */
#services{background:#0b0a0f;padding-block:52px 60px}
#services .service-head{margin-bottom:30px}
#services .service-head h2{font-size:clamp(34px,4vw,49px);line-height:1.04}
#services .service-head>p{font-size:13px;color:#b4aabd}
#services .service-rows{border-top:1px solid #ffffff20}
#services .service-row{display:grid;grid-template-columns:216px minmax(0,1fr) auto;align-items:center;gap:28px;padding:18px 0;border-bottom:1px solid #ffffff20;text-decoration:none;color:#f7f4fb}
#services .service-row>img{width:216px;height:124px;object-fit:cover;border-radius:5px}
#services .service-row h3{font-size:23px;line-height:1.35;letter-spacing:-.04em;font-weight:500;margin:0}
#services .service-view{border:1px solid #7c638f;min-width:84px;padding:10px 20px;min-height:44px;display:grid;place-items:center;border-radius:6px;font-size:13px;background:#18131e;color:#f7f4fb}
#services .service-row:hover .service-view,#services .service-row:focus-visible .service-view{background:#8a4bff;border-color:#8a4bff}
#services .service-row:hover h3{color:#c4a3fa}
#services .service-row:focus-visible,#services .service-foot .button:focus-visible{outline:2px solid #ceb0ff;outline-offset:4px}
#services .service-foot{margin-top:38px;padding-top:24px;border-top:1px solid #ffffff18}
#services .service-foot p{font-size:13px;color:#b8adc6}
#services .service-foot .button{min-height:46px;border-radius:6px;padding:12px 22px;background:#8a4bff;font-size:13px;justify-content:center}
#services .service-foot .button:hover{background:#9f69ff}
@media(max-width:800px){
 #services{padding-block:36px 42px}
 #services .service-row{grid-template-columns:140px minmax(0,1fr) auto;gap:18px}
 #services .service-row>img{width:140px;height:100px}
 #services .service-row h3{font-size:19px}
}
@media(max-width:480px){
 #services{padding-block:32px 34px}
 #services .service-head{display:block;margin-bottom:24px}
 #services .service-head h2{font-size:36px}
 #services .service-head>p{margin-top:12px;font-size:12px;text-align:left}
 #services .service-row{grid-template-columns:104px minmax(0,1fr) 58px;gap:12px;padding:15px 0}
 #services .service-row>img{width:104px;height:90px}
 #services .service-row h3{font-size:16px;letter-spacing:-.035em}
 #services .service-view{min-width:58px;font-size:12px;padding:9px 10px}
 #services .service-foot{display:block;margin-top:28px;padding-top:24px}
 #services .service-foot .button{width:100%;margin-top:16px}
}