/* MUSIC FOLDER — services | исходник: 4390..4443 */

/* ── Секция сервисов ── */
.svc-section{padding:72px 0 0}
.svc-block{border-radius:24px;overflow:hidden;position:relative;
background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(168,85,247,.08),rgba(34,211,238,.06));
border:1px solid rgba(139,92,246,.2);padding:36px 32px}
.svc-block::before{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(ellipse 60% 80% at 20% 50%,rgba(99,102,241,.1),transparent),
radial-gradient(ellipse 50% 70% at 80% 50%,rgba(168,85,247,.08),transparent)}
.svc-block-head{position:relative;text-align:center;margin-bottom:24px}
.svc-block-head .svc-overline{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;
letter-spacing:.16em;text-transform:uppercase;color:#a855f7;margin-bottom:10px}
.svc-block-head .svc-overline svg{width:14px;height:14px;fill:#a855f7}
.svc-block-head h3{font-family:var(--fd);font-weight:700;font-size:clamp(18px,3vw,26px);margin-bottom:8px}
.svc-block-head p{color:var(--muted);font-size:14px;max-width:520px;margin:0 auto}
.svc-cards{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}
.svc-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
padding:24px 18px;border-radius:18px;background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);text-decoration:none;color:var(--text);
transition:border-color .25s,transform .25s,box-shadow .25s,background .25s}
.svc-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.4);
background:rgba(139,92,246,.05);box-shadow:0 16px 48px -12px rgba(139,92,246,.2)}
.svc-card-ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;
box-shadow:0 8px 24px -6px rgba(0,0,0,.4)}
.svc-card b{font-size:15px;font-weight:800}
.svc-card span{font-size:12px;color:var(--muted);font-weight:600;line-height:1.5}
.svc-card .svc-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;
padding:9px 18px;border-radius:10px;font-size:12px;font-weight:800;color:#fff;
background:linear-gradient(135deg,#6366f1,#a855f7);transition:transform .2s,box-shadow .2s;
box-shadow:0 4px 16px -4px rgba(139,92,246,.5)}
.svc-card:hover .svc-card-cta{transform:scale(1.05);box-shadow:0 6px 24px -4px rgba(139,92,246,.6)}
.svc-block-trust{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;
margin-top:22px;flex-wrap:wrap}
.svc-trust{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--muted)}
.svc-trust svg{width:14px;height:14px;flex:none}
@media(max-width:640px){
.to-top{right:12px;width:40px;height:40px;bottom:calc(14px + env(safe-area-inset-bottom))}
.svc-fab{bottom:calc(70px + env(safe-area-inset-bottom));right:12px}
.svc-fab-btn{width:48px;height:48px}
.svc-fab-panel{width:calc(100vw - 24px);max-width:300px}
.svc-fly{bottom:calc(10px + env(safe-area-inset-bottom))}
.svc-fly-inner{padding:14px 16px;gap:10px}
.svc-fly-cta{padding:9px 13px;font-size:11.5px}
.svc-block{padding:20px 14px;}
.svc-block-head h3{font-size:18px;}
.svc-block-head p{font-size:12px;}
.svc-cards{grid-template-columns:1fr;}
.svc-card{padding:16px 12px;gap:8px;}
.svc-card-ico{width:40px;height:40px;font-size:20px;}
.svc-card b{font-size:13px;}
.svc-card span{font-size:11px;}
.svc-card .svc-card-cta{padding:7px 14px;font-size:11px;}
.svc-block-trust{gap:10px;}
.svc-trust{font-size:9.5px;}
}