/* Иллюстрации продукции KAYLA — исходные прозрачные PNG из assets/img. */
.home-hero.home-hero--illustrated{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);
  align-items:center;
  gap:18px;
  min-height:425px;
  padding:54px 49px 49px 56px;
  overflow:hidden;
  background:linear-gradient(115deg,#eff5f0 0%,#edf4f2 58%,#e9f0f5 100%);
}
.home-hero--illustrated .home-hero__copy{max-width:650px;min-width:0}
.home-hero__visual{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  justify-self:end;
  width:100%;
  max-width:450px;
  margin:0;
}
.home-hero__visual::before{
  content:'';
  position:absolute;
  inset:11% 4% 16%;
  z-index:0;
  background:radial-gradient(ellipse,#dbe8f6 0%,#dceee6a3 42%,transparent 70%);
  pointer-events:none;
}
.home-hero__visual img{
  display:block;
  position:relative;
  width:100%;
  height:auto;
  max-height:395px;
  object-fit:contain;
  filter:drop-shadow(0 18px 19px rgba(35,63,61,.12));
}
.home-hero__visual figcaption,
.page-intro__visual figcaption,
.workstation-feature__visual figcaption{
  position:relative;
  margin-top:2px;
  color:#688078;
  font-size:11px;
  line-height:1.4;
  text-align:center;
}
.workstation-feature{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(280px,.94fr);
  gap:20px;
  align-items:center;
  overflow:hidden;
  margin-top:23px;
  padding:30px 38px 27px 42px;
  min-height:310px;
  background:linear-gradient(115deg,#f0f5f1 0%,#f4f7f5 60%,#e8f1ef 100%);
  border:1px solid var(--line);
  border-radius:24px;
}
.workstation-feature__content{max-width:590px;min-width:0}
.workstation-feature__content h3{
  margin:8px 0 12px;
  font-size:clamp(24px,2.7vw,34px);
  line-height:1.18;
  letter-spacing:-.025em;
}
.workstation-feature__content>p:not(.eyebrow){
  max-width:550px;
  margin:0 0 24px;
  font-size:14px;
  line-height:1.72;
  color:var(--muted);
}
.workstation-feature__visual{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-self:center;
  width:100%;
  max-width:365px;
  margin:0;
}
.workstation-feature__visual img{
  display:block;
  width:100%;
  height:auto;
  max-height:310px;
  object-fit:contain;
  filter:drop-shadow(0 16px 14px rgba(24,45,32,.13));
}
.page-intro__inner.page-intro__inner--illustrated{
  display:grid;
  grid-template-columns:minmax(0,1.23fr) minmax(260px,.77fr);
  align-items:center;
  gap:24px;
  min-height:350px;
  padding:32px 41px 30px 53px;
  overflow:hidden;
  background:linear-gradient(115deg,#eff5f0 0%,#eef5f1 58%,#e7f0f2 100%);
}
.page-intro__copy{min-width:0}
.page-intro__visual{
  display:flex;
  flex-direction:column;
  justify-self:center;
  align-items:center;
  width:100%;
  max-width:360px;
  margin:0;
}
.page-intro__visual img{
  display:block;
  width:100%;
  height:auto;
  max-height:300px;
  object-fit:contain;
  filter:drop-shadow(0 13px 15px rgba(25,52,40,.11));
}


/* Иллюстрации всех шести услуг — единый стиль карточек, PNG с прозрачностью. */
.service-card.service-card--illustrated{
  min-width:0;
  min-height:465px;
  padding:17px 19px 22px;
  overflow:hidden;
  border-radius:22px;
  transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}
.service-card--illustrated:hover{
  transform:translateY(-3px);
  border-color:#c6dacd;
  box-shadow:0 15px 34px rgba(20,65,42,.12);
}
.service-card__visual{
  position:relative;
  order:-1;
  display:flex;
  align-items:center;
  justify-content:center;
  height:195px;
  width:100%;
  margin:0 0 16px;
  padding:5px 12px;
  overflow:hidden;
  border-radius:17px;
  background:
    radial-gradient(ellipse at 50% 63%,rgba(166,214,182,.24),transparent 68%),
    linear-gradient(140deg,#f7fbf8 0%,#edf6f0 100%);
}
.service-card__visual img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 11px 10px rgba(23,54,35,.12));
  transition:transform .24s ease;
}
.service-card--illustrated:hover .service-card__visual img{transform:scale(1.045)}
.service-card--illustrated .service-card__heading{min-height:30px}
.service-card--illustrated .service-card__category{
  background:#e8f4eb;
  color:#225b3c;
  border-radius:100px;
  padding:5px 11px;
  font-weight:750;
}
.service-card--illustrated .service-card__arrow{
  width:30px;height:30px;font-size:16px;flex:0 0 30px;
}
.service-card--illustrated h3{margin:13px 0 8px;line-height:1.26;letter-spacing:-.012em}
.service-card--illustrated>p{margin:0 0 auto;line-height:1.57}
.service-card--illustrated .service-card__bottom{
  margin-top:20px;
  padding-top:13px;
}
@media(prefers-reduced-motion:reduce){
  .service-card--illustrated,.service-card__visual img{transition:none!important}
  .service-card--illustrated:hover{transform:none}
  .service-card--illustrated:hover .service-card__visual img{transform:none}
}