.pricing-section {
  padding: 100px 0;
  scroll-margin-top: 100px;
}
.pricing-section .section-intro {
  text-align: center;
  margin: 0 auto 44px;
}
.pricing-section h2 {
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.06;
  letter-spacing: -2px;
}
.pricing-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 22px;
  max-width: 940px;
  margin: auto;
}
.pricing-card {
  border: 1px solid #525052;
  border-radius: 14px;
  padding: 36px;
  background: #232325;
}
.pricing-card.featured {
  border-color: #f47559;
  background: linear-gradient(150deg, #f4755910, #232325 55%);
}
.pricing-label {
  font: 12px monospace;
  letter-spacing: 1.7px;
  color: #f47559;
}
.pricing-price {
  font-size: 64px;
  letter-spacing: -3px;
  line-height: 1.2;
  margin: 22px 0 0;
}
.pricing-price small {
  font-size: 15px;
  letter-spacing: 0;
  color: #b6b3b0;
}
.pricing-card p {
  font-size: 15px;
  line-height: 1.65;
  color: #b6b3b0;
}
.pricing-card ul {
  list-style: none;
  margin: 30px 0;
  padding: 0;
}
.pricing-card li {
  padding: 12px 0;
  border-bottom: 1px solid #ffffff12;
  font-size: 14px;
}
.pricing-card .button {
  justify-content: center;
  width: 100%;
  margin-top: 12px;
}
.pricing-card h3 {
  font-size: 28px;
  margin: 20px 0;
}
.pricing-faq {
  max-width: 940px;
  margin: 25px auto 0;
  font-size: 13px;
  color: #aaa;
  line-height: 1.75;
}
.pricing-card .pricing-trial {
  font-size: 12px;
  text-align: center;
}
.pricing-page {
  padding-top: 60px;
}
@media (max-width: 700px) {
  .pricing-section {
    padding: 65px 0;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
  }
  .pricing-card {
    padding: 27px;
  }
  .pricing-price {
    font-size: 54px;
  }
  .pricing-section h2 {
    letter-spacing: -1.4px;
  }
  .pricing-page {
    padding-top: 24px;
  }
}
.pricing-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px;
  border: 1px solid #525052;
  border-radius: 10px;
  width: max-content;
  max-width: 100%;
  margin: 0 auto 28px;
}
.pricing-toggle button {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #aaa;
  background: transparent;
  border: 0;
  border-radius: 6px;
  padding: 12px 18px;
  cursor: pointer;
}
.pricing-toggle button[aria-pressed="true"] {
  color: #f6f4ef;
  background: #383335;
}
.pricing-toggle button span {
  color: #f47559;
  font-size: 10px;
  margin-left: 8px;
}
.pricing-price > [data-pricing-amount] {
  font-size: inherit;
}
.pricing-price {
  font-size: clamp(43px, 5vw, 64px);
}
.pricing-price small {
  display: block;
  line-height: 1.8;
  letter-spacing: 0;
}
.pricing-section .pricing-price {
  margin-top: 22px;
}