#services .services{border:0;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
#services .service{display:flex;flex-direction:column;min-width:0;min-height:315px;padding:26px 27px 78px;border:1px solid var(--line);border-radius:28px;background:var(--panel);isolation:isolate;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
#services .service::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0%,#8d5cff28,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}
#services .service:first-child{background:linear-gradient(135deg,#8d5cff24,var(--panel));border-color:#8d5cff70}
#services .service-top{gap:16px;margin-bottom:30px;align-items:center}
#services .item-number{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:var(--soft);font-size:15px;font-weight:700;transition:background .3s,color .3s}
#services .service:first-child .item-number{background:var(--button);color:#fff}
#services .service-kind{font-size:13px;text-align:right;line-height:1.45}
#services .service h3{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin-bottom:15px;max-width:280px}
#services .service p{font-size:16px;line-height:1.7;max-width:none}
#services .service-link{display:grid;place-items:center;right:25px;bottom:22px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:24px;transition:transform .3s,background .3s,color .3s,border-color .3s}
#services .service-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#services .service:focus-within{border-color:var(--accent)}
@media(hover:hover) and (pointer:fine){#services .service:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 16px 35px #00000016}#services .service:hover::before{opacity:1}#services .service:hover .item-number{background:var(--button);color:#fff}#services .service:hover .service-link{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:rotate(-35deg)}}
@media(max-width:1000px){#services .services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#services .services{grid-template-columns:1fr;gap:14px}#services .service{border-radius:22px;min-height:290px;padding:23px 23px 78px}#services .service-top{margin-bottom:23px}#services .service h3{font-size:25px;max-width:none}}
@media(prefers-reduced-motion:reduce){#services .service,#services .service::before,#services .item-number,#services .service-link{transition:none}#services .service:hover,#services .service:hover .service-link{transform:none}}