:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.eyebrow {
  margin: 0; font-size: var(--text-xs); font-weight: 700; line-height: 1.35; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tertiary);
}
.eyebrow--on-dark {
  color: var(--accent);
}
.btn--glow {
  box-shadow: var(--box-shadow-accent);
}
.dashboard {
  container: dashboard / inline-size; inline-size: 30.5rem; max-inline-size: 100%; padding: var(--space-m); border-radius: var(--radius); background-color: var(--bg-ultra-light); box-shadow: 0 18px 48px rgb(15 28 37 / 0.35); color: var(--base);
}
.dashboard__inner {
  display: grid; gap: var(--space-m);
}
.dashboard__head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-s);
}
.dashboard__title {
  margin: 0; font-size: var(--text-s); font-weight: 700;
}
.dashboard__live {
  display: inline-flex; align-items: center; gap: 0.375rem; margin: 0; font-size: var(--text-xs); font-weight: 700; color: var(--success-semi-dark);
}
.dashboard__dot {
  inline-size: 0.5rem; block-size: 0.5rem; border-radius: 50%; background-color: var(--success);
}
.dashboard__stats {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; @container dashboard (width < 22rem) { & { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
}
.dashboard__stat {
  display: grid; gap: 0.25rem; padding: 1rem; border: 1px solid var(--border-color-dark); border-radius: 0.75rem; background-color: var(--white);
}
.dashboard__label {
  margin: 0; font-size: var(--text-xs); color: var(--neutral); .dashboard__stat--dark & { color: var(--text-light-muted); }
}
.dashboard__value {
  margin: 0; font-size: var(--h3); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; .dashboard__stat--dark & { color: var(--accent); }
}
.dashboard__sources {
  display: grid; gap: 0.875rem; padding: 1.25rem; border: 1px solid var(--border-color-dark); border-radius: 0.75rem; background-color: var(--white);
}
.dashboard__sources-title {
  margin: 0; font-size: var(--text-xs); font-weight: 700;
}
.dashboard__bar-row {
  display: grid; grid-template-columns: 6rem minmax(0, 1fr) 1.75rem; align-items: center; gap: 0.75rem; font-size: 0.8125rem;
}
.dashboard__bar-label {
  margin: 0; color: var(--text-dark-muted);
}
.dashboard__track {
  block-size: 0.625rem; overflow: hidden; border-radius: 999px; background-color: var(--border-color-dark);
}
.dashboard__fill {
  inline-size: var(--fill); block-size: 100%; border-radius: inherit; background-color: var(--primary);
}
.dashboard__count {
  margin: 0; font-weight: 700; text-align: end;
}
.dashboard__call {
  display: flex; align-items: center; gap: 0.875rem; padding: 0.875rem 1rem; border-radius: 0.75rem; background-color: var(--accent-ultra-light);
}
.dashboard__call-icon {
  display: grid; flex-shrink: 0; place-items: center; inline-size: 2.25rem; block-size: 2.25rem; border-radius: 50%; background-color: var(--accent); color: var(--base);
}
.dashboard__call-body {
  display: grid; flex: 1; gap: 0.125rem;
}
.dashboard__call-title {
  margin: 0; font-size: 0.8125rem; font-weight: 700;
}
.dashboard__muted {
  margin: 0; font-size: var(--text-xs); color: var(--neutral);
}
.pricing-tabs {
  container: pricing-tabs / inline-size; display: grid; gap: var(--space-m);
}
.pricing-tabs__list {
  position: relative; isolation: isolate; display: inline-flex; flex-wrap: wrap; justify-self: start; gap: 0.25rem; &::before { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 0; z-index: -1; inline-size: var(--tab-w, 0); block-size: var(--tab-h, 0); translate: var(--tab-x, 0) var(--tab-y, 0); border-radius: 999px; background-color: var(--text-light); box-shadow: 0 4px 14px rgb(15 28 37 / 0.3); } @media (prefers-reduced-motion: no-preference) { &.pricing-tabs__list--ready::before { transition: translate 360ms cubic-bezier(0.4, 0, 0.2, 1), inline-size 360ms cubic-bezier(0.4, 0, 0.2, 1), block-size 360ms cubic-bezier(0.4, 0, 0.2, 1); } } margin-inline-start: var(--space-m); padding: 0.25rem; border: 1px solid var(--border-color-light); border-radius: 999px; background-color: color-mix(in oklch, var(--white) 6%, transparent); @container pricing-tabs (width < 32rem) { & { display: grid; justify-self: stretch; margin-inline: 0; border-radius: var(--radius); } }
}
.pricing-tabs__tab {
  min-block-size: 2.75rem; padding-inline: 1.25rem; border-radius: 999px; font-size: var(--text-s); font-weight: 700; color: var(--text-light-muted); transition: background-color var(--transition), color var(--transition); &:hover { color: var(--text-light); } &[aria-selected="true"] { color: var(--base); } .pricing-tabs__list:not(.pricing-tabs__list--ready) &[aria-selected="true"] { background-color: var(--text-light); } &:focus-visible { outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-offset); }
}
.pricing-tabs__panel {
  &[hidden] { display: none; } &:focus-visible { outline: var(--focus-width) solid var(--accent); outline-offset: var(--focus-offset); border-radius: var(--radius-s); }
}
.plan-list {
  container: plan-list / inline-size; margin: 0; padding: 0; border-block-end: 1px solid var(--border-color-light);
}
.plan-list__item {
  border-block-start: 1px solid var(--border-color-light); @media (prefers-reduced-motion: no-preference) { .pricing-tabs--switched .pricing-tabs__panel:not([hidden]) & { animation: vx-fade-up 420ms cubic-bezier(0.4, 0, 0.2, 1) backwards; } &:nth-child(2) { animation-delay: 50ms; } &:nth-child(3) { animation-delay: 100ms; } &:nth-child(4) { animation-delay: 150ms; } &:nth-child(5) { animation-delay: 200ms; } }
}
.text-link {
  display: inline-flex; align-items: center; gap: 0.5rem; padding-block: 0.5rem; font-size: var(--text-s); font-weight: 700; color: var(--base); text-decoration: none; transition: color var(--transition); &:hover { color: var(--primary); }
}
.case-story {
  display: flex; flex-direction: column; gap: var(--space-m); padding: 1rem 1rem var(--space-l); border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white);
}
.case-story__media {
  margin: 0; overflow: hidden; aspect-ratio: 5 / 2; border-radius: 0.75rem; @container case-feature (width < 36rem) { & { aspect-ratio: 4 / 3; } }
}
.case-story__img {
  inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 60%;
}
.case-story__body {
  padding-inline: var(--space-m);
}
.case-story__lead {
  margin: 0; font-size: var(--text-xl); line-height: 1.6; color: var(--base);
}
.case-story__ran {
  display: grid; gap: 0.75rem; padding-inline: var(--space-m);
}
.case-story__ran-heading {
  color: var(--neutral);
}
.tag-list {
  display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0;
}
.tag {
  display: inline-block; padding: 0.5rem 0.875rem; border-radius: 999px; background-color: var(--primary-light); font-size: 0.8125rem; font-weight: 700; line-height: 1.2; color: var(--primary);
}
.case-figures {
  container: case-figures / inline-size; display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-l); padding: var(--space-l); border-radius: var(--radius); background-image: radial-gradient(ellipse 90% 80% at 100% 0%, rgb(252 182 20 / .35) 0%, rgb(252 182 20 / 0) 50%), linear-gradient(45deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%); color: var(--text-light-muted);
}
.case-figures__lead {
  display: grid; gap: 0.375rem; margin: 0;
}
.case-figures__number {
  font-size: clamp(3rem, 17cqi, 5rem); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; color: var(--accent);
}
.case-figures__label {
  font-size: var(--text-l);
}
.case-figures__timeline {
  display: grid; gap: 0.875rem;
}
.case-figures__heading {
  color: var(--text-light-muted);
}
.timeline {
  display: grid; margin: 0;
}
.timeline__row {
  display: flex; justify-content: space-between; gap: var(--space-s); padding-block: 0.75rem; border-block-start: 1px solid var(--border-color-light); font-size: var(--text-s);
}
.timeline__title {
  color: var(--text-light-muted);
}
.timeline__when {
  margin: 0; font-weight: 700; text-align: end; color: var(--text-light); .timeline__row:last-child & { color: var(--accent); }
}
.stats {
  display: flex; flex-wrap: wrap; gap: var(--space-s) var(--space-m); margin: 0; padding-block-start: var(--space-m); border-block-start: 1px solid var(--border-color-light);
}
.stats__item {
  display: flex; flex-direction: column-reverse; gap: 0.125rem;
}
.stats__label {
  font-size: var(--text-xs); color: var(--text-light-muted);
}
.stats__value {
  margin: 0; font-size: var(--h3); font-weight: 700; line-height: 1.2; color: var(--text-light);
}
.text-link__arrow {
  flex-shrink: 0; transition: translate var(--transition); .text-link:hover & { translate: 0.25rem 0; }
}
.skip-link {
  position: fixed; inset-inline-start: var(--space-s); inset-block-start: var(--space-s); z-index: 1000; padding: 0.75em 1.25em; border-radius: 999px; background: var(--accent); color: var(--base); font-weight: 700; text-decoration: none; translate: 0 -200%; &:focus { translate: 0 0; }
}
.section-intro {
  display: flex; flex-direction: column; gap: var(--space-s);
}
.section-intro__heading {
  margin: 0; font-size: var(--h2); color: var(--intro-heading, var(--heading-color));
}
.section-intro__text {
  margin: 0; max-inline-size: 40rem; font-size: var(--text-l); color: var(--intro-text, var(--text-dark-muted));
}
.site-header {
  position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 100; container: site-header / inline-size; padding-block: 0; padding-inline: max(0.5rem, calc(var(--gutter) - 1rem)); color: var(--text-light); transition: translate var(--transition), padding var(--transition); @media (prefers-reduced-motion: reduce) { & { transition: none; } }
}
.site-header--scrolled {
  padding-block-start: 0.75rem;
}
.site-header--menu-open {
  padding-block-start: 0.75rem;
}
.site-header--hidden {
  translate: 0 calc(-100% - 1rem);
}
.site-header__inner {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: var(--space-m); inline-size: 100%; max-inline-size: calc(var(--content-width) + 2rem); min-block-size: var(--site-header-height); margin-inline: auto; padding-inline: 1rem; border: 1px solid transparent; border-radius: 999px; transition: min-block-size var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition); .site-header--scrolled &, .site-header--menu-open & { min-block-size: 4.25rem; border-color: rgb(255 255 255 / 0.12); background-color: rgb(15 28 37 / 0.72); box-shadow: 0 12px 32px rgb(15 28 37 / 0.22); -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); } .site-header--menu-open & { background-color: rgb(15 28 37 / 0.94); }
}
.site-header__logo {
  display: block; flex-shrink: 0; border-radius: var(--radius-xs);
}
.site-header__logo-img {
  display: block; inline-size: auto; block-size: 2.75rem; transition: block-size var(--transition); .site-header--scrolled &, .site-header--menu-open & { block-size: 2.25rem; }
}
.site-header__actions {
  display: flex; align-items: center; gap: var(--space-xs);
}
.site-header__menu-toggle {
  display: none; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; border: 1.5px solid var(--border-color-light); border-radius: 999px; color: var(--text-light); @container site-header (width < 64rem) { & { display: inline-grid; } }
}
.site-nav {
  @container site-header (width < 64rem) { & { display: none; position: absolute; inset-block-start: calc(100% + 0.5rem); inset-inline: 0; max-block-size: calc(100dvh - 6rem); overflow-y: auto; padding: var(--space-xs) var(--space-m) var(--space-m); border: 1px solid rgb(255 255 255 / 0.12); border-radius: var(--radius); background-color: rgb(15 28 37 / 0.97); box-shadow: 0 18px 48px rgb(15 28 37 / 0.35); } }
}
.site-nav--open {
  @container site-header (width < 64rem) { & { display: block; } }
}
.site-nav__list {
  display: flex; align-items: center; gap: var(--space-m); margin: 0; padding: 0; @container site-header (width < 64rem) { & { flex-direction: column; align-items: stretch; gap: 0; } }
}
.site-nav__item {
  position: relative; @container site-header (width < 64rem) { & { border-block-end: 1px solid var(--border-color-light); } }
}
.site-nav__item--cta {
  display: none; @container site-header (width < 64rem) { & { display: block; border: 0; padding-block-start: var(--space-m); } }
}
.site-nav__link {
  display: inline-flex; align-items: center; padding-block: 0.5rem; font-size: var(--text-s); color: var(--text-light); text-decoration: none; transition: color var(--transition); &:hover { color: var(--accent); } &[aria-current="page"] { color: var(--accent); font-weight: 700; } @container site-header (width < 64rem) { & { display: flex; padding-block: 1rem; font-size: var(--text-m); } }
}
.site-nav__toggle {
  display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 0; font-size: var(--text-s); color: var(--text-light); transition: color var(--transition); &:hover { color: var(--accent); } &[aria-expanded="true"] .site-nav__chevron { rotate: 180deg; } @container site-header (width < 64rem) { & { inline-size: 100%; justify-content: space-between; padding-block: 1rem; font-size: var(--text-m); } }
}
.site-nav__chevron {
  flex-shrink: 0; transition: rotate var(--transition);
}
.site-nav__submenu {
  position: absolute; inset-block-start: calc(100% + 0.75rem); inset-inline-start: -1rem; z-index: 10; display: grid; gap: 0.125rem; min-inline-size: 16rem; margin: 0; padding: var(--space-xs); list-style: none; border-radius: var(--radius); background-color: var(--white); box-shadow: var(--box-shadow-3); &[hidden] { display: none; } &::before { content: ""; position: absolute; inset-inline: 0; inset-block-end: 100%; block-size: 0.875rem; } @media (prefers-reduced-motion: no-preference) { & { animation: vx-drop 220ms cubic-bezier(0.4, 0, 0.2, 1); } } @container site-header (width < 64rem) { & { position: static; min-inline-size: 0; padding: 0 0 var(--space-xs); background: none; box-shadow: none; animation-name: vx-fade; &::before { display: none; } } }
}
.site-nav__sublink {
  display: block; padding: 0.625rem 1rem; border-radius: var(--radius-s); font-size: var(--text-s); color: var(--base); text-decoration: none; transition: background-color var(--transition), color var(--transition); &:hover { background-color: var(--neutral-ultra-light); color: var(--primary); } &[aria-current="page"] { font-weight: 700; color: var(--primary); } @container site-header (width < 64rem) { & { padding-inline: var(--space-s); color: var(--text-light-muted); &:hover { background-color: color-mix(in oklch, var(--white) 8%, transparent); color: var(--text-light); } &[aria-current="page"] { color: var(--accent); } } }
}
.site-nav__cta {
  --btn-width: 100%; inline-size: 100%;
}
.dashboard__stat--dark {
  border-color: var(--base); background-color: var(--base); @container dashboard (width < 22rem) { & { grid-column: 1 / -1; } }
}
.dashboard__fill--meta {
  background-color: var(--primary-semi-light);
}
.dashboard__fill--search {
  background-color: var(--accent);
}
.industry-card {
  --card-ink: var(--text-dark-muted); --card-heading: var(--heading-color); --card-link: var(--base); --card-rule: var(--border-color-dark); position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-l); padding: var(--space-l); overflow: hidden; border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white); color: var(--card-ink); transition: box-shadow var(--transition), translate var(--transition), border-color var(--transition); &::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(45deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%); opacity: 0; scale: 1.06; transition: opacity 320ms cubic-bezier(0.4, 0, 0.2, 1), scale 600ms cubic-bezier(0.4, 0, 0.2, 1); } &:hover, &:focus-within { --card-ink: var(--text-light-muted); --card-heading: var(--text-light); --card-link: var(--text-light); --card-rule: var(--border-color-light); --focus-color: var(--accent); border-color: transparent; box-shadow: var(--box-shadow-2); translate: 0 -4px; &::before { opacity: 1; scale: 1; } } &:has(.industry-card__link:focus-visible) { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); } @media (prefers-reduced-motion: reduce) { &:hover, &:focus-within { translate: none; } }
}
.industry-card__body {
  display: grid; gap: var(--space-s);
}
.industry-card__icon {
  display: grid; place-items: center; inline-size: 3rem; block-size: 3rem; border-radius: 0.75rem; background-color: var(--primary-light); color: var(--primary); transition: background-color var(--transition), color var(--transition), translate 320ms cubic-bezier(0.4, 0, 0.2, 1); .industry-card:is(:hover, :focus-within) & { background-color: rgb(252 182 20 / 0.14); color: var(--accent); translate: 0 -2px; } @media (prefers-reduced-motion: reduce) { .industry-card:is(:hover, :focus-within) & { translate: none; } }
}
.industry-card__title {
  margin: 0; padding-block-start: 0.5rem; font-size: var(--h3); color: var(--card-heading); transition: color var(--transition);
}
.industry-card__summary {
  margin: 0; font-size: var(--text-m); transition: color var(--transition);
}
.industry-card__link {
  display: flex; align-items: center; gap: 0.5rem; padding-block-start: 1.25rem; border-block-start: 1px solid var(--card-rule); font-size: var(--text-s); font-weight: 700; color: var(--card-link); text-decoration: none; transition: color var(--transition), border-color var(--transition); &:hover { color: var(--card-link); } &::after { content: ""; position: absolute; inset: 0; } &:focus-visible { outline: none; }
}
.industry-card__arrow {
  flex-shrink: 0; transition: translate var(--transition); .industry-card:hover & { translate: 0.25rem 0; }
}
.plan-row {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-m); padding: 1.25rem var(--space-m); @container plan-list (width < 30rem) { & { flex-direction: column; align-items: flex-start; gap: 0.5rem; padding-inline: 0; } }
}
.plan-row__copy {
  display: grid; flex: 1; gap: 0.25rem;
}
.plan-row__name {
  margin: 0; font-size: var(--text-l); letter-spacing: 0; color: var(--text-light);
}
.plan-row__details {
  margin: 0; font-size: var(--text-s); color: var(--text-light-muted);
}
.plan-row__price {
  flex-shrink: 0; margin: 0; font-size: var(--text-xxl); font-weight: 700; color: var(--text-light); .plan-row--highlighted-true & { color: var(--accent); }
}
.plan-row__unit {
  font-size: var(--text-s); font-weight: 400; color: var(--text-light-muted);
}
.cta-band {
  container: cta-band / inline-size; padding-block: 0 var(--section-space-m);
}
.cta-band__card {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: var(--space-l) var(--space-xl); padding: var(--space-xl); border-radius: var(--radius); background-image: radial-gradient(ellipse 60% 120% at 100% 0%, rgb(252 182 20 / .5) 0%, rgb(252 182 20 / 0) 45%), linear-gradient(45deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%); @container cta-band (width < 52rem) { & { flex-direction: column; align-items: flex-start; padding: var(--space-l); } }
}
.cta-band__actions {
  display: grid; flex-shrink: 0; gap: 0.75rem;
}
.site-footer {
  container: site-footer / inline-size; padding-block: var(--space-xxl-to-l) var(--space-l); background-color: var(--base); color: var(--text-light-muted);
}
.site-footer__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; gap: var(--space-xl);
}
.site-footer__top {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-xl);
}
.site-footer__brand {
  display: grid; align-content: start; gap: 1.25rem; max-inline-size: 21.25rem;
}
.site-footer__logo {
  display: block; justify-self: start; border-radius: var(--radius-xs);
}
.site-footer__logo-img {
  display: block; inline-size: auto; block-size: 2.75rem;
}
.site-footer__line {
  margin: 0; font-size: var(--text-s);
}
.site-footer__nav {
  display: flex; flex-wrap: wrap; gap: var(--space-l) var(--space-xxl-to-l); @container site-footer (width < 40rem) { & { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } }
}
.site-footer__col {
  display: grid; align-content: start; gap: 1.25rem;
}
.site-footer__heading {
  margin: 0; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-light);
}
.site-footer__list {
  display: grid; gap: 0.75rem; margin: 0; padding: 0;
}
.site-footer__link {
  font-size: var(--text-s); color: var(--text-light-muted); text-decoration: none; &:hover { color: var(--accent); text-decoration: underline; }
}
.site-footer__bottom {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-s); padding-block-start: 1.5rem; border-block-start: 1px solid var(--border-color-light); font-size: var(--text-xs);
}
.site-footer__copy {
  margin: 0;
}
.site-footer__legal {
  display: flex; gap: var(--space-s); margin: 0; padding: 0;
}
.section-intro__eyebrow {
  color: var(--intro-eyebrow, var(--tertiary));
}
.visually-hidden {
  position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.site-header__menu-icon--open {
  [aria-expanded="true"] > & { display: none; }
}
.site-header__menu-icon--close {
  display: none; [aria-expanded="true"] > & { display: block; }
}
.site-header__cta {
  @container site-header (width < 24rem) { & { display: none; } }
}
.site-header__actions > .site-header__cta {
  padding: 0.75em 1.375em; font-size: var(--text-s);
}
.stack-section {
  container: stack-section / inline-size; padding-block: var(--section-space-m);
}
.stack-section__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; gap: var(--space-l); & > * { min-inline-size: 0; }
}
.stack-section__head {
  display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--space-s) var(--space-l);
}
.stack-section__aside {
  margin: 0; max-inline-size: 25rem; font-size: var(--text-l); .stack-section--dark & { color: var(--text-light-muted); }
}
.split-section {
  container: split-section / inline-size; padding-block: var(--section-space-m);
}
.split-section__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 27.5rem) minmax(0, 1fr); align-items: start; gap: var(--space-xxl); @container split-section (width < 56rem) { & { grid-template-columns: minmax(0, 1fr); gap: var(--space-l); } }
}
.split-section__intro {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m);
}
.split-section__content {
  display: grid; gap: var(--space-m); min-inline-size: 0;
}
.page-hero {
  container: page-hero / inline-size; padding-block: calc(var(--site-header-height) + var(--space-xl)) var(--space-xxl); background-image: radial-gradient(ellipse 70% 90% at 100% 0%, rgb(252 182 20 / .55) 0%, rgb(252 182 20 / 0) 42%), linear-gradient(180deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%); color: var(--text-light);
}
.page-hero__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-xl); @container page-hero (width < 60rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.page-hero__copy {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m); max-inline-size: 47.5rem; @media (prefers-reduced-motion: no-preference) { & > * { animation: vx-fade-up 640ms cubic-bezier(0.4, 0, 0.2, 1) backwards; } & > :nth-child(2) { animation-delay: 80ms; } & > :nth-child(3) { animation-delay: 160ms; } & > :nth-child(4) { animation-delay: 240ms; } & > :nth-child(n + 5) { animation-delay: 320ms; } }
}
.page-hero__heading {
  margin: 0; font-size: var(--h1); line-height: var(--h1-line-height); color: var(--text-light);
}
.page-hero__line {
  display: block;
}
.page-hero__text {
  margin: 0; max-inline-size: 40rem; font-size: var(--text-xl); color: var(--text-light-muted);
}
.price-callout {
  display: grid; gap: 1.25rem; inline-size: min(100%, 21.25rem); padding: 1.75rem; border: 1px solid var(--border-color-light); border-radius: var(--radius); background-color: rgb(15 28 37 / 0.55);
}
.price-callout__copy {
  display: grid; gap: 0.25rem;
}
.price-callout__label {
  margin: 0; font-size: var(--text-s); color: var(--text-light-muted);
}
.price-callout__price {
  margin: 0; font-size: 2.75rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: var(--accent);
}
.price-callout__unit {
  font-size: var(--text-m); font-weight: 400; letter-spacing: 0; color: var(--text-light-muted);
}
.price-callout__note {
  margin: 0; font-size: 0.8125rem; color: var(--text-light-muted);
}
.price-callout__cta {
  --btn-width: 100%; inline-size: 100%;
}
.check-list {
  display: grid; gap: 1rem var(--space-m); margin: 0; padding: 0; color: var(--text-dark-muted);
}
.check-list__item {
  display: flex; gap: 0.75rem; font-size: var(--text-m); line-height: 1.5;
}
.check-list__icon {
  flex-shrink: 0; color: var(--success-semi-dark); .check-list--dark & { color: var(--success); }
}
.step-list {
  container: step-list / inline-size; inline-size: 100%; margin: 0; padding: 0; counter-reset: step; border-block-end: 1px solid var(--neutral-light);
}
.step-list__item {
  display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: var(--space-m); padding-block: 2.25rem; border-block-start: 1px solid var(--neutral-light); counter-increment: step; &::before { content: counter(step, decimal-leading-zero); padding-block-start: 0.625rem; font-size: var(--text-s); font-weight: 700; color: var(--tertiary); } .step-list--dark & { border-color: var(--border-color-light); &::before { color: var(--accent); } } .step-list--small & { grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-s); padding-block: 1.25rem; &::before { padding-block-start: 0.125rem; } } @container step-list (width < 30rem) { & { grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-s); } }
}
.step-list__body {
  display: grid; gap: 0.5rem;
}
.step-list__title {
  margin: 0; font-size: var(--h3); .step-list--small & { font-size: var(--text-l); letter-spacing: 0; } .step-list--dark & { color: var(--text-light); }
}
.step-list__text {
  margin: 0; font-size: var(--text-l); .step-list--small & { font-size: var(--text-s); } .step-list--dark & { color: var(--text-light-muted); }
}
.step-columns {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: var(--space-l) var(--space-m); margin: 0; padding: 0; counter-reset: step;
}
.step-columns__item {
  display: flex; flex-direction: column; gap: 0.5rem; padding-block-start: 1.25rem; border-block-start: 2px solid var(--neutral-light); counter-increment: step; .step-columns--numbered-true &::before { content: counter(step, decimal-leading-zero); font-size: var(--text-s); font-weight: 700; color: var(--tertiary); } .step-columns--dark & { border-color: var(--accent); &::before { color: var(--accent); } } .step-columns--highlight-true &:last-child { border-color: var(--accent); }
}
.step-columns__label {
  margin: 0; font-size: var(--text-s); font-weight: 700; color: var(--neutral); .step-columns--highlight-true .step-columns__item:last-child & { color: var(--accent-semi-dark); }
}
.step-columns__title {
  margin: 0; font-size: var(--text-l); letter-spacing: 0; .step-columns--dark & { color: var(--text-light); }
}
.step-columns__text {
  margin: 0; font-size: var(--text-s); .step-columns--dark & { color: var(--text-light-muted); }
}
.card-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: var(--space-m); margin: 0; padding: 0;
}
.card-grid__card {
  display: grid; align-content: start; gap: 0.5rem; padding: var(--space-m); border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white);
}
.card-grid__title {
  margin: 0; font-size: var(--text-l); letter-spacing: 0;
}
.card-grid__text {
  margin: 0; font-size: var(--text-s);
}
.stat-list {
  display: flex; flex-wrap: wrap; gap: var(--space-s) var(--space-l); margin: 0;
}
.stat-list__item {
  display: flex; flex-direction: column-reverse; gap: 0.125rem;
}
.stat-list__label {
  font-size: var(--text-xs); color: var(--neutral); .stat-list--dark & { color: var(--text-light-muted); }
}
.stat-list__value {
  margin: 0; font-size: var(--h3); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: var(--base); .stat-list--dark & { color: var(--text-light); }
}
.pricing-tabs__note {
  margin: 0; padding-inline: var(--space-m); font-size: var(--text-s); color: var(--text-light-muted); @container pricing-tabs (width < 32rem) { & { padding-inline: 0; } }
}
.plan-card {
  --plan-ink: var(--text-light-muted); --plan-heading: var(--text-light); display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; padding: var(--space-m); border: 1px solid var(--border-color-light); border-radius: var(--radius); background-color: var(--secondary-semi-dark); color: var(--plan-ink);
}
.tag--caps {
  padding: 0.375rem 0.75rem; font-size: 0.6875rem; letter-spacing: 0.12em; text-transform: uppercase;
}
.plan-card__tag {
  background-color: color-mix(in oklch, var(--white) 12%, transparent); color: var(--text-light); .plan-card--highlighted-true & { background-color: var(--accent); color: var(--base); }
}
.plan-card__name {
  margin: 0; padding-block-start: 0.5rem; font-size: var(--text-xl); letter-spacing: 0; color: var(--plan-heading);
}
.plan-card__text {
  margin: 0; font-size: var(--text-s); flex-grow: 1;
}
.plan-card__price {
  margin: 0; padding-block: var(--space-s); font-size: var(--h2); font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: var(--plan-heading);
}
.plan-card__unit {
  font-size: var(--text-s); font-weight: 400; letter-spacing: 0; color: var(--plan-ink);
}
.plan-card__includes {
  align-self: stretch; margin: 0; padding-block-start: var(--space-s); border-block-start: 1px solid var(--border-color-light); font-size: var(--text-s); .plan-card--highlighted-true & { border-color: var(--border-color-dark); }
}
.price-card {
  display: grid; gap: 0.75rem; inline-size: 100%; padding: var(--space-m); border-radius: var(--radius); background-color: var(--secondary-semi-dark);
}
.price-card__eyebrow {
  color: var(--text-light-muted);
}
.price-card__row {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem var(--space-m);
}
.price-card__title {
  margin: 0; font-size: var(--text-l); letter-spacing: 0; color: var(--text-light);
}
.price-card__link {
  color: inherit; text-decoration: none; &:hover { text-decoration: underline; }
}
.price-card__price {
  margin: 0; font-size: var(--text-xxl); font-weight: 700; color: var(--text-light);
}
.price-card__prefix {
  font-size: var(--text-s); font-weight: 400; color: var(--text-light-muted);
}
.price-card__text {
  margin: 0; font-size: var(--text-s); color: var(--text-light-muted);
}
.case-feature {
  container: case-feature / inline-size; padding-block: var(--section-space-m);
}
.case-feature__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; gap: var(--space-xl);
}
.case-feature__head {
  display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--space-s) var(--space-l);
}
.case-feature__grid {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 28.75rem); gap: var(--space-m); @container case-feature (width < 56rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.case-card {
  container: case-card / inline-size; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); overflow: hidden; border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white); @container stack-section (width < 48rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.case-card__media {
  margin: 0; min-block-size: 16rem; overflow: hidden; .case-card--compact & { border-radius: var(--radius); }
}
.case-card__img {
  inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 60%;
}
.case-card__body {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-s); padding: var(--space-l); .case-card--compact & { border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white); }
}
.case-card__tag {
  margin: 0;
}
.case-card__title {
  margin: 0; font-size: var(--h3); .case-card--wide & { font-size: var(--h2-to-h3); }
}
.case-card__services {
  margin: 0 0 var(--space-xs); font-size: var(--text-s); color: var(--neutral);
}
.faq-list {
  border-block-end: 1px solid var(--neutral-light);
}
.faq-list__item {
  border-block-start: 1px solid var(--neutral-light);
}
.faq-list__question {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-m); padding-block: 1.25rem; font-weight: 700; color: var(--base); cursor: pointer; list-style: none; &::-webkit-details-marker { display: none; } &:hover { color: var(--primary); } &:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); border-radius: var(--radius-xs); }
}
.faq-list__icon {
  flex-shrink: 0; transition: rotate var(--transition); .faq-list__item[open]:not(.faq-list__item--closing) & { rotate: 45deg; }
}
.faq-list__answer {
  margin: 0; padding-block-end: 1.25rem; max-inline-size: 40rem; font-size: var(--text-s);
}
.compare {
  position: relative; overflow-x: auto; border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white); &:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); }
}
.compare__table {
  inline-size: 100%; min-inline-size: 40rem; border-collapse: collapse; font-size: var(--text-s);
}
.compare__corner {
  border-block-end: 1px solid var(--border-color-dark);
}
.compare__head {
  padding: 1rem; font-weight: 700; text-align: center; color: var(--base); border-block-end: 1px solid var(--border-color-dark);
}
.compare__head--us {
  border-block-start: 3px solid var(--accent); background-color: var(--primary-ultra-light); color: var(--primary);
}
.compare__row {
  &:not(:last-child) > * { border-block-end: 1px solid var(--border-color-dark); }
}
.compare__label {
  padding: 1rem; font-weight: 400; text-align: start; color: var(--text-dark-muted);
}
.compare__cell {
  padding: 1rem; text-align: center; color: var(--neutral);
}
.compare__cell--us {
  background-color: var(--primary-ultra-light); color: var(--primary);
}
.compare__icon {
  display: inline-block; vertical-align: middle;
}
.compare__varies {
  font-size: var(--text-xs); color: var(--neutral);
}
.pricing-band {
  container: pricing-band / inline-size; padding-block: 0 var(--section-space-m);
}
.pricing-band__card {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; gap: var(--space-l); padding: var(--space-xl); border-radius: var(--radius); background-image: radial-gradient(ellipse 60% 120% at 100% 0%, rgb(252 182 20 / .35) 0%, rgb(252 182 20 / 0) 45%), linear-gradient(45deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%); color: var(--text-light-muted); @container pricing-band (width < 40rem) { & { padding: var(--space-l); } }
}
.pricing-band__head {
  display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--space-m);
}
.pricing-band__heading {
  margin: 0; font-size: var(--h2); color: var(--text-light);
}
.pricing-band__prices {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--space-l); padding-block-start: var(--space-m); border-block-start: 1px solid var(--border-color-light);
}
.pricing-band__price {
  display: grid; align-content: start; gap: 0.375rem; & + & { padding-inline-start: var(--space-l); border-inline-start: 1px solid var(--border-color-light); } @container pricing-band (width < 40rem) { & + & { padding-inline-start: 0; border: 0; } }
}
.pricing-band__amount {
  margin: 0; font-size: var(--h2); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: var(--accent);
}
.pricing-band__unit {
  font-size: var(--text-m); font-weight: 400; letter-spacing: 0; color: var(--text-light-muted);
}
.pricing-band__text {
  margin: 0; font-size: var(--text-s);
}
.pricing-band__amount--alt {
  font-size: var(--h3); color: var(--text-light);
}
.pricing-band__note {
  margin: 0; font-size: var(--text-s);
}
.feature-band {
  container: feature-band / inline-size; padding-block: 0 var(--section-space-m);
}
.feature-band__card {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-l); padding: var(--space-l) var(--space-xl); border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white); @container feature-band (width < 40rem) { & { padding: var(--space-l); } }
}
.feature-band__aside {
  display: grid; justify-items: start; gap: var(--space-m);
}
.btn-icon {
  display: inline-flex; align-items: center; gap: 0.625rem; & svg { flex-shrink: 0; transition: translate var(--transition); } &:hover svg { translate: 0.25rem 0; }
}
.section-intro--dark {
  --intro-heading: var(--text-light); --intro-text: var(--text-light-muted); --intro-eyebrow: var(--accent);
}
.plan-builder {
  container: plan-builder / inline-size; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 20rem); align-items: start; gap: var(--space-m); @container stack-section (width < 52rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.plan-builder__options {
  display: grid; gap: 0.75rem; margin: 0; padding: 0; border: 0; min-inline-size: 0;
}
.plan-option {
  display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--space-s) var(--space-m); padding: 1.25rem var(--space-m); border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white); cursor: pointer; transition: border-color var(--transition), background-color var(--transition); &:has(:checked) { border-color: var(--accent); background-color: var(--accent-ultra-light); } &:has(:focus-visible) { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); } @container plan-builder (width < 30rem) { & { grid-template-columns: minmax(0, 1fr) auto; } }
}
.plan-option--included {
  cursor: default;
}
.plan-option__copy {
  display: grid; gap: 0.25rem;
}
.plan-option__name {
  display: flex; align-items: center; gap: 0.5rem; margin: 0; font-weight: 700; color: var(--base);
}
.plan-option__text {
  margin: 0; font-size: var(--text-s); color: var(--text-dark-muted);
}
.plan-option__price {
  margin: 0; font-weight: 700; color: var(--base); white-space: nowrap; @container plan-builder (width < 30rem) { & { grid-row: 2; } }
}
.plan-option__switch {
  appearance: none; position: relative; inline-size: 2.75rem; block-size: 1.5rem; margin: 0; border-radius: 999px; background-color: var(--neutral-light); cursor: pointer; transition: background-color var(--transition); &::after { content: ""; position: absolute; inset-block-start: 0.1875rem; inset-inline-start: 0.1875rem; inline-size: 1.125rem; block-size: 1.125rem; border-radius: 50%; background-color: var(--white); box-shadow: var(--box-shadow-1); transition: translate var(--transition); } &:checked { background-color: var(--accent); &::after { translate: 1.25rem 0; } } &:focus-visible { outline: none; }
}
.plan-option--addon {
  cursor: default; background-color: color-mix(in oklch, var(--neutral) 6%, var(--white));
}
.plan-option__stepper {
  display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem; border: 1px solid var(--border-color-dark); border-radius: 999px; background-color: var(--white);
}
.plan-option__step {
  display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; border-radius: 50%; font-weight: 700; color: var(--base); &:hover:not(:disabled) { background-color: var(--neutral-ultra-light); } &:disabled { color: var(--neutral-light); cursor: not-allowed; }
}
.plan-option__qty {
  inline-size: 2.5rem; border: 0; background: none; font-weight: 700; text-align: center; color: var(--base); -moz-appearance: textfield; &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { appearance: none; margin: 0; } &:disabled { color: var(--neutral); }
}
.plan-builder__summary {
  min-inline-size: 0; position: sticky; inset-block-start: calc(var(--site-header-height) + var(--space-s)); display: grid; gap: var(--space-s); padding: var(--space-m); border-radius: var(--radius); background-image: radial-gradient(ellipse 80% 60% at 100% 0%, rgb(252 182 20 / .3) 0%, rgb(252 182 20 / 0) 50%), linear-gradient(45deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%); color: var(--text-light-muted); box-shadow: var(--box-shadow-3);
}
.plan-builder__lines {
  display: grid; gap: 0.5rem; margin: 0; padding: 0 0 var(--space-s); border-block-end: 1px solid var(--border-color-light); font-size: var(--text-s);
}
.plan-builder__total {
  display: grid; gap: 0.25rem;
}
.plan-builder__total-label {
  margin: 0; font-size: var(--text-s);
}
.plan-builder__total-amount {
  margin: 0; font-size: var(--h1-to-h2); font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; color: var(--accent);
}
.plan-builder__unit {
  font-size: var(--text-m); font-weight: 400; letter-spacing: 0; color: var(--text-light-muted);
}
.plan-builder__empty-note {
  display: none; margin: 0; font-size: var(--text-s); color: var(--text-light); .plan-builder--empty & { display: block; }
}
.plan-builder__note {
  margin: 0; font-size: var(--text-xs);
}
.plan-builder__cta {
  --btn-width: 100%; inline-size: 100%; white-space: normal; .plan-builder--empty & { opacity: 0.6; }
}
.plan-builder__fine {
  margin: 0; font-size: var(--text-xs); text-align: center;
}
.ownership {
  container: ownership / inline-size; padding-block: 0 var(--section-space-m);
}
.ownership__card {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; gap: var(--space-l); padding: var(--space-xl); border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white); @container ownership (width < 40rem) { & { padding: var(--space-l); } }
}
.ownership__head {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-s) var(--space-l);
}
.ownership__heading {
  margin: 0; font-size: var(--h2);
}
.ownership__intro {
  margin: 0; max-inline-size: 25rem;
}
.ownership__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); gap: 0.75rem; margin: 0; padding: 0;
}
.ownership__item {
  display: grid; align-content: start; gap: 0.75rem; padding: 1.25rem; border-radius: 0.75rem; background-color: color-mix(in oklch, var(--neutral) 6%, var(--white));
}
.ownership__icon {
  color: var(--success-semi-dark);
}
.ownership__name {
  font-size: var(--text-s); font-weight: 700; color: var(--base);
}
.ownership__note {
  display: flex; gap: 0.625rem; margin: 0; padding-block-start: var(--space-m); border-block-start: 1px solid var(--border-color-dark); font-size: var(--text-s); & svg { flex-shrink: 0; margin-block-start: 0.125rem; }
}
.meeting {
  display: grid;
  inline-size: 41.25rem;
  max-inline-size: 100%;
  overflow: hidden;
  border-radius: var(--radius);
  background-color: var(--white);
  box-shadow: 0 18px 48px rgb(15 28 37 / 0.35);
  color: var(--base);
}
.meeting__head {
  display: grid; gap: 0.125rem; padding: var(--space-m); border-block-end: 1px solid var(--border-color-dark);
}
.meeting__title {
  margin: 0; font-size: var(--text-l); font-weight: 700;
}
.meeting__detail {
  margin: 0; font-size: var(--text-s); color: var(--neutral);
}
.meeting__frame {
  min-block-size: 40rem; & iframe { display: block; inline-size: 100%; }
}
.meeting__fallback {
  margin: 0; padding: var(--space-m); font-size: var(--text-s); color: var(--text-dark-muted); .meeting--loaded & { display: none; }
}
.meeting__link {
  color: var(--primary); font-weight: 700;
}
.text-link--dark {
  color: var(--text-light); &:hover { color: var(--accent); }
}
.stack-section--dark {
  background-color: var(--base); color: var(--text-light-muted);
}
.stack-section--flush {
  padding-block-start: 0;
}
.split-section--dark {
  background-color: var(--base); color: var(--text-light-muted);
}
.split-section--flush {
  padding-block-start: 0;
}
.hero-actions {
  display: flex; flex-wrap: wrap; gap: 0.875rem; padding-block-start: var(--space-xs);
}
.hero-note {
  margin: 0; font-size: var(--text-s); color: var(--text-light-muted);
}
.check-list--dark {
  color: var(--text-light-muted);
}
.check-list--two {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}
.step-list--dark {
  border-color: var(--border-color-light);
}
.plan-card--highlighted-true {
  --plan-ink: var(--text-dark-muted); --plan-heading: var(--base); border: 2px solid var(--accent); background-color: var(--bg-ultra-light);
}
.plan-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: var(--space-m); margin: 0; padding: 0;
}
.plan-note {
  display: flex; align-items: flex-start; gap: 0.625rem; margin: 0; font-size: var(--text-s); color: var(--text-light-muted); & svg { flex-shrink: 0; margin-block-start: 0.125rem; }
}
.case-card--compact {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); gap: var(--space-m); overflow: visible; border: 0; background: none;
}
.compare__cell--yes {
  color: var(--success-semi-dark);
}
.site-nav__item--current {
  > .site-nav__toggle, > .site-nav__link { color: var(--accent); font-weight: 700; }
}
.plan-option--disabled {
  .plan-option__name, .plan-option__price { color: var(--neutral); }
}
.plan-builder__line {
  display: flex; justify-content: space-between; gap: var(--space-s);
}
.industry-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--space-m);
}
.case-list {
  display: grid; gap: var(--space-m);
}
.build-your-plan {
  scroll-margin-block-start: var(--site-header-height);
}
.spacer-top {
  block-size: var(--section-space-m);
}
.how-dashboard {
  display: grid; place-items: center; grid-template-columns: minmax(0, 1fr); padding: var(--space-xl) var(--space-m); border-radius: var(--radius); background-image: linear-gradient(45deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%); .dashboard { inline-size: min(100%, 40rem); }
}
.how-cards {
  container: how-cards / inline-size; padding-block-end: var(--section-space-m); padding-inline: var(--gutter);
}
.how-cards__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: var(--space-m);
}
.checkin-card {
  display: grid; align-content: start; gap: var(--space-m); padding: var(--space-l); border-radius: var(--radius); background-color: var(--secondary-semi-dark); color: var(--text-light-muted);
}
.checkin-card__heading {
  margin: 0; font-size: var(--h3); color: var(--text-light);
}
.checkin-card__list {
  display: grid; margin: 0;
}
.checkin-card__row {
  display: flex; justify-content: space-between; gap: var(--space-s); padding-block: 0.875rem; border-block-start: 1px solid var(--border-color-light); font-size: var(--text-s); color: var(--text-light);
}
.checkin-card__detail {
  margin: 0; color: var(--text-light-muted);
}
.ai-card {
  display: grid; align-content: start; gap: var(--space-s); padding: var(--space-l); border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white);
}
.ai-card__heading {
  margin: 0; font-size: var(--h3);
}
.ai-card__text {
  margin: 0; font-size: var(--text-s);
}
.ai-flow {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin: var(--space-xs) 0 0; padding: 0; counter-reset: none; @container how-cards (width < 32rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.ai-flow__step {
  position: relative; display: grid; align-content: start; gap: 0.25rem; padding: 0.875rem; border: 1px solid var(--border-color-dark); border-radius: 0.75rem; background-color: var(--white); &:not(:last-child)::after { content: "→"; position: absolute; inset-inline-end: -1.2rem; inset-block-start: 50%; translate: 0 -50%; color: var(--neutral); }
}
.ai-flow__step--dark {
  border-color: var(--base); background-color: var(--base);
}
.ai-flow__tag {
  font-size: 0.625rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--neutral); .ai-flow__step--dark & { color: var(--accent); } .ai-flow__step--live & { color: var(--success-semi-dark); }
}
.ai-flow__title {
  font-size: var(--text-s); font-weight: 700; line-height: 1.3; color: var(--base); .ai-flow__step--dark & { color: var(--text-light); }
}
.service-intro {
  container: service-intro / inline-size; padding-block: var(--section-space-m);
}
.service-intro__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; gap: var(--space-l);
}
.service-intro__copy {
  display: grid; gap: var(--space-s); max-inline-size: 60rem;
}
.service-intro__summary {
  margin: 0; font-size: var(--h2-to-h3); line-height: 1.3; letter-spacing: -0.02em; color: var(--heading-color);
}
.included-card {
  display: grid; gap: var(--space-m); padding: var(--space-l); border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white);
}
.included-card__heading {
  margin: 0; padding-block-end: var(--space-m); border-block-end: 1px solid var(--border-color-dark); font-size: var(--h3);
}
.included-card__lists {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: 1rem var(--space-l);
}
.included-card__note {
  display: flex; gap: 0.625rem; margin: 0; font-size: var(--text-s); color: var(--neutral); & svg { flex-shrink: 0; margin-block-start: 0.125rem; }
}
.service-preview {
  margin: 0; display: grid; gap: var(--space-s);
}
.service-preview__img {
  inline-size: 108%; max-inline-size: none; block-size: auto; margin: -2.667% -4% -5.5%;
}
.service-preview__caption {
  font-size: var(--text-s); color: var(--neutral);
}
.service-proof {
  container: stack-section / inline-size; padding-block: var(--section-space-m);
}
.service-proof__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;
}
.dashboard-frame {
  display: grid; place-items: center; grid-template-columns: minmax(0, 1fr); padding: var(--space-l); border-radius: var(--radius); background-image: linear-gradient(45deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%);
}
.case-body {
  container: case-body / inline-size; padding-block: var(--section-space-m); padding-inline: var(--gutter);
}
.case-body__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; gap: var(--space-l);
}
.case-body__media {
  margin: 0; overflow: hidden; aspect-ratio: 2 / 1; border-radius: var(--radius); @container case-body (width < 40rem) { & { aspect-ratio: 4 / 3; } }
}
.case-body__img {
  inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 60%;
}
.case-body__meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 0; font-size: var(--text-s); color: var(--neutral);
}
.case-body__grid {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 27rem); align-items: start; gap: var(--space-xl); @container case-body (width < 52rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.case-body__story {
  display: grid; gap: 0.5rem;
}
.case-body__title {
  margin: 0 0 var(--space-s); font-size: var(--h2);
}
.case-body__label {
  margin-block-start: var(--space-s); color: var(--neutral);
}
.case-body__text {
  margin: 0;
}
.case-body__figures {
  display: grid; gap: var(--space-s);
}
.case-body__lead {
  display: grid; gap: 0.5rem; margin: 0; padding: var(--space-l); border-radius: var(--radius); background-image: radial-gradient(ellipse 80% 90% at 100% 0%, rgb(252 182 20 / .35) 0%, rgb(252 182 20 / 0) 50%), linear-gradient(45deg, var(--base) 0%, var(--secondary) 55%, var(--primary) 100%); color: var(--text-light-muted);
}
.case-body__number {
  font-size: clamp(3rem, 8cqi, 4.5rem); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; color: var(--accent);
}
.case-body__lead-label {
  font-size: var(--text-s);
}
.case-body__stats {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin: 0;
}
.case-body__stat {
  display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 0.25rem; padding: 1.25rem; border: 1px solid var(--border-color-dark); border-radius: var(--radius); background-color: var(--white);
}
.case-body__stat-label {
  font-size: var(--text-xs); color: var(--neutral);
}
.case-body__stat-value {
  margin: 0; font-size: var(--h3); font-weight: 700; color: var(--base);
}
.case-body__source {
  margin: 0; font-size: var(--text-xs); color: var(--neutral);
}
.legal-doc {
  padding-block: var(--section-space-m);
}
.legal-doc__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: grid; gap: var(--space-l); max-inline-size: 45rem; margin-inline: auto;
}
.legal-doc__section {
  display: grid; gap: var(--space-s);
}
.legal-doc__heading {
  margin: 0; font-size: var(--h3);
}
.legal-doc__text {
  margin: 0; font-size: var(--text-m); line-height: 1.7;
}
.legal-doc__list {
  display: grid; gap: 0.5rem; margin: 0; padding-inline-start: 1.25rem; list-style: disc; line-height: 1.6;
}
.legal-doc__link {
  color: var(--primary); font-weight: 700;
}
.faq-list__panel {
  overflow: hidden;
}
.page-hero__inner > :not(.page-hero__copy) {
  @media (prefers-reduced-motion: no-preference) { & { animation: vx-fade-up 800ms cubic-bezier(0.4, 0, 0.2, 1) 240ms backwards; } }
}
.schedule-hero {
  & .page-hero { padding-block-end: calc(var(--space-xxl) + 12rem); } & .page-hero__inner { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; } & .page-hero__copy { align-items: center; } & .check-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem var(--space-m); padding-block-start: var(--space-xs); } & .check-list__item { font-size: var(--text-s); }
}
.schedule-embed {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  margin-block-start: -12rem;
  padding-inline: var(--gutter);
  & .meeting {
    inline-size: 100%;
    max-inline-size: 50rem;
  }
}