/* EX Folio pricing plans. This grid deliberately has no Bootstrap dependency. */
.exfolio-pricing { --exfolio-pricing-accent: #672bb7; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; max-width: 90rem; margin: 0 auto; color: #11110f; }
.exfolio-pricing__header { grid-column: 1 / -1; max-width: 42rem; margin: 0 0 clamp(2.5rem, 5vw, 4.5rem); }.exfolio-pricing__header h2 { margin: 0; font-size: clamp(2.4rem, 5vw, 4.75rem); line-height: .9; letter-spacing: -.08em; }.exfolio-pricing__header p { margin: 1rem 0 0; font-size: clamp(1.05rem, 1.7vw, 1.35rem); line-height: 1.3; }
.exfolio-pricing .exfolio-pricing__grid { display: grid !important; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .65rem; }.exfolio-pricing .exfolio-pricing__column { display: flex !important; width: auto !important; min-width: 0; margin: 0 !important; }.exfolio-pricing__plan { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 100%; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid rgba(17, 17, 15, .16); background: #f7f7f4; }.exfolio-pricing__plan.is-featured { border-color: #11110f; background: #11110f; color: #f7f7f4; }
.exfolio-pricing__rule { width: 2.1rem; height: 1px; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); background: var(--exfolio-pricing-accent); }.exfolio-pricing__plan h3 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: .95; letter-spacing: -.07em; }.exfolio-pricing__price { margin: 1.5rem 0 .8rem; color: var(--exfolio-pricing-accent); font-size: clamp(2.8rem, 4.5vw, 4.4rem); font-weight: 700; line-height: .85; letter-spacing: -.09em; }.exfolio-pricing__price span, .exfolio-pricing__price small { color: currentColor; font-size: .9rem; font-weight: 700; letter-spacing: 0; }.exfolio-pricing__price small { margin-left: .25rem; }
.exfolio-pricing__setup { margin: 0 0 1.5rem; color: #6e6e69; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; }.exfolio-pricing__description { color: #4e4e49; font-size: .95rem; line-height: 1.45; }.exfolio-pricing__description p { margin: 0 0 .8rem; }.exfolio-pricing__features { margin: 1.75rem 0 2rem; padding: 0; list-style: none; font-size: .9rem; line-height: 1.35; }.exfolio-pricing__features li { padding: .55rem 0; border-top: 1px solid rgba(17, 17, 15, .16); }.exfolio-pricing__features li::before { content: '↗'; margin-right: .55rem; color: var(--exfolio-pricing-accent); }.exfolio-pricing__cta { display: inline-block; align-self: flex-start; margin-top: auto; padding: 0 0 .3rem; border-bottom: 1px solid currentColor; color: inherit; font-size: .85rem; font-weight: 700; line-height: 1; text-decoration: none; }.exfolio-pricing__cta::after { content: ' ↗'; color: var(--exfolio-pricing-accent); }.exfolio-pricing__cta:hover, .exfolio-pricing__cta:focus { color: var(--exfolio-pricing-accent); }
.exfolio-pricing__plan.is-featured .exfolio-pricing__setup, .exfolio-pricing__plan.is-featured .exfolio-pricing__description { color: rgba(247, 247, 244, .68); }.exfolio-pricing__plan.is-featured .exfolio-pricing__features li { border-color: rgba(247, 247, 244, .18); }
@media (max-width: 950px) { .exfolio-pricing { grid-template-columns: repeat(2, minmax(0, 1fr)); }.exfolio-pricing .exfolio-pricing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 700px) { .exfolio-pricing { grid-template-columns: 1fr; }.exfolio-pricing .exfolio-pricing__grid { grid-template-columns: 1fr !important; } }