/* MSI UX V7.2 — home density and typography refinement.
   Goal: reduce visual weight, improve scanability and preserve the approved MSI hierarchy. */

/* Home hero: product name behaves like a product title, not a campaign headline. */
.home-page {
  padding-top: 42px !important;
}
.home-brand-lockup {
  margin-bottom: 12px !important;
}
.home-brand-logo {
  width: min(100%, 250px) !important;
  height: 66px !important;
}
.home-hero {
  max-width: 760px !important;
  padding-top: 2px !important;
}
.home-welcome-title {
  gap: 1px !important;
}
.home-welcome-title > span {
  font-size: clamp(18px, 1.55vw, 23px) !important;
  line-height: 1.25 !important;
  font-weight: 620 !important;
  color: #64748b !important;
}
.home-welcome-title > strong {
  font-size: clamp(38px, 3.7vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.03em !important;
  font-weight: 790 !important;
}
.home-hero .lead {
  margin-top: 14px !important;
  font-size: clamp(19px, 1.9vw, 25px) !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
}
.home-hero .intro-copy {
  margin-top: 12px !important;
  max-width: 720px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.home-actions {
  margin: 22px 0 30px !important;
}

/* Skills: compact cards inspired by current productivity/SaaS discovery patterns. */
.capability-section {
  margin-top: 22px !important;
}
.section-heading {
  margin-bottom: 12px !important;
}
.capability-grid {
  gap: 10px !important;
}
.capability-card {
  min-height: 142px !important;
  padding: 15px 16px !important;
  gap: 7px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  justify-content: flex-start !important;
}
.capability-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(7,27,61,.10) !important;
}
.capability-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}
.capability-card strong {
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: -.01em !important;
}
.capability-card > span:not(.capability-icon) {
  font-size: 12.5px !important;
  line-height: 1.42 !important;
  font-weight: 480 !important;
}
.capability-card em {
  margin-top: auto !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  font-weight: 720 !important;
}

/* Sidebar matrix remains informative without competing with navigation. */
.sidebar-assistant-matrix {
  gap: 5px !important;
  margin-top: 8px !important;
}
.sidebar-assistant-head {
  padding-bottom: 1px !important;
  font-size: 8.5px !important;
}
.sidebar-assistant-row {
  min-height: 32px !important;
  padding: 5px 6px !important;
}
.sidebar-assistant-row strong {
  font-size: 10.2px !important;
}
.sidebar-assistant-row span {
  font-size: 9.7px !important;
}

@media (min-width: 761px) and (max-width: 1180px) {
  .home-page {
    padding-top: 36px !important;
  }
  .home-welcome-title > strong {
    font-size: clamp(36px, 4vw, 46px) !important;
  }
  .capability-card {
    min-height: 136px !important;
  }
}

@media (max-width: 760px) {
  .home-page {
    padding-top: 24px !important;
  }
  .home-brand-lockup {
    margin-bottom: 8px !important;
  }
  .home-brand-logo {
    width: min(72vw, 220px) !important;
    height: 58px !important;
  }
  .home-welcome-title > span {
    font-size: 17px !important;
  }
  .home-welcome-title > strong {
    font-size: clamp(32px, 10vw, 40px) !important;
  }
  .home-hero .lead {
    margin-top: 12px !important;
    font-size: 19px !important;
  }
  .home-hero .intro-copy {
    font-size: 14px !important;
  }
  .home-actions {
    margin: 18px 0 24px !important;
  }
  .capability-section {
    margin-top: 18px !important;
  }
  .capability-grid {
    gap: 9px !important;
  }
  .capability-card {
    min-height: 126px !important;
    padding: 14px !important;
  }
}