.pricing{
  padding:96px 0;
  background:#eae2d7;
  border-bottom:1px solid rgba(46,41,36,.25);
}
.pricing-intro{text-align:center;max-width:800px;margin:0 auto}
.pricing-intro .lead{margin:20px auto 0}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  margin-top:42px;
}
.price-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:28px 26px 26px;
  border:1.5px solid var(--line);
  background:var(--sheet);
}
.price-card-featured{
  background:var(--ink);
  color:#fff;
  box-shadow:8px 8px 0 rgba(217,72,31,.24);
}
.price-badge{
  position:absolute;
  top:-14px;
  right:18px;
  padding:6px 12px;
  background:var(--vermilion);
  color:#fff;
  font:700 10px var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.price-kicker{
  font:700 10px var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--vermilion);
}
.price-card-featured .price-kicker{color:#f36a42}
.price-name{font:700 28px var(--serif);line-height:1.05;margin:12px 0 18px}
.price-line{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.price-amount{font:700 clamp(42px,4vw,58px)/.9 var(--serif);letter-spacing:-.045em}
.price-period{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.price-card-featured .price-period{color:#bfb6ab}
.price-description{min-height:62px;margin:0 0 20px;color:#5f5850;font-size:14px}
.price-card-featured .price-description{color:#d0c7bc}
.price-features{list-style:none;margin:0 0 26px;padding:18px 0 0;border-top:1px solid rgba(46,41,36,.22)}
.price-card-featured .price-features{border-top-color:#5b534b}
.price-features li{position:relative;padding:0 0 10px 22px;font-size:13.5px}
.price-features li::before{content:'\2713';position:absolute;left:0;top:0;color:var(--vermilion);font-weight:700}
.price-card-featured .price-features li::before{color:#f36a42}
.price-card .btn,.price-card .btn-diane{width:100%;margin-top:auto}
.price-card-featured .btn-diane{box-shadow:5px 5px 0 rgba(255,255,255,.12)}
.pricing-note{
  display:flex;
  justify-content:center;
  gap:10px 24px;
  flex-wrap:wrap;
  margin:26px auto 0;
  color:var(--muted);
  font-size:12.5px;
  text-align:center;
}
.pricing-note span::before{content:'\25A0';margin-right:8px;color:var(--teal);font-size:8px;vertical-align:2px}
@media(max-width:900px){
  .pricing-grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}
  .price-description{min-height:0}
}
@media(max-width:560px){
  .pricing{padding:72px 0}
  .pricing-grid{margin-top:34px}
  .price-card{padding:25px 20px 22px}
}
