/* Hextech Brain: knowledge and match context around the original call visual. */
.lp-brain-system { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.9fr) minmax(0,1fr); gap: 34px; align-items: center; position: relative; isolation: isolate; }
.lp-brain-flow { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
.lp-brain-flow__track,
.lp-brain-flow__signal { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.lp-brain-flow__track { stroke: rgba(108,231,242,.18); stroke-width: 1; }
.lp-brain-flow__track--out { stroke: rgba(223,186,113,.2); }
.lp-brain-flow__signal { stroke: rgba(108,231,242,.9); stroke-width: 1.8; stroke-dasharray: 2 26; filter: drop-shadow(0 0 3px rgba(108,231,242,.55)); animation: lp-brain-flow-travel 2.2s linear infinite; animation-delay: var(--flow-delay, 0s); }
.lp-brain-flow__signal--out { stroke: rgba(223,186,113,.92); filter: drop-shadow(0 0 3px rgba(223,186,113,.48)); }
.lp-brain-column { min-width: 0; position: relative; z-index: 2; }
.lp-brain-center { z-index: 2; }
.lp-brain-core-links { position: absolute; inset: 13%; z-index: 4; width: 74%; height: 74%; overflow: hidden; pointer-events: none; mix-blend-mode: screen; }
.lp-brain-core-links__track,
.lp-brain-core-links__signal { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.lp-brain-core-links__track { stroke: rgba(108,231,242,.24); stroke-width: 1.1; }
.lp-brain-core-links__track--secondary { stroke: rgba(223,186,113,.26); }
.lp-brain-core-links__signal { stroke: rgba(146,248,255,.78); stroke-width: 1.5; stroke-dasharray: 1 13; filter: drop-shadow(0 0 2px rgba(108,231,242,.65)); animation: lp-brain-flow-travel 1.7s linear infinite; }
.lp-brain-core-links__signal--secondary { stroke: rgba(255,222,155,.95); animation-duration: 2s; animation-direction: reverse; filter: drop-shadow(0 0 4px rgba(223,186,113,.7)); }
@keyframes lp-brain-flow-travel { to { stroke-dashoffset: -56; } }
.lp-brain-column__title { font-family: var(--hx-font-mono); color: #a9bece; font-size: 10px; font-weight: 500; line-height: 1.7; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 19px; }
.lp-brain-column__title > span { color: #6ce7f2; margin-right: 9px; }
.lp-brain-column--output .lp-brain-column__title > span { color: #dfba71; }
.lp-brain-list { display: grid; gap: 10px; padding: 0; list-style: none; }
.lp-brain-card { position: relative; display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 16px 15px; border: 1px solid rgba(108,231,242,.13); border-radius: 8px; background: linear-gradient(110deg,rgba(15,31,42,.86),rgba(9,18,28,.75)); }
.lp-brain-card--output { border-color: rgba(223,186,113,.15); background: linear-gradient(250deg,rgba(30,28,25,.55),rgba(9,18,28,.75)); }
.lp-brain-card__mark { flex: 0 0 21px; padding-top: 1px; color: #6ce7f2; font: 10px/1.8 var(--hx-font-mono); opacity: .7; }
.lp-brain-card--output .lp-brain-card__mark { color: #dfba71; }
.lp-brain-card h4 { color: #edf4f9; font-size: 14px; font-weight: 600; line-height: 1.35; margin: 0 0 5px; }
.lp-brain-card p { color: #a8b8c9; font-size: 12px; line-height: 1.6; margin: 0; text-wrap: pretty; }
.lp-brain-center { min-width: 0; text-align: center; position: relative; }
.lp-brain-center::before { content: ''; position: absolute; inset: -60px 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse,rgba(35,157,183,.09),transparent 65%); }
.lp-brain-center__eyebrow { font: 9px/1.8 var(--hx-font-mono); color: #8babbc; letter-spacing: .13em; }
.lp-brain-center__visual { position: relative; isolation: isolate; overflow: hidden; border-radius: 50%; width: 100%; max-width: 300px; aspect-ratio: 1; margin: 23px auto 20px; }
.lp-brain-center__name { color: #eefaff; font: 600 22px/1.2 var(--hx-font-hud); letter-spacing: .16em; margin: 0; }
.lp-brain-center__name span { color: #6ce7f2; }
.lp-brain-center__caption { color: #b1c0ce; font-size: 13px; line-height: 1.85; margin-top: 15px; }
.lp-brain-center__voice { display: inline-flex; align-items: center; gap: 9px; font: 10px/1.6 var(--hx-font-mono); color: #dfba71; margin-top: 21px; }
.lp-brain-center__voice > span { display: flex; align-items: center; gap: 3px; height: 18px; }
.lp-brain-center__voice i { width: 2px; height: 7px; border-radius: 2px; background: #dfba71; }
.lp-brain-center__voice i:nth-child(2n) { height: 13px; }
.lp-brain-center__voice i:nth-child(3) { height: 18px; }
.lp-brain-footnote { text-align: center; max-width: 630px; margin: 29px auto 0; color: #91a5b7; font-size: 12px; line-height: 1.75; }
@media (max-width: 1000px) {
  .lp-brain-system { gap: 20px; grid-template-columns: minmax(0,1fr) 200px minmax(0,1fr); }
  .lp-brain-card { padding: 13px 10px; gap: 7px; }
  .lp-brain-column__title { font-size: 9px; }
  .lp-brain-card h4 { font-size: 13px; }
}
@media (max-width: 760px) {
  .lp-brain-system { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .lp-brain-flow { display: none; }
  .lp-brain-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .lp-brain-column__title { font-size: 10px; }
  .lp-brain-card { padding: 17px 13px; }
  .lp-brain-card__mark { flex-basis: 16px; font-size: 9px; }
  .lp-brain-center__visual { max-width: 270px; margin-block: 12px; }
  .lp-brain-center__caption br { display: none; }
  .lp-brain-center__caption { max-width: 290px; margin-inline: auto; }
  .lp-brain-center__voice { margin-top: 15px; }
  .lp-brain-center { padding-block: 12px 20px; }
}
@media (max-width: 390px) {
  .lp-brain-card { display: block; padding: 14px 12px; }
  .lp-brain-card__mark { display: block; margin-bottom: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-brain-flow__signal,
  .lp-brain-core-links__signal { animation: none !important; stroke-dasharray: 3 13; opacity: .56; }
  .lp-brain .hx-reveal { opacity: 1 !important; transform: none !important; }
}