.usage-areas-page{min-height:100vh}.usage-container{max-width:1200px;margin:0 auto;padding:0 1rem 4rem}.usage-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.usage-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.usage-grid{grid-template-columns:repeat(3,1fr)}}.usage-card{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.usage-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.usage-card__image-wrapper{height:16rem;position:relative;overflow:hidden}.usage-card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.usage-card:hover .usage-card__image{transform:scale(1.1)}.usage-card__overlay{opacity:.6;background:linear-gradient(#0000,#0009);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.usage-card:hover .usage-card__overlay{opacity:.4}.usage-card__title{color:#fff;letter-spacing:.025em;z-index:2;font-size:1.5rem;font-weight:700;position:absolute;bottom:1rem;left:1.5rem}.usage-card__content{flex-direction:column;flex:1;justify-content:space-between;padding:1.5rem;display:flex}.usage-card__sections{flex-direction:column;gap:1.5rem;display:flex}.usage-card__section-title{color:#111827;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:flex}.usage-card__dot{border-radius:50%;width:.375rem;height:.375rem}.usage-card__dot--blue{background-color:#2563eb}.usage-card__dot--green{background-color:#16a34a}.usage-card__list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.usage-card__list-item{color:#4b5563;align-items:flex-start;gap:.5rem;font-size:.875rem;display:flex}.usage-card__icon{margin-top:.125rem}.usage-card__icon--bullet{color:#9ca3af}.usage-card__icon--check{color:#22c55eb3}.usage-btn-container{border-top:1px solid #f3f4f6;margin-top:2rem;padding-top:1rem}.usage-btn{color:#111827;cursor:pointer;background-color:#f9fafb;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.usage-card:hover .usage-btn,.usage-btn:hover{color:#fff;background-color:#000}.usage-btn svg{width:1rem;height:1rem;transition:transform .3s}.usage-card:hover .usage-btn svg{transform:translate(4px)}