.hero-surface{background:linear-gradient(90deg,#1f3557fa,#1f3557e0),radial-gradient(circle at 88% 36%,#1cb8b22e,#0000 32rem),#1f3557}.hero-surface:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.hero-surface .button-secondary{color:#fff;background:#ffffff12;border-color:#ffffff2e}.hero-surface .button-secondary:hover{background:#ffffff1f}.hero-content-shell{position:static}.hero-phone-stage{z-index:0;width:min(20rem,72vw);position:absolute;bottom:-11rem;left:50%;transform:translate(-50%)}.hero-phone-image{max-width:100%;margin-inline:auto}@media (min-width:420px) and (max-width:1023px){.hero-surface{padding-bottom:30rem}.hero-phone-stage{width:min(22rem,68vw);bottom:-10rem}}@media (min-width:1024px){.hero-content-shell{position:relative}.hero-phone-stage{z-index:auto;justify-content:center;width:50%;display:flex;position:relative;bottom:auto;left:auto;transform:none}.hero-phone-image{max-width:22rem;margin-inline:auto;transform:none}}.cta-panel{background:linear-gradient(90deg,#1f3557f5,#1f3557d6),radial-gradient(circle at 90% 0,#1cb8b238,#0000 25rem),#1f3557}