.keyword-card { background: white; border-radius: 28px; padding: 2rem; height: 100%; box-shadow: 0 15px 30px rgba(0,20,40,0.05); transition: 0.2s; border-bottom: 4px solid transparent; }
.keyword-card:hover { border-bottom-color: #fc9010; transform: translateY(-6px); }
.keyword-icon { width: 70px; height: 70px; background: #eef4ff; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; }
.keyword-icon i { font-size: 2.2rem; color: #337ab7; }
.badge-platform { background: #fc9010; color: #1e3a6f; padding: 6px 16px; border-radius: 30px; font-size: 0.85rem; display: inline-block; margin-right: 8px; margin-bottom: 8px; }
.main-section-title { font-size: 2.5rem; font-weight: 700; color: #337ab7; margin-bottom: 2rem; }
.main-section-title span { color: #fc9010; }
.support-card { background: linear-gradient(145deg, #fafcff, #ffffff); border: 1px solid #eef4ff; }
.response-time-badge { background: #fc9010; color: #1e3a6f; font-weight: bold; padding: 0.5rem 1.5rem; border-radius: 50px; display: inline-block; margin: 1rem 0; }
.content-minimal { padding: 4rem 0 5rem 0; }
.assist-grid-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 3rem; }
.subpage-tag { background:#eef4ff; padding:1.5rem; border-radius:24px; text-align:center; transition: all 0.2s; }
.subpage-tag:hover { background:#fc9010; }
.subpage-tag:hover i, .subpage-tag:hover h6, .subpage-tag:hover p { color: white; }
.subpage-tag i { font-size:2rem; color:#337ab7; }
.btn-commission { background: transparent; border: 1.5px solid #0c2e42; padding: 0.7rem 2rem; border-radius: 40px; font-weight: 600; font-size: 0.9rem; color: #0c2e42; display: inline-flex; align-items: center; gap: 10px; transition: 0.25s; margin-left: 70px; }
.btn-commission:hover { background: #0c2e42; color: white; border-color: #0c2e42; transform: translateY(-2px); }
.hardware-card-image { flex: 0 1 600px; width: 100%; max-width: 600px; }
.hardware-card-image .image-wrapper { width: 100%; aspect-ratio: 2680 / 1502; overflow: hidden; border-radius: 20px; background: #eef2f7; }
.hardware-card-image .image-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

@media (max-width: 991px) {
    .hardware-card-image { max-width: 95%; flex-basis: 100%; }
}
