/* GaliVue V5.2.1 SEO R4 — visual rhythm refinement.
   Scope: the 16 multilingual SEO growth pages only.
   R3 remains the base premium conversion layer; this file only refines
   headline scale and mobile/tablet vertical rhythm after real-device QA. */

/* Desktop: preserve the R3 design, with only the two agreed headline refinements. */
.seo-hero h1{
  font-size:clamp(2.95rem,5.9vw,5.88rem)!important;
}
.gv-r3-showcase h2{
  font-size:clamp(2.35rem,4.05vw,4.6rem)!important;
  max-width:9.8ch;
}

@media(max-width:820px){
  /* Keep the premium scale, but reduce the two oversized headlines. */
  .seo-hero h1{
    font-size:clamp(2.55rem,8.9vw,4.35rem)!important;
  }
  .gv-r3-showcase h2{
    font-size:clamp(2.2rem,8.2vw,3.7rem)!important;
    max-width:12ch;
  }
}

@media(max-width:620px){
  /* Hero: same hierarchy, less poster-like and less empty space below it. */
  .seo-hero{
    padding-top:40px!important;
    padding-bottom:42px!important;
  }
  .seo-hero h1{
    font-size:clamp(2.2rem,9.35vw,2.82rem)!important;
    line-height:.97!important;
  }

  /* The proof strip remains easy to scan without creating a tall transition. */
  .seo-proof-strip{
    margin-bottom:6px!important;
  }
  .seo-proof-strip>div{
    padding:14px 16px!important;
  }

  /* Product showcase: tighten the exact lower gap found in iPhone QA. */
  .gv-r3-showcase{
    margin:22px auto 16px!important;
    padding:26px 18px 12px!important;
    gap:14px!important;
  }
  .gv-r3-showcase h2{
    font-size:clamp(2rem,8.45vw,2.52rem)!important;
    line-height:.98!important;
    max-width:none;
  }
  .gv-r3-showcase p{
    margin-top:14px!important;
  }
  .gv-r3-showcase-actions{
    margin-top:20px!important;
  }
  .gv-r3-pills{
    margin-top:16px!important;
  }
  .gv-r3-product-stage{
    padding:0!important;
    margin-bottom:-2px!important;
  }
  .gv-r3-product-stage img{
    margin-bottom:0!important;
  }
  .gv-r3-showcase + .section{
    padding-top:16px!important;
  }

  /* Main information cards: around 20–25% less vertical travel. */
  .section{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }
  .seo-main>.section .split{
    gap:18px!important;
    padding:20px 18px!important;
  }
  .seo-main>.section .lead{
    margin-top:0!important;
    margin-bottom:0!important;
  }

  /* Related workflow links: retain SEO/internal linking, reduce list bulk. */
  .seo-cluster{
    gap:10px!important;
    margin-top:18px!important;
  }
  .seo-link{
    padding:18px!important;
  }

  /* Pricing: keep the approved 2×2 cards, move it closer to surrounding content. */
  .gv-r3-conversion{
    margin:28px auto 22px!important;
  }
  .gv-r3-conversion-head{
    gap:10px!important;
    margin-bottom:20px!important;
  }
  .gv-r3-plan{
    padding:15px 13px!important;
  }
  .gv-r3-confidence{
    margin-top:9px!important;
  }
  .gv-r3-billing-note{
    margin-top:9px!important;
  }

  /* Closing CTA + footer: premium breathing room without a long empty runway. */
  .final-cta{
    padding-top:18px!important;
    padding-bottom:28px!important;
  }
  .final-cta .box{
    padding:28px 18px!important;
  }
  .seo-footer{
    padding:20px 18px 24px!important;
    margin-bottom:8px!important;
  }
  .footer-links{
    gap:12px!important;
  }

  /* Guides use the same shorter mobile rhythm. Body typography is unchanged. */
  .guide-hero,.guide-hub-hero{
    padding-top:44px!important;
    padding-bottom:38px!important;
  }
  .guide-body{
    gap:10px!important;
    margin-top:28px!important;
  }
  .guide-section{
    gap:9px!important;
    padding:20px 18px!important;
  }
  .guide-related,.guide-products{
    margin-top:30px!important;
  }
  .guide-card{
    padding:18px!important;
  }
}

@media(max-width:390px){
  .seo-hero h1{
    font-size:clamp(2.12rem,9.15vw,2.62rem)!important;
  }
  .gv-r3-showcase h2{
    font-size:clamp(1.95rem,8.25vw,2.38rem)!important;
  }
}