/* Compose Pay&Go with Ariel layouts and the shared site identity. */
.pg-page {
  --pg-bg: var(--page-bg);
  --pg-surface: var(--page-surface);
  --pg-ink: var(--page-text);
  --pg-muted: var(--page-copy);
  --pg-faint: var(--page-muted);
  --pg-accent: var(--page-accent);
  --pg-border: var(--page-border);
  --pg-inverse: #ecdfd2;
  --pg-inverse-ink: #17293d;
  --pg-ticket: #edc7a6;
  --pg-ticket-ink: #213549;
  --pg-ticket-border: #dbac8a;
  --pg-ticket-stamp: #995c45;
  background: var(--pg-bg);
  color: var(--pg-ink);
  font-family: var(--font-interface);
  line-height: 1.65;
}
html[data-ariel-theme="light"] .pg-page {
  --pg-inverse: #18334b;
  --pg-inverse-ink: #f6f1e8;
}
.pg-page :where(h1, h2, h3, p) {
  margin: 0;
}
.pg-page :where(h1, h2, h3) {
  font-family: var(--font-interface);
  letter-spacing: -0.056em;
  line-height: 1.13;
}
.pg-page :where(h1, h2) em {
  color: var(--pg-accent);
  font: 500 italic 1em var(--font-editorial);
  letter-spacing: -0.065em;
}
.pg-page svg {
  display: block;
}
.pg-page :focus-visible {
  outline-color: var(--pg-accent);
}
.pg-container {
  inline-size: min(100% - clamp(2rem, 7vi, 4.7rem), 80rem);
}
.pg-section {
  padding-block: clamp(4.6rem, 8vi, 8.5rem);
}
.pg-crumb {
  --ariel-gap: 0.8rem;
  color: var(--pg-faint);
  font-size: 0.73rem;
  font-weight: 700;
}
.pg-crumb span:nth-child(2),
.pg-crumb a:hover {
  color: var(--pg-accent);
}
.pg-eyebrow,
.pg-kicker {
  --ariel-gap: 0.85rem;
  flex-wrap: nowrap;
  color: var(--pg-faint);
  font-size: 0.67rem;
  letter-spacing: 0.14em;
  font-weight: 800;
  line-height: 1.45;
}
.pg-kicker {
  margin-block-end: 2.15rem;
}
.pg-kicker > span:first-child {
  color: var(--pg-accent);
}
.pg-kicker i {
  flex: 0 0 1.9rem;
  block-size: 1px;
  background: var(--pg-accent);
}
.pg-pulse {
  flex: 0 0 7px;
  block-size: 7px;
  background: var(--pg-accent);
  border-radius: 50%;
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--pg-accent) 10%, transparent);
}
.pg-intro {
  position: relative;
  overflow: hidden;
  padding-block: calc(var(--header-height) + 2.1rem) 3.6rem;
  border-block-end: 1px solid var(--pg-border);
  background:
    radial-gradient(
      ellipse at 84% 55%,
      color-mix(in srgb, var(--pg-accent) 10%, transparent),
      transparent 48%
    ),
    var(--pg-bg);
}
.pg-intro__grid {
  --ariel-gap: 3rem;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding-block: clamp(4rem, 8vi, 8rem) 2.5rem;
}
.pg-intro__words {
  position: relative;
  z-index: 1;
}
.pg-intro h1 {
  max-inline-size: 14ch;
  margin-block: 2rem;
  font-size: clamp(3rem, 7.5vi, 6.7rem);
  font-weight: 780;
}
.pg-lead {
  max-inline-size: 53ch;
  color: var(--pg-muted);
  font-size: clamp(1.06rem, 1.6vi, 1.27rem);
  line-height: 1.8;
}
.pg-link {
  display: inline-flex;
  gap: 1.6rem;
  align-items: center;
  max-inline-size: 100%;
  margin-block-start: 2.25rem;
  border-block-end: 1px solid var(--pg-accent);
  padding-block-end: 0.35rem;
  font-size: 0.82rem;
  font-weight: 850;
}
.pg-link span {
  color: var(--pg-accent);
  font-size: 1.2rem;
}
.pg-intro__foot {
  --ariel-gap: 0.7rem;
  justify-content: space-between;
  padding-block-start: 2rem;
  border-block-start: 1px solid var(--pg-border);
  color: var(--pg-faint);
  font-size: 0.63rem;
  font-weight: 800;
  letter-spacing: 0.13em;
}
.pg-orbit {
  position: relative;
  inline-size: min(100%, 25rem);
  aspect-ratio: 1;
  margin-inline: auto;
  color: var(--pg-accent);
}
.pg-orbit__circle {
  position: absolute;
  inset: 4%;
  border: 1px solid color-mix(in srgb, var(--pg-accent) 28%, transparent);
  border-radius: 50%;
  transform: rotate(-24deg);
}
.pg-orbit__circle--middle {
  inset: 17%;
  border-style: dashed;
  opacity: 0.7;
}
.pg-orbit__line {
  position: absolute;
  inset: 50% -4%;
  block-size: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--pg-accent),
    transparent
  );
  transform: rotate(-34deg);
}
.pg-orbit__dot {
  position: absolute;
  inline-size: 11px;
  block-size: 11px;
  border: 3px solid var(--pg-bg);
  border-radius: 50%;
  background: var(--pg-accent);
}
.pg-orbit__dot--one {
  inset-inline-start: 8%;
  inset-block-start: 62%;
}
.pg-orbit__dot--two {
  inset-inline-end: 10%;
  inset-block-start: 30%;
}
.pg-orbit__center {
  --ariel-gap: 1rem;
  position: absolute;
  inset: 28%;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--pg-border);
  border-radius: 50%;
  background: var(--pg-surface);
  text-align: center;
  box-shadow: 0 14px 90px rgb(0 0 0 / 8%);
}
.pg-orbit__center svg {
  inline-size: 42%;
  max-inline-size: 6rem;
  flex-shrink: 0;
}
.pg-orbit__mono,
.pg-orbit__caption,
.pg-orbit__label {
  font-size: clamp(0.49rem, 1vi, 0.66rem);
  letter-spacing: 0.16em;
  font-weight: 800;
}
.pg-orbit__caption {
  font-size: 0.45rem;
}
.pg-orbit__label {
  position: absolute;
  color: var(--pg-faint);
}
.pg-orbit__label--top {
  inset-block-start: 10%;
  inset-inline-start: 10%;
}
.pg-orbit__label--bottom {
  inset-inline-end: 0;
  inset-block-end: 15%;
}
.pg-heading {
  --ariel-gap: 1.2rem;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  margin-block-end: 2.8rem;
}
.pg-heading h2,
.pg-private h2,
.pg-last h2 {
  font-size: clamp(2.5rem, 5.7vi, 4.85rem);
  font-weight: 770;
}
.pg-heading > p {
  max-inline-size: 45ch;
  color: var(--pg-muted);
  font-size: 1rem;
  line-height: 1.8;
}
.pg-cases {
  --ariel-gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}
.pg-case {
  --ariel-gap: 0;
  min-block-size: 19rem;
  padding: clamp(1.6rem, 3.2vi, 2.7rem);
  border: 1px solid var(--pg-border);
  border-radius: 1rem;
  background: var(--pg-surface);
}
.pg-case--fresh {
  background: var(--pg-inverse);
  color: var(--pg-inverse-ink);
  border-color: transparent;
}
.pg-case__top {
  --ariel-gap: 1rem;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-block-end: 2.1rem;
  color: var(--pg-faint);
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.pg-case--fresh .pg-case__top {
  color: color-mix(in srgb, var(--pg-inverse-ink) 66%, transparent);
}
.pg-case__symbol {
  display: grid;
  flex: 0 0 2.4rem;
  place-items: center;
  inline-size: 2.4rem;
  block-size: 2.4rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
}
.pg-case h3 {
  max-inline-size: 20ch;
  font-size: clamp(1.5rem, 2.4vi, 2.1rem);
  font-weight: 780;
}
.pg-case p {
  max-inline-size: 48ch;
  margin-block: 1rem 2rem;
  color: var(--pg-muted);
  font-size: 0.96rem;
  line-height: 1.75;
}
.pg-case--fresh p {
  color: color-mix(in srgb, var(--pg-inverse-ink) 78%, transparent);
}
.pg-case__bottom {
  margin-block-start: auto;
  padding-block-start: 1.3rem;
  border-block-start: 1px solid currentColor;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  opacity: 0.75;
}
.pg-private {
  background: color-mix(in srgb, var(--pg-surface) 52%, var(--pg-bg));
}
.pg-private__grid {
  --ariel-gap: 3rem;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}
.pg-private h2 {
  margin-block-end: 1.5rem;
}
.pg-copy {
  max-inline-size: 50ch;
  color: var(--pg-muted);
  line-height: 1.8;
}
.pg-private__facts {
  --ariel-gap: 1.2rem;
  grid-template-columns: minmax(0, 1fr);
  margin-block: 2.1rem;
}
.pg-private__facts > div {
  display: flex;
  gap: 1rem;
  align-items: start;
  padding-block-end: 1rem;
  border-block-end: 1px solid var(--pg-border);
  font-size: 0.89rem;
  font-weight: 720;
}
.pg-private__facts b {
  color: var(--pg-accent);
  font-size: 0.67rem;
  letter-spacing: 0.11em;
}
.pg-private__agency {
  max-inline-size: 49ch;
  margin-block: 0 1rem;
  padding-inline-start: 1.1rem;
  border-inline-start: 2px solid var(--pg-accent);
  font-size: 0.88rem;
  font-weight: 720;
  line-height: 1.7;
}
.pg-caveat {
  max-inline-size: 51ch;
  color: var(--pg-faint);
  font-size: 0.8rem;
}
.pg-private__visual {
  overflow: hidden;
  padding: clamp(1.2rem, 3vi, 2.1rem);
  border: 1px solid var(--pg-border);
  border-radius: 1.25rem;
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--pg-accent) 13%, transparent),
      transparent 55%
    ),
    var(--pg-bg);
  box-shadow: 0 25px 65px rgb(0 0 0 / 10%);
}
.pg-private__diagramTop,
.pg-private__diagramFoot {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  color: var(--pg-faint);
  font-size: 0.59rem;
  font-weight: 850;
  letter-spacing: 0.13em;
}
.pg-private__status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--pg-accent);
}
.pg-private__status i {
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
  background: currentColor;
}
.pg-private__panel {
  overflow: hidden;
  max-inline-size: 28rem;
  margin: 2.4rem auto 1.4rem;
  border: 1px solid color-mix(in srgb, var(--pg-accent) 55%, var(--pg-border));
  border-radius: 0.8rem;
  background: var(--pg-surface);
}
.pg-private__panelTop {
  --ariel-gap: 0.3rem;
  flex-wrap: nowrap;
  padding: 0.65rem;
  border-block-end: 1px solid var(--pg-border);
}
.pg-private__panelTop i {
  flex: 0 0 5px;
  block-size: 5px;
  border-radius: 50%;
  background: var(--pg-accent);
}
.pg-private__panelTop span {
  margin-inline: auto;
  color: var(--pg-faint);
  font-size: 0.55rem;
  letter-spacing: 0.08em;
  font-weight: 850;
}
.pg-private__panelBody {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  min-block-size: 12rem;
}
.pg-private__sidebar {
  display: grid;
  align-content: start;
  gap: 0.8rem;
  padding: 1rem 0.8rem;
  border-inline-end: 1px solid var(--pg-border);
}
.pg-private__sidebar span {
  inline-size: 1.25rem;
  block-size: 0.45rem;
  border-radius: 1rem;
  background: var(--pg-border);
}
.pg-private__dummy {
  --ariel-gap: 0.85rem;
  padding: 1.35rem;
}
.pg-private__dummyHeading {
  inline-size: 52%;
  block-size: 0.7rem;
  border-radius: 1rem;
  background: var(--pg-ink);
  opacity: 0.7;
}
.pg-private__dummySub,
.pg-private__dummyBars {
  block-size: 0.4rem;
  border-radius: 1rem;
  background: var(--pg-border);
}
.pg-private__dummySub {
  inline-size: 35%;
}
.pg-private__dummyCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}
.pg-private__dummyCards i {
  block-size: 3rem;
  border: 1px solid var(--pg-border);
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--pg-accent) 11%, transparent);
}
.pg-private__dummyBars {
  inline-size: 80%;
}
.pg-private__dummyBars--short {
  inline-size: 60%;
}
.pg-private__tunnel {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  margin-block: 1rem 1.7rem;
  color: var(--pg-faint);
  font-size: 0.52rem;
  font-weight: 900;
  letter-spacing: 0.09em;
}
.pg-private__tunnelLine {
  block-size: 1px;
  min-inline-size: 10px;
  max-inline-size: 4rem;
  flex: 1;
  background: var(--pg-accent);
}
.pg-private__tunnelBadge {
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--pg-accent);
  border-radius: 2rem;
  color: var(--pg-accent);
  white-space: nowrap;
}
.pg-private__providers {
  margin-block-start: 0.9rem;
  color: var(--pg-faint);
  font-size: 0.67rem;
  font-weight: 750;
  letter-spacing: 0.025em;
}
.pg-compare {
  --ariel-table-min: 43rem;
  overflow: auto;
  border-color: var(--pg-border);
  border-radius: 1rem;
  background: var(--pg-surface);
}
.pg-compare table {
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
}
.pg-compare :is(th, td) {
  padding: 1.55rem 1.3rem;
  vertical-align: top;
  border-color: var(--pg-border);
}
.pg-compare thead th {
  background: transparent;
  color: var(--pg-faint);
  font-size: 0.64rem;
  letter-spacing: 0.09em;
}
.pg-compare tbody th {
  inline-size: 25%;
  font-size: 0.9rem;
  font-weight: 850;
}
.pg-compare tbody td {
  inline-size: 37.5%;
  color: var(--pg-muted);
  font-size: 0.91rem;
}
.pg-compare tbody td:last-child {
  color: var(--pg-ink);
  font-weight: 720;
  background: color-mix(in srgb, var(--pg-accent) 6%, transparent);
}
.pg-compare tbody tr:last-child > * {
  border-block-end: 0;
}
.pg-fine {
  max-inline-size: 95ch;
  margin-block-start: 1.1rem;
  color: var(--pg-faint);
  font-size: 0.75rem;
}
.pg-security {
  background: var(--pg-surface);
}
.pg-security__grid {
  --ariel-gap: 0;
  grid-template-columns: minmax(0, 1fr);
  border-block: 1px solid var(--pg-border);
}
.pg-security__item {
  padding: 2.4rem 1.8rem;
  border-block-end: 1px solid var(--pg-border);
}
.pg-security__item:last-child {
  border: 0;
}
.pg-security__icon {
  display: grid;
  place-items: center;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  margin-block-end: 1.7rem;
  border: 1px solid var(--pg-accent);
  border-radius: 50%;
  color: var(--pg-accent);
  font-size: 1.5rem;
}
.pg-security__item h3 {
  font-size: 1.4rem;
}
.pg-security__item p {
  max-inline-size: 50ch;
  margin-block-start: 1rem;
  color: var(--pg-muted);
  font-size: 0.9rem;
}
.pg-security__foot {
  --ariel-gap: 1.25rem;
  flex-wrap: nowrap;
  margin-block-start: 2rem;
  padding-block: 1.6rem;
  color: var(--pg-muted);
  font-size: 0.85rem;
}
.pg-security__footIcon {
  flex-shrink: 0;
  color: var(--pg-accent);
  font-size: 1.8rem;
}
.pg-vendors {
  border-block-start: 1px solid var(--pg-border);
}
.pg-vendor {
  border-block-end: 1px solid var(--pg-border);
  scroll-margin-block-start: calc(var(--header-height) + 1.5rem);
}
.pg-vendor summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  padding: 1.4rem 0.5rem;
  cursor: pointer;
  list-style: none;
}
.pg-vendor summary::-webkit-details-marker {
  display: none;
}
.pg-vendor__name {
  font-size: clamp(1.25rem, 2vi, 1.65rem);
  font-weight: 800;
  letter-spacing: -0.04em;
}
.pg-vendor__category {
  grid-column: 1;
  grid-row: 2;
  color: var(--pg-faint);
  font-size: 0.76rem;
}
.pg-vendor__arrow {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  inline-size: 2.3rem;
  block-size: 2.3rem;
  border: 1px solid var(--pg-border);
  border-radius: 50%;
  color: var(--pg-accent);
  font-size: 1.2rem;
  transition: transform 250ms ease;
}
.pg-vendor[open] .pg-vendor__arrow {
  transform: rotate(90deg);
}
.pg-vendor__body {
  max-inline-size: 65ch;
  padding: 0 0.5rem 1.65rem;
  color: var(--pg-muted);
  font-size: 0.93rem;
}
.pg-vendor__body a {
  display: inline-flex;
  margin-block-start: 0.85rem;
  padding-block-end: 0.15rem;
  border-block-end: 1px solid var(--pg-accent);
  color: var(--pg-ink);
  font-size: 0.78rem;
  font-weight: 850;
}
.pg-numbers {
  background: color-mix(in srgb, var(--pg-surface) 50%, var(--pg-bg));
}
.pg-cost {
  overflow: hidden;
  border: 1px solid var(--pg-border);
  border-radius: 1.1rem;
  background: var(--pg-surface);
}
.pg-cost__controls {
  --ariel-gap: 2rem;
  grid-template-columns: minmax(0, 1fr);
  padding: clamp(1.3rem, 3vi, 2.4rem);
  border-block-end: 1px solid var(--pg-border);
}
.pg-cost__period {
  padding: 0;
  border: 0;
  margin: 0;
  min-inline-size: 0;
}
.pg-cost legend,
.pg-cost__selects label > span {
  display: block;
  margin-block-end: 0.85rem;
  color: var(--pg-faint);
  font-size: 0.64rem;
  letter-spacing: 0.12em;
  font-weight: 850;
}
.pg-cost__segments {
  --ariel-gap: 0.45rem;
}
.pg-cost__segments button {
  min-block-size: 2.75rem;
  padding: 0.75rem 0.95rem;
  border: 1px solid var(--pg-border);
  border-radius: 5rem;
  background: transparent;
  color: var(--pg-muted);
  font: 800 0.75rem var(--font-interface);
  cursor: pointer;
  box-shadow: none;
}
.pg-cost__segments button[aria-pressed="true"] {
  background: var(--pg-accent);
  border-color: var(--pg-accent);
  color: var(--pg-bg);
}
.pg-cost__selects {
  --ariel-gap: 1.1rem;
  grid-template-columns: minmax(0, 1fr);
}
.pg-cost__selects label {
  display: block;
  min-inline-size: 0;
}
.pg-cost__selects select {
  min-block-size: 3rem;
  padding: 0.7rem 2rem 0.7rem 0.9rem;
  border-color: var(--pg-border);
  border-radius: 0.55rem;
  background: var(--pg-bg);
  color: var(--pg-ink);
  font-size: 0.84rem;
  font-weight: 750;
  cursor: pointer;
}
.pg-cost__results {
  --ariel-gap: 2rem;
  grid-template-columns: minmax(0, 1fr);
  padding: clamp(1.6rem, 4vi, 3rem);
}
.pg-cost__bar {
  min-inline-size: 0;
}
.pg-cost__barTop {
  --ariel-gap: 1rem;
  align-items: baseline;
  justify-content: space-between;
  color: var(--pg-faint);
  font-size: 0.66rem;
  letter-spacing: 0.07em;
  font-weight: 800;
}
.pg-cost__barTop strong {
  color: var(--pg-ink);
  font-size: clamp(1.9rem, 3.8vi, 3rem);
  letter-spacing: -0.06em;
}
.pg-cost__track {
  block-size: 0.75rem;
  margin-block: 1rem;
  border-radius: 3rem;
  background: var(--pg-border);
  overflow: hidden;
}
.pg-cost__fill {
  block-size: 100%;
  inline-size: var(--pg-bar-size, 0%);
  border-radius: 3rem;
  transition: inline-size 350ms ease;
}
.pg-cost__fill--sys {
  background: var(--pg-accent);
}
.pg-cost__fill--ploi {
  background: var(--pg-faint);
}
.pg-cost__bar small {
  color: var(--pg-faint);
  font-size: 0.62rem;
  letter-spacing: 0.1em;
}
.pg-cost__bottom {
  --ariel-gap: 1rem 1.5rem;
  padding: 1.3rem clamp(1.5rem, 3vi, 3rem);
  border-block-start: 1px solid var(--pg-border);
  color: var(--pg-faint);
  font-size: 0.71rem;
}
.pg-cost__bottom p {
  flex: 1 1 100%;
  max-inline-size: 95ch;
}
.pg-cost__bottom a {
  color: var(--pg-accent);
  border-block-end: 1px solid currentColor;
}
.pg-last {
  background: var(--pg-bg);
}
.pg-last__wrap {
  --ariel-gap: 3.5rem;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}
.pg-last h2 {
  margin-block-end: 1.2rem;
}
.pg-last__wrap > div > p:not(.pg-kicker) {
  max-inline-size: 52ch;
  color: var(--pg-muted);
  line-height: 1.85;
}
.pg-button {
  gap: 2.5rem;
  justify-content: space-between;
  margin-block-start: 2rem;
  padding: 1rem 1.5rem;
  border-radius: 4rem;
  background: var(--pg-accent);
  color: var(--pg-bg);
  font-size: 0.84rem;
  font-weight: 900;
}
.pg-button:hover {
  filter: brightness(1.06);
  transform: translateY(-2px);
}
.pg-miniTicket {
  position: relative;
  inline-size: 100%;
  max-inline-size: 31rem;
  margin-inline: auto;
  padding: clamp(1rem, 2.22vi, 2rem);
  border: 1px solid var(--pg-ticket-border);
  border-radius: 1.05rem;
  overflow: hidden;
  transform: rotate(2deg);
  background: var(--pg-ticket);
  color: var(--pg-ticket-ink);
  box-shadow: 0 24px 65px rgb(0 0 0 / 13%);
}
.pg-miniTicket::before,
.pg-miniTicket::after {
  position: absolute;
  content: "";
  inline-size: 2.1rem;
  block-size: 2.1rem;
  inset-block-start: 70%;
  border: 1px solid var(--pg-ticket-border);
  border-radius: 50%;
  background: var(--pg-bg);
}
.pg-miniTicket::before {
  inset-inline-start: -1.1rem;
}
.pg-miniTicket::after {
  inset-inline-end: -1.1rem;
}
.pg-miniTicket__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-block-end: 1.4rem;
  border-block-end: 1px solid
    color-mix(in srgb, var(--pg-ticket-ink) 30%, transparent);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  font-weight: 900;
}
.pg-miniTicket__head > span:first-child {
  white-space: nowrap;
}
.pg-miniTicket__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-block: 2.2rem 2.7rem;
}
.pg-miniTicket__body strong {
  font-size: clamp(1.5rem, 5vi, 3.3rem);
  letter-spacing: -0.065em;
  line-height: 1.05;
}
.pg-miniTicket__stamp {
  display: grid;
  flex: 0 0 clamp(3.6rem, 7vi, 6rem);
  place-items: center;
  inline-size: clamp(3.6rem, 7vi, 6rem);
  aspect-ratio: 1;
  border: 3px double var(--pg-ticket-stamp);
  border-radius: 50%;
  transform: rotate(-17deg);
  color: var(--pg-ticket-stamp);
  text-align: center;
  font-size: clamp(0.65rem, 1vi, 0.9rem);
  font-weight: 1000;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.pg-miniTicket__foot {
  display: grid;
  gap: 0.6rem;
  padding-block-start: 1.5rem;
  border-block-start: 2px dashed
    color-mix(in srgb, var(--pg-ticket-ink) 40%, transparent);
}
.pg-miniTicket__foot img {
  display: block;
  inline-size: 80%;
  block-size: auto;
  max-block-size: 3.4rem;
  object-fit: contain;
  object-position: left center;
  mix-blend-mode: multiply;
}
.pg-miniTicket__foot small {
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  font-weight: 900;
}
@media (min-width: 64rem) {
  .pg-intro__grid {
    --ariel-gap: 4rem;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  }
  .pg-heading {
    --ariel-gap: 4rem;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
  }
  .pg-cases {
    --ariel-gap: 1.3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pg-private__grid {
    --ariel-gap: 5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pg-security__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pg-security__item {
    border-inline-end: 1px solid var(--pg-border);
    border-block-end: 0;
  }
  .pg-security__item:last-child {
    border-inline: 0;
  }
  .pg-cost__controls {
    --ariel-gap: 3rem;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  }
  .pg-cost__selects {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pg-cost__results {
    --ariel-gap: 4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pg-last__wrap {
    --ariel-gap: 5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pg-vendor__arrow,
  .pg-cost__fill {
    transition: none;
  }
  .pg-button:hover {
    transform: none;
  }
}