.no-js-page { min-height: 100vh; margin: 0; background: radial-gradient(circle at 50% 40%, #151a48, #05070d 45%); color: #fff; font-family: Inter, system-ui, sans-serif; } .no-js-nav { height: 64px; display: flex; align-items: center; padding: 0 5vw; border-bottom: 1px solid rgba(255,255,255,.14); font-family: Georgia, serif; font-size: 1.2rem; } .no-js-hero { min-height: calc(100vh - 64px); display: grid; place-items: center; padding: 3rem 1.25rem; text-align: center; box-sizing: border-box; } .no-js-copy { max-width: 900px; } .no-js-label { display: inline-block; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: .45rem .8rem; font-size: .65rem; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.72); } .no-js-copy h1 { margin: 1.5rem auto 0; max-width: 850px; font-family: Georgia, serif; font-size: clamp(3rem, 8vw, 7rem); font-weight: 400; line-height: .92; letter-spacing: -.055em; } .no-js-copy p { max-width: 650px; margin: 1.75rem auto 0; color: rgba(255,255,255,.72); font-size: clamp(1rem, 2vw, 1.15rem); line-height: 1.7; } .no-js-copy a { display: inline-block; margin-top: 2rem; border-radius: 999px; background: #aab0ff; color: #080b12; padding: .9rem 1.5rem; font-weight: 700; text-decoration: none; }

GOBYN

Decide with everything in front of you.

GOBYN brings your whole financial picture together and explains what changed, so you know where you stand, and what to do next.

Start your workspace