/* Money Magnet homepage (v312): masthead, field lines, path cards. */
.hx{padding:48px 0 88px;overflow:hidden}
.hx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hx-field{position:absolute;left:50%;top:-30px;width:max(1500px,125%);height:auto;transform:translateX(-50%);-webkit-mask-image:radial-gradient(60% 70% at 50% 25%,#000 40%,transparent 100%);mask-image:radial-gradient(60% 70% at 50% 25%,#000 40%,transparent 100%)}
.hx-field ellipse{fill:none;stroke:rgba(217,192,140,.2);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 11}
.hx-field ellipse:nth-child(even){stroke:rgba(242,237,228,.09);stroke-dasharray:70 18}
.hx-glow{position:absolute;left:50%;top:-300px;width:1100px;height:820px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(217,192,140,.22),rgba(217,192,140,.05) 55%,transparent 75%)}
.hx-floor{position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}

.hx-mast{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 0 60px;margin-bottom:64px;border-bottom:1px solid var(--line)}
.mm-mark-xl{width:92px;height:92px;border-radius:28px;margin-bottom:26px}
.mm-mark-xl svg{filter:drop-shadow(0 0 14px rgba(217,192,140,.5))}
.hx-word{margin:0;font:400 clamp(50px,15.5vw,188px)/.86 var(--display);letter-spacing:-.035em;white-space:nowrap}
.hx-word span{background:linear-gradient(180deg,#fffaf0 15%,#cfc6b6 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-word em{font-style:italic;padding-right:.07em;background:linear-gradient(180deg,#f8eacb 0%,#d9c08c 48%,#a3865a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-sub{margin:24px 0 0;font:500 12px/1.5 var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--tx-2)}

.hx .mm-hero-in{align-items:start}
.hx h1{font-size:clamp(40px,4.6vw,68px);margin-bottom:24px}
.hx .mm-eyebrow{margin-bottom:22px}
.hx .mm-lede{margin-bottom:34px}
.hx .mm-hero-stats{margin-top:48px}

.hx-paths{position:relative;z-index:1;padding:0 0 40px;margin-top:-36px}
.hx-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hx-path{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 28px 26px;border-radius:var(--r);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:inset 0 0 0 1px var(--line);color:var(--tx);text-decoration:none;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.hx-path::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,244,214,.07) 50%,transparent 65%);transform:translateX(-100%);transition:transform 1.1s var(--ease)}
.hx-path:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-3),var(--shadow)}
.hx-path:hover::after{transform:translateX(100%)}
.hx-path-k{display:inline-flex;align-items:center;gap:10px;font:500 11px/1.2 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--acc)}
.hx-path h2{margin:0;font:400 clamp(26px,2.4vw,32px)/1.06 var(--display);letter-spacing:-.01em;text-wrap:balance}
.hx-path p{margin:0;flex:1;color:var(--tx-2);font-size:15.5px;line-height:1.55}
.hx-path-go{margin-top:6px;font-weight:600;font-size:14.5px;color:var(--tx)}
.hx-path-go span{display:inline-block;transition:transform .5s var(--ease)}
.hx-path:hover .hx-path-go span{transform:translateX(4px)}
.hx-path-vault{background:radial-gradient(120% 140% at 100% 0%,rgba(217,192,140,.22),transparent 55%),linear-gradient(180deg,#18150f,#0f0e0b);box-shadow:inset 0 0 0 1px rgba(217,192,140,.42),0 30px 70px -40px rgba(217,192,140,.45)}
.hx-path-vault h2{color:var(--acc-2)}
.hx-path-vault:hover{box-shadow:inset 0 0 0 1px rgba(217,192,140,.75),0 34px 80px -36px rgba(217,192,140,.6)}
.hx-gem{width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,#f8eacb,#b8995f);box-shadow:0 0 10px rgba(217,192,140,.7)}

@media(max-width:980px){.hx-mast{margin-bottom:48px}}
@media(max-width:900px){.hx-paths-grid{grid-template-columns:1fr}.hx-paths{margin-top:-24px}}
@media(max-width:620px){
  .hx{padding:24px 0 56px}
  .hx-mast{padding:10px 0 38px;margin-bottom:38px}
  .mm-mark-xl{width:66px;height:66px;border-radius:20px;margin-bottom:18px}
  .hx-sub{margin-top:18px;font-size:10.5px;letter-spacing:.2em}
  .hx-path{padding:24px 22px 22px}
}

@media(prefers-reduced-motion:no-preference){
  .hx-field ellipse{animation:hxFlow 22s linear infinite}
  .hx-field ellipse:nth-child(even){animation-duration:34s;animation-direction:reverse}
  .hx-mast .mm-mark-xl{animation:hxRise 1s var(--ease) both}
  .hx-word{animation:hxRise 1.15s .08s var(--ease) both}
  .hx-sub{animation:hxRise 1.15s .18s var(--ease) both}
  .mm-mark-xl::after{content:"";position:absolute;inset:-10px;border-radius:34px;box-shadow:0 0 0 1px rgba(217,192,140,.4);animation:hxRing 3.8s 1.2s var(--ease) infinite both}
}
@keyframes hxFlow{to{stroke-dashoffset:-260}}
@keyframes hxRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes hxRing{0%{opacity:0;transform:scale(.92)}20%{opacity:.9}100%{opacity:0;transform:scale(1.32)}}