/* AI services: distinct editorial imagery and clearer delivery detail. */
.service-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.service-detail{padding:0;overflow:hidden;border-radius:20px;box-shadow:0 16px 46px rgba(25,29,70,.08);transition:transform .25s ease,box-shadow .25s ease}
.service-detail:hover{transform:translateY(-4px);box-shadow:0 22px 54px rgba(25,29,70,.14)}
.service-art{position:relative;height:190px;overflow:hidden;background:#101a31}
.service-art:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(5,12,31,.7))}
.service-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-detail:hover .service-art img{transform:scale(1.035)}
.service-art span{position:absolute;z-index:1;left:20px;bottom:16px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.15em}
.service-copy{padding:24px 25px 27px}
.service-detail .service-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 0 15px;border:1px solid #e3dcff;border-radius:12px;background:linear-gradient(145deg,#f2edff,#e7f4ff);color:#5d64d8;font-size:19px}
.service-detail h3{font-size:23px;margin:0 0 10px}
.service-detail p{min-height:87px;margin:0 0 18px;font-size:14px;line-height:1.65}
.service-audience{display:grid;gap:4px;margin:0 0 19px;padding:12px 13px;border-left:3px solid #6872e8;background:#f7f7fc;color:#51556c;font-size:12px}
.service-audience b,.service-outcome b{color:#292c45;font-size:11px;letter-spacing:.03em}
.service-detail h4{margin:0 0 10px;color:#33364c;font-size:13px}
.service-detail ul{display:grid;gap:9px;margin:0;padding-left:17px;color:#5c6073;font-size:12px;line-height:1.55}
.service-detail li::marker{color:#6973e6}
.service-outcome{display:grid;gap:5px;margin-top:18px;padding:13px 14px;border:1px solid #e6e8f6;border-radius:12px;background:linear-gradient(120deg,#f8f7ff,#f4f9ff);color:#62667a;font-size:12px;line-height:1.55}
@media(max-width:1050px){.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail:last-child{grid-column:1/-1}.service-detail:last-child .service-copy{max-width:none}}
@media(max-width:700px){.service-detail-grid{grid-template-columns:1fr}.service-detail:last-child{grid-column:auto}.service-art{height:210px}.service-copy{padding:22px}.service-detail p{min-height:0}}