/* ============================================================
   TELESCOP — BENCHMARK POLISH v8
============================================================ */


/* ------------------------------------------------------------
   USE CASE HEADER
------------------------------------------------------------ */

.benchmark-use-cases-header{
  max-width:900px;
}


.benchmark-use-cases-header p{
  max-width:790px;

  font-size:1.1rem;
  line-height:1.68;
}


/* ------------------------------------------------------------
   CARDS — MORE READABLE, LESS DENSE
------------------------------------------------------------ */

.benchmark-use-case{
  min-height:395px;

  padding:1.65rem;
}


.benchmark-use-case h3{
  font-size:1.28rem;
  line-height:1.24;
}


.benchmark-use-case > p{
  color:#D5DCE7;

  font-size:.92rem;
  line-height:1.62;
}


.benchmark-use-case-detail{
  margin-top:1.15rem;

  padding:.95rem 1rem;
}


.benchmark-use-case-detail p{
  font-size:.84rem;
  line-height:1.57;
}


.benchmark-use-case-outcome{
  padding-top:1rem;

  font-size:.84rem;
  line-height:1.48;
}


/* ------------------------------------------------------------
   COMPACT FIT SECTION
------------------------------------------------------------ */

.benchmark-fit-compact-section{
  padding:4.5rem 0;

  background:
    linear-gradient(
      180deg,
      #F8FAFC,
      #FFFFFF
    );

  border-top:
    1px solid
    rgba(226,232,240,.8);

  border-bottom:
    1px solid
    rgba(226,232,240,.8);
}


.benchmark-fit-compact-grid{
  display:grid;

  grid-template-columns:
    minmax(0,.9fr)
    minmax(0,1.1fr);

  align-items:center;

  gap:4rem;
}


.benchmark-fit-compact-section h2{
  max-width:590px;

  margin:.7rem 0 0;

  color:var(--dark);

  font-size:
    clamp(2rem,3.3vw,3rem);

  line-height:1.05;

  letter-spacing:-.045em;
}


.benchmark-fit-compact-copy > p{
  max-width:650px;

  margin:0;

  color:var(--gray-600);

  font-size:1rem;
  line-height:1.68;
}


.benchmark-fit-signals{
  display:flex;
  flex-wrap:wrap;

  gap:.55rem;

  margin-top:1.25rem;
}


.benchmark-fit-signals span{
  display:inline-flex;

  align-items:center;

  min-height:36px;

  padding:.48rem .72rem;

  border:
    1px solid
    rgba(108,86,255,.13);

  border-radius:999px;

  background:#fff;

  color:var(--gray-700);

  box-shadow:
    0 6px 16px -14px
    rgba(15,23,42,.32);

  font-size:.76rem;
  font-weight:780;
}


.benchmark-fit-signals span::before{
  content:'';

  width:6px;
  height:6px;

  margin-right:.45rem;

  border-radius:50%;

  background:var(--primary);
}


/* ------------------------------------------------------------
   TABLET
------------------------------------------------------------ */

@media(max-width:900px){

  .benchmark-fit-compact-grid{
    grid-template-columns:1fr;

    gap:1.6rem;
  }

}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media(max-width:650px){

  .benchmark-use-cases-header p{
    font-size:1rem;
  }


  .benchmark-use-case{
    padding:1.4rem;

    min-height:auto;
  }


  .benchmark-use-case h3{
    font-size:1.22rem;
  }


  .benchmark-use-case > p{
    font-size:.94rem;
  }


  .benchmark-use-case-detail p{
    font-size:.87rem;
  }


  .benchmark-use-case-outcome{
    margin-top:1.15rem;

    font-size:.87rem;
  }


  .benchmark-fit-compact-section{
    padding:3.8rem 0;
  }


  .benchmark-fit-signals{
    align-items:flex-start;
    flex-direction:column;
  }

}