/* Home hero v3 (2026-10-31): slimmer, balanced copy column with live data.
   Keeps the existing teal hero canvas/background from home-clean.css. */
.mw-home-clean__hero .mw-home-clean__hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: clamp(1.25rem, 3vw, 3rem); align-items: center; }
.mw-home-clean__hero .mw-home-clean__spotlight { justify-self: end; inline-size: 100%; max-inline-size: 27rem; }
.mw-home-clean__hero .hh3 { max-width: 40rem; padding-block: clamp(.4rem, 1.2vw, 1rem); }

.hh3 .hh3-topline { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; }
.hh3 .hh3-topline .mw-home-clean__eyebrow { margin: 0 !important; color: #9be8e1; }
.hh3 .hh3-market { display: inline-flex; align-items: center; gap: .4rem; margin: 0; padding: .32rem .75rem; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.38); background: rgba(255,255,255,.1); color: #fff; font: inherit; font-size: .76rem; cursor: pointer; transition: background-color .15s, border-color .15s; }
.hh3 .hh3-market:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.7); }
.hh3 .hh3-market:focus-visible, .hh3 a:focus-visible { outline: 3px solid #7ee0d9; outline-offset: 2px; }
.hh3 .hh3-market.is-required { border-color: #f6c453; }
.hh3 .hh3-caret { font-size: .62rem; opacity: .8; }

.mw-home-clean__hero .hh3 h1 { max-width: 18ch; margin-top: .65rem; font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1.06; letter-spacing: -.02em; }
.mw-home-clean__hero .hh3 .mw-home-clean__hero-lead { max-width: 36rem; margin-top: .6rem; font-size: clamp(.9rem, 1vw, 1rem); line-height: 1.55; }
.mw-home-clean__hero .hh3 .mw-home-clean__hero-actions { margin-top: .9rem; gap: .5rem; }

/* Outlined v3 buttons */
.mw-home-clean__hero .hh3 .hh3-btn { min-height: 2.5rem; padding: .5rem 1.1rem; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.6); font-size: .86rem; font-weight: 800; box-shadow: none; transition: background-color .15s, border-color .15s, box-shadow .15s, color .15s; }
.mw-home-clean__hero .hh3 .hh3-btn--primary { background: #fff; border-color: #fff; color: #0f3d3e; }
.mw-home-clean__hero .hh3 .hh3-btn:hover { border-color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.2); }
.mw-home-clean__hero .hh3 .hh3-btn--primary:hover { background: #e6f4f3; color: #0b2f30; }

/* Live counts */
.hh3 .hh3-stats { display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; margin: .9rem 0 0; padding: 0; list-style: none; font-size: .8rem; color: rgba(255,255,255,.82); }
.hh3 .hh3-stats li { display: inline-flex; align-items: baseline; gap: .3rem; }
.hh3 .hh3-stats strong { font-size: 1.05rem; color: #fff; font-weight: 800; }
.hh3 .hh3-stats li + li::before { content: ""; inline-size: 4px; block-size: 4px; border-radius: 50%; background: #7ee0d9; margin-right: .8rem; align-self: center; }

/* Department + category chips */
.hh3 .hh3-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .9rem; }
.hh3 .hh3-chips:empty { display: none; }
.hh3 .hh3-chips a { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .7rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.08); color: #fff; font-size: .76rem; font-weight: 700; text-decoration: none; transition: background-color .15s, border-color .15s; }
.hh3 .hh3-chips a:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.65); }
.hh3 .hh3-chips a i { font-size: .72rem; color: #7ee0d9; }
.hh3 .hh3-chips small { padding: .05rem .4rem; border-radius: 999px; background: rgba(126,224,217,.2); color: #c9f3ef; font-size: .66rem; font-weight: 800; }
.hh3 .hh3-chips a.is-category { border-style: dashed; }

/* Trust badges */
.hh3 .hh3-trust { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: .85rem 0 0; padding: .65rem 0 0; list-style: none; border-top: 1px solid rgba(255,255,255,.16); font-size: .74rem; font-weight: 700; color: rgba(255,255,255,.85); }
.hh3 .hh3-trust li { display: inline-flex; align-items: center; gap: .35rem; }
.hh3 .hh3-trust i { color: #7ee0d9; }

@media (max-width: 991.98px) {
  .mw-home-clean__hero .mw-home-clean__hero-grid { grid-template-columns: 1fr; }
  .mw-home-clean__hero .mw-home-clean__spotlight { justify-self: stretch; max-inline-size: none; }
  .mw-home-clean__hero .hh3 { max-width: none; }
}
@media (max-width: 575.98px) {
  .mw-home-clean__hero .hh3 h1 { font-size: clamp(1.6rem, 7.4vw, 2rem); max-width: none; }
  .mw-home-clean__hero .hh3 .mw-home-clean__hero-actions { display: grid; grid-template-columns: 1fr; }
  .mw-home-clean__hero .hh3 .hh3-btn { inline-size: 100%; justify-content: center; padding-inline: .6rem; font-size: .8rem; }
  .hh3 .hh3-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: .15rem; }
  .hh3 .hh3-chips a { flex: 0 0 auto; }
}
@media (prefers-reduced-motion: reduce) { .hh3 * { transition: none !important; } }