*, *:before, *:after {box-sizing: border-box; outline: 0;}
html {float: left; width: 100%; max-width: 100%; margin: 0; padding: 0; text-align: left; direction: ltr;
    scrollbar-width: none;}
body {font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
    float: left; width: 100%; max-width: 100%; margin: 0; padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%;  color: #000; background:
        #fff;}
img {display: block; vertical-align: bottom; border: none; max-width: 100%; width: 100%; height: 100%;}
a {color: inherit; text-decoration: underline; background-color: rgba(0, 0, 0, 0);}
a:hover {cursor: pointer;}
a:hover, a:active, a:focus {outline: none}
h1, h2, p, small {display: inline-block; vertical-align: top; width: 100%; margin: 0; padding: 0;}
h1, h2 {font-weight: 700; font-style: normal;}
p, small {font-weight: 400; font-style: normal;}
h1 {font-size: 28px; line-height: 36px;}
h2 {font-size: 20px; line-height: 27px;}
p {font-size: 16px; line-height: 24px;}
small {font-size: 13px; line-height: 21px; opacity: .7;}
.section {display: block; margin: 0 auto; padding: 0 24px 48px; width: 100%; max-width: 768px;}
.logo {width: 230px; height: 68px;}
.grid {display: grid; gap: 20px;}
.bg {background: rgba(0, 0, 0, .04); padding: 48px 0 0;}
.border {height: 12px; background-image: linear-gradient(to right, #040F56, #41D7FF, #4B7FFF, #59FFBE);
    margin-bottom: 48px;}
.footer {padding: 48px 24px;}