.prod-hero{background:linear-gradient(180deg,#f0f7ff 0%,#fff 60%,#f5f8ff 100%)!important;min-height:360px;justify-content:center!important}
.prod-hero-title{font-size:48px!important;font-weight:800!important;color:#111827!important;text-align:center!important}
.prod-hero-sub{font-size:18px!important;color:#4b5563!important;text-align:center!important;max-width:700px;line-height:1.7!important}
.prod-card{background:#fff;border-radius:16px;padding:40px 32px!important;box-shadow:0 4px 24px rgba(0,0,0,0.06);width:340px!important;min-height:280px;transition:transform .2s,box-shadow .2s}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,0.1)}
.prod-card-icon{font-size:48px!important;text-align:center!important}
.prod-card-title{font-size:24px!important;font-weight:700!important;color:#111827!important;text-align:center!important}
.prod-card-desc{font-size:15px!important;color:#6b7280!important;line-height:1.7!important;text-align:center!important}
.prod-card-btn{background:#000!important;color:#fff!important;border:none!important;padding:12px 32px!important;border-radius:99px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important}
.prod-card-btn:hover{background:#1f2937!important}

[data-theme="dark"] .prod-hero{background:linear-gradient(180deg,#0f172a 0%,#1e293b 60%,#0f172a 100%)!important}
[data-theme="dark"] .prod-hero-title{color:#f1f5f9!important}
[data-theme="dark"] .prod-hero-sub{color:#94a3b8!important}
[data-theme="dark"] .prod-card{background:#1e293b;box-shadow:0 4px 24px rgba(0,0,0,0.2)}
[data-theme="dark"] .prod-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.3)}
[data-theme="dark"] .prod-card-title{color:#f1f5f9!important}
[data-theme="dark"] .prod-card-desc{color:#94a3b8!important}
[data-theme="dark"] .prod-card-btn{background:#f1f5f9!important;color:#0f172a!important}