.legacy .background-white{background-color:#fff}.legacy .background-faint-grey{background-color:#fbfbfb}.legacy .background-fairy-blue{background-color:#f0eff8}.legacy .background-dim-grey{background-color:#f5f5f5}.legacy .background-linear{background-image:linear-gradient(to bottom right,#e7f1ff,#ffd6c74d,#e7f1ff)}.legacy .background--signer{background-color:#fff}.legacy .background--stamp{background-color:#fbfbfb}.legacy .design-hero{background:radial-gradient(43.28% 73.78% at 13.6% 100%,#c5d9f659 0,#abcaf600),radial-gradient(65.27% 117.55% at 75.65% 100%,#ffe9e000 0,#ffd6c740),radial-gradient(37.1% 33.57% at 50% 66.43%,#c5d9f680 0,#abcaf600),#f5f5f5cc;display:flex;justify-content:center;overflow:hidden;padding-top:3.125rem;text-align:center}@media screen and (min-width:48rem){.legacy .design-hero{padding-top:6rem}}@media screen and (min-width:64rem){.legacy .design-hero{padding-top:8.25rem}}.legacy .design-hero__icons{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:5rem 0 3.125rem}@media screen and (max-width:41rem){.legacy .design-hero__icons{margin:3.125rem 0}}.legacy .design-hero__icons--wrapper{display:flex;margin:.625rem 0}.legacy .design-hero__icons--wrapper:not(:last-of-type){margin-right:4.875rem}@media screen and (max-width:41rem){.legacy .design-hero__icons--wrapper:not(:last-of-type){margin-right:1.25rem}.legacy .design-hero__icons--wrapper{margin:1.25rem}}.legacy .design-hero__icons--item{width:3rem}.legacy .design-hero__icons .perex{font-weight:500;margin-left:.625rem;max-width:5.625rem;padding:0;text-align:left}.legacy .design-hero--key{background:radial-gradient(36.4% 58.42% at 13.6% 100%,#abcaf640 0,#abcaf600),radial-gradient(65.27% 117.55% at 75.65% 100%,#ffd6c780 50.52%,#ffd6c700),radial-gradient(53.53% 113.22% at 89.2% 55.82%,#abcaf680 0,#abcaf600),#f5f5f580}.legacy .design-hero__inner{max-width:85.375rem;padding:0 1.25rem}@media screen and (max-width:48rem){.legacy .design-hero__inner{width:95%}}.legacy .design-hero img{width:auto}.legacy .design-hero img+.design-hero__heading{margin-top:1.5rem}@media screen and (min-width:48rem){.legacy .design-hero img+.design-hero__heading{margin-top:2rem}}@media screen and (min-width:64rem){.legacy .design-hero img+.design-hero__heading{margin-top:2.5rem}}.legacy .design-hero__heading{font-size:1.75rem;letter-spacing:-.02em;line-height:1.1;margin-bottom:0}@media screen and (min-width:48rem){.legacy .design-hero__heading{font-size:2.75rem}}@media screen and (min-width:64rem){.legacy .design-hero__heading{font-size:3.75rem}}.legacy .design-hero__copy{margin:1.5rem auto 0;max-width:51.25rem}@media screen and (min-width:48rem){.legacy .design-hero__copy{margin-top:2rem}}@media screen and (min-width:64rem){.legacy .design-hero__copy{margin-top:2.5rem}}.legacy .design-hero__copy a,.legacy .design-hero__copy p{font-size:1.125rem;margin:0}@media screen and (min-width:48rem){.legacy .design-hero__copy a,.legacy .design-hero__copy p{font-size:1.25rem}}.legacy .design-hero .button{display:table;margin:1.5rem auto 2.75rem}@media screen and (min-width:48rem){.legacy .design-hero .button{margin-bottom:4.5rem;margin-top:2.5rem}}.legacy .design-hero__visual{display:block;left:5%;margin-left:auto;margin-right:auto;max-width:100%;position:relative}.legacy .design-hero .design-hero__app--key{width:10.125rem}