.card{cursor:pointer;background-color:#fff;border:1px dotted #d1d5db;border-radius:.5rem;transition:all .3s;overflow:hidden}.card:hover{border:2px dotted var(--color-primary);z-index:1;background-color:#f9fafb;box-shadow:0 4px 6px -1px #0000001a}.card--basic{flex-direction:column;height:100%;display:flex}.card__image{background-color:#1f2937;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card__image-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card__content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card__metadata{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.card__subtitle{color:#6b7280;margin-bottom:.5rem;font-size:.875rem}.card__title{color:#111827;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:1.125rem;font-weight:700;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.card:hover .card__title{color:var(--color-primary)}.card__description{color:#4b5563;flex:1;margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.card__cta{margin-top:auto}.card--feature{flex-direction:column;align-items:flex-start;padding:2rem;display:flex}.card--feature .card__content{width:100%;padding:0}.card--feature .card__title{margin-bottom:.75rem;font-size:1.25rem}.card--feature .card__description{margin-bottom:1.5rem}.card--feature .card__description:last-child{margin-bottom:0}.card__icon{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.card__icon-content{z-index:10;font-size:2rem;position:relative}.card__icon--circular{background-color:#fff;border:2px solid #111827;border-radius:50%;width:4rem;height:4rem}.card__icon--circular-accent{background-color:#fff;border:2px solid #111827;border-radius:50%;width:4rem;height:4rem;overflow:hidden}.card__icon-accent{z-index:1;background-color:#111827;border-radius:100% 0 0;width:2rem;height:2rem;position:absolute;bottom:0;right:0}.card__icon--square{background-color:#fff;border:2px solid #111827;border-radius:.5rem;width:4rem;height:4rem}.card__icon--minimal{background-color:var(--color-primary);border-radius:.375rem;width:3rem;height:3rem}.card__icon--minimal .card__icon-content{color:#fff;font-size:1.5rem}.card--bg-gray{background-color:#f3f4f6}.card--bg-white{background-color:#fff}.card:hover .card__icon{transition:transform .3s;transform:scale(1.05)}@media (max-width:768px){.card--feature{padding:1.5rem}.card__content{padding:1.25rem}.card__title{font-size:1rem}.card--feature .card__title{font-size:1.125rem}.card__icon{margin-bottom:1rem}.card__icon--circular,.card__icon--circular-accent,.card__icon--square{width:3.5rem;height:3.5rem}.card__icon-content{font-size:1.75rem}}