/* services: /services, /services/:key, /commercial — plus the shared lead form (.svc-lead) */

/* two-column block: heading left, content right */
.svc-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:start}
.svc-split__text{color:var(--ink-2);max-width:34em;margin:0 0 24px}
.svc-split>h2,.svc-split>div>h2{margin-bottom:20px}

/* overview list */
.svc-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.svc-list__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:24px clamp(24px,4vw,56px);padding:40px 0;border-top:1px solid var(--line)}
.svc-list .svc-list__t{font-size:clamp(26px,2.6vw,34px);line-height:1.12}
:lang(uk) .svc-list .svc-list__t{font-size:clamp(20px,1.9vw,24px)}
.svc-list__t a{text-decoration:none}
.svc-list__t a:hover{color:var(--earth)}
.svc-list__d{margin:0;color:var(--ink-2)}
.svc-list__end{display:flex;flex-direction:column;align-items:flex-start;gap:20px}

/* check lists */
.svc-ticks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.svc-ticks li{display:flex;gap:14px;align-items:flex-start;line-height:1.45}
.svc-ticks .ic{color:var(--moss);margin-top:2px}
.svc-ticks--2{grid-template-columns:1fr 1fr;gap:16px 32px}
.svc-ticks--sm{gap:8px;font-size:16px;color:var(--ink-2)}
.svc-ticks--sm .ic{margin-top:4px}

/* detail hero */
.svc-head .lede{max-width:38em}
.svc-head__more{margin:16px 0 0;color:var(--ink-2);max-width:40em}
.svc-head__act{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px}
.svc-head__call{margin:0;color:var(--ink-2);font-size:17px}

/* why points */
.svc-why{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.svc-why li{border-top:1px solid var(--line);padding-top:24px}
.svc-why h3{margin-bottom:12px}
.svc-why p{margin:0;color:var(--ink-2)}

/* process — a real sequence, so numbered */
.svc-steps{list-style:none;margin:0;padding:0}
.svc-steps>li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:26px 0;border-top:1px solid var(--line)}
.svc-steps>li:last-child{border-bottom:1px solid var(--line)}
.svc-steps__n{font-family:var(--serif);font-size:36px;line-height:1;color:var(--earth);font-weight:300}
.svc-steps h3{font-size:22px;margin-bottom:8px}
.svc-steps p{margin:0;color:var(--ink-2)}
.svc-steps__list{margin:12px 0 0;padding-left:1.1em;color:var(--ink-2)}
.svc-steps__list li{margin:4px 0}

/* client quotes */
.svc-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.svc-quote{margin:0;padding:28px 28px 26px;background:var(--white);border-radius:var(--r);display:flex;flex-direction:column;gap:20px}
.svc-quote blockquote{margin:0}
.svc-quote blockquote p{margin:0;font-family:var(--serif);font-size:22px;line-height:1.35;font-variation-settings:"opsz" 36;font-weight:350}
:lang(uk) .svc-quote blockquote p{font-family:var(--sans);font-size:19px;line-height:1.5;font-weight:400;font-variation-settings:normal}
.svc-quote figcaption{margin-top:auto;font-size:15px;color:var(--ink-3)}

/* faq */
.svc-faq details{border-top:1px solid var(--line)}
.svc-faq details:last-child{border-bottom:1px solid var(--line)}
.svc-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-weight:500;font-size:19px;line-height:1.35}
.svc-faq summary::-webkit-details-marker{display:none}
.svc-faq summary .ic{transition:transform .2s;color:var(--ink-2)}
.svc-faq details[open] summary .ic{transform:rotate(180deg)}
.svc-faq details p{margin:0 0 24px;color:var(--ink-2);max-width:38em}

/* request form block */
.svc-form-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:start}
.svc-form-grid__copy h2{margin-bottom:20px}
.svc-contact{margin:32px 0 0;display:grid;gap:16px}
.svc-contact dt{font-size:14px;color:var(--ink-3);margin-bottom:2px}
.svc-contact dd{margin:0}

/* lead form (used on service, team and job pages) */
.svc-lead{position:relative;background:var(--white);padding:clamp(22px,3vw,36px);border-radius:var(--r)}
.svc-lead__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.svc-lead__wide{grid-column:1/-1}
.svc-lead .check{margin:20px 0 24px}
.svc-lead__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.svc-lead__note{margin:18px 0 0;font-size:15px;color:var(--ink-3)}

/* other services */
.svc-others{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.svc-others a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid var(--line);text-decoration:none;font-size:18px;font-weight:500}
.svc-others a:hover{color:var(--earth)}
.svc-others a .ic{transition:transform .2s}
.svc-others a:hover .ic{transform:translateX(3px)}

@media (max-width:900px){
  .svc-list__item{grid-template-columns:1fr 1fr}
  .svc-list__t{grid-column:1/-1}
  .svc-split,.svc-form-grid{grid-template-columns:1fr;gap:28px}
  .svc-why,.svc-quotes{grid-template-columns:1fr}
  .svc-others{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .svc-list__item{grid-template-columns:1fr;padding:32px 0}
  .svc-ticks--2{grid-template-columns:1fr}
  .svc-lead__grid{grid-template-columns:1fr}
  .svc-others{grid-template-columns:1fr}
  .svc-steps>li{grid-template-columns:40px minmax(0,1fr)}
  .svc-steps__n{font-size:30px}
  .svc-head__act .btn{width:100%}
  .svc-lead__foot .btn{width:100%}
}