/* Vista page refinements — 2026-09-05
   Pricing visual cleanup, event/ABM hero cleanup, and homepage first-viewport hero redesign. */

/* Homepage: top-align the art with the headline and move proof below the two-column hero. */
.home-hero{padding:46px 0 30px!important;}
.home-hero .hero-grid{align-items:start!important;}
.home-hero .hero-copy{padding-top:4px!important;max-width:700px!important;}
.home-hero .hero-copy h1{font-size:clamp(46px,5.25vw,70px)!important;}
.home-hero .hero-copy>p{margin-top:20px!important;margin-bottom:24px!important;}
.home-hero .hero-art.visual-frame{align-self:start!important;margin-top:0!important;max-width:none!important;}
.home-hero .hero-art.visual-frame .visual-composite{margin-top:12px!important;}
.home-hero-proofbar{margin-top:20px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:start;padding:20px 0 0;border-top:1px solid var(--line);}
.home-hero-proofbar .hero-proof{margin-top:0!important;}
.home-hero-proofbar .sales-assurance{margin-top:0!important;}
@media(min-width:1101px){
  .home-hero .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr)!important;gap:48px!important;}
}
@media(max-width:1100px){
  .home-hero-proofbar{grid-template-columns:1fr;gap:16px;}
}
@media(max-width:900px){
  .home-hero{padding-top:34px!important;}
  .home-hero .hero-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .home-hero .hero-art.visual-frame{width:100%!important;max-width:760px!important;margin-inline:auto!important;}
  .home-hero-proofbar{margin-top:14px;}
}

/* Event + ABM: use the rebuilt visuals cleanly, with no extra overlay card on top. */
.graphic-event .metric-hero,.graphic-abm .metric-hero{display:none!important;}
.graphic-event,.graphic-abm{background:#f7fafd!important;border:1px solid #e1e8f1!important;box-shadow:0 18px 46px rgba(25,39,74,.09)!important;}
.graphic-event .visual-composite,.graphic-abm .visual-composite{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin:14px auto!important;border-radius:16px!important;}
@media(min-width:1101px){
  body:not(.pricing-page-body) .inner-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr)!important;gap:48px!important;align-items:center!important;}
}

/* Pricing: one clean, accurate Vista Go visual — no scenic background or overlay card covering it. */
.pricing-page-body .pricing-live-hero{padding:54px 0 48px!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;}
.pricing-page-body .pricing-live-copy h1{font-size:clamp(48px,6vw,76px)!important;max-width:620px!important;}
.pricing-page-body .pricing-live-lead{font-size:clamp(19px,2vw,25px)!important;max-width:620px!important;}
.pricing-page-body .pricing-live-visual{min-height:0!important;padding:16px!important;background:#f7fafd!important;border:1px solid #e1e8f1!important;box-shadow:0 18px 46px rgba(25,39,74,.09)!important;border-radius:24px!important;overflow:hidden!important;}
.pricing-page-body .pricing-live-visual:after{display:none!important;}
.pricing-page-body .pricing-live-platform-wrap{width:100%!important;max-width:none!important;}
.pricing-page-body .pricing-live-platform-shot{width:100%!important;height:auto!important;display:block!important;filter:none!important;border-radius:16px!important;}
.pricing-page-body .pricing-live-glass{display:none!important;}
@media(min-width:1101px){
  .pricing-page-body .pricing-live-hero-grid{grid-template-columns:minmax(0,.78fr) minmax(650px,1.22fr)!important;gap:46px!important;align-items:center!important;}
}
@media(max-width:1100px){
  .pricing-page-body .pricing-live-hero-grid{grid-template-columns:1fr!important;gap:30px!important;}
  .pricing-page-body .pricing-live-copy{text-align:center!important;}
  .pricing-page-body .pricing-live-copy .button-row{justify-content:center!important;}
  .pricing-page-body .pricing-live-visual{width:min(100%,900px)!important;margin-inline:auto!important;}
}


/* 2026-09-05 refinement: event/ABM outer media cards match the white-box treatment used across the site. */
.graphic-event,.graphic-abm{
  background:#fff!important;
  border:1px solid #dfe6ee!important;
  padding:14px!important;
  border-radius:24px!important;
  box-shadow:0 18px 46px rgba(25,39,74,.09)!important;
}
.graphic-event .visual-composite,.graphic-abm .visual-composite{
  width:100%!important;max-width:100%!important;height:auto!important;
  margin:0!important;border-radius:18px!important;
}

/* Pricing: the hero visual is intentionally non-price; the monthly price appears once in the offer card below. */
.pricing-page-body .pricing-live-visual{
  background:#fff!important;
  padding:14px!important;
  border:1px solid #dfe6ee!important;
}
.pricing-page-body .pricing-live-platform-shot{border-radius:18px!important;}