/* Scoped copy of pricing.css, built by ZW Icons from https://zachwheat.com/wp-content/plugins/zw-icons/assets/kit/pricing.css */
body.zw-kit .pricing { font-size: 15px; font-weight: 400; font-style: normal; line-height: 1.55; color: #18202c; text-align: left; }
body.zw-kit .pricing, body.zw-kit .pricing *, body.zw-kit .pricing *::before, body.zw-kit .pricing *::after { box-sizing: border-box; }
body.zw-kit .pricing__plans, body.zw-kit .plan, body.zw-kit .plan__head, body.zw-kit .plan__name, body.zw-kit .plan__price, body.zw-kit .plan__features, body.zw-kit .plan__features li, body.zw-kit .plan__foot, body.zw-kit .plan__badge, body.zw-kit .plan__btn, body.zw-kit .pricing__toggle, body.zw-kit .pricing__toggle label { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; width: auto; max-width: none; min-height: 0; float: none; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: normal; line-height: inherit; letter-spacing: normal; text-transform: none; text-shadow: inherit; color: inherit; }
body.zw-kit .plan__currency, body.zw-kit .plan__amount, body.zw-kit .plan__cents, body.zw-kit .plan__period, body.zw-kit .pricing__save, body.zw-kit .plan__dot { margin: 0; padding: 0; border: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; }
body.zw-kit .plan__features li, body.zw-kit .plan__features li::marker { list-style: none; }
body.zw-kit .plan__name::before, body.zw-kit .plan__name::after, body.zw-kit .plan__features li::before, body.zw-kit .plan__features li::after, body.zw-kit .plan__price::before, body.zw-kit .plan__price::after, body.zw-kit .plan__btn::after { content: none; margin: 0; padding: 0; border: 0; background: none; }
body.zw-kit .plan__btn { text-decoration: none; }

body.zw-kit .pricing {
  
  --accent: #0aa3e8;
  --muted-accent: #a8a8a8;        
  --font: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --radius: 6px;
  --gap: 0px;
  --lift: 10px;                   

  --card-bg: #ffffff;
  --card-border: #cfcfcf;
  --card-shadow: none;
  --feature-color: #555555;
  --divider: #dddddd;

  --badge-bg: #1f2024;
  --badge-color: #ffffff;

  container-type: inline-size;
  font-family: var(--font);
  padding-block: calc(var(--lift) + 16px);
}
body.zw-kit .pricing__plans {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);   
  gap: var(--gap);
  align-items: stretch;
}
body.zw-kit .plan {
  --rl: var(--radius);   
  --rr: var(--radius);   
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--rl) var(--rr) var(--rr) var(--rl);
  box-shadow: var(--card-shadow);
  text-align: center;
}
body.zw-kit .plan__head {
  border-radius: calc(var(--rl) - 1px) calc(var(--rr) - 1px) 0 0;
}
body.zw-kit .plan__name, body.zw-kit .plan__price {
  margin: 0;
}
body.zw-kit .plan__cents::before {
  content: ".";        
}
body.zw-kit .plan__price {
  white-space: nowrap;
  font-variant-numeric: lining-nums;
}
body.zw-kit .plan__features {
  flex: 1;                      
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--feature-color);
}
body.zw-kit .plan__features li {
  position: relative;
}
body.zw-kit .plan__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  text-decoration: none;
  cursor: pointer;
}
body.zw-kit .plan__btn:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
body.zw-kit .plan__badge {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  transform: translate(-50%, -55%);
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--badge-bg);
  color: var(--badge-color);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.zw-kit .plan__dot {
  --_dot: var(--dot-color, #f59e0b);
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--_dot);
  vertical-align: .15em;
  box-shadow: 0 0 3px 1px color-mix(in oklch, var(--_dot), transparent 15%),
              0 0 9px 2px color-mix(in oklch, var(--_dot), transparent 45%);
  animation: zw-dot-glow 2.4s ease-in-out infinite;
}
body.zw-kit .plan__badge:has(.plan__dot) { display: inline-flex; align-items: center; }
body.zw-kit .plan__badge .plan__dot { vertical-align: 0; }
body.zw-kit .plan__name .plan__dot { width: .3em; height: .3em; margin-right: .3em; vertical-align: .2em; }
@keyframes zw-dot-glow {
  50% {
    box-shadow: 0 0 2px 0 color-mix(in oklch, var(--_dot), transparent 35%),
                0 0 5px 1px color-mix(in oklch, var(--_dot), transparent 70%);
  }
}
@media (prefers-reduced-motion: reduce) {
body.zw-kit .plan__dot { animation: none; }
}
body.zw-kit .pricing--flat .plan:has(.plan__badge) .plan__name, body.zw-kit .pricing--dark .plan:has(.plan__badge) .plan__name {
  padding-top: 22px;
}
body.zw-kit .plan--featured {
  z-index: 2;
}
body.zw-kit .pricing--spotlight:has(.plan--featured) .plan:not(.plan--featured) {
  --accent: var(--muted-accent);
}
body.zw-kit .pricing--classic {
  --radius: 8px;
  --lift: 10px;
  --card-border: #c9c9c9;
  --feature-color: #555555;
  --divider: #d9d9d9;
}
body.zw-kit .pricing--classic .plan {
  --rl: 0px;
  --rr: 0px;
  background: linear-gradient(180deg, #f3f2f4 0%, #ffffff 45%);
}
body.zw-kit .pricing--classic .plan + .plan { margin-left: -1px; }
body.zw-kit .pricing--classic .plan:first-child { --rl: var(--radius); }
body.zw-kit .pricing--classic .plan:last-child { --rr: var(--radius); }
body.zw-kit .pricing--classic .plan__head {
  padding: 22px 12px 26px;
  background: linear-gradient(180deg,
    color-mix(in oklch, var(--accent), white 12%) 0%,
    var(--accent) 55%,
    color-mix(in oklch, var(--accent), black 6%) 100%);
  border-bottom: 1px solid color-mix(in oklch, var(--accent), black 25%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
  color: #ffffff;
  text-shadow: 0 1px 0 color-mix(in oklch, var(--accent), black 45%), 0 2px 3px rgba(0, 0, 0, .25);
}
body.zw-kit .pricing--classic .plan__name {
  font-size: clamp(22px, 3.3cqi, 32px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
body.zw-kit .pricing--classic .plan__price {
  margin-top: 2px;
  font-size: clamp(16px, 2.2cqi, 21px);
  font-weight: 700;
  letter-spacing: -.02em;
}
body.zw-kit .pricing--classic .plan__features {
  padding: 14px 22px 4px;
  font-size: 13px;
}
body.zw-kit .pricing--classic .plan__features li {
  padding: 9px 0 8px;
}
body.zw-kit .pricing--classic .plan__features li + li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--divider) 20%, var(--divider) 80%, transparent);
}
body.zw-kit .pricing--classic .plan__foot { padding: 10px 28px 26px; }
body.zw-kit .pricing--classic .plan__btn {
  width: 100%;
  padding: 7px 12px;
  border: 1px solid color-mix(in oklch, var(--accent), black 30%);
  border-radius: 4px;
  background: linear-gradient(180deg,
    color-mix(in oklch, var(--accent), white 15%),
    var(--accent) 55%,
    color-mix(in oklch, var(--accent), black 8%));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.02em;
  text-shadow: 0 1px 1px color-mix(in oklch, var(--accent), black 45%);
}
body.zw-kit .pricing--classic .plan__btn:hover {
  background: color-mix(in oklch, var(--accent), black 6%);
}
body.zw-kit .pricing--classic .plan--featured {
  --rl: var(--radius);
  --rr: var(--radius);
  margin-block: calc(var(--lift) * -1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .18);
}
body.zw-kit .pricing--classic .plan--featured .plan__head { padding-block: 26px 30px; }
body.zw-kit .pricing--classic .plan--featured::before, body.zw-kit .pricing--classic .plan--featured::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: calc(var(--lift) + 1px);
  width: 26px;
  height: 45%;
  pointer-events: none;
}
body.zw-kit .pricing--classic .plan--featured::before {
  right: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, .22), transparent);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
body.zw-kit .pricing--classic .plan--featured::after {
  left: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, .22), transparent);
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
body.zw-kit .pricing--classic .plan--featured:first-child::before, body.zw-kit .pricing--classic .plan--featured:last-child::after {
  content: none;   
}
body.zw-kit .pricing--flat {
  --font: "Lato", "Helvetica Neue", Arial, sans-serif;
  --radius: 4px;
  --gap: 16px;
  --lift: 8px;
  --card-border: transparent;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, .12);
  --feature-color: #444444;
  --divider: #ececec;
  --btn-bg: #43444a;
}
body.zw-kit .pricing--flat .plan { overflow: hidden; }
body.zw-kit .pricing--flat .plan--featured { overflow: visible; }
body.zw-kit .pricing--flat .plan__head { color: #ffffff; }
body.zw-kit .pricing--flat .plan__name {
  padding: 11px 12px 10px;
  background: color-mix(in oklch, var(--accent), black 9%);
  border-radius: inherit;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}
body.zw-kit .pricing--flat .plan__price {
  padding: 14px 12px 18px;
  background: var(--accent);
  font-weight: 400;
  line-height: 1;
}
body.zw-kit .pricing--flat .plan__currency, body.zw-kit .pricing--flat .plan__cents { font-size: 22px; }
body.zw-kit .pricing--flat .plan__amount { font-size: clamp(36px, 5cqi, 48px); }
body.zw-kit .pricing--flat .plan__period { font-size: 14px; margin-left: .25em; opacity: .85; }
body.zw-kit .pricing--flat .plan__features {
  font-size: 15px;
  font-weight: 700;
}
body.zw-kit .pricing--flat .plan__features li {
  padding: 15px 12px;
  border-bottom: 1px solid var(--divider);
}
body.zw-kit .pricing--flat .plan__foot { padding: 20px; }
body.zw-kit .pricing--flat .plan__btn {
  width: 100%;
  padding: 13px 12px;
  border-radius: 3px;
  background: var(--btn-bg);
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}
body.zw-kit .pricing--flat .plan__btn:hover { background: color-mix(in oklch, var(--btn-bg), black 20%); }
body.zw-kit .pricing--flat .plan--featured {
  margin-block: calc(var(--lift) * -1) 0;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18), 0 0 0 2px var(--accent);
}
body.zw-kit .pricing--flat .plan--featured .plan__head { border-radius: calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0; overflow: hidden; }
body.zw-kit .pricing--flat .plan--featured .plan__price { padding-block: 18px 22px; }
body.zw-kit .pricing--flat .plan--featured .plan__btn { background: var(--accent); }
body.zw-kit .pricing--flat .plan--featured .plan__btn:hover { background: color-mix(in oklch, var(--accent), black 12%); }
body.zw-kit .pricing--dark {
  --font: "Lato", "Helvetica Neue", Arial, sans-serif;
  --radius: 4px;
  --gap: 14px;
  --lift: 22px;
  --card-bg: #2a2938;
  --card-border: transparent;
  --card-shadow: 0 2px 4px rgba(0, 0, 0, .25);
  --feature-color: #a3a2b5;
  --divider: #3b3a4c;
  --badge-bg: #ffffff;
  --badge-color: #2a2938;
}
body.zw-kit .pricing--dark .plan {
  border-bottom: 4px solid #1c1b26;
  color: #ffffff;
}
body.zw-kit .pricing--dark .plan__head {
  border-bottom: 5px solid color-mix(in oklch, var(--accent), black 22%);
}
body.zw-kit .pricing--dark .plan__name {
  padding: 13px 12px 11px;
  background: var(--accent);
  border-radius: inherit;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}
body.zw-kit .pricing--dark .plan__price {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  align-items: start;
  margin: 26px 0 30px;
  font-weight: 400;
  line-height: 1;
  color: #e9e8f2;
}
body.zw-kit .pricing--dark .plan__currency { grid-row: 1 / 3; align-self: center; font-size: 38px; margin-right: 2px; }
body.zw-kit .pricing--dark .plan__amount { grid-row: 1 / 3; font-size: clamp(52px, 7cqi, 68px); letter-spacing: -.02em; }
body.zw-kit .pricing--dark .plan__cents { grid-column: 3; font-size: 34px; text-align: left; }
body.zw-kit .pricing--dark .plan__cents::before { content: none; }
body.zw-kit .pricing--dark .plan__period { grid-column: 3; font-size: 14px; color: var(--feature-color); text-align: left; }
body.zw-kit .pricing--dark .plan__features {
  border-top: 1px solid var(--divider);
  font-size: 15px;
}
body.zw-kit .pricing--dark .plan__features li {
  padding: 13px 12px;
  border-bottom: 1px solid var(--divider);
}
body.zw-kit .pricing--dark .plan__foot { padding: 22px 16px 24px; }
body.zw-kit .pricing--dark .plan__btn {
  padding: 6px 10px;
  border-radius: 3px;
  background: none;
  color: #ffffff;
  font-size: 15px;
}
body.zw-kit .pricing--dark .plan__btn::before {        
  content: "";
  width: 20px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1h3l2.2 10.2h10.3L18.5 4H5'/%3E%3Ccircle cx='8' cy='15.5' r='1.5'/%3E%3Ccircle cx='15' cy='15.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1h3l2.2 10.2h10.3L18.5 4H5'/%3E%3Ccircle cx='8' cy='15.5' r='1.5'/%3E%3Ccircle cx='15' cy='15.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.zw-kit .pricing--dark .plan__btn:hover { background: rgba(255, 255, 255, .08); }
body.zw-kit .pricing--dark .plan--featured {
  margin-block: calc(var(--lift) * -1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .35);
}
body.zw-kit .pricing--dark .plan--featured .plan__name {
  background: color-mix(in oklch, var(--accent), black 10%);
}
body.zw-kit .pricing--dark .plan--featured .plan__btn {
  padding-inline: 16px;
  background: var(--accent);
}
body.zw-kit .pricing--dark .plan--featured .plan__btn:hover { background: color-mix(in oklch, var(--accent), black 12%); }
body.zw-kit .pricing {
  --toggle-bg: #e7eaee;
  --toggle-color: #555b66;
}
body.zw-kit .pricing--dark {
  --toggle-bg: #2a2938;
  --toggle-color: #a3a2b5;
}
body.zw-kit .pricing__toggle {
  display: flex;
  width: max-content;
  max-width: 100%;
  margin: 0 auto calc(var(--lift) + 30px);
  padding: 4px;
  border: 0;
  border-radius: 999px;
  background: var(--toggle-bg);
}
body.zw-kit .pricing__toggle legend {            
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
body.zw-kit .pricing__toggle label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 999px;
  color: var(--toggle-color);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}
body.zw-kit .pricing__toggle input {             
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
body.zw-kit .pricing__toggle label:has(input:checked) {
  background: var(--accent);
  color: #ffffff;
}
body.zw-kit .pricing__toggle label:has(input:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
body.zw-kit .pricing__save {
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in oklch, var(--accent), white 82%);
  color: color-mix(in oklch, var(--accent), black 35%);
  font-size: 11px;
  letter-spacing: .02em;
}
@media (prefers-reduced-motion: reduce) {
body.zw-kit .pricing__toggle label { transition: none; }
}
body.zw-kit .pricing:has(.pricing__toggle input[value="monthly"]:checked) .plan__price[data-billing="yearly"], body.zw-kit .pricing:has(.pricing__toggle input[value="yearly"]:checked) .plan__price[data-billing="monthly"] {
  display: none;
}
@container (max-width: 900px) {
body.zw-kit .pricing__plans:has(> .plan:nth-child(4)) {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: max(var(--gap), 28px);
  }
body.zw-kit .pricing__plans:has(> .plan:nth-child(4)) .plan {
    --rl: var(--radius);
    --rr: var(--radius);
    margin-left: 0;
  }
body.zw-kit .pricing__plans:has(> .plan:nth-child(4)) .plan::before, body.zw-kit .pricing__plans:has(> .plan:nth-child(4)) .plan::after { content: none; }
}
@container (max-width: 600px) {
body.zw-kit .pricing__plans, body.zw-kit .pricing__plans:has(> .plan:nth-child(4)) {
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr);
    gap: max(var(--gap), 28px);
    max-width: 380px;
    margin-inline: auto;
  }
body.zw-kit .pricing .plan {
    --rl: var(--radius);
    --rr: var(--radius);
    margin: 0;
  }
body.zw-kit .pricing .plan--featured { order: -1; }
body.zw-kit .pricing .plan::before, body.zw-kit .pricing .plan::after { content: none; }
}

body.zw-kit .plan__btn.plan__btn:is(:link, :visited, :hover, :focus, :active) { color: #ffffff; text-decoration: none; }
body.zw-kit .pricing--flat .plan__btn:is(:link, :visited, :hover, :focus, :active), body.zw-kit .pricing--dark .plan__btn:is(:link, :visited, :hover, :focus, :active) { border: 0; }
body.zw-kit .pricing--classic .plan__btn:is(:link, :visited, :hover, :focus, :active) { border: 1px solid color-mix(in oklch, var(--accent), black 30%); }
body.zw-kit .pricing--classic.zw-on-light .plan__head { color: #1a1a1a; text-shadow: 0 1px 0 rgba(255, 255, 255, .45); }
body.zw-kit .pricing--flat.zw-on-light .plan__head, body.zw-kit .pricing--dark.zw-on-light .plan__name { color: #1a1a1a; }
body.zw-kit .pricing--classic.zw-on-light .plan__btn.plan__btn:is(:link, :visited, :hover, :focus, :active), body.zw-kit .pricing--flat.zw-on-light .plan--featured .plan__btn.plan__btn:is(:link, :visited, :hover, :focus, :active), body.zw-kit .pricing--dark.zw-on-light .plan--featured .plan__btn.plan__btn:is(:link, :visited, :hover, :focus, :active) { color: #1a1a1a; text-shadow: 0 1px 0 rgba(255, 255, 255, .45); }
body.zw-kit .pricing.zw-on-light .pricing__toggle label:has(input:checked) { color: #1a1a1a; }
body.zw-kit .pricing--spotlight.zw-on-light .plan:not(.plan--featured) :is(.plan__head, .plan__name), body.zw-kit .pricing--spotlight.zw-on-light .plan:not(.plan--featured) .plan__btn.plan__btn:is(:link, :visited, :hover, :focus, :active) { color: #ffffff; }
