.zaritop-pricing-section {
  padding: clamp(82px, 7vw, 108px) 24px;
  scroll-margin-top: calc(var(--header-height) + 24px);
  background: var(--color-secondary-3);
  color: var(--color-ink);
  font-family: Inter, sans-serif;
}
.zaritop-pricing-container { max-width: 1200px; margin-inline: auto; }
.zaritop-pricing-header { max-width: 790px; margin: 0 auto clamp(38px, 4.8vw, 58px); text-align: center; }
.zaritop-pricing-eyebrow {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px;
  font-size: 11px; font-weight: 800; line-height: 1.5; letter-spacing: 1.8px;
}
.zaritop-pricing-eyebrow::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary-1); }
.zaritop-pricing-heading {
  max-width: 720px; margin: 0 auto; font-family: Manrope, sans-serif;
  font-size: clamp(31px, 3.65vw, 50px); font-weight: 800; line-height: 1.14;
  letter-spacing: -1.2px; text-wrap: balance;
}
.zaritop-pricing-highlight { position: relative; display: inline-block; }
.zaritop-pricing-highlight::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: .03em; height: .18em;
  border-radius: 999px; background: var(--color-primary-1); z-index: -1;
}
.zaritop-pricing-intro {
  max-width: 700px; margin: 20px auto 0; color: var(--color-muted);
  font-size: clamp(15px, 1.3vw, 17px); line-height: 1.8;
}
.zaritop-pricing-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 24px;
  margin: 0; padding: 0; list-style: none;
}
.zaritop-pricing-item { min-width: 0; }
.zaritop-pricing-card {
  display: flex; flex-direction: column; min-height: 100%; padding: clamp(22px, 2.5vw, 32px);
  border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-white);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--color-ink) 6%, transparent);
  transition: transform 225ms ease, box-shadow 225ms ease, border-color 225ms ease;
}
.zaritop-pricing-card--combo {
  border-color: color-mix(in srgb, var(--color-primary-1) 76%, var(--color-ink));
  box-shadow: 0 18px 42px color-mix(in srgb, var(--color-primary-1) 15%, transparent);
}
.zaritop-pricing-card-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 48px; margin-bottom: 22px; }
.zaritop-pricing-icon, .zaritop-pricing-cross-icon {
  display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px;
  border-radius: 14px; background: var(--color-secondary-1); color: var(--color-ink);
}
.zaritop-pricing-icon--apps, .zaritop-pricing-cross-card--app .zaritop-pricing-cross-icon { background: var(--color-secondary-2); }
.zaritop-pricing-icon--combo { background: var(--color-primary-3); }
.zaritop-pricing-icon svg, .zaritop-pricing-cross-icon svg, .zaritop-pricing-features svg {
  display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
.zaritop-pricing-badge {
  display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border-radius: 999px;
  background: var(--color-primary-3); font-size: 11px; font-weight: 800; line-height: 1.4;
}
.zaritop-pricing-card-title {
  margin: 0; font-family: Manrope, sans-serif; font-size: clamp(23px, 2.1vw, 29px);
  font-weight: 800; line-height: 1.22; letter-spacing: -.6px; text-wrap: balance;
}
.zaritop-pricing-card-copy { min-height: 76px; margin: 14px 0 22px; color: var(--color-muted); font-size: 14px; line-height: 1.75; }
.zaritop-pricing-features { display: grid; gap: 11px; margin: 0 0 24px; padding: 0; list-style: none; }
.zaritop-pricing-features li { display: flex; align-items: flex-start; gap: 9px; color: var(--color-muted); font-size: 13px; line-height: 1.55; }
.zaritop-pricing-features svg { width: 17px; height: 17px; margin-top: 2px; color: color-mix(in srgb, var(--color-primary-1) 72%, var(--color-ink)); flex: 0 0 auto; }
.zaritop-pricing-price, .zaritop-pricing-benefit {
  margin: auto 0 18px; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 800; line-height: 1.45;
}
.zaritop-pricing-benefit {
  display: inline-flex; align-items: center; width: fit-content; padding: 8px 11px; border-radius: 10px;
  background: color-mix(in srgb, var(--color-primary-1) 16%, var(--color-white)); color: color-mix(in srgb, var(--color-primary-1) 54%, var(--color-ink));
}
.zaritop-pricing-button, .zaritop-pricing-cta-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 13px 18px;
  border: 1px solid color-mix(in srgb, var(--color-primary-1) 38%, var(--color-border));
  border-radius: 9px; color: var(--color-ink); font-size: 13px; font-weight: 800; line-height: 20px;
  text-align: center; transition: background-color 225ms ease, border-color 225ms ease, transform 225ms ease;
}
.zaritop-pricing-button--combo, .zaritop-pricing-cta-button { background: var(--color-primary-1); border-color: transparent; }
.zaritop-pricing-section [aria-disabled="true"] { cursor: not-allowed; }
.zaritop-pricing-button[href]:hover, .zaritop-pricing-cta-button[href]:hover { background: var(--color-secondary-1); border-color: var(--color-primary-1); }
.zaritop-pricing-cross {
  margin-top: clamp(34px, 5vw, 58px); padding: clamp(24px, 3vw, 36px);
  border: 1px solid color-mix(in srgb, var(--color-primary-1) 24%, var(--color-border));
  border-radius: 18px; background: color-mix(in srgb, var(--color-white) 72%, var(--color-secondary-3));
}
.zaritop-pricing-cross-title {
  margin: 0 0 22px; font-family: Manrope, sans-serif; font-size: clamp(23px, 2.5vw, 34px);
  font-weight: 800; line-height: 1.22; letter-spacing: -.75px; text-align: center; text-wrap: balance;
}
.zaritop-pricing-cross-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.zaritop-pricing-cross-card {
  display: flex; align-items: flex-start; gap: 16px; min-width: 0; padding: clamp(18px, 2.2vw, 24px);
  border: 1px solid color-mix(in srgb, var(--color-ink) 8%, transparent); border-radius: 16px; background: var(--color-secondary-1);
}
.zaritop-pricing-cross-card--app { background: var(--color-secondary-2); }
.zaritop-pricing-cross-card h4 { margin: 0; font-family: Manrope, sans-serif; font-size: 18px; font-weight: 800; line-height: 1.3; }
.zaritop-pricing-cross-card p { margin: 8px 0 0; color: color-mix(in srgb, var(--color-ink) 72%, var(--color-muted)); font-size: 14px; line-height: 1.7; }
.zaritop-pricing-note { margin: 18px 0 0; color: var(--color-muted); font-size: 12px; line-height: 1.7; text-align: center; }
.zaritop-pricing-cta { margin: clamp(34px, 4.5vw, 52px) auto 0; text-align: center; }
.zaritop-pricing-cta-title {
  margin: 0 auto 20px; font-family: Manrope, sans-serif; font-size: clamp(24px, 2.8vw, 36px);
  font-weight: 800; line-height: 1.2; letter-spacing: -.8px; text-wrap: balance;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .zaritop-pricing-card:hover { transform: translateY(-5px); box-shadow: 0 16px 34px color-mix(in srgb, var(--color-ink) 10%, transparent); }
  .zaritop-pricing-card--combo:hover { box-shadow: 0 22px 48px color-mix(in srgb, var(--color-primary-1) 18%, transparent); }
}
@media (prefers-reduced-motion: no-preference) {
  .zaritop-pricing-header.zaritop-pricing-revealed,
  .zaritop-pricing-cross.zaritop-pricing-revealed,
  .zaritop-pricing-cta.zaritop-pricing-revealed { animation: zaritop-pricing-fade 250ms backwards; }
  .zaritop-pricing-item.zaritop-pricing-revealed { animation: zaritop-pricing-enter 250ms backwards; }
  .zaritop-pricing-item:nth-child(2).zaritop-pricing-revealed { animation-delay: 80ms; }
  .zaritop-pricing-item:nth-child(3).zaritop-pricing-revealed { animation-delay: 160ms; }
}
@keyframes zaritop-pricing-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes zaritop-pricing-enter { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 768px) and (max-width: 1023px) {
  .zaritop-pricing-section { padding-block: clamp(64px, 7.8vw, 84px); }
  .zaritop-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zaritop-pricing-item--combo { grid-column: 1 / -1; }
  .zaritop-pricing-item:nth-child(3).zaritop-pricing-revealed { animation-delay: 0ms; }
  .zaritop-pricing-card-copy { min-height: 0; }
}
@media (max-width: 767px) {
  .zaritop-pricing-section { padding: clamp(52px, 8vw, 68px) 20px; }
  .zaritop-pricing-heading { letter-spacing: -1px; }
  .zaritop-pricing-grid, .zaritop-pricing-cross-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .zaritop-pricing-card-copy { min-height: 0; }
  .zaritop-pricing-grid .zaritop-pricing-revealed { animation-delay: 0ms; }
  .zaritop-pricing-cross-card { align-items: flex-start; flex-direction: column; }
  .zaritop-pricing-button, .zaritop-pricing-cta-button { width: 100%; }
}
@media (max-width: 380px) {
  .zaritop-pricing-card-top { align-items: flex-start; flex-direction: column; }
  .zaritop-pricing-badge { width: fit-content; }
}
@media (prefers-reduced-motion: reduce) {
  .zaritop-pricing-revealed { animation: none; }
  .zaritop-pricing-card, .zaritop-pricing-button, .zaritop-pricing-cta-button { transition: none; }
}