/* Short intro + tall .s-why-pts stack: intro on top, cards 2-per-row.
   Keeps true 2-col when a metrics/rank filler is present. */
@media (min-width:993px){
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)){
    grid-template-columns:1fr;
    gap:2.25rem;
    align-items:stretch;
  }
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > div:first-child{
    max-width:52rem;
  }
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.1rem 1.2rem;
    position:static;
    align-self:stretch;
  }
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt{
    height:100%;
    opacity:0;
    transform:translateY(14px);
    animation:sWhyPtIn .55s cubic-bezier(.22,1,.36,1) forwards;
  }
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(1){animation-delay:.04s}
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(2){animation-delay:.1s}
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(3){animation-delay:.16s}
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(4){animation-delay:.22s}
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(5){animation-delay:.28s}
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(6){animation-delay:.34s}
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(7){animation-delay:.4s}
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(8){animation-delay:.46s}
  .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)):not(:has(.s-rank-stack)):not(:has(.s-rank-up)):not(:has(.s-tech-mark)) > .s-why-pts > .s-why-pt:nth-child(n+9){animation-delay:.5s}

  /* Extra presence on dark sections: soft gold edge pulse after entrance */
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt{
    animation:
      sWhyPtIn .55s cubic-bezier(.22,1,.36,1) forwards,
      sWhyPtGlow 3.6s ease-in-out 1s infinite;
  }
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt:nth-child(1){animation-delay:.04s,1s}
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt:nth-child(2){animation-delay:.1s,1.35s}
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt:nth-child(3){animation-delay:.16s,1.7s}
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt:nth-child(4){animation-delay:.22s,2.05s}
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt:nth-child(5){animation-delay:.28s,2.4s}
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt:nth-child(6){animation-delay:.34s,2.75s}
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt:nth-child(7){animation-delay:.4s,3.1s}
  .s-sec.dk .s-why-2col:has(> .s-why-pts):not(:has(.s-col-metrics)) > .s-why-pts > .s-why-pt:nth-child(8){animation-delay:.46s,3.45s}
}

@keyframes sWhyPtIn{
  to{opacity:1;transform:translateY(0)}
}
@keyframes sWhyPtGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(200,168,75,0)}
  50%{box-shadow:0 0 0 1px rgba(200,168,75,.14),0 10px 28px rgba(8,14,28,.22)}
}

@media (max-width:992px){
  .s-why-2col:has(> .s-why-pts) > .s-why-pts{
    display:flex;
    flex-direction:column;
  }
}

@media (prefers-reduced-motion:reduce){
  .s-why-2col:has(> .s-why-pts) > .s-why-pts > .s-why-pt{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}