/* SECTION & FRAME */

.b-frame {
	max-width: var(--frame-width);
	margin: 0 auto;
	padding: 140rem 40rem;
	position: relative;
}

@media screen and (min-width: 961px) {
	.b-section.alt-narrow .b-frame {max-width: 762rem;}	
}

.b-section.alt-compressed .b-frame {padding-top: 90rem; padding-bottom: 90rem;}
.b-section.alt-compressed-top .b-frame {padding-top: 90rem;}
.b-section.alt-compressed-bottom .b-frame {padding-bottom: 90rem;}

.b-section.alt-small .b-frame {padding-top: 60rem; padding-bottom: 60rem;}
.b-section.alt-small-top .b-frame {padding-top: 60rem;}
.b-section.alt-small-bottom .b-frame {padding-bottom: 60rem;}

.b-section.alt-tight .b-frame {padding-top: 40rem; padding-bottom: 40rem;}
.b-section.alt-tight-top .b-frame {padding-top: 40rem;}
.b-section.alt-tight-bottom .b-frame {padding-bottom: 40rem;}

.b-section.alt-tiny .b-frame {padding-top: 20rem; padding-bottom: 20rem;}
.b-section.alt-tiny-top .b-frame {padding-top: 20rem;}
.b-section.alt-tiny-bottom .b-frame {padding-bottom: 20rem;}

.b-section.alt-collapse .b-frame {padding-top: 0; padding-bottom: 0;}
.b-section.alt-collapse-top .b-frame {padding-top: 0;}
.b-section.alt-collapse-bottom .b-frame {padding-bottom: 0;}

/* this had to happen for some reason - ask PM */
.b-section.alt-book-demo .b-frame {padding-top: 60rem; padding-bottom: 60rem;}

/* style */

.b-section[data-style="light-teal"] {background: var(--teal-bg);}
.b-section[data-style="blue"] {background: var(--blue); color: var(--white);}
.b-section[data-style="grey"] {background: var(--cream); color: var(--white);}


/* mask */

.b-section[data-mask="rounded-bl"] {border-radius: 0 0 0 240rem;}
.b-section[data-mask="rounded-tr"] {border-radius: 0 240rem 0 0;}
.b-section[data-mask="rounded-tl"] {border-radius: 240rem 0 0 0;}


/* header offset */

.b-page-body > .b-section:first-child {padding-top: var(--page-head-height-compressed);}
/* .b-page-body > .b-section:first-child {padding-top: var(--page-head-height);} */
.b-page-body > .b-section.alt-clear-nav:first-child {padding-top: 0; margin-top: var(--page-head-height);}

@media screen and (max-width: 1600px) {
	.b-section[data-mask="rounded-bl"] {border-radius: 0 0 0 120rem;}
	.b-section[data-mask="rounded-tr"] {border-radius: 0 120rem 0 0;}
	.b-section[data-mask="rounded-tl"] {border-radius: 120rem 0 0 0;}
}


.b-section[data-style="light-teal"] + .b-section[data-mask="rounded-tl"] { position: relative; }
.b-section[data-style="light-teal"] + .b-section[data-mask="rounded-tl"]::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 240rem;
	height: 240rem;
	pointer-events: none;
	background-color: var(--teal-bg);
	z-index: -1;
}

@media screen and (max-width: 1600px) {
	.b-section[data-style="light-teal"] + .b-section[data-mask="rounded-tl"]::before {
		width: 120rem;
		height: 120rem;
	}
}

@media screen and (max-width: 960px) {
	.b-section[data-style="light-teal"] + .b-section[data-mask="rounded-tl"]::before {
		width: 40rem;
		height: 40rem;
	}
}


/* decorations */

.b-section[data-decorations="set-1"] .b-deco-1 {
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 100%;
	width: 380rem;
	height: 260rem;
	background: url(images/deco-1.svg) no-repeat center / 100%;
	transform: translate(-40rem, -30rem);
}

.b-section[data-decorations="set-1"] .b-deco-2 {
	pointer-events: none;
	position: absolute;
	bottom: 0;
	left: 100%;
	width: 460rem;
	height: 460rem;
	background: url(images/deco-2.svg) no-repeat center / 100%;
	transform: translate(40rem, 0);
}

.b-section[data-decorations="set-2"] .b-deco-3 {
	pointer-events: none;
	position: absolute;
	bottom: 0;
	right: 100%;
	width: 356rem;
	height: 374rem;
	background: url(images/deco-3.svg) no-repeat center / 100%;
	transform: translate(0, 24.25rem);
}

.b-section[data-decorations="set-3"] .b-deco-1 {
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 100%;
	width: 341rem;
	height: 342rem;
	background: url(images/deco-4.svg) no-repeat center / 100%;
	transform: translate(0, -50%);
}

.b-section[data-decorations="set-4"] .b-deco-1 {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 362rem;
	height: 654rem;
	background: url(images/deco-5.svg) no-repeat center / 100%;
	transform: translate(0, -50%);
}

.b-section[data-decorations="set-5"] .b-deco {
	pointer-events: none;
	position: absolute;
	top: 300rem;
	right: 0;
	width: 230rem;
	height: 370rem;
	background: url(images/deco-6.svg) no-repeat center / 100%;
	transform: translate(0, -50%);
}

.b-section[data-decorations="set-5"].alt-book-demo .b-deco { 
	left: 100%;
	top: 232rem; 
	right: unset;
	transform: translate(calc((100vw - var(--frame-width)) / 2 * -1), -50%);
}

@media screen and (max-width: 960px) {
	.b-section[data-decorations="set-5"] .b-deco {
		display: none;
	}	
}

.b-page-body > .b-section.alt-round-footer { position: relative; }

.b-page-body > .b-section:last-child .rounded-mask {
	pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 240rem;
    height: 240rem;
    overflow: hidden;
}
.b-page-body > .b-section:last-child .rounded-mask::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 240rem 0 0 0;
	box-shadow: -120rem -120rem 0 120rem var(--white);
}
.b-page-body > .b-section[data-style="light-teal"]:last-child .rounded-mask::before {
	box-shadow: -120rem -120rem 0 120rem var(--teal-bg);
}

.b-page-body > .b-section[data-style="blue"]:last-child .rounded-mask::before { background: var(--blue); }
.b-page-body > .b-section[data-style="grey"]:last-child .rounded-mask::before { background: var(--cream); }

@media screen and (max-width: 1600px) {
	.b-page-body > .CTA:last-child .rounded-mask {width: 120rem; height: 120rem;}
	.b-page-body > .CTA:last-child .rounded-mask::after {border-radius: 120rem 0 0 0; box-shadow: -60rem -60rem 0 60rem var(--orange);}
}


@media screen and (max-width: 960px) {
	.b-frame {padding: 60rem 20rem;}

	.b-section.alt-tight .b-frame {padding-top: 20rem; padding-bottom: 20rem;}
	.b-section.alt-tight-top .b-frame {padding-top: 20rem;}
	.b-section.alt-tight-bottom .b-frame {padding-bottom: 20rem;}

	.b-section.alt-book-demo .b-frame {padding-top: 24rem; padding-bottom: 24rem;}

	.b-section[data-mask="rounded-bl"] {border-radius: 0 0 0 40rem;}
	.b-section[data-mask="rounded-tr"] {border-radius: 0 40rem 0 0;}
	.b-section[data-mask="rounded-tl"] {border-radius: 40rem 0 0 0;}

	.b-page-body > .b-section:first-child {padding-top: var(--page-head-height);}

	.b-page-body > .b-section:last-child .rounded-mask { display: none; }
}


/* Bottom Spacing */
.b-section[data-spacing='header'] .b-frame { padding-bottom: 0; }
.b-section[data-spacing='footer'] .b-frame { padding-top: 0; }





.b-section[data-style='framed'] {
	max-width: calc(var(--frame-width) + 80rem);
	margin: 90rem auto;
	background: #EDEFF3;
	border-radius: 20rem;
}

@media screen and (max-width: 960px) {
	.b-section[data-style='framed'] { 
		margin: 60rem auto;
		max-width: calc(var(--frame-width) + 40rem); 
	}
}



/* Customer Success Updates - MWS 2025 */

.customer-success-container.CTA .container {
    padding: 0rem;
	background: #fff
}

.customer-success-container.CTA .deco-1, .customer-success-container.CTA .deco-2 { 
	display:none;
}

.customer-success-container.CTA[data-style] {
    background: #fff;
}



.customer-success-container.CTA .b-frame {
	padding: 30rem 40rem;
}



/* Pricing Updates - MWS 2026 */

.pricing-bottom-2026 .b-frame {
    padding: 140rem 40rem 0rem 40rem;
}

.packages-2026.packages .b-column {
  display: flex;
}

.packages-2026.packages h2 {
    font-size: 32rem !important;
}

.packages-2026.packages p {
    color: #191919;
}

.packages-2026.packages .content p:has(.b-button), .packages-2026.packages .compare-packages  {
  display: flex;
  justify-content: center;
}

.packages-2026.packages .content p:has(.b-button) {
  margin-top: 20px;
}

.packages-2026.packages .compare-packages {
  margin-top: 30px;
}

.packages-2026.packages .compare-packages a {
  color: rgba(25, 25, 25,1) !important;
  text-decoration:underline;
  font-size: 14px !important;
}

.packages-2026.packages .compare-packages a:hover {
  color: rgba(25, 25, 25,0.65) !important;
}


/* Make the columns a positioning context */
.packages-2026.packages .b-columns .b-column {
  position: relative;
}

/* Only the 2nd column gets the "Most Popular" label */
.packages-2026.packages .b-columns .b-column:nth-child(2)::before {
    content: "Most Popular";
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    height: 64px;
    display: flex;
    justify-content: center;
    background: #0f2b5b;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 24px 24px 0 0;
    z-index: -1;
    margin: 0rem 20rem 0rem 20rem;
    align-items: flex-start;
    padding-top: 19px;
}

/* Optional: if you want the whole 2nd card to have a navy outline like your mock */
.packages-2026.packages .b-columns .b-column:nth-child(2) > .container {
  border: 2px solid #0f2b5b;
  border-radius: 24px;
  overflow: hidden;           /* helps the top corners look clean */
}

@media screen and (max-width: 960px) {
  .packages-2026.packages .b-columns .b-column:nth-child(2) {
     margin-top:42px;
  } 
  .packages-2026.packages .b-columns .b-column:nth-child(2)::before {
     margin: 0rem 10rem 0rem 10rem;
     padding-top: 15px;
  }
  .pricing-bottom-2026 .b-frame {
     padding: 60rem 20rem;
  }
}

.enterprise-blurb {
  gap: 48px;
  padding: 28px 24px;
  border-radius: 26px;
  background: #143061; 
}

.enterprise-blurb .b-columns,
.enterprise-blurb .b-column,
.enterprise-blurb .content {
  width: 100% !important;
}

.enterprise-blurb .content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 48px;
} 

.enterprise-blurb__right br {
  display: none !important;
}

.enterprise-blurb.ROW[data-style="framed"] .row {
  background-color: #143061;
  width: 100%;
}
.enterprise-blurb .b-column[data-width="6"] {
  width: 100%;
}
.enterprise-blurb__left {
  flex: 0 0 auto;
  min-width: 220px;
}
.enterprise-blurb__title {
  margin: 0;
  color: #fff !important;
  font-size: clamp(28px, 2.4vw, 44px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.enterprise-blurb__meta {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.enterprise-blurb__middle {
  flex: 1 1 0 !important;
  max-width: none !important;
}

.enterprise-blurb__kicker {
  color: #90d4d3;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.enterprise-blurb__copy {
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}
.enterprise-blurb__right {
  flex: 0 0 auto  !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 210px;
}


.enterprise-blurb__link {
  color: rgba(255, 255, 255, 1) !important;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.enterprise-blurb__link:hover {
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: underline !important;
} 

.enterprise-blurb.ROW[data-style="framed"] .content a.enterprise-blurb__btn {
  color: #fff;
}
.enterprise-blurb .b-button.alt-outline {
  color: #fff;
  box-shadow: inset 0 0 0 2rem #fff;
}
.enterprise-blurb .b-button.alt-outline:hover {
  background: var(--light-orange) !important;
  box-shadow: inset 0 0 0 2rem var(--light-orange);
  text-decoration: none;
}
.enterprise-blurb.ROW[data-style="framed"] .content a:hover {
  text-decoration: none;
}


@media (min-width:961px) and (max-width: 1201px) {
  .enterprise-blurb .content {
    gap: 8px;
  }
}
@media (max-width: 960px) {
  .enterprise-blurb .content {
    flex-direction: column;
    align-items: flex-start;
    gap: 42px;
  }
  .enterprise-blurb__left,
  .enterprise-blurb__middle,
  .enterprise-blurb__right {
    width: 100%;
    min-width: 0;
  }
  .enterprise-blurb__right {
    align-items: center;
  }
  .enterprise-blurb {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}






/* Always show the accordion body for this specific block */
.ACCORDION.new-accordion-2026 .row .container{
  display:block;
  max-height:none;
  height:auto;
  overflow:visible;
  opacity:1;
  visibility:visible;
  transition:none;
}

.ACCORDION.new-accordion-2026 .row .content{
  display:block;
  opacity:1;
  visibility:visible;
}

.ACCORDION.new-accordion-2026 .heading .toggle{display:none;}

.ACCORDION.new-accordion-2026 .heading{pointer-events:none;}
.ACCORDION.new-accordion-2026 .heading h4{pointer-events:auto;}


.ACCORDION.new-accordion-2026 .heading {
    padding: 50rem 60rem 20rem 60rem;
}

.ACCORDION.new-accordion-2026 .package-include > div {
    color: var(--blue);
}

.ACCORDION.new-accordion-2026 .p-heading h5 {
    font-size: 14px;
}

.ACCORDION.new-accordion-2026 .p-heading p {
    display: block;
  font-size: 12px;
}

.ACCORDION.new-accordion-2026 .p-heading p a {
    text-decoration:underline;
}

.ACCORDION.new-accordion-2026 .p-heading p a:hover {
    color: rgba(227, 103, 81, 0.65);
}

.ACCORDION.new-accordion-2026 .p-heading p a.enterprise-cta-link {
    color: var(--blue);
}

.ACCORDION.new-accordion-2026 .p-heading p a.enterprise-cta-link:hover {
    color: rgba(24, 49, 102,0.65);
}

.ACCORDION.new-accordion-2026 .p-heading .h-feature {
    padding: 0px 35px 20px 35px;
    justify-content: flex-start;
}

.ACCORDION.new-accordion-2026 .p-feature .feature h4, .ACCORDION.new-accordion-2026 .p-feature .feature-a h4 {
  color: var(--blue);
}

.ACCORDION.new-accordion-2026 .p-feature .feature-a h4 {
      font-size: 16rem;
}

.ACCORDION.new-accordion-2026 .p-feature .feature .feature-title {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
}

.ACCORDION.new-accordion-2026 .p-feature .feature .feature-title h4.smaller  {
  font-size: 0.6em !important;
    font-weight: 500  !important;
}

.ACCORDION.new-accordion-2026 .p-feature .feature p {
    margin-top: 10px;
    font-size: 15px;
    color: #191919;
}

.ACCORDION.new-accordion-2026 .p-feature--bottom .feature-a h4 {
    font-size: 19rem;
    text-align:center;
}

.ACCORDION.new-accordion-2026 .p-feature--bottom .feature-a h5 {
  font-size: 11rem;
    color: var(--blue);
    margin: 0.2em 0 0 0;
    text-align:center;
}

@media (min-width:961px) {
.ACCORDION.new-accordion-2026 .p-heading .h-feature, 
.ACCORDION.new-accordion-2026 .p-feature .feature {
  width: 33%;
}

.ACCORDION.new-accordion-2026 .p-heading .p-heading-a, 
.ACCORDION.new-accordion-2026 .p-feature .feature-a {
  width: 67%;
}
.ACCORDION.new-accordion-2026 .feature-a > div {
    border-left: 1px solid #7484A5;
}
.ACCORDION.new-accordion-2026 .p-heading {
  padding-top: 20px;
    padding-bottom: 20px;
}
.ACCORDION.new-accordion-2026 .p-feature--bottom .feature-a > div {
  flex-direction: column;
}
}

@media (min-width:1201px) and (max-width:1440px) {
  .ACCORDION.new-accordion-2026 .p-heading h5 {
    font-size: 13px;
}
}

@media (min-width:1121px) and (max-width:1200px) {
  .ACCORDION.new-accordion-2026 .p-heading h5 {
    font-size: 12px;
}
}

@media (min-width:961px) and (max-width:1120px) {
  .ACCORDION.new-accordion-2026 .p-heading h5 {
    font-size: 11px;
}
}

@media (max-width: 960px) {
   .p-feature--bottom .feature-a > div {
        margin-bottom: 15px;
    }
	.ACCORDION.new-accordion-2026 .package-include {
		width: 100%;
	}
}