/* Homepage hero dashboard: highlight the inner layout you hover (KPI cards, line chart card,
   breakdown card) and dim the rest. CSS only, scoped to Framer's "Dashboard Static" component,
   so it survives Framer hydration. Loaded on every page by _tools/inject-mascot.mjs. */
[data-framer-name="Dashboard Static"] :is([data-framer-name^="KPI "]:not([data-framer-name="KPI Inner"],[data-framer-name="KPI Top"],[data-framer-name="KPI Head"],[data-framer-name="KPI Grid"],[data-framer-name="KPI Section"]),[data-framer-name="Line Card"],[data-framer-name="Donut Card"]){
  transition:opacity .25s ease,translate .25s ease,box-shadow .25s ease,outline-color .25s ease;
  outline:2px solid transparent;outline-offset:2px;cursor:default}
[data-framer-name="Dashboard Static"] :is([data-framer-name^="KPI "]:not([data-framer-name="KPI Inner"],[data-framer-name="KPI Top"],[data-framer-name="KPI Head"],[data-framer-name="KPI Grid"],[data-framer-name="KPI Section"]),[data-framer-name="Line Card"],[data-framer-name="Donut Card"]):hover{
  outline-color:#3E93EB;translate:0 -3px;box-shadow:0 12px 28px rgba(18,42,95,.14);position:relative;z-index:2}
[data-framer-name="Dashboard Static"]:has(:is([data-framer-name^="KPI "]:not([data-framer-name="KPI Inner"],[data-framer-name="KPI Top"],[data-framer-name="KPI Head"],[data-framer-name="KPI Grid"],[data-framer-name="KPI Section"]),[data-framer-name="Line Card"],[data-framer-name="Donut Card"]):hover)
  :is([data-framer-name^="KPI "]:not([data-framer-name="KPI Inner"],[data-framer-name="KPI Top"],[data-framer-name="KPI Head"],[data-framer-name="KPI Grid"],[data-framer-name="KPI Section"]),[data-framer-name="Line Card"],[data-framer-name="Donut Card"]):not(:hover){opacity:.45}
@media (hover:none){[data-framer-name="Dashboard Static"] *{translate:none!important}}
@media (prefers-reduced-motion:reduce){[data-framer-name="Dashboard Static"] *{transition:none!important;translate:none!important}}