/* ============================================================
   TELESCOP — AI VISIBILITY BENCHMARK
   MOBILE FINAL POLISH v9
   Desktop intentionally untouched.
============================================================ */


@media(max-width:650px){


/* ============================================================
   HERO
============================================================ */

.benchmark-page .benchmark-hero-v2{
  padding-top:4.5rem;
  padding-bottom:4rem;
}


.benchmark-page
.benchmark-hero-v2 h1{
  max-width:100%;

  font-size:2.3rem;

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


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


.benchmark-page
.benchmark-hero-v2
.benchmark-hero-grid > div:first-child > p{
  margin-top:1rem;

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


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

.benchmark-engine-scope{
  margin-top:1.25rem;
}


.benchmark-engine-scope-label{
  margin-bottom:.55rem;
}


.benchmark-engine-scope > p{
  display:none !important;
}


.benchmark-engine-chips{
  width:100%;

  display:flex;
  flex-wrap:nowrap;

  gap:.42rem;

  overflow-x:auto;

  padding:
    .05rem .05rem .5rem;

  scroll-snap-type:x proximity;

  -webkit-overflow-scrolling:touch;

  scrollbar-width:none;
}


.benchmark-engine-chips::-webkit-scrollbar{
  display:none;
}


.benchmark-engine-chips span{
  flex:0 0 auto;

  scroll-snap-align:start;

  white-space:nowrap;

  padding:.43rem .63rem;
}


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

.benchmark-hero-cta-row{
  gap:.65rem;
}


.benchmark-page
.benchmark-hero-cta-row
.benchmark-button{
  min-height:48px;
}


.benchmark-investment-microcopy{
  margin-top:.65rem;

  font-size:.74rem !important;
  line-height:1.45;
}


/* ============================================================
   HERO VALUE CARD
============================================================ */

.benchmark-hero-value-card{
  padding:1.35rem;

  border-radius:18px;
}


.benchmark-hero-value-card h2{
  font-size:1.55rem;
}


.benchmark-hero-value-card > p{
  font-size:.86rem;
  line-height:1.55;
}


.benchmark-value-list{
  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:.55rem;

  margin-top:1.15rem;
}


.benchmark-value-row{
  min-height:112px;

  display:block;

  padding:.8rem;
}


.benchmark-value-icon{
  margin-bottom:.55rem;
}


.benchmark-value-row strong{
  font-size:.78rem;
}


.benchmark-value-row small{
  font-size:.68rem;
  line-height:1.35;
}


.benchmark-value-footer{
  flex-direction:row;

  align-items:baseline;

  gap:.5rem;

  margin-top:1rem;
}


.benchmark-value-footer strong{
  font-size:1rem;
}


/* ============================================================
   PROOF STRIP
============================================================ */

.benchmark-page .proof-strip{
  gap:.45rem;

  margin-top:1.4rem;
}


.benchmark-page .proof-item{
  padding:.8rem;
}


.benchmark-page .proof-item strong{
  font-size:.9rem;
}


.benchmark-page .proof-item span{
  font-size:.65rem;
  line-height:1.35;
}


/* ============================================================
   USE CASES
   Vertical stack → horizontal swipe
============================================================ */

.benchmark-use-cases{
  padding:
    4.5rem 0 4.8rem;
}


.benchmark-use-cases-header{
  margin-bottom:1.7rem;
}


.benchmark-use-cases-header h2{
  font-size:2.3rem;
}


.benchmark-use-cases-header p{
  max-width:100%;

  font-size:.96rem;
  line-height:1.58;
}


.benchmark-use-cases-header::after{
  content:'Scorri i casi d’uso  →';

  display:block;

  margin-top:1.15rem;

  color:#C4B5FD;

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

  letter-spacing:.035em;
}


.benchmark-use-cases-grid{
  width:
    calc(100% + 1.1rem);

  display:flex !important;

  gap:.8rem;

  overflow-x:auto;

  padding:
    .1rem 1.1rem .8rem 0;

  scroll-snap-type:x mandatory;

  scroll-padding-left:0;

  -webkit-overflow-scrolling:touch;

  scrollbar-width:none;
}


.benchmark-use-cases-grid::-webkit-scrollbar{
  display:none;
}


.benchmark-use-case{
  flex:
    0 0
    min(84vw,340px);

  width:
    min(84vw,340px);

  min-height:405px;

  padding:1.4rem;

  scroll-snap-align:start;

  scroll-snap-stop:always;
}


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


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


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


.benchmark-use-case-outcome{
  font-size:.83rem;
}


/* ============================================================
   FOUR ECOSYSTEMS VISUAL
============================================================ */

.benchmark-page
figure.benchmark-figure:has(
  img[src*="quattro-ecosistemi-ai.png"]
){
  position:relative;

  width:
    calc(100vw - 1.5rem);

  max-width:none;

  overflow-x:auto;

  margin-left:
    calc(
      50% -
      50vw +
      .75rem
    );

  padding:
    2rem 0 .7rem;

  -webkit-overflow-scrolling:touch;

  scrollbar-width:none;
}


.benchmark-page
figure.benchmark-figure:has(
  img[src*="quattro-ecosistemi-ai.png"]
)::-webkit-scrollbar{
  display:none;
}


.benchmark-page
figure.benchmark-figure:has(
  img[src*="quattro-ecosistemi-ai.png"]
)::before{
  content:'Scorri il visual  →';

  position:absolute;

  top:.1rem;
  left:.15rem;

  color:var(--primary-dark);

  font-size:.7rem;
  font-weight:850;
}


.benchmark-page
img[src*="quattro-ecosistemi-ai.png"]{
  display:block !important;

  width:720px !important;
  min-width:720px !important;
  max-width:none !important;

  margin:0 !important;
}


/* ============================================================
   METHODOLOGY
   Decorative visual is not useful at phone size.
============================================================ */

.benchmark-page
figure.benchmark-figure:has(
  img[src*="metodologia-ai-search-italia.png"]
){
  display:none !important;
}


/* ============================================================
   COMPACT FIT
============================================================ */

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


.benchmark-fit-compact-section h2{
  font-size:2rem;
}


.benchmark-fit-compact-copy > p{
  font-size:.92rem;
}


/* ============================================================
   FORM
============================================================ */

.benchmark-page #richiedi{
  padding-top:4.5rem;
  padding-bottom:4.5rem;
}


.benchmark-form-investment{
  margin-bottom:1.4rem;
}


.benchmark-page
.benchmark-form{
  padding:1.25rem;

  border-radius:16px;
}


.benchmark-page
.benchmark-form input,
.benchmark-page
.benchmark-form select,
.benchmark-page
.benchmark-form textarea{
  width:100%;

  font-size:16px;
}


/* ============================================================
   FINAL CTA
============================================================ */

.benchmark-page
.benchmark-final-cta{
  padding-top:4rem;
  padding-bottom:4rem;
}


.benchmark-page
.benchmark-final-cta h2{
  font-size:2rem;
  line-height:1.08;
}


}


/* ------------------------------------------------------------
   VERY SMALL PHONES
------------------------------------------------------------ */

@media(max-width:350px){

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


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


  .benchmark-use-case{
    flex-basis:86vw;

    width:86vw;
  }

}