/* FinTech F4 RAIL: hero background (see hero.js). The headline and button sit above; nothing here moves the layout. */
.hero{isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--ink)}
.hero h1,.hero .hero-row{position:relative;z-index:1}
/* legibility: a soft ink scrim under the type, lighter on the right where the light is */
.hero-bg:after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,11,15,.58) 0%,rgba(10,11,15,.22) 48%,rgba(10,11,15,0) 75%),
             linear-gradient(0deg,rgba(10,11,15,.55) 0%,rgba(10,11,15,0) 34%),
             linear-gradient(180deg,rgba(10,11,15,.7) 0%,rgba(10,11,15,0) 14%),
             radial-gradient(120% 120% at 50% 40%,rgba(10,11,15,0) 55%,rgba(10,11,15,.55) 100%)}
/* layered outline type */
.h4{position:absolute;inset:0}
.h4w{position:absolute;white-space:nowrap;font-family:var(--disp);font-weight:400;line-height:.86;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px #232a3d;letter-spacing:.005em}
.h4w.t0{-webkit-text-stroke-color:#20253a}.h4w.t1{-webkit-text-stroke-color:#262a36}.h4w.t2{-webkit-text-stroke-color:#1c2232}