.hsf-services-hub { max-width: 1100px; margin: 0 auto; padding: 40px 20px; line-height: 1.7; color: #333; }
.hsf-services-hub h1 { font-size: 2.4em; margin-bottom: 0.3em; color: #303a4d; line-height: 1.2; text-align: center; }
.hsf-services-hub h2 { font-size: 1.7em; margin-top: 2em; margin-bottom: 0.6em; color: #303a4d; padding-bottom: 8px; border-bottom: 2px solid #e1e4eb; }
.hsf-services-hub p { margin: 0 0 1em 0; }
.hsf-services-hub .hsf-lead { font-size: 1.15em; color: #444; font-weight: 500; margin: 0 auto 2em; max-width: 800px; text-align: center; }
.hsf-services-hub .hsf-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 28px; margin: 2em 0; }
.hsf-services-hub .hsf-service-card { background: #fff; border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; text-decoration: none; color: inherit; }
.hsf-services-hub .hsf-service-card:hover { box-shadow: 0 8px 24px rgba(15, 81, 50, 0.12); transform: translateY(-4px); }
.hsf-services-hub .hsf-service-card .hsf-card-img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; background: #f1f2f8; }
.hsf-services-hub .hsf-service-card .hsf-card-body { padding: 22px 22px 18px; flex: 1; display: flex; flex-direction: column; }
.hsf-services-hub .hsf-service-card h3 { margin: 0 0 10px; color: #303a4d; font-size: 1.25em; }
.hsf-services-hub .hsf-service-card p { color: #444; font-size: 0.96em; flex: 1; margin-bottom: 16px; }
.hsf-services-hub .hsf-service-card .hsf-card-link { display: inline-block; background: #303a4d; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-weight: 600; text-align: center; transition: background .2s; }
.hsf-services-hub .hsf-service-card .hsf-card-link:hover { background: #303a4d; }
.hsf-services-hub .hsf-why { background: #f1f2f8; border-radius: 8px; padding: 28px 30px; margin: 2.5em 0; }
.hsf-services-hub .hsf-why h2 { margin-top: 0; border-bottom: 0; padding-bottom: 0; }
.hsf-services-hub .hsf-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.hsf-services-hub .hsf-why-item h3 { margin: 0 0 6px; color: #303a4d; font-size: 1.05em; }
.hsf-services-hub .hsf-why-item p { margin: 0; font-size: 0.95em; }
.hsf-services-hub .hsf-cta { text-align: center; background: #303a4d; color: #fff; padding: 36px 25px; border-radius: 8px; margin: 2em 0; }
.hsf-services-hub .hsf-cta h2 { color: #fff; border: 0; margin-top: 0; }
.hsf-services-hub .hsf-cta p { color: #e8f1ed; max-width: 700px; margin: 0 auto 14px; }
.hsf-services-hub .hsf-cta a { display: inline-block; background: #fff; color: #303a4d; padding: 14px 32px; text-decoration: none; border-radius: 4px; font-weight: 600; margin-top: 10px; font-size: 1.05em; }
.hsf-services-hub .hsf-cta a:hover { background: #e1e4eb; }
.hsf-services-hub strong { color: #303a4d; }