/* Hong Kong Platform Switch · Execution hk-platform-switch-20260911-141800-468995 */

.pmm-hk-switch {
  --hk-navy: #071736;
  --hk-ink: #14213d;
  --hk-muted: #586983;
  --hk-blue: #155eef;
  --hk-sky: #eaf7ff;
  --hk-sky-strong: #cbeaff;
  --hk-pink: #ff2f68;
  --hk-pink-dark: #e81752;
  --hk-line: #dce6f1;
  --hk-card: #fff;
  color: var(--hk-ink);
  background: #fff;
}

.pmm-hk-switch *,
.pmm-hk-switch *::before,
.pmm-hk-switch *::after {
  box-sizing: border-box;
}

.pmm-hk-switch main {
  overflow: hidden;
}

.pmm-hk-switch #section-switch-steps {
  scroll-margin-top: 5rem;
}

.pmm-hk-switch .kicker {
  margin: 0 0 .75rem;
  color: var(--hk-blue);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: inherit;
}

.pmm-hk-switch h1,
.pmm-hk-switch h2,
.pmm-hk-switch h3,
.pmm-hk-switch p {
  overflow-wrap: break-word;
}

.pmm-hk-switch h2 {
  max-width: 52rem;
  margin: 0 0 1.25rem;
  color: var(--hk-navy);
  font-size: clamp(2.35rem, 4.2vw, 3.55rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.pmm-hk-switch .hk-lede {
  max-width: 39rem;
  margin: 0;
  color: var(--hk-muted);
  font-size: 1.125rem;
  line-height: 1.72;
}

.pmm-hk-switch .hk-hero {
  position: relative;
  min-height: 690px;
  overflow: hidden;
  background: #edf9ff;
}

.pmm-hk-switch .hk-hero__image,
.pmm-hk-switch .hk-hero__wash {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.pmm-hk-switch .hk-hero__image {
  object-fit: cover;
  object-position: center;
}

.pmm-hk-switch .hk-hero__wash {
  background:
    linear-gradient(90deg, rgba(247, 252, 255, .99) 0%, rgba(247, 252, 255, .94) 32%, rgba(247, 252, 255, .54) 52%, rgba(247, 252, 255, 0) 75%),
    linear-gradient(0deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 40%);
}

.pmm-hk-switch .hk-hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 82rem;
  min-height: 690px;
  margin: 0 auto;
}

.pmm-hk-switch .hk-hero__copy {
  width: 64%;
  padding: 6.5rem 2.5rem 5.5rem;
}

.pmm-hk-switch .hk-hero .kicker {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .025em;
}

.pmm-hk-switch .hk-hero h1 {
  max-width: 48rem;
  margin: 0;
  color: var(--hk-navy);
  font-size: clamp(3.375rem, 5vw, 5rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -2px;
  text-wrap: balance;
}

.pmm-hk-switch .hk-hero h1:lang(en),
.pmm-hk-switch .hk-hero h1:lang(ms),
.pmm-hk-switch .hk-hero h1:lang(id),
.pmm-hk-switch .hk-hero h1:lang(fl) {
  font-size: clamp(3rem, 4.8vw, 4.875rem);
  line-height: .95;
  overflow-wrap: normal;
  word-break: normal;
}

.pmm-hk-switch .hk-hero h1:lang(th) {
  font-size: clamp(3rem, 4.6vw, 4.5rem);
  line-height: 1.05;
  overflow-wrap: normal;
  word-break: normal;
}

.pmm-hk-switch .hk-hero h1 span {
  color: var(--hk-pink);
  letter-spacing: inherit;
}

.pmm-hk-switch .hk-hero__subtitle {
  max-width: 38rem;
  margin: 1.7rem 0 0;
  color: #30435f;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.55;
}

.pmm-hk-switch .hk-hero__actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-top: 2rem;
}

.pmm-hk-switch .hk-hero__actions .btn-primary {
  border-color: var(--hk-pink);
  background: var(--hk-pink);
  box-shadow: 0 18px 35px rgba(255, 47, 104, .24);
}

.pmm-hk-switch .hk-hero__actions .btn-primary:hover {
  border-color: var(--hk-pink-dark);
  background: var(--hk-pink-dark);
}

.pmm-hk-switch .hk-text-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--hk-navy);
  font-size: 1rem;
  font-weight: 750;
  text-decoration: none;
}

.pmm-hk-switch .hk-text-link svg {
  width: 1rem;
  height: 1rem;
}

.pmm-hk-switch .hk-hero__remark {
  max-width: 36rem;
  margin: 1rem 0 0;
  color: #6b7b91;
  font-size: .8125rem;
  line-height: 1.5;
}

.pmm-hk-switch .hk-value-bar {
  position: relative;
  z-index: 3;
  border-top: 1px solid rgba(7, 23, 54, .08);
  border-bottom: 1px solid var(--hk-line);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 36px rgba(35, 64, 102, .08);
}

.pmm-hk-switch .hk-value-bar__inner {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  max-width: 82rem;
  margin: 0 auto;
}

.pmm-hk-switch .hk-value-bar a {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding: 1.5rem 1.1rem;
  color: var(--hk-navy);
  text-decoration: none;
}

.pmm-hk-switch .hk-value-bar a + a {
  border-left: 1px solid var(--hk-line);
}

.pmm-hk-switch .hk-value-bar__icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  color: var(--hk-pink);
  background: #ffe7ee;
}

.pmm-hk-switch .hk-value-bar a:nth-child(2) .hk-value-bar__icon {
  color: #1f63df;
  background: #e6efff;
}

.pmm-hk-switch .hk-value-bar a:nth-child(3) .hk-value-bar__icon {
  color: #009f76;
  background: #ddf8ee;
}

.pmm-hk-switch .hk-value-bar a:nth-child(4) .hk-value-bar__icon {
  color: #b77800;
  background: #fff1d0;
}

.pmm-hk-switch .hk-value-bar a:nth-child(5) .hk-value-bar__icon {
  color: #773ee7;
  background: #eee4ff;
}

.pmm-hk-switch .hk-value-bar__icon svg {
  width: 1.35rem;
  height: 1.35rem;
}

.pmm-hk-switch .hk-value-bar strong,
.pmm-hk-switch .hk-value-bar small {
  display: block;
}

.pmm-hk-switch .hk-value-bar strong {
  font-size: .95rem;
  line-height: 1.25;
}

.pmm-hk-switch .hk-value-bar small {
  margin-top: .2rem;
  color: #718096;
  font-size: .75rem;
  line-height: 1.3;
}

.pmm-hk-switch .hk-section {
  position: relative;
  padding: 2.5rem 0;
}

.pmm-hk-switch .hk-section--proof {
  padding: 3.5rem 0;
}

.pmm-hk-switch .hk-section--sky {
  background: linear-gradient(180deg, #f5fbff 0%, #eaf6ff 100%);
}

.pmm-hk-switch .hk-section__inner {
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  padding: 0 2.5rem;
}

.pmm-hk-switch .hk-savings {
  background:
    radial-gradient(circle at 85% 20%, rgba(21, 94, 239, .09), transparent 22rem),
    #fff;
}

.pmm-hk-switch .hk-savings__grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: 5rem;
}

.pmm-hk-switch .hk-proof-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 4rem;
}

.pmm-hk-switch .hk-calculator {
  position: relative;
  overflow: hidden;
  padding: 2.25rem;
  border: 1px solid #dce7f3;
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 30px 70px rgba(32, 78, 139, .14);
}

.pmm-hk-switch .hk-control + .hk-control {
  margin-top: 1.85rem;
}

.pmm-hk-switch .hk-control__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .8rem;
}

.pmm-hk-switch .hk-control label {
  color: var(--hk-navy);
  font-size: .9rem;
  font-weight: 700;
}

.pmm-hk-switch .hk-control output {
  color: var(--hk-navy);
  font-size: 1.15rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.pmm-hk-switch .hk-control input[type='range'] {
  --hk-range-progress: 0%;

  width: 100%;
  height: .45rem;
  margin: 0;
  border-radius: 99px;
  appearance: none;
  background: linear-gradient(90deg,
    var(--hk-slider-filled, var(--hk-blue)) 0%,
    var(--hk-slider-filled, var(--hk-blue)) var(--hk-range-progress),
    var(--hk-slider-empty, #dce8f5) var(--hk-range-progress),
    var(--hk-slider-empty, #dce8f5) 100%);
  cursor: pointer;
}

.pmm-hk-switch .hk-control--glass {
  --hk-handle-color: #08f;
  --hk-slider-empty: rgba(120, 120, 120, .2);
  --hk-slider-filled: #08f;
}

.pmm-hk-switch .hk-glass-slider {
  position: relative;
  display: flex;
  align-items: center;
  height: 2.25rem;
}

.pmm-hk-switch .hk-glass-slider::before,
.pmm-hk-switch .hk-glass-slider::after {
  position: absolute;
  top: 50%;
  left: 0;
  height: .375rem;
  border-radius: 3px;
  content: '';
  pointer-events: none;
  transform: translateY(-50%);
}

.pmm-hk-switch .hk-glass-slider::before {
  z-index: 0;
  width: 100%;
  background: var(--hk-slider-empty);
}

.pmm-hk-switch .hk-glass-slider::after {
  z-index: 1;
  width: clamp(.6875rem, var(--hk-slider-progress), calc(100% - .6875rem));
  background: var(--hk-slider-filled);
}

.pmm-hk-switch .hk-glass-slider input[type='range'] {
  position: relative;
  z-index: 2;
  height: .375rem;
  background: transparent;
}

.pmm-hk-switch .hk-glass-slider__glass {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: clamp(.6875rem, var(--hk-slider-progress), calc(100% - .6875rem));
  width: 2.625rem;
  height: 1.75rem;
  box-sizing: border-box;
  border: 0;
  border-radius: 999px;
  background:
    radial-gradient(ellipse at 64% 7%, rgba(255, 255, 255, .86), rgba(255, 255, 255, .42) 24%, rgba(255, 255, 255, 0) 56%),
    rgba(255, 255, 255, .1);
  box-shadow:
    4.2px 0 18.2px rgba(0, 136, 255, .28),
    inset 2.4px 0 1.8px rgba(0, 136, 255, .78),
    inset 5px 0 4.5px rgba(0, 223, 242, .46),
    inset 0 0 0 .55px rgba(255, 255, 255, .82);
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: left .06s linear, border-color .2s ease, box-shadow .2s ease;
  -webkit-backdrop-filter: blur(.6px) saturate(1.15);
  backdrop-filter: blur(.6px) saturate(1.15);
}

.pmm-hk-switch .hk-glass-slider__glass::before {
  position: absolute;
  z-index: 2;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(90deg,
    #08f 0%,
    #08f 22%,
    #00dff2 40%,
    rgba(255, 255, 255, .94) 52%,
    rgba(208, 211, 226, .38) 100%);
  content: '';
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.pmm-hk-switch .hk-glass-filter-defs {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.pmm-hk-switch .hk-glass-slider__optics {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}

.pmm-hk-switch .hk-glass-slider__veil {
  fill: rgba(255, 255, 255, .28);
}

.pmm-hk-switch .hk-glass-slider__inner-wall {
  fill: url('#hk-glass-inner-wall');
  filter: url('#hk-glass-arc-soft');
}

.pmm-hk-switch .hk-glass-slider__through {
  fill: rgba(120, 120, 120, .14);
  filter: url('#hk-glass-line-soft');
}

.pmm-hk-switch .hk-glass-slider__projection {
  fill: rgb(0, 136, 255);
  filter: url('#hk-glass-line-soft');
}

.pmm-hk-switch .hk-glass-slider__projection-core {
  fill: rgba(0, 128, 255, .82);
}

.pmm-hk-switch .hk-glass-slider__cavity-fill {
  fill: rgba(255, 255, 255, .66);
  filter: url('#hk-glass-arc-soft');
}

.pmm-hk-switch .hk-glass-slider__caustic {
  fill: none;
  stroke: rgba(0, 223, 242, .58);
  stroke-linecap: round;
  stroke-width: .72;
  filter: url('#hk-glass-arc-soft');
}

.pmm-hk-switch .hk-control.hk-control--glass input[type='range']::-webkit-slider-thumb {
  width: 2.625rem;
  height: 1.75rem;
  border: 0;
  background: transparent;
  box-shadow: none;
  opacity: 0;
}

.pmm-hk-switch .hk-control.hk-control--glass input[type='range']::-moz-range-thumb {
  width: 2.625rem;
  height: 1.75rem;
  border: 0;
  background: transparent;
  box-shadow: none;
  opacity: 0;
}

.pmm-hk-switch .hk-control input[type='range']::-webkit-slider-thumb {
  width: 1.4rem;
  height: 1.4rem;
  border: .3rem solid #fff;
  border-radius: 50%;
  appearance: none;
  background: var(--hk-blue);
  box-shadow: 0 3px 12px rgba(21, 94, 239, .35);
}

.pmm-hk-switch .hk-control input[type='range']::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  border: .3rem solid #fff;
  border-radius: 50%;
  background: var(--hk-blue);
  box-shadow: 0 3px 12px rgba(21, 94, 239, .35);
}

.pmm-hk-switch .hk-control input[type='range']:focus-visible {
  outline: 3px solid rgba(21, 94, 239, .25);
  outline-offset: .35rem;
}

.pmm-hk-switch .hk-savings-results {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.25rem minmax(0, 1fr);
  gap: .6rem;
  align-items: stretch;
  margin-top: 1.4rem;
}

.pmm-hk-switch .hk-result {
  min-width: 0;
  padding: 1rem 1.15rem;
  border-radius: 1rem;
}

.pmm-hk-switch .hk-result--competitor {
  border: 1px solid #d7e5fb;
  background: linear-gradient(135deg, #edf4ff 0%, #f5f8fc 100%);
}

.pmm-hk-switch .hk-result__eyebrow {
  display: block;
  margin-bottom: .6rem;
  color: #6b7c92;
  font-size: .8rem;
  font-weight: 800;
  line-height: 1.35;
}

.pmm-hk-switch .hk-result__monthly,
.pmm-hk-switch .hk-result__total {
  display: flex;
}

.pmm-hk-switch .hk-result__monthly {
  align-items: flex-start;
  flex-direction: column;
  gap: .15rem;
  color: #6b7c92;
  font-size: .72rem;
}

.pmm-hk-switch .hk-result__monthly strong {
  color: var(--hk-navy);
  font-size: clamp(1.45rem, 2.25vw, 1.75rem);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.pmm-hk-switch .hk-result__total {
  align-items: baseline;
  gap: .4rem;
  margin-top: .45rem;
}

.pmm-hk-switch .hk-result__total span,
.pmm-hk-switch .hk-result__total strong {
  color: #586983;
  font-size: .72rem;
  font-weight: 650;
}

html[lang^='en'] .pmm-hk-switch .hk-result__total {
  align-items: baseline;
  flex-direction: row;
  gap: .1rem;
  white-space: nowrap;
}

html[lang^='en'] .pmm-hk-switch .hk-result__monthly > span,
html[lang^='en'] .pmm-hk-switch .hk-result__total span,
html[lang^='en'] .pmm-hk-switch .hk-result__total strong {
  font-size: clamp(.55rem, calc(.2rem + .5vw), .72rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: normal;
}

.pmm-hk-switch .hk-result--competitor .hk-result__eyebrow {
  color: #426b9a;
}

.pmm-hk-switch .hk-result--competitor .hk-result__monthly {
  color: #587493;
}

.pmm-hk-switch .hk-result--competitor .hk-result__monthly strong {
  color: var(--hk-blue);
}

.pmm-hk-switch .hk-result--competitor .hk-result__total span,
.pmm-hk-switch .hk-result--competitor .hk-result__total strong {
  color: #46698f;
}

.pmm-hk-switch .hk-result.is-zero strong {
  font-size: clamp(1.45rem, 2.25vw, 1.75rem);
  font-variant-numeric: tabular-nums;
}

.pmm-hk-switch .hk-savings-results__transition {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 1.25rem;
  height: 1.25rem;
  color: #e94b78;
  opacity: .84;
}

.pmm-hk-switch .hk-savings-results__transition svg {
  width: 1rem;
  height: 1rem;
}

.pmm-hk-switch .hk-result.is-zero {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  background: linear-gradient(135deg, #fff1f5 0%, #ffe5ee 100%);
}

.pmm-hk-switch .hk-result.is-zero .hk-result__eyebrow {
  color: var(--hk-navy);
}

.pmm-hk-switch .hk-result.is-zero .hk-result__monthly {
  color: #8b5870;
}

.pmm-hk-switch .hk-result.is-zero .hk-result__monthly strong {
  color: var(--hk-pink);
}

.pmm-hk-switch .hk-note {
  margin: 1rem 0 0;
  color: #718096;
  font-size: .75rem;
  line-height: 1.5;
}

.pmm-hk-switch .hk-proof-grid--reverse .hk-copy {
  grid-column: 2;
  grid-row: 1;
}

.pmm-hk-switch .hk-proof-grid--reverse .hk-composite {
  grid-column: 1;
  grid-row: 1;
}

.pmm-hk-switch .hk-check-list {
  display: grid;
  gap: .8rem;
  margin: 1.8rem 0 0;
  padding: 0;
  list-style: none;
}

.pmm-hk-switch .hk-check-list li {
  display: flex;
  align-items: center;
  gap: .7rem;
  color: #243650;
  font-size: 1rem;
  font-weight: 650;
}

.pmm-hk-switch .hk-check-list svg {
  width: 1.2rem;
  height: 1.2rem;
  color: var(--hk-blue);
}

.pmm-hk-switch .hk-limit {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  margin: 1.3rem 0 0;
  color: #6d7e93;
  font-size: .78rem;
  line-height: 1.55;
}

.pmm-hk-switch .hk-limit svg {
  flex: none;
  width: .95rem;
  height: .95rem;
  margin-top: .15rem;
}

.pmm-hk-switch .hk-migration-scope {
  margin-top: 3.25rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(21, 94, 239, .14);
}

.pmm-hk-switch .hk-migration-scope__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

.pmm-hk-switch .hk-migration-scope__head > div {
  max-width: 46rem;
}

.pmm-hk-switch .hk-migration-scope__head h3 {
  margin: 0;
  color: var(--hk-navy);
  font-size: clamp(1.65rem, 2.6vw, 2.25rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.pmm-hk-switch .hk-migration-scope__head > div > p:last-child {
  max-width: 43rem;
  margin: .75rem 0 0;
  color: var(--hk-muted);
  font-size: .95rem;
  line-height: 1.65;
}

.pmm-hk-switch .hk-migration-scope__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1.4rem;
}

.pmm-hk-switch .hk-migration-scope__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  min-width: 0;
  padding: 1.25rem 1.4rem;
  border: 1px solid rgba(199, 217, 239, .92);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 10px 28px rgba(32, 78, 139, .07);
}

.pmm-hk-switch .hk-migration-scope__icon {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: .75rem;
  color: var(--hk-blue);
  background: #e8f1ff;
}

.pmm-hk-switch .hk-migration-scope__icon svg {
  width: 1.2rem;
  height: 1.2rem;
}

.pmm-hk-switch .hk-migration-scope__item h4 {
  margin: 0;
  color: var(--hk-navy);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
}

.pmm-hk-switch .hk-migration-scope__item p {
  margin: .4rem 0 0;
  color: #60718a;
  font-size: .875rem;
  line-height: 1.5;
}

.pmm-hk-switch .hk-migration-scope__note {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  margin: 1.4rem 0 0;
  color: #64758c;
  font-size: .875rem;
  line-height: 1.55;
}

.pmm-hk-switch .hk-migration-scope__note svg {
  flex: none;
  width: .95rem;
  height: .95rem;
  margin-top: .1rem;
  color: var(--hk-blue);
}

.pmm-hk-switch .hk-composite {
  position: relative;
  min-width: 0;
  min-height: 34rem;
}

.pmm-hk-switch .hk-composite__field {
  position: absolute;
  inset: 1rem 0 2.8rem 9%;
  overflow: hidden;
  border-radius: 2rem;
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, .8), transparent 8rem),
    linear-gradient(145deg, #8ed6ff 0%, #dff5ff 48%, #7cc8f2 100%);
}

.pmm-hk-switch .hk-route-line {
  position: absolute;
  top: 51%;
  left: 9%;
  width: 80%;
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .82);
  transform: rotate(-15deg);
}

.pmm-hk-switch .hk-route-dot {
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--hk-pink);
  box-shadow: 0 4px 14px rgba(7, 23, 54, .18);
}

.pmm-hk-switch .hk-route-dot--one {
  top: 60%;
  left: 18%;
}

.pmm-hk-switch .hk-route-dot--two {
  top: 46%;
  left: 50%;
}

.pmm-hk-switch .hk-route-dot--three {
  top: 32%;
  right: 15%;
}

.pmm-hk-switch .hk-admin-card {
  position: absolute;
  top: 4.7rem;
  left: 0;
  width: 91%;
  overflow: hidden;
  border: 1px solid rgba(208, 219, 232, .9);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 30px 70px rgba(21, 54, 101, .25);
}

.pmm-hk-switch .hk-admin-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid #e8eef5;
  background: #fff;
}

.pmm-hk-switch .hk-admin-brand {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--hk-navy);
  font-size: .8rem;
  font-weight: 800;
}

.pmm-hk-switch .hk-admin-brand__mark {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
}

.pmm-hk-switch .hk-demo-chip,
.pmm-hk-switch .hk-status,
.pmm-hk-switch .hk-order-row__status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  white-space: nowrap;
}

.pmm-hk-switch .hk-demo-chip {
  padding: .32rem .6rem;
  color: #65758b;
  background: #eef2f6;
  font-size: .68rem;
  font-weight: 700;
}

.pmm-hk-switch .hk-admin-card__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.35rem 1.4rem 1.1rem;
}

.pmm-hk-switch .hk-admin-card__title strong,
.pmm-hk-switch .hk-admin-card__title small {
  display: block;
}

.pmm-hk-switch .hk-admin-card__title strong {
  color: var(--hk-navy);
  font-size: 1.08rem;
  line-height: 1.25;
}

.pmm-hk-switch .hk-admin-card__title small {
  margin-top: .25rem;
  color: #78879b;
  font-size: .72rem;
}

.pmm-hk-switch .hk-progress-ring {
  display: grid;
  flex: none;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border: .35rem solid #d6e7ff;
  border-top-color: var(--hk-blue);
  border-right-color: var(--hk-blue);
  border-radius: 50%;
  color: var(--hk-blue);
  font-size: .7rem;
  font-weight: 800;
}

.pmm-hk-switch .hk-migration-list,
.pmm-hk-switch .hk-order-list {
  padding: 0 1.4rem 1.4rem;
}

.pmm-hk-switch .hk-migration-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  padding: .9rem 0;
  border-top: 1px solid #edf1f6;
}

.pmm-hk-switch .hk-migration-row__icon {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: .75rem;
  color: var(--hk-blue);
  background: #eaf2ff;
}

.pmm-hk-switch .hk-migration-row__icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.pmm-hk-switch .hk-migration-row__name strong,
.pmm-hk-switch .hk-migration-row__name small {
  display: block;
}

.pmm-hk-switch .hk-migration-row__name strong {
  color: #243650;
  font-size: .8rem;
}

.pmm-hk-switch .hk-migration-row__name small {
  margin-top: .18rem;
  color: #8390a2;
  font-size: .68rem;
}

.pmm-hk-switch .hk-status {
  padding: .3rem .55rem;
  font-size: .65rem;
  font-weight: 750;
}

.pmm-hk-switch .hk-status--ready {
  color: #087759;
  background: #e2f8ef;
}

.pmm-hk-switch .hk-status--review {
  color: #946200;
  background: #fff2cf;
}

.pmm-hk-switch .hk-composite--orders .hk-composite__field {
  inset: 0 10% 1rem 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .12), transparent 42%),
    #092758;
}

.pmm-hk-switch .hk-field-label {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 760;
  line-height: 1.12;
  letter-spacing: -.025em;
  transform: rotate(-4deg);
}

.pmm-hk-switch .hk-field-label::after {
  display: block;
  width: 6rem;
  height: .28rem;
  margin-top: .55rem;
  border-radius: 99px;
  background: var(--hk-pink);
  content: '';
}

.pmm-hk-switch .hk-orders-card {
  top: 3.5rem;
  right: 0;
  left: auto;
}

.pmm-hk-switch .hk-orders-title button {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 2rem;
  padding: 0 .65rem;
  border: 1px solid #dbe3ed;
  border-radius: .5rem;
  color: #4c5c70;
  background: #fff;
  font-size: .66rem;
  font-weight: 700;
}

.pmm-hk-switch .hk-orders-title button svg {
  width: .8rem;
  height: .8rem;
}

.pmm-hk-switch .hk-order-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .7rem;
  padding: .85rem 0;
  border-top: 1px solid #edf1f6;
}

.pmm-hk-switch .hk-channel-icon {
  --hk-channel-mask: none;

  display: inline-block;
  flex: none;
  width: .95rem;
  height: .95rem;
  color: var(--hk-blue);
  background: currentColor;
  -webkit-mask: var(--hk-channel-mask) center / contain no-repeat;
  mask: var(--hk-channel-mask) center / contain no-repeat;
}

.pmm-hk-switch .hk-channel-icon--online-store {
  --hk-channel-mask: url('/assets/icons/channels/online-store.svg');
}

.pmm-hk-switch .hk-channel-icon--point-of-sale {
  --hk-channel-mask: url('/assets/icons/channels/point-of-sale.svg');
}

.pmm-hk-switch .hk-channel-icon--instagram {
  --hk-channel-mask: url('/assets/icons/channels/instagram.svg');
}

.pmm-hk-switch .hk-channel-icon--whatsapp {
  --hk-channel-mask: url('/assets/icons/channels/whatsapp.svg');
}

.pmm-hk-switch .hk-channel-icon--row {
  width: .9rem;
  height: .9rem;
}

.pmm-hk-switch .hk-order-row .hk-channel-icon--point-of-sale {
  color: #725cff;
}

.pmm-hk-switch .hk-order-row .hk-channel-icon--instagram {
  color: #f03572;
}

.pmm-hk-switch .hk-order-row .hk-channel-icon--whatsapp {
  color: #12b981;
}

.pmm-hk-switch .hk-order-row__source strong,
.pmm-hk-switch .hk-order-row__source small {
  display: block;
}

.pmm-hk-switch .hk-order-row__source strong,
.pmm-hk-switch .hk-order-row__total {
  color: #263850;
  font-size: .76rem;
}

.pmm-hk-switch .hk-order-row__source small {
  margin-top: .15rem;
  color: #8693a5;
  font-size: .64rem;
}

.pmm-hk-switch .hk-order-row__total {
  font-variant-numeric: tabular-nums;
}

.pmm-hk-switch .hk-order-row__status {
  padding: .28rem .52rem;
  color: #5c6d82;
  background: #f0f3f7;
  font-size: .62rem;
  font-weight: 700;
}

.pmm-hk-switch .hk-orders-proof {
  min-width: 0;
  overflow: visible;
}

.pmm-hk-switch .hk-orders-proof .ol-admin-stage,
.pmm-hk-switch .hk-orders-proof .orders-listing {
  border-radius: 1.25rem;
}

.pmm-hk-switch .hk-orders-proof .ol-admin-stage {
  max-height: none;
  border: 1px solid #d6e1ed;
  box-shadow: 0 24px 55px rgba(32, 78, 139, .18);
}

.pmm-hk-switch .hk-orders-proof .orders-listing {
  font-size: 14px;
}

.pmm-hk-switch .hk-orders-proof .ol-sidebar {
  flex-basis: 64px;
  width: 64px;
  padding: 16px 9px;
}

.pmm-hk-switch .hk-orders-proof .ol-sidebar .pmm-admin-sidebar-logo {
  width: 28px;
  max-width: 28px;
  height: 28px;
  margin-bottom: 20px;
}

.pmm-hk-switch .hk-orders-proof .ol-sidebar .pmm-admin-sidebar-item {
  height: 32px;
  padding: 6px;
}

.pmm-hk-switch .hk-orders-proof .ol-sidebar .pmm-admin-sidebar-item svg {
  width: 20px;
  height: 20px;
}

.pmm-hk-switch .hk-orders-proof .ol-workspace {
  padding: 15px 12px;
}

.pmm-hk-switch .hk-orders-proof .ol-page-title {
  font-size: 20px;
}

.pmm-hk-switch .hk-orders-proof .orders-listing .ui-ctab {
  font-size: 14px;
}

.pmm-hk-switch .hk-orders-proof .ol-searchbar .ui-search .ui-grow {
  font-size: 13px;
}

.pmm-hk-switch .hk-orders-proof .ol-selected .ui-nm {
  font-size: 12px;
}

.pmm-hk-switch .hk-orders-proof .orders-listing .ol-batch .ui-btn {
  min-height: 28px;
  font-size: 12px;
}

.pmm-hk-switch .hk-orders-proof .ol-table th {
  padding-block: 8px;
  font-size: 12px;
}

.pmm-hk-switch .hk-orders-proof .ol-table td {
  padding-block: 6px;
  font-size: 12px;
}

.pmm-hk-switch .hk-orders-proof .ol-table .ui-nm,
.pmm-hk-switch .hk-orders-proof .ol-table .ui-sub {
  font-size: 12px;
}

.pmm-hk-switch .hk-orders-proof .ol-table .ui-chip {
  padding: 2px 6px;
  font-size: 11.5px;
}

.pmm-hk-switch .hk-orders-proof .ol-table .ui-chan img {
  width: 17px;
  height: 17px;
}

.pmm-hk-switch .hk-orders-proof .ol-table .ol-date,
.pmm-hk-switch .hk-orders-proof .ol-table .ol-fulfilment {
  display: none;
}

.pmm-hk-switch .hk-orders-proof .ol-table .ol-order {
  width: 24%;
}

.pmm-hk-switch .hk-orders-proof .ol-table--grouped-order .ol-order {
  width: calc(24% + 2rem);
}

.pmm-hk-switch .hk-orders-proof .ol-order__identity {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  white-space: nowrap;
}

.pmm-hk-switch .hk-orders-proof .ol-table .ol-payment {
  width: 28%;
}

.pmm-hk-switch .hk-orders-proof .ol-table .ol-total {
  display: table-cell;
}

.pmm-hk-switch .hk-orders-proof .ol-batch-actions > .ui-btn:first-child,
.pmm-hk-switch .hk-orders-proof .ol-batch-actions > .ui-btn:last-child,
.pmm-hk-switch .hk-orders-proof .ol-table tbody tr:nth-child(n + 6) {
  display: none;
}

@media (min-width: 1024px) {
  .pmm-hk-switch .hk-proof-grid--orders {
    grid-template-columns: .9fr 1.1fr;
    gap: 4rem;
  }

  .pmm-hk-switch .hk-orders-proof {
    display: flex;
    justify-content: flex-end;
  }

  .pmm-hk-switch .hk-orders-proof .ol-admin-stage {
    width: 94%;
    max-width: 33rem;
    zoom: 1;
  }

  .pmm-hk-switch .hk-orders-proof .ol-sidebar {
    display: flex;
  }

  .pmm-hk-switch .hk-orders-proof .ol-table thead {
    display: table-header-group;
  }

}

.pmm-hk-switch .hk-merchant-proof {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background: #fff;
}

.pmm-hk-switch .hk-merchant-proof__card {
  display: grid;
  grid-template-columns: minmax(16rem, .72fr) minmax(0, 1.28fr);
  min-height: 22rem;
  overflow: hidden;
  border: 1px solid #dbe6f2;
  border-radius: 2rem;
  background: #f7fbff;
  box-shadow: 0 24px 55px rgba(32, 78, 139, .13);
}

.pmm-hk-switch .hk-merchant-proof__portrait {
  position: relative;
  min-width: 0;
  background: #dcecff;
}

.pmm-hk-switch .hk-merchant-proof__portrait::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(7, 23, 54, .62), transparent 48%);
  content: '';
}

.pmm-hk-switch .hk-merchant-proof__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pmm-hk-switch .hk-merchant-proof__portrait > span {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 1;
  color: #fff;
  font-size: .78rem;
  font-weight: 750;
}

.pmm-hk-switch .hk-merchant-proof__copy {
  align-self: center;
  padding: 2.75rem 3rem;
}

.pmm-hk-switch .hk-merchant-proof__copy h2 {
  max-width: 40rem;
  margin-bottom: 1.5rem;
  font-size: clamp(2.05rem, 3.4vw, 3rem);
}

.pmm-hk-switch .hk-merchant-proof blockquote {
  max-width: 42rem;
  margin: 0;
  padding-left: 1.25rem;
  border-left: .25rem solid var(--hk-pink);
  color: #30435f;
  font-size: 1.08rem;
  font-weight: 560;
  line-height: 1.7;
}

.pmm-hk-switch .hk-merchant-proof footer {
  display: flex;
  align-items: baseline;
  gap: .65rem;
  margin-top: 1.4rem;
  color: var(--hk-navy);
}

.pmm-hk-switch .hk-merchant-proof footer strong {
  font-size: .95rem;
}

.pmm-hk-switch .hk-merchant-proof footer span {
  color: #718096;
  font-size: .78rem;
}

.pmm-hk-switch .hk-community {
  background:
    linear-gradient(105deg, rgba(255, 255, 255, .52), transparent 45%),
    #f4e1c8;
}

.pmm-hk-switch .hk-community::before,
.pmm-hk-switch .hk-community::after {
  position: absolute;
  border-radius: 999px;
  background: rgba(255, 255, 255, .34);
  content: '';
}

.pmm-hk-switch .hk-community::before {
  top: 2rem;
  right: -6rem;
  width: 22rem;
  height: 22rem;
}

.pmm-hk-switch .hk-community::after {
  bottom: -7rem;
  left: -4rem;
  width: 17rem;
  height: 17rem;
}

.pmm-hk-switch .hk-community__head,
.pmm-hk-switch .hk-community__cards {
  position: relative;
  z-index: 1;
}

.pmm-hk-switch .hk-community__head .hk-lede {
  max-width: 42rem;
}

.pmm-hk-switch .hk-community__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 3rem;
}

.pmm-hk-switch .hk-community__cards article {
  padding: 1.75rem;
  border: 1px solid rgba(124, 86, 43, .13);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 18px 40px rgba(103, 69, 31, .09);
  transition: transform .2s ease, box-shadow .2s ease;
}

.pmm-hk-switch .hk-community__cards article:hover {
  box-shadow: 0 24px 48px rgba(103, 69, 31, .13);
  transform: translateY(-4px);
}

.pmm-hk-switch .hk-community__cards article > span {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: .9rem;
  color: var(--hk-pink);
  background: #ffe5ed;
}

.pmm-hk-switch .hk-community__cards svg {
  width: 1.35rem;
  height: 1.35rem;
}

.pmm-hk-switch .hk-community__cards h3 {
  margin: 1.2rem 0 .55rem;
  color: var(--hk-navy);
  font-size: 1.15rem;
  font-weight: 760;
}

.pmm-hk-switch .hk-community__cards p {
  margin: 0;
  color: #64748a;
  font-size: .9rem;
  line-height: 1.65;
}

.pmm-hk-switch .hk-community,
.pmm-hk-switch .hk-process,
.pmm-hk-switch .hk-faq,
.pmm-hk-switch .hk-final-cta {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.pmm-hk-switch .hk-process .section-title,
.pmm-hk-switch .hk-faq > div > div:first-child {
  max-width: 52rem;
}

.pmm-hk-switch .hk-process .section-title h2,
.pmm-hk-switch .hk-faq h2,
.pmm-hk-switch .hk-final-cta h2 {
  max-width: 52rem;
  color: var(--hk-navy);
  font-size: clamp(2.35rem, 4.2vw, 3.55rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.pmm-hk-switch .hk-process .pf-node {
  border: 0;
  box-shadow: 0 12px 28px rgba(36, 75, 132, .12);
}

.pmm-hk-switch .hk-process .pf-node > span {
  color: #fff;
  background: var(--hk-pink);
}

.pmm-hk-switch .hk-faq buttons-toggle li {
  border-color: #dce5ef;
}

.pmm-hk-switch .hk-faq buttons-toggle h6 {
  color: var(--hk-navy);
}

.pmm-hk-switch .hk-final-cta > div > div {
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 25%, rgba(64, 144, 255, .55), transparent 18rem),
    linear-gradient(135deg, #071736, #0d3e87);
  box-shadow: 0 30px 65px rgba(7, 23, 54, .22);
}

.pmm-hk-switch .hk-final-cta h2 {
  margin-right: auto;
  margin-left: auto;
  color: #fff;
}

.pmm-hk-switch .hk-final-cta h5 {
  line-height: 1.55;
}

.pmm-hk-switch .hk-final-cta .signup-card-points-wrap {
  max-width: 54rem;
  margin: 1.5rem auto 0;
}

.pmm-hk-switch .hk-final-cta .signup-card-points-title {
  margin: 0 0 .75rem;
  color: #fff;
  font-size: .9rem;
  font-weight: 760;
}

.pmm-hk-switch .hk-final-cta .signup-card-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  max-width: 36rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.pmm-hk-switch .hk-final-cta .signup-card-points li {
  display: flex;
  align-items: center;
  gap: .55rem;
  max-width: none;
  padding: .8rem 1rem;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: .9rem;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  font-size: .875rem;
  font-weight: 650;
  line-height: 1.35;
  text-align: left;
}

.pmm-hk-switch .hk-final-cta .signup-card-points svg {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  color: #85b8ff;
}

.pmm-hk-switch .hk-final-cta .btn-yellow {
  border-color: var(--hk-pink);
  color: #fff;
  background: var(--hk-pink);
}

.pmm-hk-switch .hk-mobile-cta {
  display: none;
}

@media (max-width: 1023px) {
  .pmm-hk-switch .hk-hero,
  .pmm-hk-switch .hk-hero__inner {
    min-height: 760px;
  }

  .pmm-hk-switch .hk-hero__image {
    object-position: 68% center;
  }

  .pmm-hk-switch .hk-hero__wash {
    background:
      linear-gradient(0deg, rgba(250, 253, 255, 1) 0%, rgba(250, 253, 255, .98) 45%, rgba(250, 253, 255, .25) 78%, rgba(250, 253, 255, .03) 100%),
      linear-gradient(90deg, rgba(250, 253, 255, .88), rgba(250, 253, 255, 0) 65%);
  }

  .pmm-hk-switch .hk-hero__inner {
    align-items: flex-end;
  }

  .pmm-hk-switch .hk-hero__copy {
    width: 100%;
    padding-top: 24rem;
  }

  .pmm-hk-switch .hk-value-bar__inner {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .pmm-hk-switch .hk-value-bar__inner::-webkit-scrollbar {
    display: none;
  }

  .pmm-hk-switch .hk-value-bar a {
    flex: 0 0 14.5rem;
    scroll-snap-align: start;
  }

  .pmm-hk-switch .hk-savings__grid,
  .pmm-hk-switch .hk-proof-grid,
  .pmm-hk-switch .hk-community__head {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .pmm-hk-switch .hk-proof-grid--reverse .hk-copy,
  .pmm-hk-switch .hk-proof-grid--reverse .hk-composite {
    grid-column: 1;
  }

  .pmm-hk-switch .hk-proof-grid--reverse .hk-copy {
    grid-row: 1;
  }

  .pmm-hk-switch .hk-proof-grid--reverse .hk-composite {
    grid-row: 2;
  }

  .pmm-hk-switch .hk-community__cards {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 639px) {
  .pmm-hk-switch h2,
  .pmm-hk-switch .hk-process .section-title h2,
  .pmm-hk-switch .hk-faq h2,
  .pmm-hk-switch .hk-final-cta h2 {
    font-size: 2.35rem;
    line-height: 1.06;
  }

  .pmm-hk-switch .hk-hero,
  .pmm-hk-switch .hk-hero__inner {
    min-height: 420px;
  }

  .pmm-hk-switch .hk-hero__image {
    object-position: 74% center;
  }

  .pmm-hk-switch .hk-hero__copy {
    padding: 3.5rem 2rem 2.5rem;
  }

  .pmm-hk-switch .hk-hero h1 {
    font-size: 3.375rem;
    line-height: 1.1;
  }

  .pmm-hk-switch .hk-hero h1:lang(en),
  .pmm-hk-switch .hk-hero h1:lang(ms),
  .pmm-hk-switch .hk-hero h1:lang(id),
  .pmm-hk-switch .hk-hero h1:lang(fl) {
    font-size: 3rem;
    line-height: 1;
  }

  .pmm-hk-switch .hk-hero h1:lang(th) {
    font-size: 3rem;
    line-height: 1.08;
  }

  .pmm-hk-switch .hk-hero__subtitle {
    margin-top: 1.3rem;
    font-size: 1.125rem;
    line-height: 1.5;
  }

  .pmm-hk-switch .hk-hero__actions {
    align-items: stretch;
    flex-direction: column;
    gap: .9rem;
    margin-top: 1.5rem;
    width: 100%;
  }

  .pmm-hk-switch .hk-hero__actions .btn-primary,
  .pmm-hk-switch .hk-hero__actions .hk-text-link {
    justify-content: center;
    width: 100%;
    min-height: 3.5rem;
    border-radius: 999px;
  }

  .pmm-hk-switch .hk-hero__actions .hk-text-link {
    border: 2px solid var(--hk-navy);
    background: rgba(255, 255, 255, .55);
  }

  .pmm-hk-switch .hk-hero__remark {
    padding-right: 1rem;
  }

  .pmm-hk-switch .hk-section {
    padding: 2.5rem 0;
  }

  .pmm-hk-switch .hk-section--proof {
    padding: 3rem 0;
  }

  .pmm-hk-switch .hk-section__inner {
    padding: 0 1.5rem;
  }

  .pmm-hk-switch .hk-migration-scope {
    margin-top: 2.5rem;
    padding-top: 2rem;
  }

  .pmm-hk-switch .hk-migration-scope__head {
    margin-bottom: 1.2rem;
  }

  .pmm-hk-switch .hk-migration-scope__grid {
    grid-template-columns: 1fr;
  }

  .pmm-hk-switch .hk-final-cta .signup-card-points {
    grid-template-columns: 1fr;
  }

  .pmm-hk-switch .hk-calculator {
    padding: 1.6rem 1.25rem;
    border-radius: 1.3rem;
  }

  .pmm-hk-switch .hk-savings-results {
    grid-template-columns: 1fr;
    gap: .55rem;
  }

  .pmm-hk-switch .hk-result {
    padding: 1rem 1.1rem;
  }

  .pmm-hk-switch .hk-result__eyebrow {
    margin-bottom: .75rem;
  }

  .pmm-hk-switch .hk-result__monthly,
  .pmm-hk-switch .hk-result__total {
    gap: .4rem;
  }

  .pmm-hk-switch .hk-result__monthly strong {
    font-size: 1.65rem;
  }

  .pmm-hk-switch .hk-savings-results__transition {
    padding: 0;
    justify-self: center;
  }

  .pmm-hk-switch .hk-savings-results__transition svg {
    transform: rotate(90deg);
  }

  .pmm-hk-switch .hk-composite {
    min-height: auto;
    padding: 2rem 0;
  }

  .pmm-hk-switch .hk-orders-proof {
    border-radius: 1.25rem;
  }

  .pmm-hk-switch .hk-orders-proof .ol-admin-stage,
  .pmm-hk-switch .hk-orders-proof .orders-listing {
    border-radius: .9rem;
  }

  .pmm-hk-switch .hk-orders-proof .ol-admin-stage {
    max-height: none;
  }

  .pmm-hk-switch .hk-composite__field {
    inset: 0;
  }

  .pmm-hk-switch .hk-admin-card {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 1.2rem);
    margin: 0 auto;
  }

  .pmm-hk-switch .hk-composite--orders .hk-composite__field {
    inset: 0;
  }

  .pmm-hk-switch .hk-orders-card {
    top: auto;
    right: auto;
  }

  .pmm-hk-switch .hk-field-label,
  .pmm-hk-switch .hk-route-line,
  .pmm-hk-switch .hk-route-dot {
    display: none;
  }

  .pmm-hk-switch .hk-admin-card__title,
  .pmm-hk-switch .hk-migration-list,
  .pmm-hk-switch .hk-order-list {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .pmm-hk-switch .hk-order-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .pmm-hk-switch .hk-order-row__status {
    display: none;
  }

  .pmm-hk-switch .hk-orders-title button {
    justify-content: center;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    min-height: 2.2rem;
    gap: 0;
    padding: 0;
    overflow: hidden;
    color: #4c5c70;
    font-size: 0;
  }

  .pmm-hk-switch .hk-orders-title button svg {
    width: 1rem;
    height: 1rem;
  }

  .pmm-hk-switch .hk-community__cards {
    margin-top: 2rem;
  }

  .pmm-hk-switch .hk-merchant-proof {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .pmm-hk-switch .hk-merchant-proof__card {
    grid-template-columns: 1fr;
    border-radius: 1.4rem;
  }

  .pmm-hk-switch .hk-merchant-proof__portrait {
    min-height: 14rem;
  }

  .pmm-hk-switch .hk-merchant-proof__copy {
    padding: 2rem 1.5rem 2.25rem;
  }

  .pmm-hk-switch .hk-merchant-proof__copy h2 {
    font-size: 2.15rem;
  }

  .pmm-hk-switch .hk-merchant-proof blockquote {
    font-size: 1rem;
  }

  .pmm-hk-switch .hk-community,
  .pmm-hk-switch .hk-process,
  .pmm-hk-switch .hk-faq,
  .pmm-hk-switch .hk-final-cta {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .pmm-hk-switch .hk-mobile-cta {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 3.35rem;
    border-radius: 999px;
    color: #fff;
    background: var(--hk-pink);
    box-shadow: 0 16px 36px rgba(255, 47, 104, .34);
    font-size: .95rem;
    font-weight: 800;
    text-decoration: none;
    opacity: 0;
    pointer-events: none;
    transform: translateY(1rem);
    transition: opacity .2s ease, transform .2s ease;
  }

  .pmm-hk-switch .hk-mobile-cta.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .pmm-hk-switch .hk-mobile-cta svg {
    width: 1.1rem;
    height: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pmm-hk-switch *,
  .pmm-hk-switch *::before,
  .pmm-hk-switch *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}