/* ===== Advantages / Use Cases ===== */
.usecase-section{background:#f5f5f2;padding:110px 0}
.usecase-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}
.usecase-heading p{max-width:440px;color:#74767a;font-size:13px;line-height:1.8;margin:0}
.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.usecase-card{background:#fff;overflow:hidden;transition:.35s ease;border:1px solid #e2e2dd}
.usecase-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(0,0,0,.09)}
.usecase-media{height:250px;overflow:hidden;background:#292a2b}
.usecase-media img{width:100%;height:100%;object-fit:cover;transition:.55s ease}
.usecase-card:hover .usecase-media img{transform:scale(1.04)}
.usecase-content{padding:26px}
.usecase-index{font-size:9px;color:var(--brand);font-weight:800;letter-spacing:.16em}
.usecase-content h3{font-family:"Space Grotesk";font-size:25px;margin:8px 0 10px}
.usecase-content p{font-size:12px;color:#777;line-height:1.75;margin:0 0 18px}
.usecase-link{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;gap:9px;align-items:center}
.usecase-link:hover{color:var(--brand)}
.usecase-note{margin-top:30px;padding:18px 20px;border-left:3px solid var(--brand);background:#fff;font-size:11px;color:#707277;line-height:1.7}

.product-usecases{background:#fff;padding:95px 0}
.product-usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd;border-left:1px solid #ddd}
.product-usecase-card{min-height:190px;padding:28px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fafaf7;transition:.3s}
.product-usecase-card:hover{background:#111;color:#fff}
.product-usecase-card:hover p{color:#999}
.product-usecase-number{font-size:9px;letter-spacing:.14em;color:var(--brand);font-weight:800}
.product-usecase-card h3{font-family:"Space Grotesk";font-size:22px;margin:38px 0 8px}
.product-usecase-card p{font-size:11px;color:#777;line-height:1.7;margin:0}
@media(max-width:991px){.usecase-grid{grid-template-columns:repeat(2,1fr)}.product-usecase-grid{grid-template-columns:repeat(2,1fr)}.usecase-heading{display:block}.usecase-heading p{margin-top:20px}}
@media(max-width:767px){.usecase-grid,.product-usecase-grid{grid-template-columns:1fr}.usecase-media{height:230px}.usecase-section,.product-usecases{padding:75px 0}}