/* Desktop Figma 4414:51218. The outer stage already scales by viewport width;
   use its inverse-scaled viewport height, never raw 100vh inside that stage.
   Native sizes remain measurable by both section-transition controllers. */
html[data-instatic-layout-id="desktop"] .clipo-pricing {
  --pricing-fit-h: var(--instatic-logical-viewport-height, 900px);
  --pricing-fit-heading: min(91px, calc(var(--pricing-fit-h) * .105));
  --pricing-fit-details-top: min(215px, calc(var(--pricing-fit-h) * .24));
  --pricing-fit-details-padding: min(24px, calc(var(--pricing-fit-h) * .022));
  --pricing-fit-body: min(31px, calc(var(--pricing-fit-h) * .038));
  --pricing-fit-notes: min(15px, calc(var(--pricing-fit-h) * .028));
  --pricing-fit-gap: min(16px, calc(var(--pricing-fit-h) * .014));
  --pricing-fit-bottom: min(24px, calc(var(--pricing-fit-h) * .025));
  --pricing-fit-price-major: min(270px, calc(var(--pricing-fit-h) * .27));
  /* Anchor the painted .84em price line, not the oversized digit wrapper. */
  --pricing-fit-price-height: calc(var(--pricing-fit-price-major) * .88);
  --pricing-fit-price-gap: min(30px, calc(var(--pricing-fit-h) * .025));
  --pricing-fit-art-height: min(615.4px, calc(var(--pricing-fit-h) * .57), calc(var(--pricing-fit-h) - var(--pricing-fit-details-top) - var(--pricing-fit-details-padding) - 70px - var(--pricing-fit-bottom)));
  height: var(--instatic-logical-viewport-height, 900px);
  min-height: 0;
}

html[data-instatic-layout-id="desktop"] .clipo-pricing__canvas {
  height: var(--instatic-logical-viewport-height, 900px);
}

html[data-instatic-layout-id="desktop"] .clipo-pricing span.clipo-pricing__headline {
  font-size: var(--pricing-fit-heading);
  line-height: .84;
  letter-spacing: -.04em;
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__headline--access {
  top: calc(16px + var(--pricing-fit-heading) * .84);
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__badge {
  left: calc(160px + var(--pricing-fit-heading) * 5.54);
  top: calc(24px + var(--pricing-fit-heading) * .84);
  height: min(60px, calc(var(--pricing-fit-h) * .067));
  width: min(231px, calc(var(--pricing-fit-h) * .25795));
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__arrow {
  top: 16px;
  width: min(180px, calc(var(--pricing-fit-h) * .18));
  height: min(160px, calc(var(--pricing-fit-h) * .16));
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__arrow-icon {
  font-size: min(157px, calc(var(--pricing-fit-h) * .16));
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__details {
  top: var(--pricing-fit-details-top);
  padding-top: var(--pricing-fit-details-padding);
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__features {
  font-size: var(--pricing-fit-body);
  letter-spacing: -.03em;
  gap: var(--pricing-fit-gap);
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__feature::before {
  flex-basis: calc(var(--pricing-fit-body) * .7742);
  width: calc(var(--pricing-fit-body) * .7742);
  height: calc(var(--pricing-fit-body) * .7742);
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__notes {
  font-size: var(--pricing-fit-notes);
  letter-spacing: -.02em;
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__art {
  top: auto;
  bottom: var(--pricing-fit-bottom);
  height: var(--pricing-fit-art-height);
  width: calc(var(--pricing-fit-art-height) * 1.19109522);
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__price-row {
  top: auto;
  bottom: var(--pricing-fit-bottom);
  height: var(--pricing-fit-price-height);
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__price-row::before {
  top: calc(-1 * var(--pricing-fit-price-gap));
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__price-major {
  font-size: var(--pricing-fit-price-major);
  letter-spacing: -.04em;
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__price-minor {
  font-size: calc(var(--pricing-fit-price-major) * .58148148);
  letter-spacing: -.04em;
}
html[data-instatic-layout-id="desktop"] .clipo-pricing__currency {
  font-size: calc(var(--pricing-fit-price-major) * .2185);
  padding-top: calc(var(--pricing-fit-price-major) * .0889);
}