.pr-page {

  --pr-ink: #131722;
  --pr-ink-soft: #2b3648;
  --pr-body: #54627c;
  --pr-body-2: #4c5b76;
  --pr-muted: #7c8cab;
  --pr-muted-2: #8595b4;
  --pr-on-blue: #c6d6f5;
  --pr-chip-on-blue: #f2f6fe;

  --pr-accent: #3d62c4;
  --pr-surface: #ffffff;
  --pr-surface-1: #f4f7fd;
  --pr-surface-2: #e7eefb;
  --pr-track: #dce5f7;
  --pr-divider: var(--mq-border);

  --pr-grad-h: linear-gradient(90deg, #6c8edb 0%, #4868c1 100%);
  --pr-grad-d: linear-gradient(135deg, #6d8fdc 0%, #4868c1 100%);

  --pr-shadow-card: var(--v4-shadow-card);
  --pr-shadow-card-tinted: var(--v4-shadow-card);
  --pr-shadow-blue: var(--v4-shadow-card);

  --pr-r-lg: calc(26 * var(--u));
  --pr-r-md: calc(18 * var(--u));
  --pr-r-sm: calc(16 * var(--u));
  --pr-r-chip: calc(12 * var(--u));

  --pr-font: "Inter", var(--font-family-base, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

.pr-page {
  --u: min(1px, calc(100cqw / 1760));
  container-type: inline-size;
  font-family: var(--pr-font);
  color: var(--pr-ink);

  font-size: calc(16 * var(--u));
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

.pr-page *,
.pr-page *::before,
.pr-page *::after {
  box-sizing: border-box;
}

:where(.pr-page) :where(h1, h2, h3, h4, p, ul, ol, li, div, span, section) {
  max-width: none;
  font-family: inherit;
  letter-spacing: normal;
  text-transform: none;
  text-wrap: wrap;
}

:where(.pr-page) :where(h1, h2, h3, h4, p) {
  margin: 0;
  font-weight: inherit;
  color: inherit;
  border: 0;
}

:where(.pr-page) :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(.pr-page) :where(ul, ol) > li::before,
:where(.pr-page) :where(ul, ol) > li::after {
  content: none;
}

:where(.pr-page) > * + * {
  margin-top: 0;
}

.pr-container {
  width: 100%;
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}

.pr-screen {
  padding-block: calc(130 * var(--u)) calc(104 * var(--u));
}

.pr-screen + .pr-screen {
  padding-top: calc(131 * var(--u));
}

.pr-h1 {
  margin: 0;
  font-size: calc(58 * var(--u));
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.028em;
  color: var(--pr-ink);
}

.pr-h1--two-line {
  font-size: calc(47 * var(--u));
  line-height: calc(53 / 47);
  letter-spacing: -0.033em;
}

.pr-h1 em {
  font-style: normal;
  color: var(--pr-accent);
}

.pr-lead {
  margin: calc(14 * var(--u)) 0 0;
  font-size: calc(21 * var(--u));
  font-weight: 400;
  line-height: 1.4;
  color: var(--pr-body-2);
}

.pr-h1--two-line + .pr-lead {
  margin-top: calc(16 * var(--u));
}

.pr-eyebrow {
  margin: 0;
  font-size: calc(14 * var(--u));
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: var(--pr-muted);
}

.pr-banner {
  display: flex;
  align-items: center;
  margin-top: calc(24 * var(--u));
  min-height: calc(78.7 * var(--u));
  padding-inline: calc(34 * var(--u));
  border-radius: var(--pr-r-lg);
  background-image: var(--pr-grad-h);
  box-shadow: var(--pr-shadow-blue);
}

.pr-banner__label {
  flex: 0 0 auto;
  min-width: calc(314 * var(--u));
  font-size: calc(14 * var(--u));
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: var(--pr-on-blue);
}

.pr-banner__text {
  font-size: calc(24 * var(--u));
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.011em;
  color: #fff;
}

.pr-row {
  display: grid;
  grid-template-columns: 932.8fr 805.2fr;
  gap: calc(22 * var(--u));
  margin-top: calc(20 * var(--u));
}

.pr-card {
  display: flex;
  flex-direction: column;
  min-height: calc(610.3 * var(--u));
  padding: calc(30.5 * var(--u)) calc(34 * var(--u)) calc(30 * var(--u));
  border-radius: var(--pr-r-lg);
  background-color: var(--pr-surface);
  box-shadow: var(--pr-shadow-card);
}

.pr-card__title {
  margin: calc(8 * var(--u)) 0 0;
  font-size: calc(26 * var(--u));
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.011em;
  color: var(--pr-ink);
}

.pr-tiers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(14 * var(--u));
  margin-top: calc(20 * var(--u));
}

.pr-tier {
  padding: calc(21.2 * var(--u)) calc(18 * var(--u)) calc(15.6 * var(--u));
  border-radius: var(--pr-r-md);
  background-color: var(--pr-surface-1);
}

.pr-tier__price {
  margin: 0;
  font-size: calc(34 * var(--u));
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.037em;
  color: var(--pr-accent);
}

.pr-tier__unit {
  margin: calc(4 * var(--u)) 0 0;
  font-size: calc(13 * var(--u));
  font-weight: 400;
  line-height: 1.4;
  color: var(--pr-muted-2);
}

.pr-tier__bar {
  height: calc(6 * var(--u));
  margin-top: calc(1.6 * var(--u));
  border-radius: calc(3 * var(--u));
  background-color: var(--pr-track);
}

.pr-tier__bar > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: var(--pr-accent);
}

.pr-tier__range {
  margin: calc(12 * var(--u)) 0 0;
  font-size: calc(17 * var(--u));
  font-weight: 600;
  line-height: 1.25;
  color: var(--pr-ink);
}

.pr-example {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(24 * var(--u));
  margin-top: calc(20 * var(--u));
  min-height: calc(86 * var(--u));
  padding: 0 calc(26 * var(--u));
  border-radius: var(--pr-r-md);
  background-color: var(--pr-surface-2);
}

.pr-example__title {
  margin: 0;
  font-size: calc(17 * var(--u));
  font-weight: 600;
  line-height: calc(22 / 17);
  color: var(--pr-accent);
}

.pr-example__desc {
  margin: 0;
  font-size: calc(16 * var(--u));
  font-weight: 400;
  line-height: 1.35;
  color: var(--pr-body);
}

.pr-example__sum {
  flex: 0 0 auto;
  font-size: calc(34 * var(--u));
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.037em;
  color: var(--pr-ink);
}

.pr-notes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(14 * var(--u));
  margin-top: auto;
  padding-top: calc(20 * var(--u));
}

.pr-note {
  display: flex;
  gap: calc(13.2 * var(--u));
  min-height: calc(76.8 * var(--u));
  padding: calc(16 * var(--u)) calc(26 * var(--u)) calc(16 * var(--u)) calc(18 * var(--u));
  border-radius: var(--pr-r-sm);
  background-color: var(--pr-surface-1);
}

.pr-note__num {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(26 * var(--u));
  height: calc(26 * var(--u));
  border-radius: calc(8 * var(--u));
  background-color: var(--pr-accent);
  font-size: calc(13 * var(--u));
  font-weight: 600;
  line-height: 1;
  color: #fff;
}

.pr-note__text {
  margin: 0;
  font-size: calc(16 * var(--u));
  font-weight: 400;
  line-height: calc(22 / 16);
  color: var(--pr-body);
}

.pr-note__text b {
  font-weight: 600;
  color: var(--pr-accent);
}

.pr-roles {
  margin-top: calc(21.2 * var(--u));
}

.pr-roles__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(16 * var(--u));
  height: calc(74 * var(--u));
  padding-inline: calc(4 * var(--u));
  border-bottom: calc(2 * var(--u)) solid var(--pr-divider);
  font-size: calc(20 * var(--u));
  font-weight: 600;
  line-height: 1.2;
}

.pr-roles__item:last-child {
  border-bottom: 0;
}

.pr-roles__price {
  letter-spacing: -0.018em;
  color: var(--pr-accent);
  white-space: nowrap;
}

.pr-callout {
  margin-top: auto;
  padding: calc(22.7 * var(--u)) calc(26 * var(--u)) calc(23.1 * var(--u));
  border-radius: var(--pr-r-lg);
  background-color: var(--pr-surface-2);
}

.pr-callout__title {
  margin: 0;
  font-size: calc(20 * var(--u));
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.018em;
  color: var(--pr-ink);
}

.pr-callout__text {
  margin: calc(8.5 * var(--u)) 0 0;
  font-size: calc(17 * var(--u));
  font-weight: 400;
  line-height: calc(24 / 17);
  letter-spacing: -0.006em;
  color: var(--pr-body);
}

.pr-grid {
  display: grid;
  grid-template-columns: 457.6fr 629.2fr 629.2fr;
  grid-template-rows: repeat(2, calc(323.4 * var(--u)));
  gap: calc(22 * var(--u));
  margin-top: calc(24 * var(--u));
}

.pr-base {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
  padding: calc(28.5 * var(--u)) calc(26 * var(--u));
  border-radius: var(--pr-r-lg);
  background-image: var(--pr-grad-d);
  box-shadow: var(--pr-shadow-blue);
}

.pr-base__label {
  margin: 0;
  font-size: calc(14 * var(--u));
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: var(--pr-on-blue);
}

.pr-base__title {
  margin: calc(8 * var(--u)) 0 0;
  font-size: calc(26 * var(--u));
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.011em;
  color: #fff;
}

.pr-base__sub {
  margin: calc(4 * var(--u)) 0 0;
  font-size: calc(17 * var(--u));
  font-weight: 600;
  line-height: calc(22.1 / 17);
  color: var(--pr-on-blue);
}

.pr-base__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(11 * var(--u)) calc(8 * var(--u));
  margin: calc(17 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}

.pr-base__list li {
  padding: calc(9.2 * var(--u)) calc(12 * var(--u));
  border-radius: var(--pr-r-chip);
  background-color: rgba(255, 255, 255, .13);
  font-size: calc(15 * var(--u));
  font-weight: 400;
  line-height: calc(19 / 15);
  color: var(--pr-chip-on-blue);
}

.pr-role {
  display: flex;
  flex-direction: column;
  padding: calc(24.5 * var(--u)) calc(28 * var(--u)) calc(24 * var(--u));
  border-radius: var(--pr-r-lg);
  background-color: var(--pr-surface);
  box-shadow: var(--pr-shadow-card);
}

.pr-role--tinted {
  background-color: var(--pr-surface-2);
  box-shadow: var(--pr-shadow-card-tinted);
}

.pr-role__label {
  margin: 0;
  font-size: calc(14 * var(--u));
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: var(--pr-muted);
}

.pr-role__head {

  margin-block: auto;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: calc(16 * var(--u));
  padding-bottom: calc(7 * var(--u));
}

.pr-role__title {
  margin: 0;
  font-size: calc(27 * var(--u));
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--pr-ink);
}

.pr-role__price {
  flex: 0 0 auto;
  font-size: calc(21 * var(--u));
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.016em;
  color: var(--pr-accent);
  white-space: nowrap;
}

.pr-role__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(9 * var(--u));
  margin: 0;
  padding: 0;
  list-style: none;
}

.pr-role__list li {
  padding: calc(10.75 * var(--u)) calc(14 * var(--u));
  border-radius: var(--pr-r-chip);
  background-color: var(--pr-surface-1);
  font-size: calc(16 * var(--u));
  font-weight: 400;
  line-height: calc(21 / 16);
  color: var(--pr-ink-soft);
}

.pr-role--tinted .pr-role__list li {
  background-color: var(--pr-surface);
}

@media (max-width: 1199.98px) {

  .pr-page {
    --u: min(1px, calc(100cqw / 1040));
  }

  .pr-container {
    max-width: none;
    padding-inline: 0;
  }

  .pr-row,
  .pr-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .pr-base {
    grid-row: auto;
  }

  .pr-card {
    min-height: 0;
  }

  .pr-h1 br {
    display: none;
  }
}

@media (max-width: 899.98px) {
  .pr-page {
    --u: 1px;
  }

  .pr-container {
    max-width: 100%;
    padding-inline: 0;
  }

  .pr-screen {
    padding-block: 64px 56px;
  }

  .pr-screen + .pr-screen {
    padding-top: 56px;
  }

  .pr-h1 {
    font-size: 38px;
  }

  .pr-h1--two-line {
    font-size: 34px;
    line-height: 1.2;
  }

  .pr-lead {
    font-size: 18px;
  }

  .pr-banner {
    display: block;
    padding: 22px 24px;
  }

  .pr-banner__label {
    display: block;
    min-width: 0;
    margin-bottom: 10px;
  }

  .pr-banner__text {
    font-size: 19px;
    line-height: 1.35;
  }

  .pr-card,
  .pr-base,
  .pr-role {
    padding: 26px 24px;
  }

  .pr-role__head {
    margin-block: 24px;
  }
}

@media (max-width: 599.98px) {

  .pr-container {
    padding-inline: 0;
  }

  .pr-h1 {
    font-size: 30px;
  }

  .pr-h1--two-line {
    font-size: 28px;
  }

  .pr-lead {
    font-size: 17px;
  }

  .pr-banner__text {
    font-size: 18px;
  }

  .pr-card,
  .pr-base,
  .pr-role {
    padding: 22px 18px;
  }

  .pr-tiers {
    grid-template-columns: repeat(2, 1fr);
  }

  .pr-example {
    display: block;
    padding: 20px;
  }

  .pr-example__sum {
    display: block;
    margin-top: 12px;
  }

  .pr-notes,
  .pr-base__list,
  .pr-role__list {
    grid-template-columns: 1fr;
  }

  .pr-roles__item {
    height: auto;
    padding-block: 18px;
  }

  .pr-role__head {
    display: block;
    margin-block: 20px;
    padding-bottom: 0;
  }

  .pr-role__price {
    display: block;
    margin-top: 4px;
  }
}

.pr-page h1,
.pr-page .pr-h1,
.pr-page h2.pr-h1 {
  font-size: var(--v4-fs-display);
  line-height: var(--v4-lh-display);
  letter-spacing: -0.03em;
  font-weight: 700;
}

.pr-page h2,
.pr-page h3 {
  font-size: var(--v4-fs-h2);
  line-height: var(--v4-lh-head);
  letter-spacing: -0.022em;
  font-weight: 700;
}

.pr-page .pr-lead,
.pr-page .pr-example__desc,
.pr-page .pr-callout__text,
.pr-page .pr-note__text,
.pr-page .pr-base__sub {
  font-size: var(--v4-fs-h3);
  line-height: var(--v4-lh-text);
}

.pr-page .pr-lead,
.pr-page .pr-example__desc,
.pr-page .pr-callout__text,
.pr-page .pr-note__text {
  font-weight: 400;
}

@media (min-width: 1200px) {
  .pr-grid {
    grid-template-rows: repeat(2, minmax(calc(323.4 * var(--u)), auto));
  }
}

.pr-page .pr-base__list li,
.pr-page .pr-role__list li,
.pr-page .pr-callout__title,
.pr-page .pr-example__title {
  font-size: var(--v4-fs-h3);
  line-height: var(--v4-lh-text);
}

.pr-page > [data-component="tier-cta"][data-variant="wide"] {
  margin-block-start: calc(130 * var(--u));
}

@media (max-width: 899.98px) {
  .pr-page > [data-component="tier-cta"][data-variant="wide"] {
    margin-block-start: 90px;
  }
}

.pr-page > [data-component="tier-cta"][data-variant="wide"] > [data-role="content"] > h3 {
  margin-block-end: 16px;
}

.pr-page > [data-component="tier-cta"][data-variant="wide"] > [data-role="content"] > p {
  color: rgba(255, 255, 255, 0.95);
}