.usecases-section {
	--uc-surface: var(--charcoal-card);
	--uc-border: var(--charcoal-border);
	--uc-text: var(--text-light);
	--uc-text-dim: rgba(255,255,255,0.72);
	--uc-text-faint: #b8bfcf;
	--uc-accent: var(--indigo-hover);
}

.usecases-section *{box-sizing:border-box;}
.usecases-section .section-head{margin-bottom:36px;}
.usecases-section .app-main-demo{
	display:inline-flex; align-items:center; gap:8px; margin-top:18px; padding:10px 18px;
	font-family:'Poppins', sans-serif; font-size:14px; font-weight:600; color:#fff; text-decoration:none;
	background:#4338ca; border-radius:8px; transition:opacity 0.15s ease;
}
.usecases-section .app-main-demo:hover{opacity:0.88;}

.usecases-section .app-group + .app-group{margin-top:44px;}
.usecases-section .app-group-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap;}
.usecases-section .app-group-head h3{font-family:'Poppins', sans-serif; font-size:22px; font-weight:700; color:var(--uc-text); margin:0 0 6px;}
.usecases-section .app-group-head p{margin:0; font-size:14.5px; color:var(--uc-text-dim);}
.usecases-section .app-home{
	flex-shrink:0; font-family:'Poppins', sans-serif; font-size:13.5px; font-weight:600; color:var(--uc-text);
	text-decoration:none; padding:8px 14px; border:1px solid var(--uc-border); border-radius:8px; background:var(--uc-surface);
	transition:border-color 0.15s ease;
}
.usecases-section .app-home:hover{border-color:var(--uc-accent);}

.usecases-section .app-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px;}
.usecases-section .app-card{
	display:flex; flex-direction:column; gap:6px; padding:16px 18px; text-decoration:none;
	background:var(--uc-surface); border:1px solid var(--uc-border); border-radius:10px;
	transition:border-color 0.15s ease, transform 0.15s ease;
}
.usecases-section .app-card:hover{border-color:var(--uc-accent); transform:translateY(-2px);}
.usecases-section .app-industry{font-family:'Poppins', sans-serif; font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--uc-text-faint);}
.usecases-section .app-name{font-family:'Poppins', sans-serif; font-size:15.5px; font-weight:600; color:var(--uc-text); line-height:1.35;}
.usecases-section .app-cta{margin-top:auto; padding-top:6px; font-size:12.5px; font-weight:600; color:var(--uc-accent);}

@media (max-width:620px){
	.usecases-section .app-grid{grid-template-columns:1fr;}
}
.usecases-section .app-main-demo, .usecases-section .app-main-demo:visited { color: #fff !important; }