.hero{position:relative;overflow:hidden;display:flex;align-items:center}.hero__inner{position:relative;z-index:3;text-align:center;max-width:1140px;margin:auto}.hero__title{letter-spacing:-.03em}.hero__lead{max-width:830px;margin:26px auto 0;font-size:clamp(1rem,1.35vw,1.22rem);color:#2A3339;font-weight:500;line-height:1.55;opacity:0;transform:translateY(22px);transition:.8s var(--ease) .5s}.hero__cta{margin-top:38px;opacity:0;transform:translateY(22px);transition:.8s var(--ease) .66s}.hero.is-ready .hero__lead,.hero.is-ready .hero__cta{opacity:1;transform:none}.hero .geo{opacity:0;transition:opacity 1.2s var(--ease)}.hero.is-ready .geo{opacity:1}
.cshero{min-height:520px;padding:150px 0 82px;text-align:center}
.cshero .hero__title{font-size:clamp(1.9rem,3.5vw,3.05rem);line-height:1.2}
.cshero .hero__lead{max-width:820px}

.works{background:#fff}
.works .head{max-width:900px}
.cs-row{display:grid;grid-template-columns:1fr 1.06fr;gap:22px;align-items:stretch;margin-bottom:32px}
.cs-row:last-child{margin-bottom:0}
.cs-row:nth-of-type(even) .cs-media{order:2}
.cs-media{border-radius:12px;overflow:hidden;background:#E4EDF5;min-height:320px}
.cs-media .ph{border-radius:12px;transition:transform .6s var(--ease)}
.cs-row:hover .cs-media .ph{transform:scale(1.04)}
.cs-card{
  display:flex;flex-direction:column;background:#fff;border:1px solid #DDEAF4;border-radius:12px;
  padding:30px 32px 30px;transition:box-shadow .45s var(--ease),border-color .45s var(--ease);
}
.cs-row:hover .cs-card{border-color:#B9D9EE;box-shadow:0 18px 38px rgba(18,58,94,.09)}
.cs-chips{display:flex;gap:12px;flex-wrap:wrap}
.cs-chip{padding:7px 15px;border-radius:7px;background:#0C4E70;color:#fff;font-size:.82rem;font-weight:700}
.cs-chip--alt{background:#EDF4FA;color:#16202A}
.cs-title{margin-top:20px;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.3}
.cs-card .post-rule{margin:16px 0 16px}
.cs-desc{font-size:.94rem;line-height:1.66;color:#4B5761;font-weight:500}
.cs-result{
  display:inline-block;margin-top:22px;align-self:flex-start;
  padding:11px 18px;border:1px solid #D6E4EF;border-radius:8px;background:#fff;
  font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#16202A;
}
.cs-tags{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.cs-card .btn{margin-top:26px;align-self:flex-start}

/* FAQ band on this page */
.csfaq{background:#fff}
.csfaq__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center}

@media (max-width:1024px){
  .cs-row{grid-template-columns:1fr;gap:18px}
  .cs-row:nth-of-type(even) .cs-media{order:0}
  .cs-media{min-height:260px}
  .csfaq__grid{grid-template-columns:1fr;gap:36px}
  .csfaq__art{max-width:420px;margin:0 auto}
  .cshero{min-height:460px;padding:136px 0 70px}
}
@media (max-width:760px){
  .cs-card{padding:24px 22px}
  .cs-media{min-height:210px}
}
.cs-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}.cs-row:hover .cs-media img{transform:scale(1.04)}