/* ============================================================
   TELESCOP — AI VISIBILITY BENCHMARK
   FINAL POLISH v4
============================================================ */


/* ------------------------------------------------------------
   HERO
------------------------------------------------------------ */

.benchmark-page .benchmark-hero-v2{
  padding-top:7.2rem;
  padding-bottom:6.2rem;
}

.benchmark-page
.benchmark-hero-v2
.benchmark-hero-grid{
  gap:4.5rem;
}

.benchmark-page
.benchmark-hero-v2 h1{
  max-width:760px;

  font-size:
    clamp(3.15rem,5.1vw,4.9rem);

  line-height:.98;
  letter-spacing:-.055em;
}

.benchmark-page
.benchmark-hero-v2
.benchmark-hero-grid > div:first-child > p{
  max-width:720px;
  line-height:1.7;
}


/* ------------------------------------------------------------
   ENGINE SCOPE
------------------------------------------------------------ */

.benchmark-engine-scope{
  max-width:720px;

  margin-top:1.7rem;
  margin-bottom:.2rem;
}

.benchmark-engine-scope-label{
  display:block;

  margin-bottom:.65rem;

  color:var(--gray-500);

  font-size:.73rem;
  font-weight:850;

  text-transform:uppercase;
  letter-spacing:.07em;
}

.benchmark-engine-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.benchmark-engine-chips span{
  display:inline-flex;

  padding:.48rem .72rem;

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

  border-radius:999px;

  background:
    rgba(255,255,255,.82);

  color:var(--gray-700);

  box-shadow:var(--shadow-sm);

  font-size:.78rem;
  font-weight:800;
}

.benchmark-engine-chips span:nth-child(6){
  background:var(--primary-light);
  color:var(--primary-dark);
}

.benchmark-engine-scope p{
  margin:.65rem 0 0 !important;

  max-width:650px !important;

  color:var(--gray-500) !important;

  font-size:.78rem !important;
  line-height:1.55 !important;
}


/* ------------------------------------------------------------
   HERO CTA
------------------------------------------------------------ */

.benchmark-hero-cta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;

  gap:1.1rem;
}

.benchmark-secondary-link{
  display:inline-flex;
  align-items:center;

  padding:.78rem .1rem;

  color:var(--primary-dark);

  text-decoration:none;

  font-size:.88rem;
  font-weight:850;

  border-bottom:
    1px solid
    rgba(108,86,255,.24);
}

.benchmark-secondary-link:hover{
  border-color:var(--primary);
}


/* ------------------------------------------------------------
   PRICE CARD
------------------------------------------------------------ */

.benchmark-page .price-card-v2{
  padding:2.35rem 2.15rem;

  border-radius:22px;

  box-shadow:
    0 26px 60px -28px
    rgba(15,23,42,.34);
}

.benchmark-page
.price-card-v2 > strong{
  font-size:3.5rem;
}

.benchmark-page .price-check{
  margin:.72rem 0;
}


/* ------------------------------------------------------------
   COMMERCIAL CARDS
------------------------------------------------------------ */

.benchmark-page .problem-card,
.benchmark-page .benefit-card,
.benchmark-page .deliverable,
.benchmark-page .fit-card{
  border-color:
    rgba(226,232,240,.90);

  box-shadow:
    0 8px 26px -22px
    rgba(15,23,42,.26);
}

.benchmark-page .problem-card:hover,
.benchmark-page .benefit-card:hover,
.benchmark-page .deliverable:hover,
.benchmark-page .fit-card:hover{
  border-color:
    rgba(108,86,255,.24);

  box-shadow:
    0 16px 34px -24px
    rgba(15,23,42,.32);
}


/* ------------------------------------------------------------
   IMAGES
------------------------------------------------------------ */

.benchmark-page .benchmark-figure{
  max-width:1150px;
  margin-left:auto;
  margin-right:auto;

  box-shadow:
    0 28px 60px -34px
    rgba(15,23,42,.34);
}


/* ------------------------------------------------------------
   VALUE BOX
------------------------------------------------------------ */

.benchmark-page .value-box{
  border-color:
    rgba(108,86,255,.12);

  box-shadow:
    0 22px 48px -32px
    rgba(15,23,42,.30);
}

.benchmark-page .value-emphasis{
  border-radius:
    0 12px 12px 0;
}


/* ------------------------------------------------------------
   FORM
------------------------------------------------------------ */

.benchmark-page
#richiedi{
  position:relative;

  background:
    radial-gradient(
      circle at 82% 22%,
      rgba(253,224,71,.10),
      transparent 24rem
    ),
    linear-gradient(
      135deg,
      var(--gray-50),
      #fff
    );
}

.benchmark-page .benchmark-form{
  border-color:
    rgba(108,86,255,.12);

  box-shadow:
    0 24px 55px -32px
    rgba(15,23,42,.34);
}

.benchmark-page .form-submit{
  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.benchmark-page .form-submit:hover{
  transform:translateY(-2px);

  box-shadow:
    0 14px 28px
    rgba(108,86,255,.19);
}


/* ------------------------------------------------------------
   FINAL CTA
------------------------------------------------------------ */

.benchmark-page
.benchmark-final-cta
.benchmark-button{
  margin-top:1.2rem;
}


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

@media(max-width:700px){

  .benchmark-page
  .benchmark-hero-v2 h1{
    font-size:2.75rem;
  }

  .benchmark-hero-cta-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .benchmark-page
  .benchmark-hero-cta-row
  .benchmark-button{
    width:100%;
    justify-content:center;
  }

  .benchmark-engine-chips{
    gap:.4rem;
  }

  .benchmark-engine-chips span{
    font-size:.73rem;
  }
}