
.mhs-wrap{--mhs-dark:#101827;--mhs-mid:#1E1E2F;--mhs-blue:#4A90E2;--mhs-light:#D0E4FF;--mhs-soft:#F6FAFF;--mhs-text:#243044;font-family:Inter,Poppins,Arial,sans-serif;color:var(--mhs-text);width:100%;overflow:hidden}
.mhs-wrap *{box-sizing:border-box}
.mhs-hero{max-width:1180px;margin:0 auto;padding:78px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;background:radial-gradient(circle at top right,rgba(74,144,226,.18),transparent 35%),linear-gradient(135deg,#fff 0%,#f7fbff 45%,#dcecff 100%);border-radius:0 0 34px 34px}
.mhs-kicker,.mhs-section-head span,.mhs-cta span{display:inline-block;color:var(--mhs-blue);font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:13px;margin-bottom:12px}
.mhs-hero h2{font-size:clamp(34px,5vw,62px);line-height:1.02;color:var(--mhs-dark);margin:0 0 22px;letter-spacing:-.04em}
.mhs-hero p{font-size:clamp(17px,2vw,21px);line-height:1.65;margin:0 0 30px;max-width:700px}
.mhs-actions{display:flex;gap:14px;flex-wrap:wrap}
.mhs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.mhs-btn:hover{transform:translateY(-2px)}
.mhs-btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--mhs-blue),#2563eb);box-shadow:0 16px 35px rgba(74,144,226,.28)}
.mhs-btn-secondary{color:var(--mhs-dark)!important;background:#fff;border:1px solid rgba(16,24,39,.12)}
.mhs-dashboard{background:rgba(16,24,39,.96);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:22px;box-shadow:0 28px 70px rgba(16,24,39,.24);min-height:320px}
.mhs-dashboard-top{display:flex;gap:8px;margin-bottom:24px}
.mhs-dashboard-top span{width:12px;height:12px;border-radius:50%;background:#D0E4FF;opacity:.85}
.mhs-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mhs-dashboard-grid div{min-height:112px;padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));color:#fff}
.mhs-dashboard-grid strong{display:block;font-size:17px;margin-bottom:18px}
.mhs-dashboard-grid em{font-style:normal;color:#d7eaff;font-weight:800}
.mhs-section-head{max-width:820px;margin:76px auto 34px;text-align:center;padding:0 22px}
.mhs-section-head h3{color:var(--mhs-dark);font-size:clamp(28px,4vw,44px);margin:0 0 14px;letter-spacing:-.03em}
.mhs-section-head p{margin:0;line-height:1.7;font-size:18px}
.mhs-cards{max-width:1180px;margin:0 auto;padding:0 24px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mhs-card{background:#fff;border:1px solid rgba(16,24,39,.08);border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(16,24,39,.08);transition:transform .2s ease,box-shadow .2s ease}
.mhs-card:hover{transform:translateY(-4px);box-shadow:0 22px 56px rgba(16,24,39,.12)}
.mhs-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--mhs-soft);font-size:25px;margin-bottom:18px}
.mhs-card h4{color:var(--mhs-dark);font-size:21px;margin:0 0 10px}
.mhs-card p{margin:0;line-height:1.65}
.mhs-audience{background:linear-gradient(135deg,var(--mhs-mid),#0b1220);padding:78px 24px}
.mhs-section-head-light h3,.mhs-section-head-light p{color:#fff}
.mhs-audience-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mhs-audience-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;color:#fff;font-size:24px}
.mhs-audience-grid strong{display:block;font-size:18px;margin:12px 0 8px}
.mhs-audience-grid small{display:block;color:#d7eaff;line-height:1.55;font-size:14px}
.mhs-cta{max-width:1180px;margin:70px auto;padding:34px;border-radius:28px;background:linear-gradient(135deg,#f6faff,#dcecff);display:flex;align-items:center;justify-content:space-between;gap:24px}
.mhs-cta h3{margin:0;color:var(--mhs-dark);font-size:clamp(24px,3vw,36px);letter-spacing:-.03em}
@media(max-width:920px){.mhs-hero,.mhs-cards,.mhs-audience-grid{grid-template-columns:1fr}.mhs-hero{padding:56px 20px;border-radius:0 0 24px 24px}.mhs-dashboard{min-height:auto}.mhs-cta{margin:50px 20px;flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.mhs-dashboard-grid{grid-template-columns:1fr}.mhs-cards{padding-left:18px;padding-right:18px}.mhs-card{padding:22px}.mhs-audience{padding:58px 18px}}
