/* StreamVue landing page styles */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Lexend:wght@300;400;500;600;700&display=swap');

body.is-streamvue-landing main {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

body.is-streamvue-landing main .layout-content {
  max-width: none;
  width: 100%;
  padding: 0;
}

body.is-streamvue-landing .lp-section img {
  max-width: none;
}

body.is-streamvue-landing .product-banner:not(:has(.streamvue-fullscreen-embed)),
body.is-streamvue-landing .responsive-banner-v2--product:not(:has(.streamvue-fullscreen-embed)) {
  display: none !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero,
body.is-streamvue-landing .lp-section.streamvue-features,
body.is-streamvue-landing .lp-section.streamvue-video-grid,
body.is-streamvue-landing .lp-section.streamvue-glance,
body.is-streamvue-landing .lp-section.streamvue-deep-dive {
  width: 100%;
  max-width: none;
  overflow-x: hidden;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop,
body.is-streamvue-landing .lp-section.streamvue-features .streamvue-desktop,
body.is-streamvue-landing .lp-section.streamvue-video-grid .streamvue-desktop,
body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-desktop,
body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-desktop {
  display: block;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-mobile,
body.is-streamvue-landing .lp-section.streamvue-features .streamvue-mobile,
body.is-streamvue-landing .lp-section.streamvue-video-grid .streamvue-mobile,
body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-mobile,
body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-mobile {
  display: none;
}

@media (max-width: 859px) {
  body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop,
  body.is-streamvue-landing .lp-section.streamvue-features .streamvue-desktop,
  body.is-streamvue-landing .lp-section.streamvue-video-grid .streamvue-desktop,
  body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-desktop,
  body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-desktop {
    display: none;
  }

  body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-mobile,
  body.is-streamvue-landing .lp-section.streamvue-features .streamvue-mobile,
  body.is-streamvue-landing .lp-section.streamvue-video-grid .streamvue-mobile,
  body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-mobile,
  body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-mobile {
    display: block;
  }
}

/* Post-hero sections: scale wrapper spans viewport; canvas stays 1920px design width */
body.is-streamvue-landing .lp-section.streamvue-features .streamvue-desktop,
body.is-streamvue-landing .lp-section.streamvue-video-grid .streamvue-desktop,
body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-desktop,
body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-desktop,
body.is-streamvue-landing .lp-section.streamvue-features [data-streamvue-scale],
body.is-streamvue-landing .lp-section.streamvue-video-grid [data-streamvue-scale],
body.is-streamvue-landing .lp-section.streamvue-glance [data-streamvue-scale],
body.is-streamvue-landing .lp-section.streamvue-deep-dive [data-streamvue-scale] {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.is-streamvue-landing .lp-section.streamvue-features .streamvue-scale__inner > div,
body.is-streamvue-landing .lp-section.streamvue-video-grid .streamvue-scale__inner > div,
body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-scale__inner > div,
body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-scale__inner > div {
  width: 1920px !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.is-streamvue-landing .lp-section.streamvue-features .streamvue-scale__inner > div > div[style*="width:1760px"],
body.is-streamvue-landing .lp-section.streamvue-video-grid .streamvue-scale__inner > div div[style*="width:1760px"] {
  width: 100% !important;
  max-width: none !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  box-sizing: border-box !important;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-scale__inner > div > div[style*="width:1840px"],
body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__panel {
  width: 100% !important;
  max-width: none !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__panel {
  min-height: 756px !important;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__bg,
body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-scale__inner > div > div[style*="width:1840px"] > img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__panel > :not(.streamvue-glance__bg) {
  z-index: 1;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__list-col ul {
  margin: 0 !important;
  padding-left: 20px !important;
  list-style: disc !important;
  font-family: 'Lexend', sans-serif !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  color: #5C5F67 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__list-col--deployment {
  left: 52px !important;
  top: 324px !important;
  width: 260px !important;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__list-col--modality {
  left: 509px !important;
  top: 343px !important;
  width: 250px !important;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__list-col--viewing {
  left: 965px !important;
  top: 343px !important;
  width: 300px !important;
}

body.is-streamvue-landing .lp-section.streamvue-glance .streamvue-glance__list-col--collab {
  left: 1422px !important;
  top: 393px !important;
  width: 270px !important;
}

body.is-streamvue-landing .lp-section.streamvue-features .streamvue-desktop img,
body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-desktop img {
  width: 100% !important;
  height: auto !important;
}

/* Reset video tile buttons against any browser/theme defaults */
body.is-streamvue-landing .streamvue-video-tile {
  font: inherit;
  color: inherit;
  background: #0B0C0E !important;
}

body.is-streamvue-landing a.deep-dive-cta:hover,
body.is-streamvue-landing a.deep-dive-cta:focus,
body.is-streamvue-landing a.deep-dive-cta:focus-visible {
  opacity: 1 !important;
}

body.is-streamvue-landing a.deep-dive-cta--primary:hover,
body.is-streamvue-landing a.deep-dive-cta--primary:focus,
body.is-streamvue-landing a.deep-dive-cta--primary:focus-visible {
  background: #EFC12E !important;
  color: #14161A !important;
}

body.is-streamvue-landing a.deep-dive-cta--secondary:hover,
body.is-streamvue-landing a.deep-dive-cta--secondary:focus,
body.is-streamvue-landing a.deep-dive-cta--secondary:focus-visible {
  background: #0B0C0E !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Video modal */
body.is-streamvue-landing .streamvue-video-modal {
  position: fixed;
  inset: 0;
  background: rgba(6, 7, 9, 0.88);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

body.is-streamvue-landing .streamvue-video-modal.is-open {
  display: flex;
}

body.is-streamvue-landing .streamvue-video-modal__dialog {
  width: 1200px;
  max-width: 90vw;
}

body.is-streamvue-landing .streamvue-video-modal__close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1b1d21;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: auto;
  margin-bottom: 12px;
}

body.is-streamvue-landing .streamvue-video-modal__title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-top: 16px;
  font-family: 'DM Sans', sans-serif;
}

body.is-streamvue-landing .lp-section {
  padding: 0;
}

body.is-streamvue-landing .lp-section a {
  text-decoration: none;
}

body.is-streamvue-landing .lp-section a:hover {
  opacity: 0.9;
}

/* 1920px desktop scale wrapper */
body.is-streamvue-landing .streamvue-scale__outer {
  width: 100%;
  overflow: hidden;
  position: relative;
}

body.is-streamvue-landing .streamvue-scale__inner {
  transform-origin: top left;
}

body.streamvue-modal-open.is-streamvue-landing {
  overflow: hidden;
}

body.is-streamvue-landing .streamvue-video-modal__player-wrap {
  position: relative;
}

body.is-streamvue-landing .streamvue-video-modal__player {
  width: 100%;
  display: block;
  border-radius: 6px;
  background: #000;
}

body.is-streamvue-landing .streamvue-video-modal__playpause {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(11, 12, 14, 0.55);
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.2s ease;
}

body.is-streamvue-landing .streamvue-video-modal__playpause[hidden] {
  display: none;
}

body.is-streamvue-landing .streamvue-video-modal__playpause.is-playing {
  opacity: 0;
}

body.is-streamvue-landing .streamvue-video-modal__player-wrap:hover .streamvue-video-modal__playpause.is-playing,
body.is-streamvue-landing .streamvue-video-modal__playpause.is-playing:focus-visible {
  opacity: 1;
}

body.is-streamvue-landing .streamvue-video-modal__icon {
  display: none;
}

body.is-streamvue-landing .streamvue-video-modal__playpause.is-paused .streamvue-video-modal__icon--play {
  display: block;
}

body.is-streamvue-landing .streamvue-video-modal__playpause.is-playing .streamvue-video-modal__icon--pause {
  display: block;
}

@media (max-width: 859px) {
  body.is-streamvue-landing .streamvue-video-modal__playpause {
    width: 56px;
    height: 56px;
  }

  body.is-streamvue-landing .streamvue-video-modal__icon--play {
    width: 20px;
    height: 24px;
  }

  body.is-streamvue-landing .streamvue-video-modal__icon--pause {
    width: 18px;
    height: 22px;
  }
}

/* Hero - desktop */
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__stage,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-scale__inner > div {
  position: relative;
  width: 1920px;
  height: 900px !important;
  overflow: hidden;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__photo,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-scale__inner > div > img:first-child {
  width: 1920px !important;
  height: 900px !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__tagline,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop div[style*="top:784px"],
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop div[style*="top: 784px"] {
  top: 640px !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__eyebrow {
  top: 640px !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__rule {
  top: 678px !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__logo-wrap {
  top: 700px !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__cta {
  top: 700px !important;
  align-items: flex-start !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__overlay,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-scale__inner > div > img:first-child + div {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(6, 7, 9, 0.55) 66%, rgba(6, 7, 9, 0.92) 100%) !important;
  background-color: transparent !important;
  pointer-events: none;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__logo-wrap {
  align-items: center !important;
  display: flex !important;
  flex-shrink: 0 !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__logo,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-scale__inner .streamvue-hero__logo,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__logo-wrap img,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-scale__inner .streamvue-hero__logo-wrap img,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop img[alt="StreamVue"] {
  width: 631px !important;
  height: 102px !important;
  max-width: 631px !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
  display: block !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__logo-wrap sup {
  font-size: 41px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  top: -46px !important;
  position: relative !important;
  line-height: 1;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__tagline i,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop div[style*="top:784px"] i,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop div[style*="top: 784px"] i {
  color: #EFC12E !important;
  font-style: italic;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__cta a {
  font-weight: 700 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__cta a:first-child,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__cta a[href*="book-free-demo"] {
  background: #EFC12E !important;
  color: #14161A !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__cta a:last-child,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-desktop .streamvue-hero__cta a[href*="roi-calculator"] {
  background: #2B2D32 !important;
  color: #ffffff !important;
}

/* Hero - mobile */
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-mobile .streamvue-hero__overlay,
body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-mobile > div:first-child > img + div {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(6, 7, 9, 0.6) 70%, rgba(6, 7, 9, 0.95) 100%) !important;
  background-color: transparent !important;
}

body.is-streamvue-landing .lp-section.streamvue-hero .streamvue-mobile img[alt="StreamVue"] {
  width: auto !important;
  height: 28px !important;
  max-width: none !important;
}

/* Deep dive - mobile */
body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-mobile .streamvue-deep-dive__mobile-photo,
body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-mobile > div:first-child > img:first-child {
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-mobile .streamvue-deep-dive__mobile-logo,
body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-mobile img[alt="StreamVue"] {
  width: auto !important;
  height: 20px !important;
  max-width: 140px !important;
  display: block !important;
}

body.is-streamvue-landing .lp-section.streamvue-deep-dive .streamvue-mobile .streamvue-deep-dive__mobile-logo-wrap sup {
  font-size: 8px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  top: -8px !important;
  position: relative !important;
  line-height: 1;
}