/* AI in Production — page-specific sections (rail + phases). Base shell from capability-single.css */

#p-ai-in-production{
  --pimgmask:url(../../../images/kutia-pages/pimg-k-mask.svg)
}

#p-ai-in-production .prod h3{
  font-size:clamp(21px,1.9vw,31px);
  font-weight:300;
  line-height:1.42;
  letter-spacing:-.02em;
  max-width:56ch
}

/* K-mask prod image — same treatment as .kutia-page-service-model .prod .pimg */
#p-ai-in-production .prod .pimg{
  position:relative;
  aspect-ratio:626 / 486;
  filter:drop-shadow(0 28px 48px rgba(0,0,0,.55))
}
#p-ai-in-production .prod .pimg img{
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center;
  -webkit-mask-image:var(--pimgmask);
  mask-image:var(--pimgmask);
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  mask-mode:alpha
}

#p-ai-in-production .prod .pimg .ph-fallback{display:none}
#p-ai-in-production .prod .pimg.noimg .ph-fallback{
  display:flex;flex-direction:column;justify-content:flex-end;gap:10px;
  min-height:300px;border-radius:14px;padding:34px;
  background:linear-gradient(140deg,#12241d 0%,#0B0C0E 70%);
  border:1px solid rgba(48,239,166,.22)
}
#p-ai-in-production .prod .pimg.noimg .ph-fallback span{
  font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)
}
#p-ai-in-production .prod .pimg.noimg .ph-fallback b{
  font-size:26px;font-weight:300;line-height:1.3;color:#fff
}

#p-ai-in-production .rail{background:#fff;padding:130px 0 118px}
#p-ai-in-production .rail h2{
  font-size:clamp(38px,5vw,74px);font-weight:200;letter-spacing:-.04em;line-height:1.04;
  color:#0D151A;margin:0 0 26px;max-width:1180px
}
#p-ai-in-production .rail h2 b{font-weight:500}
#p-ai-in-production .rail .lead{
  font-size:clamp(18px,1.4vw,20px);line-height:1.6;color:#5A636B;margin:0 0 84px;max-width:720px
}
#p-ai-in-production .rail svg{display:block;width:100%;height:auto;overflow:visible}
#p-ai-in-production .rail .claim{
  margin-top:96px;padding-top:34px;border-top:1px solid #E7EBF0;
  max-width:1000px;font-size:clamp(21px,1.6vw,27px);font-weight:300;line-height:1.46;
  letter-spacing:-.02em;color:#0D151A
}
#p-ai-in-production .rail .claim b{font-weight:500}
#p-ai-in-production .railstack{display:none}

#p-ai-in-production .phases{background:#F4F6FA;padding:130px 0 130px}
#p-ai-in-production .phases h2{
  font-size:clamp(38px,5vw,74px);font-weight:200;letter-spacing:-.04em;line-height:1.04;
  color:#0D151A;margin:0 0 90px;max-width:1180px
}
#p-ai-in-production .phases h2 b{font-weight:500}

#p-ai-in-production .ph{position:relative;padding:8px 0 58px 132px;min-height:120px}
#p-ai-in-production .ph::before{
  content:"";position:absolute;left:44px;top:0;bottom:0;width:1px;background:#D3DAE3
}
#p-ai-in-production .ph:last-child::before{bottom:auto;height:44px}
#p-ai-in-production .ph::after{
  content:"";position:absolute;left:38px;top:14px;width:13px;height:13px;
  border-radius:50%;background:#0D151A;box-shadow:0 0 0 6px #F4F6FA
}
#p-ai-in-production .ph .meta{
  font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:#9CA1A5;margin-bottom:14px
}
#p-ai-in-production .ph .meta em{font-style:normal;color:#0D151A}
#p-ai-in-production .ph h3{
  font-size:clamp(28px,2.4vw,40px);font-weight:200;letter-spacing:-.04em;color:#0D151A;margin:0 0 18px
}
#p-ai-in-production .ph p{
  font-size:clamp(17px,1.1vw,19px);line-height:1.62;color:#5A636B;margin:0;max-width:780px
}
#p-ai-in-production .ph .got{
  margin-top:24px;padding-left:20px;border-left:2px solid var(--acc);
  font-size:17px;line-height:1.55;color:#0D151A;max-width:760px
}
#p-ai-in-production .ph .got b{font-weight:600}

#p-ai-in-production .brk{position:relative;padding:44px 0 62px 132px}
#p-ai-in-production .brk::before,
#p-ai-in-production .brk::after{
  content:"";position:absolute;left:30px;width:29px;height:2px;background:var(--acc)
}
#p-ai-in-production .brk::before{top:0}
#p-ai-in-production .brk::after{bottom:0}
#p-ai-in-production .brk .gl{
  font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:#0b8f60;margin-bottom:16px
}
#p-ai-in-production .brk p{
  font-size:clamp(21px,1.6vw,27px);font-weight:300;line-height:1.46;letter-spacing:-.02em;
  color:#0D151A;margin:0;max-width:900px
}
#p-ai-in-production .brk p b{font-weight:500}

@media(max-width:1080px){
  #p-ai-in-production .rail,#p-ai-in-production .phases{padding:80px 0}
  #p-ai-in-production .rail h2,#p-ai-in-production .phases h2{margin-bottom:24px}
  #p-ai-in-production .phases h2{margin-bottom:52px}
  #p-ai-in-production .rail .lead{margin-bottom:44px}
  #p-ai-in-production .rail svg{display:none}
  #p-ai-in-production .railstack{display:block}
  #p-ai-in-production .railstack .st{position:relative;padding:0 0 34px 34px}
  #p-ai-in-production .railstack .st::before{
    content:"";position:absolute;left:5px;top:8px;bottom:-8px;width:1px;background:#DDE2E8
  }
  #p-ai-in-production .railstack .st:last-child::before{display:none}
  #p-ai-in-production .railstack .st::after{
    content:"";position:absolute;left:0;top:6px;width:11px;height:11px;
    border-radius:50%;background:#0D151A
  }
  #p-ai-in-production .railstack .st .n{
    font-size:11px;font-weight:600;letter-spacing:.16em;color:#9CA1A5
  }
  #p-ai-in-production .railstack .st h4{
    font-size:22px;font-weight:500;color:#0D151A;margin:4px 0 6px
  }
  #p-ai-in-production .railstack .st p{font-size:16px;line-height:1.55;color:#7C858C;margin:0}
  #p-ai-in-production .railstack .st.fork::before,
  #p-ai-in-production .railstack .st.fork::after{background:var(--acc)}
  #p-ai-in-production .railstack .st.fork .n{color:#0b8f60}
  #p-ai-in-production .rail .claim{margin-top:52px}
  #p-ai-in-production .ph{padding:6px 0 44px 62px}
  #p-ai-in-production .ph::before{left:5px}
  #p-ai-in-production .ph::after{
    left:0;width:11px;height:11px;box-shadow:0 0 0 5px #F4F6FA
  }
  #p-ai-in-production .brk{padding:32px 0 44px 62px}
  #p-ai-in-production .brk::before,#p-ai-in-production .brk::after{left:0;width:22px}
}