/* Alignment pass: resilient grids instead of position-dependent decoration */

/* 01–02. Advantage cards */
.advantages mark{
  padding:0 .14em .04em;
  border-radius:4px;
  background:#ffe36b;
  color:#34362f;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.advantages article{padding:32px 30px;min-width:0}
.advantages article>span{line-height:1}
.advantages article>p{min-height:126px}
.advantage-action .advantage-link{
  position:relative;
  width:100%;
  padding:0!important;
  border:0!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) 36px;
  align-items:center;
  gap:18px;
  color:#151713;
}
.advantage-action .advantage-link>span{min-width:0}
.advantage-action .advantage-link:after{display:none!important}
.advantage-action .advantage-link>i{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#ffd633;
  color:#11130f;
  font-size:21px;
  font-style:normal;
  font-weight:400;
  line-height:1;
  transition:transform .3s var(--motion),box-shadow .3s var(--motion);
}
.advantage-action .advantage-link:hover>i{transform:rotate(90deg);box-shadow:0 8px 22px #a8840038}

/* 03–04. Services accordion */
.service>button{
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  gap:22px;
  padding:25px 28px!important;
}
.service>button>span{width:42px;text-align:center;justify-self:start}
.service>button>strong{min-width:0;line-height:1.08}
.service>button>i{
  width:42px!important;
  height:42px!important;
  justify-self:end;
  line-height:1;
  padding:0 0 2px;
}
.service-detail{
  grid-template-columns:minmax(220px,.82fr) minmax(300px,1.18fr)!important;
  gap:clamp(44px,7vw,100px)!important;
  padding:0 92px!important;
}
.service.active .service-detail{max-height:420px!important;padding:4px 92px 38px!important}
.service-detail p{max-width:430px;margin:0;font-size:14px}
.service-detail ul{padding:0;margin:0}
.service-detail li{padding:11px 10px!important}

/* 05–06. Intermediate CTA */
.section-cta{
  min-height:150px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:40px!important;
  padding:30px 32px 30px 36px!important;
}
.section-cta:before{
  top:50%!important;
  bottom:auto!important;
  width:4px!important;
  height:58px;
  transform:translateY(-50%);
}
.section-cta>div{min-width:0;padding-left:2px}
.section-cta strong{line-height:1.15}
.section-cta span{line-height:1.5}
.solution-cta{
  position:relative;
  min-width:270px;
  min-height:62px;
  justify-content:center!important;
  color:#11130f!important;
  padding-inline:26px 20px!important;
}
.section-cta .solution-cta span{margin:0;color:#11130f!important;line-height:1.2}
.solution-cta>i{position:absolute!important;right:20px}

/* 07. Case buttons */
.case-link{
  min-height:48px!important;
  padding:7px 9px 7px 17px!important;
  display:inline-grid!important;
  grid-template-columns:auto 27px;
  align-items:center;
  gap:14px;
  line-height:1.15;
}
.case-link:before,.case-link:after{display:none!important}
.case-link>i{
  width:27px;
  height:27px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#ffd633;
  color:#11130f;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:1;
  transition:transform .28s var(--motion),background .28s;
}
.case-link:hover>i{transform:rotate(90deg);background:#fff}

/* 08–09. Lead form */
.lead-shell:before{display:none!important}
.lead-copy{display:flex;flex-direction:column;justify-content:center}
.quick-form .consent{
  margin-top:10px!important;
  min-height:58px;
  padding:14px 16px!important;
  border:1px solid #d8d5ca!important;
  border-left:1px solid #d8d5ca!important;
  border-radius:14px!important;
  background:#ebe9df!important;
  align-items:center!important;
}
.quick-form .consent input{margin:0;width:20px;height:20px;flex-basis:20px}
.quick-form .consent>span{line-height:1.5}
.quick-form .consent a{
  padding-bottom:1px;
  background:none!important;
  border-bottom:1px solid #a78900;
}

/* Content stays readable immediately; motion is reserved for deliberate hover states */
.reveal{opacity:1!important;transform:none!important;transition:none!important}

@media(max-width:900px){
  .advantages article>p{min-height:100px}
  .service>button{grid-template-columns:36px minmax(0,1fr) 40px!important;gap:16px;padding-inline:20px!important}
  .service>button>span{width:36px}
  .service>button>i{width:40px!important;height:40px!important}
  .service-detail{grid-template-columns:1fr!important;gap:20px!important;padding:0 76px!important}
  .service.active .service-detail{padding:2px 76px 32px!important}
  .section-cta{grid-template-columns:1fr auto}
}

@media(max-width:600px){
  .advantages article{padding:30px 26px}
  .advantages article>p{min-height:0}
  .advantage-action .advantage-link{width:calc(100% - 52px);grid-template-columns:minmax(0,1fr) 34px;gap:14px}
  .advantage-action .advantage-link>i{width:34px;height:34px}
  .service>button{grid-template-columns:30px minmax(0,1fr) 38px!important;gap:12px;padding:20px 16px!important}
  .service>button>span{width:30px}
  .service>button>i{width:38px!important;height:38px!important}
  .service-detail{padding:0 18px 0 58px!important}
  .service.active .service-detail{padding:0 18px 27px 58px!important}
  .section-cta{grid-template-columns:1fr!important;gap:24px!important;padding:27px 22px 24px 26px!important}
  .section-cta:before{height:54px}
  .solution-cta{width:100%;min-width:0;padding-inline:22px!important}
  .solution-cta>i{right:20px}
  .lead-copy{justify-content:flex-start}
  .quick-form .consent{padding:14px!important;align-items:flex-start!important}
}
