.pricing-teaser {
  position: relative;
  isolation: isolate;
  background: #fafbf7;
  padding-block: 86px 38px;
  overflow: clip;
}
.pricing-teaser::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse at 8% 0%, #e9efcf66, transparent 55%), radial-gradient(ellipse at 96% 100%, #e9eedc77, transparent 50%);
}
.pricing-teaser-main { display: grid; grid-template-columns: 1.3fr 1fr; gap: 76px; align-items: center; }
.pricing-teaser-copy h2 { font-size: clamp(46px,4.7vw,68px); line-height: 1.04; }
.pricing-teaser-copy > p:last-child { color: #5b6d5e; font-size: 14px; line-height: 1.8; max-width: 460px; margin-top: 24px; }
.pricing-teaser-offer { border-left: 1px solid #cfd9c6; padding: 10px 0 10px 68px; }
.teaser-plan-name { font-size: 17px; font-weight: 600; margin-bottom: 17px; }
.teaser-price { display: flex; gap: 12px; align-items: baseline; }
.teaser-price strong { font: 96px/.95 var(--serif); letter-spacing: -.04em; }
.teaser-price span { font-size: 15px; color: #526a57; }
.teaser-trial { font-size: 13px; color: #526a57; margin: 15px 0 26px; }
.pricing-teaser-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.pricing-teaser-actions .text-link { font-size: 12px; text-decoration: underline; text-underline-offset: 4px; margin-left: 17px; }
.pricing-teaser-footnote { border-top: 1px solid #dce3d3; padding-top: 28px; margin-top: 53px; text-align: center; color: #5e705f; font-size: 13px; }
.pricing-teaser-footnote a { color: var(--forest); text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:1000px) {
  .pricing-teaser-main { gap: 42px; }
  .pricing-teaser-offer { padding-left: 38px; }
}
@media(max-width:700px) {
  .pricing-teaser { padding-block: 60px 30px; }
  .pricing-teaser-main { grid-template-columns: 1fr; gap: 32px; }
  .pricing-teaser-copy h2 { font-size: 49px; }
  .pricing-teaser-copy > p:last-child { margin-top: 18px; font-size: 13px; }
  .pricing-teaser-offer { border-left: 0; border-top: 1px solid #cfd9c6; padding: 28px 0 0; }
  .teaser-plan-name { font-size: 15px; }
  .teaser-price strong { font-size: 82px; }
  .pricing-teaser-actions { flex-direction: row; align-items: center; flex-wrap: wrap; }
  .pricing-teaser-actions .button { font-size: 13px; padding-inline: 20px; }
  .pricing-teaser-actions .text-link { margin-left: 0; }
  .pricing-teaser-footnote { margin-top: 34px; padding-top: 23px; font-size: 12px; }
}