/* ============================================================
   TELESCOP — AI VISIBILITY BENCHMARK
   PRICE → VALUE POLISH v5
============================================================ */


/* ------------------------------------------------------------
   HERO VALUE CARD
------------------------------------------------------------ */

.benchmark-hero-value-card{
  position:relative;

  overflow:hidden;

  padding:2.15rem 2rem;

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

  border-radius:24px;

  background:
    radial-gradient(
      circle at 92% 5%,
      rgba(253,224,71,.20),
      transparent 13rem
    ),
    rgba(255,255,255,.94);

  box-shadow:
    0 28px 65px -32px
    rgba(15,23,42,.35);
}


.benchmark-hero-value-card::before{
  content:'';

  position:absolute;

  top:0;
  left:0;
  right:0;

  height:4px;

  background:
    linear-gradient(
      90deg,
      var(--primary),
      #8B5CF6,
      var(--secondary)
    );
}


.benchmark-value-eyebrow{
  display:block;

  margin-bottom:.7rem;

  color:var(--primary-dark);

  font-size:.72rem;
  font-weight:900;

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


.benchmark-hero-value-card h2{
  margin:0 0 .8rem;

  max-width:420px;

  color:var(--dark);

  font-size:
    clamp(1.55rem,2.2vw,2rem);

  line-height:1.12;
  letter-spacing:-.03em;
}


.benchmark-hero-value-card > p{
  margin:0;

  max-width:430px;

  color:var(--gray-600);

  font-size:.91rem;
  line-height:1.65;
}


/* ------------------------------------------------------------
   VALUE LIST
------------------------------------------------------------ */

.benchmark-value-list{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:.7rem;

  margin-top:1.5rem;
}


.benchmark-value-row{
  display:flex;
  align-items:flex-start;

  gap:.7rem;

  min-height:92px;

  padding:.9rem;

  border:
    1px solid
    rgba(226,232,240,.86);

  border-radius:14px;

  background:
    rgba(248,250,252,.72);
}


.benchmark-value-icon{
  flex:0 0 29px;

  width:29px;
  height:29px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:9px;

  background:
    var(--primary-light);

  color:
    var(--primary-dark);

  font-size:.63rem;
  font-weight:900;
}


.benchmark-value-row strong{
  display:block;

  margin-bottom:.25rem;

  color:var(--dark);

  font-size:.85rem;
}


.benchmark-value-row small{
  display:block;

  color:var(--gray-500);

  font-size:.72rem;
  line-height:1.45;
}


/* ------------------------------------------------------------
   PRICE AS QUALIFIER
------------------------------------------------------------ */

.benchmark-value-footer{
  display:flex;
  align-items:baseline;
  justify-content:space-between;

  gap:1rem;

  margin-top:1.2rem;
  padding-top:1.15rem;

  border-top:
    1px solid
    var(--gray-200);
}


.benchmark-value-footer span{
  color:var(--gray-500);

  font-size:.75rem;
  font-weight:700;

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


.benchmark-value-footer strong{
  color:var(--dark);

  font-size:1.18rem;
  letter-spacing:-.02em;
}


/* ------------------------------------------------------------
   HERO MICRO PRICE
------------------------------------------------------------ */

.benchmark-investment-microcopy{
  max-width:590px;

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

  font-size:.78rem !important;
}


.benchmark-investment-microcopy strong{
  color:var(--gray-700);
}


/* ------------------------------------------------------------
   REMOVE OLD PRICE PRESENTATION
------------------------------------------------------------ */

.benchmark-page .price-card,
.benchmark-page .price-card-v2{
  display:none !important;
}


/* ------------------------------------------------------------
   FORM INVESTMENT QUALIFIER
------------------------------------------------------------ */

.benchmark-form-investment{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:2rem;

  max-width:920px;

  margin:1.45rem 0 2rem;
  padding:1rem 1.2rem;

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

  border-radius:15px;

  background:
    linear-gradient(
      135deg,
      rgba(108,86,255,.055),
      rgba(253,224,71,.075)
    );
}


.benchmark-form-investment > div{
  flex:0 0 auto;
}


.benchmark-form-investment-label{
  display:block;

  margin-bottom:.2rem;

  color:var(--gray-500);

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

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


.benchmark-form-investment strong{
  display:block;

  color:var(--dark);

  font-size:1rem;
}


.benchmark-form-investment p{
  max-width:530px;

  margin:0;

  color:var(--gray-600);

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


/* ------------------------------------------------------------
   RESPONSIVE
------------------------------------------------------------ */

@media(max-width:900px){

  .benchmark-hero-value-card{
    max-width:650px;
  }
}


@media(max-width:640px){

  .benchmark-value-list{
    grid-template-columns:1fr;
  }

  .benchmark-value-row{
    min-height:auto;
  }

  .benchmark-form-investment{
    flex-direction:column;
    align-items:flex-start;

    gap:.7rem;
  }

  .benchmark-value-footer{
    align-items:flex-start;
    flex-direction:column;

    gap:.25rem;
  }
}