/* ============================================================
   TELESCOP — AI VISIBILITY BENCHMARK
   DECISION INTELLIGENCE POLISH v6
============================================================ */


/* ------------------------------------------------------------
   HERO — less copy, more hierarchy
------------------------------------------------------------ */

.benchmark-page
.benchmark-hero-v2
.benchmark-hero-grid > div:first-child > p{
  max-width:610px;

  margin-top:1.25rem;

  color:var(--gray-600);

  font-size:
    clamp(1.03rem,1.5vw,1.18rem);

  line-height:1.65;

  font-weight:520;
}


/* ------------------------------------------------------------
   BENEFITS — make outcome visible
------------------------------------------------------------ */

.benchmark-page
.benefit-card{
  display:flex;
  flex-direction:column;
}


.benchmark-page
.benefit-card p:last-child{
  margin-top:auto;
  padding:.78rem .85rem;

  border-left:
    3px solid
    var(--primary);

  border-radius:
    0 10px 10px 0;

  background:
    linear-gradient(
      90deg,
      rgba(108,86,255,.065),
      rgba(253,224,71,.055)
    );

  color:var(--gray-700);

  font-weight:700;
}


/* ------------------------------------------------------------
   FORM — strategic decision field
------------------------------------------------------------ */

.benchmark-decision-helper{
  display:block;

  margin-top:.5rem;

  max-width:640px;

  color:var(--gray-500);

  font-size:.74rem;
  line-height:1.5;
}


.benchmark-page
.benchmark-form select{
  min-height:50px;
}


/* ------------------------------------------------------------
   RESEARCH / PROOF NUMBERS
------------------------------------------------------------ */

.benchmark-page
:is(
  .research-stat,
  .proof-stat,
  .methodology-stat,
  .benchmark-stat
)
small,

.benchmark-page
:is(
  .research-stat,
  .proof-stat,
  .methodology-stat,
  .benchmark-stat
)
span{
  font-size:.8rem;

  line-height:1.35;

  font-weight:750;
}


/* ------------------------------------------------------------
   FOUR ECOSYSTEMS — MOBILE
------------------------------------------------------------ */

@media(max-width:700px){

  .benchmark-page
  :is(
    figure,
    .benchmark-figure,
    .visual-card
  ):has(
    img[src*="quattro-ecosistemi-ai.png"]
  ){
    overflow-x:auto;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:thin;

    padding-bottom:.75rem;
  }


  .benchmark-page
  img[src*="quattro-ecosistemi-ai.png"]{
    width:760px;
    max-width:none;

    display:block;
  }
}