.homepage{background:#111419}
.homepage header{justify-content:space-between;max-width:none}
.homepage header nav{display:flex;align-items:center;gap:24px;font-size:14px}
.homepage header nav a{color:#c5cfdd}
.homepage main{max-width:1080px;margin:0 auto;padding:64px 40px}
.homepage .hero{padding:4px 0 48px}
.homepage .eyebrow{display:block;color:#9cb2c9;font-size:12px;letter-spacing:.1em;margin-bottom:24px}
.homepage h1{font-size:clamp(30px,4vw,46px);max-width:900px;line-height:1.18;letter-spacing:-.035em;margin-bottom:22px;text-wrap:balance}
.homepage .hero>p{max-width:790px;color:#b9c6d6;font-size:17px;line-height:1.7}
.homepage .hero>p:first-of-type{color:#e7ecf3;font-size:20px}
.homepage .hero>p:nth-of-type(3){display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:0;margin:28px 0}
.homepage .hero>p:nth-of-type(3) a{font-size:14px;line-height:1.5;color:#dce7f5;border:1px solid #414e60;background:#1a222d;padding:11px 17px;border-radius:6px}
.homepage .hero>p:nth-of-type(3) a:first-child{background:#b8dcff;border-color:#b8dcff;color:#142333;font-weight:650}
.homepage .hero>p:nth-of-type(4){font-size:14px}
.homepage .home-section{padding:32px 0 40px;border-top:1px solid #303640;scroll-margin-top:90px}
.homepage h2{margin:0 0 14px;font-size:27px;letter-spacing:-.02em}
.homepage h3{font-size:17px;margin-top:24px}
.homepage .home-section>p{max-width:820px;color:#c5cfdd}
.homepage figure{margin:26px 0 22px;border:1px solid #414e60;border-radius:8px;overflow:hidden;background:#171b22}
.homepage figure img{display:block;width:100%;height:auto}
.homepage table{max-width:820px}
.homepage li{padding:5px 0}
.homepage footer{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:0}
.homepage footer>span{margin-right:auto}
@media(max-width:700px){.homepage header{height:auto;min-height:70px;padding:16px 20px;flex-wrap:wrap;gap:14px}.homepage header nav{gap:16px;font-size:13px}.homepage main{padding:36px 22px}.homepage .hero{padding-bottom:28px}.homepage .hero>p:first-of-type{font-size:18px}.homepage .hero>p{font-size:15px}.homepage .hero>p:nth-of-type(3){gap:8px}.homepage .hero>p:nth-of-type(3) a{padding:10px 12px;font-size:13px}.homepage .home-section{padding:28px 0}.homepage h2{font-size:23px}.homepage footer{align-items:flex-start;gap:12px}}