/* ========================================================================
   GaliVue V5.2.1 — HERO CONVERSION REFINEMENT R2 — RESPONSIVE SPACING
   Stage-only presentation layer for testing before LIVE promotion.
   R2 removes the duplicate Dashboard CTA and restores breathing room between
   conversion copy and the Old way / GaliVue way comparison at every breakpoint.
   Scope: homepage Slide 1 only. No app/auth/workflow/backend ownership.
   ======================================================================== */

body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:.62rem!important;
  width:min(690px,92%)!important;
  margin-top:.86rem!important;
  position:relative!important;
  z-index:13!important;
  pointer-events:auto!important;
}
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.72rem!important;
}
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.72rem 1.02rem!important;
  border-radius:12px!important;
  font-family:"Avenir Next","SF Pro Text",Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(12px,.83vw,14px)!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.012em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary{
  border:1px solid #b7ff12!important;
  background:#b7ff12!important;
  color:#0b0f08!important;
  box-shadow:0 10px 28px rgba(183,255,18,.12)!important;
}
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.075)!important;
  color:#f7f8f5!important;
  backdrop-filter:blur(10px)!important;
}
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary:hover,
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary:hover{transform:translateY(-1px)!important}
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary:focus-visible,
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary:focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.25rem .5rem!important;
  color:rgba(238,241,234,.72)!important;
  font-size:clamp(10px,.72vw,12px)!important;
  line-height:1.3!important;
  font-weight:680!important;
  letter-spacing:.005em!important;
}
body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust i{
  width:3px!important;height:3px!important;border-radius:50%!important;background:#b7ff12!important;display:inline-block!important;opacity:.92!important
}
/* Slide 1 no longer repeats all four languages in the hero footer. */
body.gvf-homepage-v5178 .gvf-slide-1>.gvf-slide-bottom .gvf-lang-strip{display:none!important}

@media(min-width:901px){
  /* About 5% quieter than the previous desktop headline. */
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-primary-h1{font-size:clamp(46px,3.92vw,65.5px)!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-slide-count{
    opacity:.78!important;
    background:rgba(2,4,3,.38)!important;
    border-color:rgba(255,255,255,.18)!important;
    font-weight:620!important;
  }
}

@media(min-width:701px) and (max-width:900px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-primary-h1{font-size:clamp(2.68rem,6vw,3.95rem)!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion{width:min(720px,100%)!important;margin-top:.85rem!important;gap:.5rem!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{min-height:40px!important;padding:.66rem .92rem!important;font-size:.78rem!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{font-size:.68rem!important}
}

@media(max-width:700px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion{width:100%!important;margin-top:.75rem!important;gap:.46rem!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{width:100%!important;min-width:0!important;min-height:38px!important;padding:.58rem .42rem!important;border-radius:10px!important;font-size:.67rem!important;white-space:normal!important;text-align:center!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{gap:.16rem .36rem!important;font-size:.59rem!important;line-height:1.25!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-slide-count{opacity:.78!important}
}

@media(max-width:380px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{font-size:.62rem!important;padding:.55rem .34rem!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{font-size:.55rem!important}
}


/* ========================================================================
   V5.2.1 HERO R2 — RESPONSIVE SPACING OWNER
   Keeps headline/paragraph anchored; moves the comparison artwork down rather
   than moving the copy. Breakpoints are tuned for desktop, laptop/tablet,
   phone and narrow phone translations.
   ======================================================================== */

/* Desktop / wide laptop: clear 50–55px breathing room after CTA + trust row. */
@media (min-width:1281px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-s1-bottom{margin-top:54px!important}
}

/* Standard laptop and small desktop: preserve breathing room without pushing
   the illustration into the slide navigation. */
@media (min-width:981px) and (max-width:1280px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-s1-bottom{margin-top:44px!important}
}

/* Tablet portrait/landscape: layout is stacked, so a smaller gap reads better. */
@media (min-width:701px) and (max-width:980px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-s1-bottom{margin-top:32px!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion-actions{flex-wrap:nowrap!important}
}

/* Phones: keep two compact CTAs side by side while there is enough width. */
@media (min-width:431px) and (max-width:700px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-s1-bottom{margin-top:22px!important}
}

/* Narrow phones: stack translated CTA labels to prevent cramped two-line pills. */
@media (max-width:430px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion{margin-top:.68rem!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion-actions{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{
    min-height:38px!important;
    font-size:.7rem!important;
    padding:.58rem .7rem!important;
  }
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    row-gap:.24rem!important;
  }
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-s1-bottom{margin-top:18px!important}
}

/* Extra-narrow devices: preserve tap target and trust-copy legibility. */
@media (max-width:360px){
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{font-size:.66rem!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{font-size:.56rem!important}
  body.gvf-homepage-v5178 .gvf-slide-1 .gvf-s1-bottom{margin-top:16px!important}
}