
.prc { padding-top: clamp(120px, 12vw, 168px) !important; padding-bottom: clamp(72px, 8vw, 120px) !important; }
.prc-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 48px; align-items: end; margin-bottom: 44px; }
.prc-head h1 { margin: 0; font: 400 clamp(44px, 5vw, 72px)/1 Satoshi, sans-serif; letter-spacing: -.045em; }
.prc-head p { margin: 0; font: 400 20px/1.45 Switzer, sans-serif; color: rgba(23, 19, 15, .72); max-width: 30em; }
.prc-pick { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 28px; }
.prc-pick-label { font: 500 16px Satoshi, sans-serif; }
.prc-pills { display: flex; gap: 6px; flex-wrap: wrap; padding: 5px; border-radius: 999px; background: #f1efe9; }
.prc-pill { display: inline-flex; align-items: baseline; gap: 5px; height: 42px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: rgba(23, 19, 15, .7); font: 500 16px/42px Satoshi, sans-serif; cursor: pointer; transition: background .2s ease, color .2s ease, box-shadow .2s ease; }
.prc-pill span { font: 400 14px Switzer, sans-serif; color: inherit; opacity: .7; }
.prc-pill.is-on { background: #fff; color: #17150f; box-shadow: 0 1px 2px rgba(23, 19, 15, .08), 0 4px 14px -6px rgba(23, 19, 15, .25); }
.prc-pill:focus-visible { outline: 2px solid #d4754e; outline-offset: 2px; }
.prc-cards { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 20px; }
.prc-cards.is-two { grid-template-columns: 1fr 1fr; }
.prc-card { display: grid; grid-template-rows: auto auto auto auto 1fr auto; gap: 0; padding: 36px; border-radius: 24px; background: #fffdf9; box-shadow: inset 0 0 0 1px rgba(23, 19, 15, .1); }
.prc-card h2 { margin: 0; font: 400 26px/1.15 Satoshi, sans-serif; letter-spacing: -.02em; }
.prc-for { margin: 6px 0 0; font: 400 16px/1.4 Switzer, sans-serif; color: rgba(23, 19, 15, .68); }
.prc-prices { display: grid; margin-top: 28px; }
.prc-price { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity .25s ease; }
.prc-price b { display: block; font: 400 52px/1 Satoshi, sans-serif; letter-spacing: -.04em; }
.prc-price small { display: block; margin-top: 8px; font: 400 15px/1.35 Switzer, sans-serif; color: rgba(23, 19, 15, .68); }
.prc-price.is-fixed, .prc[data-tier="0"] .prc-price[data-tier="0"], .prc[data-tier="1"] .prc-price[data-tier="1"], .prc[data-tier="2"] .prc-price[data-tier="2"], .prc[data-tier="3"] .prc-price[data-tier="3"], .prc[data-tier="4"] .prc-price[data-tier="4"] { opacity: 1; visibility: visible; }
.prc-price[data-tier="0"] b { font-size: 44px; }
.prc-note { margin: 14px 0 0; font: 500 14px/1.35 Switzer, sans-serif; color: #b25c36; }
.prc-card ul { display: grid; gap: 14px; align-content: start; margin: 28px 0 32px; padding: 24px 0 0; list-style: none; border-top: 1px solid rgba(23, 19, 15, .1); }
.prc-card li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; align-items: start; font: 400 16px/1.4 Switzer, sans-serif; }
.prc-card li svg { width: 18px; height: 18px; margin-top: 2px; color: #d4754e; }
.prc-card li a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.prc-card .primary-cta { justify-self: start; }
.prc-card.is-team { background: #0f0d0a; color: #fffdf9; box-shadow: 0 30px 60px -36px rgba(11, 10, 8, .6); }
.prc-card.is-team .prc-for, .prc-card.is-team .prc-price small { color: rgba(255, 253, 249, .7); }
.prc-card.is-team .prc-note { color: #f0a07c; }
.prc-card.is-team ul { border-top-color: rgba(255, 253, 249, .14); }
.prc-card.is-team .primary-cta { background: #fffdf9; color: #17150f; }
.prc-card:not(.is-team) .primary-cta { background: #17150f; color: #fffdf9; }

.prc[data-tier="0"] .prc-card.is-payg { box-shadow: inset 0 0 0 2px #d4754e; }
@media (max-width: 1024px) {
  .prc-head { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .prc-cards, .prc-cards.is-two { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .prc-card { padding: 26px 22px; }
  .prc-pills { border-radius: 18px; }
  .prc-pill { height: 38px; padding: 0 12px; font-size: 15px; line-height: 38px; }
  .prc-price b { font-size: 46px; }
}
