/*
 * V5 static-content alignment and typography.
 * solutions-v5.html is the spacing baseline.
 *
 * Animation stages, animated copy, motion containers, and their descendants
 * are intentionally excluded from every selector in this file.
 */

#main > .page-hero > .shell,
#main > .section > .shell,
#main > .cta > .shell,
#main > .hero > .shell,
.v5-product-motion-page:not(.v5-cinema-page) #main > .v2-product-hero > .v2-shell,
.v5-product-motion-page:not(.v5-cinema-page) #main > .v2-section > .v2-shell,
.v5-product-motion-page:not(.v5-cinema-page) #main > .v2-cta > .v2-shell,
.inscribe-v5-page #main > .v2-product-hero > .v2-shell,
.inscribe-v5-page #main > .v2-section > .v2-shell,
.inscribe-v5-page #main > .v2-cta > .v2-shell,
.full-loop-v5-page #main > .v2-section > .v2-shell,
.full-loop-v5-page #main > .v2-cta > .v2-shell,
.v5-cinema-page #main > .page-hero > .shell,
.v5-cinema-page #main > #solutions > .v2-shell {
  width:min(90%,1320px);
  max-width:none;
  margin-inline:auto;
}

#main > .page-hero h1,
#main > .hero h1,
#main > .section .workload-intro h1,
.v5-product-motion-page #main > .v2-product-hero h1,
.inscribe-v5-page #main > .v2-product-hero h1 {
  font-size:clamp(36px,4.2vw,56px);
  line-height:1.03;
  letter-spacing:-.045em;
}

#main > .page-hero .lede,
#main > .hero .lede,
#main > .section .workload-intro .lede,
.v5-product-motion-page #main > .v2-product-hero .v2-lede,
.inscribe-v5-page #main > .v2-product-hero .v2-lede {
  font-size:clamp(15px,1.3vw,18px);
  line-height:1.5;
}

#main > .section h2,
#main > .cta h2,
.v5-product-motion-page:not(.v5-cinema-page) #main > .v2-section h2,
.v5-product-motion-page:not(.v5-cinema-page) #main > .v2-cta h2,
.inscribe-v5-page #main > .v2-section h2,
.inscribe-v5-page #main > .v2-cta h2,
.full-loop-v5-page #main > .v2-section h2,
.full-loop-v5-page #main > .v2-cta h2,
.v5-cinema-page #main > #solutions h2 {
  font-size:clamp(34px,3.8vw,50px);
  line-height:1.04;
  letter-spacing:-.045em;
}

#main > .section .section-head > p,
#main > .cta > .shell > p:not(.eyebrow),
.v5-product-motion-page:not(.v5-cinema-page) #main > .v2-section .v2-section-head > p,
.v5-product-motion-page:not(.v5-cinema-page) #main > .v2-cta p,
.inscribe-v5-page #main > .v2-section .v2-section-head > p,
.inscribe-v5-page #main > .v2-cta p,
.full-loop-v5-page #main > .v2-section .v2-section-head > p,
.full-loop-v5-page #main > .v2-cta p,
.v5-cinema-page #main > #solutions .v2-section-head > p {
  font-size:15px;
  line-height:1.52;
}

@media (max-width:1000px) {
  #main > .page-hero > .shell,
  #main > .section > .shell,
  #main > .cta > .shell,
  #main > .hero > .shell,
  .v5-product-motion-page:not(.v5-cinema-page) #main > .v2-product-hero > .v2-shell,
  .v5-product-motion-page:not(.v5-cinema-page) #main > .v2-section > .v2-shell,
  .v5-product-motion-page:not(.v5-cinema-page) #main > .v2-cta > .v2-shell,
  .inscribe-v5-page #main > .v2-product-hero > .v2-shell,
  .inscribe-v5-page #main > .v2-section > .v2-shell,
  .inscribe-v5-page #main > .v2-cta > .v2-shell,
  .full-loop-v5-page #main > .v2-section > .v2-shell,
  .full-loop-v5-page #main > .v2-cta > .v2-shell,
  .v5-cinema-page #main > .page-hero > .shell,
  .v5-cinema-page #main > #solutions > .v2-shell {
    width:94%;
  }
}

@media (max-width:820px) {
  #main > .page-hero > .shell,
  #main > .section > .shell,
  #main > .cta > .shell,
  #main > .hero > .shell,
  .v5-product-motion-page:not(.v5-cinema-page) #main > .v2-product-hero > .v2-shell,
  .v5-product-motion-page:not(.v5-cinema-page) #main > .v2-section > .v2-shell,
  .v5-product-motion-page:not(.v5-cinema-page) #main > .v2-cta > .v2-shell,
  .inscribe-v5-page #main > .v2-product-hero > .v2-shell,
  .inscribe-v5-page #main > .v2-section > .v2-shell,
  .inscribe-v5-page #main > .v2-cta > .v2-shell,
  .full-loop-v5-page #main > .v2-section > .v2-shell,
  .full-loop-v5-page #main > .v2-cta > .v2-shell,
  .v5-cinema-page #main > .page-hero > .shell,
  .v5-cinema-page #main > #solutions > .v2-shell {
    width:calc(100% - 14px);
  }
}

/* Plans hero: use the full static content measure without excess height. */
.plans-v5-page #main > .page-hero {
  padding:58px 0 42px;
}

.plans-v5-page #main > .page-hero h1 {
  max-width:1320px;
  margin:12px 0 16px;
  font-size:clamp(36px,4vw,54px);
  white-space:nowrap;
}

.plans-v5-page #main > .page-hero .lede {
  width:100%;
  max-width:none;
  font-size:16px;
  line-height:1.5;
}

.plans-v5-page #main > .section:not(.paper) .section-head {
  display:block;
  margin-bottom:30px;
}

.plans-v5-page #main > .section:not(.paper) .section-head h2 {
  max-width:none;
  margin:10px 0 14px;
  font-size:clamp(36px,4vw,54px);
  white-space:nowrap;
}

.plans-v5-page #main > .section:not(.paper) .section-head > p {
  width:100%;
  max-width:none;
  margin:0;
}

.plans-v5-page #main > .section {
  padding:66px 0;
}

.plans-v5-page #main > .section.paper {
  padding:62px 0;
}

@media (max-width:900px) {
  .plans-v5-page #main > .page-hero {
    padding:46px 0 36px;
  }

  .plans-v5-page #main > .page-hero h1 {
    white-space:normal;
  }
}

@media (max-width:600px) {
  .plans-v5-page #main > .page-hero {
    padding:38px 0 30px;
  }

  .plans-v5-page #main > .section,
  .plans-v5-page #main > .section.paper {
    padding:50px 0;
  }
}

/* Plans CTA: compact, left-aligned, and measured to the available width. */
.plans-v5-page #main > .cta {
  padding:56px 0 54px;
  text-align:left;
}

.plans-v5-page #main > .cta .eyebrow {
  margin:0;
  text-align:left;
}

.plans-v5-page #main > .cta h2 {
  max-width:1180px;
  margin:10px 0 14px;
  font-size:clamp(34px,3.4vw,46px);
  white-space:nowrap;
}

.plans-v5-page #main > .cta > .shell > p:not(.eyebrow) {
  max-width:900px;
  margin:0 0 24px;
}

@media (max-width:900px) {
  .plans-v5-page #main > .cta {
    padding:48px 0 46px;
  }

  .plans-v5-page #main > .cta h2 {
    white-space:normal;
  }

  .plans-v5-page #main > .section:not(.paper) .section-head h2 {
    white-space:normal;
  }
}

@media (max-width:600px) {
  .plans-v5-page #main > .cta {
    padding:42px 0 40px;
  }
}