/* Refreshed hero artwork and a header that scrolls with the page. */
.app-site .site-header{position:relative!important;top:auto!important;inset-block-start:auto!important}
.v5-hero{background:radial-gradient(ellipse at 75% 45%,#eaf6ff 0,transparent 68%),#f5fbff}
.v5-hero-grid{height:auto;min-height:510px;padding-top:28px;padding-bottom:28px;gap:24px}
.v5-hero-copy{transform:none}
.v5-hero-visual{width:100%;max-width:560px;left:auto;margin:0;mask-image:none}
.v5-hero-visual picture{display:block}
.v5-hero-visual img{display:block;width:100%;height:auto;max-width:100%;mask-image:radial-gradient(ellipse 73% 73% at 50% 50%,#000 58%,transparent 100%)}
.v5-hero-copy>.v5-button{margin-bottom:0}
@media(max-width:760px){.v5-hero-grid{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;gap:20px;padding-top:32px;padding-bottom:12px}.v5-hero-copy{padding:0;transform:none}.v5-app-icon{width:76px;height:74px;margin-bottom:18px}.app-v5 .v5-hero h1{font-size:44px;line-height:1.1;margin-bottom:16px}.v5-hero-copy>p{font-size:16px;line-height:1.75;max-width:560px;margin-bottom:22px}.v5-hero-copy>.v5-button{width:auto;max-width:100%;height:auto;min-height:50px;padding:12px 22px;font-size:16px;gap:12px}.v5-hero-copy>.v5-button svg{width:23px;height:23px}.v5-hero-visual{order:2;width:100%;max-width:440px;left:auto;margin:0 auto}.v5-hero-visual img{width:100%;height:auto}.app-site .site-header{position:relative!important;top:auto!important}}
@media(max-width:360px){.app-v5 .v5-hero h1{font-size:40px}.v5-hero-copy>p{font-size:15px}.v5-hero-grid{gap:16px}}
