/* 09-services.css
   Section Services */

.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.srv{
  border:1px solid var(--line);border-radius:14px;background:var(--card);
  padding:26px 24px;display:flex;flex-direction:column;
  transition:border-color .18s ease}
.srv:hover{border-color:var(--line-2)}
.srv--feature{border-color:rgba(61,123,255,.35);background:linear-gradient(var(--blue-soft),var(--blue-soft)),var(--card)}
.srv-kicker{font-family:var(--mono);font-size:11.5px;color:var(--muted-2);letter-spacing:.04em}
.srv h3{margin-top:14px;font-size:21px;font-family:var(--sans);font-weight:600;letter-spacing:-.01em;line-height:1.3}
.price{margin-top:14px;display:flex;align-items:baseline;gap:8px}
.price b{font-family:var(--display);font-size:40px;font-weight:500;letter-spacing:-.03em;color:var(--blue)}
.price small{font-size:13px;color:var(--muted-2)}
.srv ul{margin-top:20px;display:grid;gap:10px}
.srv li{position:relative;padding-left:20px;font-size:14.2px;color:var(--muted)}
.srv li::before{
  content:"";position:absolute;left:0;top:9px;width:7px;height:7px;
  border-radius:2px;border:1px solid var(--line-2);
}
.srv li b{color:var(--text);font-weight:500}
.srv .btn{margin-top:24px}
.note{margin-top:14px;font-size:13px;color:var(--muted-2)}

.alert{
  margin-top:20px;border:1px solid rgba(61,123,255,.35);background:var(--blue-soft);
  border-radius:10px;padding:14px 16px;display:flex;gap:12px;
}
.alert svg{width:17px;height:17px;color:var(--blue);flex:0 0 auto;margin-top:2px}
.alert h4{font-size:13.5px;font-family:var(--sans);font-weight:600;letter-spacing:0}
.alert p{margin-top:5px;font-size:13.3px;color:var(--muted);line-height:1.55}

.infos{
  margin-top:16px;border:1px solid var(--line);border-radius:14px;
  background:var(--bg-3);padding:clamp(24px,4vw,34px);
}
.infos-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.infos-head h3{font-size:21px;font-family:var(--sans);font-weight:600;letter-spacing:-.01em}
.infos-grid{
  margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:12px 34px;
}
.infos-grid li{
  font-size:14.2px;color:var(--muted);padding-left:22px;position:relative;
  padding-block:2px;
}
.infos-grid li::before{
  content:"";position:absolute;left:2px;top:12px;width:9px;height:1px;background:var(--blue);opacity:.8;
}
.infos-grid li b{color:var(--text);font-weight:500}