/* GoHero proof-first hero (10/31): outcome headline, one big CTA, a swipeable strip of REAL client results.
   Brand-v2 colours and DM Sans only. Fewer elements, more air, the numbers do the talking. */

/* ---------- layout ---------- */
.v6 .home-hero.hp{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:72px;padding-bottom:110px;min-height:min(780px,calc(100svh - 70px))}
.v6 .home-hero.hp h1{font-size:clamp(50px,4.9vw,92px);line-height:.98;letter-spacing:-.045em;margin:0 0 24px;font-weight:600}
.v6 .home-hero.hp .lede{font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:#c9d6e6;max-width:470px;margin:0 0 36px}

/* small openings badge (kept, quiet) */
.v6 .home-hero .hp-open{display:inline-flex;align-items:center;gap:10px;margin:0 0 28px;padding:7px 14px 7px 12px;border-radius:999px;
  border:1px solid #ffe32c40;background:#ffe32c0d;box-shadow:none;font-size:14px;font-weight:500;color:#dfe7f2;line-height:1.2}
.v6 .home-hero .hp-open b{font-size:inherit;color:var(--yellow);font-weight:700;text-shadow:none}
.v6 .home-hero .hp-open .openings-dot{width:7px;height:7px;background:#3ddc84;box-shadow:0 0 8px #3ddc84}
.v6 .home-hero .hp-open .openings-dot:after{inset:-4px;border-color:#3ddc8466}

/* one primary, one quiet */
.hp-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}
.v6 .hp-primary{height:64px;padding:0 34px;gap:14px;font-size:19px;font-weight:700;border-radius:18px;box-shadow:0 18px 44px -16px #ffe32c99,inset 0 1px #fff8}
.hp-quiet{font-size:16px;font-weight:500;color:#c3d1e3;text-decoration:none;border-bottom:1px solid #ffffff38;padding-bottom:2px}
.hp-quiet:hover{color:#fff;border-color:#ffffff99}

/* ---------- the proof strip ---------- */
.hp-proof{position:relative;min-width:0;border-radius:30px;padding:26px 0 22px;
  background:linear-gradient(165deg,#ffffff17,#ffffff04 46%),#081430eb;border:1px solid #c6e6ff2b;
  box-shadow:inset 0 1px #ffffff26,0 60px 110px -40px #000,0 0 120px -40px #1f7bff73}
.hp-label{display:flex;align-items:center;gap:9px;margin:0 30px 6px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8fb4d8}
.hp-live{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow)}
.hp-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}
.hp-track::-webkit-scrollbar{display:none}
.hp-track:focus-visible{box-shadow:inset 0 0 0 2px #32baff80;border-radius:20px}
.hp-slide{flex:0 0 100%;min-width:0;margin:0;padding:6px 30px 4px;scroll-snap-align:start;scroll-snap-stop:always;transition:opacity .5s ease}
.hp-slide:not([data-on]){opacity:.25}
.hp-k{margin:0 0 6px;font-size:15px;font-weight:600;color:#e6edf6}
.hp-big{margin:0;line-height:.9}
.hp-n{display:inline-block;font-size:clamp(84px,9vw,132px);font-weight:700;letter-spacing:-.055em;color:var(--yellow);font-variant-numeric:tabular-nums;text-shadow:0 0 60px #ffe32c47}
.hp-unit{margin:10px 0 2px;font-size:clamp(19px,1.6vw,23px);font-weight:600;letter-spacing:-.015em;color:#fff}
.hp-from{margin:0 0 22px;font-size:15px;color:#93a8c2}
.hp-slide figcaption{display:flex;flex-direction:column;gap:4px;padding-top:18px;border-top:1px solid #ffffff17}
.hp-q{font-size:16.5px;line-height:1.45;color:#dbe5f1}
.hp-by{font-size:14px;font-weight:600;color:#9fb3cb}
.hp-dots{display:flex;gap:8px;margin:20px 30px 0}
.hp-dots button{width:26px;height:6px;padding:0;border:0;border-radius:3px;background:#ffffff2e;cursor:pointer;transition:background .3s,width .3s}
.hp-dots button[aria-current="true"]{width:42px;background:var(--yellow)}
.hp-dots button:focus-visible{outline:2px solid #32baff;outline-offset:3px}

/* ---------- phone first ---------- */
@media(max-width:980px){
  .v6 .home-hero.hp{grid-template-columns:minmax(0,1fr);gap:40px;min-height:0}
  .hp-proof{max-width:560px}
}
@media(max-width:700px){
  .v6 .home-hero.hp{display:block;padding-top:22px;padding-bottom:64px}
  .v6 .home-hero .hp-open{margin-bottom:18px;font-size:13px;padding:6px 12px 6px 10px}
  .v6 .home-hero.hp h1{font-size:clamp(44px,12.4vw,56px);margin-bottom:14px}
  .v6 .home-hero.hp .lede{font-size:17.5px;margin-bottom:22px}
  .hp-ctas{gap:12px 22px}
  .v6 .hp-primary{width:100%;height:60px;justify-content:center;font-size:18px}
  .hp-quiet{font-size:15.5px}
  .hp-proof{margin-top:30px;border-radius:24px;padding:20px 0 16px}
  .hp-label{margin:0 22px 4px;font-size:11.5px}
  .hp-slide{padding:4px 22px 2px}
  .hp-n{font-size:clamp(72px,22vw,96px)}
  .hp-unit{margin-top:8px;font-size:19px}
  .hp-from{margin-bottom:14px;font-size:14px}
  .hp-slide figcaption{padding-top:12px}
  .hp-q{font-size:15px}
  .hp-dots{margin:14px 22px 0}
}
@media(prefers-reduced-motion:reduce){.hp-slide,.hp-dots button{transition:none}.v6 .home-hero .hp-open .openings-dot:after{animation:none}}

/* ---------- /for/* hero: the industry's real result, big ---------- */
.pz-hproof{margin:6px 0 30px}
.pz-hproof .hp-k{color:#9fb3cb;font-size:14px;font-weight:600}
.pz-hproof .hp-n{font-size:clamp(78px,9vw,128px)}
.pz-hproof-from{display:block;margin:0 0 4px;font-size:15px;color:#93a8c2}
.pz-hproof .hp-unit{margin:8px 0 4px}
.pz-hproof .hp-by{display:block;margin-top:8px}
.pz-for-copy .pz-ctas .button{height:60px;padding:0 30px;font-size:18px;font-weight:700;border-radius:18px;box-shadow:0 18px 44px -16px #ffe32c99,inset 0 1px #fff8}
@media(max-width:640px){
  .pz-hproof{margin:0 0 24px}
  .pz-hproof .hp-n{font-size:clamp(64px,19vw,88px)}
  .pz-for-copy .pz-ctas .button{width:100%;justify-content:center}
}
.pz-for-hero{padding-top:96px}
@media(max-width:640px){.pz-for-hero{padding-top:40px}.pz-for-copy h1{margin-bottom:22px}}

/* ---------- "snapshot first" (11/3): free competitor snapshot leads, price is the clear second button ---------- */
.sf-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px}
.sf-ctas .sf-primary{height:62px;padding:0 30px;gap:12px;font-size:18px;font-weight:700;border-radius:18px;box-shadow:0 18px 44px -16px #ffe32c99,inset 0 1px #fff8}
.sf-second{display:inline-flex;align-items:center;justify-content:center;height:62px;padding:0 26px;border-radius:18px;font-size:17px;font-weight:600;
  color:#fff;text-decoration:none;background:#ffffff0f;border:1px solid #ffffff40;box-shadow:inset 0 1px #ffffff1f;transition:background .2s,border-color .2s}
.sf-second:hover{background:#ffffff1c;border-color:#ffffff80}
.sf-second:focus-visible{outline:2px solid #32baff;outline-offset:3px}
.sf-sub{margin:14px 0 0;max-width:520px;font-size:15.5px;line-height:1.5;color:#a9bdd3}
.pz-for-copy .sf-sub{margin-bottom:6px}
@media(max-width:700px){
  .sf-ctas{gap:10px}
  .sf-ctas .sf-primary{width:100%;height:60px;justify-content:center;font-size:17px;padding:0 18px}
  .sf-second{width:100%;height:54px;font-size:16px}
  .sf-sub{font-size:14.5px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.sf-second{transition:none}}
