/* Screenshot-referenced Goal of HYECoin section. Isolated from all other sections. */
.goals-reference{position:relative;isolation:isolate;overflow:hidden;background:#333544;color:#f8f8fc;padding:106px 24px 126px;min-height:710px;font-family:Arial,Helvetica,sans-serif}
.goals-container{max-width:1058px;margin:0 auto;position:relative;z-index:1}
.goals-reference h2{margin:0 0 73px;text-align:center;color:#fff;font-size:clamp(34px,3.2vw,51px);font-weight:750;line-height:1.2;letter-spacing:-1px}
.goals-reference h2 span{color:#e8b71b}
.goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.goal-card{position:relative;background:#424454;min-height:325px;padding:78px 36px 32px;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;outline-offset:4px}
.goal-card:hover,.goal-card:focus-within,.goal-card:focus-visible{transform:translateY(-9px);background:#4b4d60;box-shadow:0 18px 35px rgba(0,0,0,.15)}
.goal-number{position:absolute;top:-19px;left:37px;min-width:60px;height:61px;padding:12px 10px;text-align:center;font-size:29px;color:#fff;background:#444658;border-bottom:9px solid #333544;box-sizing:content-box}
.goal-card p{font-size:18px;line-height:1.52;color:#a4a4ae;margin:0 0 15px;font-weight:400}
.goal-card a{display:inline-flex;align-items:center;gap:8px;color:#edba08;text-decoration:none;font-size:18px;transition:gap .2s ease,color .2s ease}
.goal-card a:hover,.goal-card a:focus-visible{color:#ffdd59;gap:16px;text-decoration:underline}
.goals-geometric{position:absolute;pointer-events:none;z-index:0;color:#515362;opacity:.6}
.goals-geometric-left{top:14px;left:12%;width:180px;height:205px;clip-path:polygon(0 0,100% 13%,100% 70%,25% 100%);background:linear-gradient(125deg,#55576770,#2d304000)}
.goals-geometric-right{right:14%;top:36px;width:120px}
.goals-geometric-right svg{width:100%}
@media(max-width:800px){.goals-reference{padding:75px 22px 85px}.goals-reference h2{margin-bottom:58px}.goals-grid{gap:16px}.goal-card{padding:72px 22px 24px}.goal-card p,.goal-card a{font-size:16px}}
@media(max-width:650px){.goals-grid{grid-template-columns:1fr;gap:46px}.goal-card{min-height:0;padding:65px 25px 30px}.goals-reference h2{font-size:36px}.goals-geometric-right{right:0;opacity:.3}}
@media(prefers-reduced-motion:reduce){.goal-card,.goal-card a{transition:none}.goal-card:hover,.goal-card:focus-within{transform:none}}

/* Mobile goals: reserve space for the raised number badges so they never overlap copy. */
@media (max-width: 650px) {
  #goals .goals-grid { grid-template-columns: minmax(0, 1fr); gap: 46px; }
  #goals .goal-card { box-sizing: border-box; min-width: 0; height: auto; min-height: 0; padding: 102px 24px 32px !important; overflow: visible; }
  #goals .goal-number { top: -18px; left: 24px; height: 61px; min-width: 60px; box-sizing: content-box; }
  #goals .goal-card p { position: relative; margin: 0 0 20px; line-height: 1.65; overflow-wrap: break-word; }
  #goals .goal-card a { position: relative; }
}