﻿.automation-container{width:min(1400px,calc(100% - 40px));margin-inline:auto}.automation-header{top:42px}.automation-hero{position:relative;height:667px;overflow:hidden;background:#010617;color:#fff}.automation-hero>img{position:absolute;top:42px;right:0;width:1726px;height:625px;max-width:none;object-fit:cover}.automation-hero__shade{position:absolute;top:42px;left:0;width:980px;height:625px;background:linear-gradient(90deg,rgba(2,5,20,.96),rgba(2,5,20,.68) 65%,transparent)}.automation-hero__content{position:relative;padding-top:279px}.automation-hero h1{margin:21px 0 0;font-size:62px;line-height:67px;letter-spacing:-2px}.automation-hero__content>p:last-child{margin:20px 0 0;color:#cee0f5;font-size:18px;line-height:29px}
.automation-overview{height:537px;padding-top:136px;background:#f6fbff}.automation-overview__grid{display:grid;grid-template-columns:1fr 566px;gap:120px}.automation-overview h2{margin:10px 0 0;font-size:41px;font-weight:500;line-height:58px}.automation-overview__grid>div:last-child{color:#5b6a89;font-size:18px;line-height:34px}.automation-overview__grid>div:last-child p{margin:13px 0 18px}
.automation-services{height:4690px;padding-top:100px;background:#fff}.automation-services__head{height:170px}.automation-services__head .section-kicker{font-size:18px}.automation-services__head h2{margin:20px 0 0;font-size:41px;font-weight:500;line-height:67px}.automation-list article{display:grid;grid-template-columns:1fr 1fr;height:736.67px;overflow:hidden;border-block:1px solid #dbe5ed;background:#f4fafc}.automation-list article:nth-child(even){background:#f7fbf9}.automation-list article:nth-child(3){background:#f6f9fd}.automation-list article:nth-child(4){background:#faf9f4}.automation-list article:nth-child(even) .automation-copy{order:2}.automation-list article:nth-child(even) .automation-media{order:1}.automation-copy{position:relative;padding:204px 70px 40px max(82px,calc((100vw - 1400px)/2 + 82px));color:#475a75}.automation-copy>span{position:absolute;top:77px;left:max(82px,calc((100vw - 1400px)/2 + 82px));width:5px;height:94px;background:#18aeec}.automation-list article:nth-child(even) .automation-copy>span{left:80px;background:#32be74}.automation-list article:nth-child(3) .automation-copy>span{background:#6085f2}.automation-list article:nth-child(4) .automation-copy>span{background:#ec982a}.automation-copy>img{position:absolute;top:81px;left:max(112px,calc((100vw - 1400px)/2 + 112px));width:88px;height:88px;object-fit:contain}.automation-list article:nth-child(even) .automation-copy>img{left:110px}.automation-copy h3{position:absolute;top:81px;left:max(222px,calc((100vw - 1400px)/2 + 222px));margin:0;color:#061029;font-size:39px;line-height:44px}.automation-list article:nth-child(even) .automation-copy h3{left:220px}.automation-copy>p{margin:0 0 24px;font-size:18px;line-height:28px}.automation-copy ul{display:grid;gap:16px;margin:0;padding:0;list-style:none}.automation-copy li{position:relative;padding-left:48px;font-size:18px;line-height:28px}.automation-copy li::before{position:absolute;left:0;content:"+"}.automation-media{position:relative;padding:77px 80px 0 60px}.automation-media img:first-child{width:100%;height:410px;object-fit:cover}.automation-media img:last-child{position:absolute;bottom:137px;left:60px;width:250px;height:170px;object-fit:cover}
@media(max-width:1499px) and (min-width:901px){.automation-copy{padding-right:25px;padding-left:35px}.automation-copy>span{left:30px}.automation-list article:nth-child(even) .automation-copy>span{left:30px}.automation-copy>img,.automation-list article:nth-child(even) .automation-copy>img{left:50px}.automation-copy h3,.automation-list article:nth-child(even) .automation-copy h3{left:155px;font-size:31px;line-height:37px}.automation-copy li{font-size:15px;line-height:22px}.automation-media{padding-inline:35px}.automation-media img:last-child{left:35px}}
@media(max-width:900px){.automation-header{top:0}.automation-hero>img{right:-600px}.automation-hero h1{font-size:44px;line-height:50px}.automation-overview,.automation-services{height:auto}.automation-overview{padding:70px 0}.automation-overview__grid{grid-template-columns:1fr}.automation-services__head{height:auto;padding-bottom:50px}.automation-list article{grid-template-columns:1fr;height:auto}.automation-list article:nth-child(even) .automation-copy,.automation-list article:nth-child(even) .automation-media{order:initial}.automation-copy{padding:190px 25px 45px}.automation-copy>span{left:25px}.automation-copy>img,.automation-list article:nth-child(even) .automation-copy>img{left:50px}.automation-copy h3,.automation-list article:nth-child(even) .automation-copy h3{left:155px;width:calc(100% - 175px);font-size:28px;line-height:35px}.automation-media{padding:30px}.automation-media img:last-child{display:none}}

/* Keep service rows inside the shared 1300px design-system container. */
.automation-list{
  width:100%;
  margin:0;
}
.automation-services{overflow:hidden}
.automation-media img:last-child{box-sizing:border-box;border:5px solid #fff}
.automation-list article{
  position:relative;
  grid-template-columns:minmax(20px,1fr) minmax(0,750px) minmax(0,750px) minmax(20px,1fr);
}
.automation-copy{grid-column:2}
.automation-media{grid-column:3}
.automation-list article:nth-child(even) .automation-copy{grid-column:3}
.automation-list article:nth-child(even) .automation-media{grid-column:2;grid-row:1}
@media(max-width:1499px) and (min-width:901px){
  .automation-list article{
    grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 20px;
  }
}
@media(min-width:901px){
  .automation-copy h3,
  .automation-list article:nth-child(even) .automation-copy h3{
    top:125px;
    transform:translateY(-50%);
  }
}
@media(max-width:900px){
  .automation-list article{grid-template-columns:1fr}
  .automation-copy,
  .automation-media,
  .automation-list article:nth-child(even) .automation-copy,
  .automation-list article:nth-child(even) .automation-media{
    grid-column:1;
    grid-row:auto;
  }
  .automation-media{
    height:auto!important;
    padding:20px 20px 45px!important;
  }
  .automation-media img:only-child{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    border:0!important;
    object-fit:contain!important;
  }
  .automation-copy>ul{
    margin-top:24px!important;
  }
}

/* Match the approved ERP hero text position on phones (204px reference). */
@media(max-width:600px){
  .automation-hero__content{padding-top:204px!important}
}
@media(min-width:1500px){
  .automation-copy,
  .automation-list article:nth-child(even) .automation-copy{
    padding:204px 44px 40px;
  }
  .automation-copy>span,
  .automation-list article:nth-child(even) .automation-copy>span{left:40px}
  .automation-copy>img,
  .automation-list article:nth-child(even) .automation-copy>img{left:70px}
  .automation-copy h3,
  .automation-list article:nth-child(even) .automation-copy h3{left:180px}
  .automation-media{padding:77px 40px 0}
  .automation-media img:last-child{left:40px}
}

/* Centre the composed service artwork vertically without stretching it to the row edges. */
@media(min-width:901px){
  .automation-media{
    position:relative;
    align-self:center;
    height:520px;
    padding:0!important;
  }
  .automation-media img:first-child{
    display:block;
    width:100%;
    height:410px;
    object-fit:cover;
  }
  .automation-media img:last-child{
    bottom:0;
    left:40px!important;
    box-sizing:border-box;
    border:0 solid #fff;
  }
}

