/* ---------- Pricing ---------- */
.pricing{background:var(--offwhite)}
.plan{background:#fff;border:1px solid #e6e7e9;border-radius:14px;padding:2.2rem 1.7rem;height:100%;position:relative;transition:.35s}
.plan:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(16,16,20,.12)}
.plan h3{font-family:var(--font-01);font-style:italic;font-weight:700;text-transform:uppercase;font-size:1.15rem;color:#33363b;letter-spacing:.5px}
.price{font-family:var(--font-01);font-style:italic;font-weight:900;font-size:3.4rem;color:#101014;line-height:1}
.price small{font-size:.95rem;font-weight:600;color:#8d939c;font-family:var(--font-02);font-style:normal}
.plan ul li{padding:.4rem 0 .4rem 1.5rem;position:relative;color:#565b63;font-size:.93rem}
.plan ul li::before{content:"\F26A";font-family:"bootstrap-icons";color:var(--red);position:absolute;left:0;top:.45rem}
.plan-featured{background:linear-gradient(180deg,#17171c,#0e0e12);border:none;color:#e8e8ea;box-shadow:0 30px 60px rgba(16,16,20,.35)}
.plan-featured h3{color:#fff}
.plan-featured .price{color:#fff}
.plan-featured ul li{color:#b9bec6}
.plan-featured ul li::before{color:var(--gold)}
.ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%) skewX(-12deg);background:var(--red);color:#fff;
  padding:.35rem 1.3rem;border-radius:4px;font-family:var(--font-01);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.85rem;
  box-shadow:0 8px 18px rgba(200,16,46,.4)}
@media (min-width:992px){.plan-featured{transform:scale(1.05)}.plan-featured:hover{transform:scale(1.05) translateY(-6px)}}