:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1018;color:#edf2f7}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
a{color:#8dd9cc}
header,footer{padding:24px max(24px,calc((100vw - 960px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}
header{border-bottom:1px solid #263342;color:#9eacbb;font-size:14px}
.brand{color:#edf2f7;text-decoration:none;font-weight:700;font-size:16px}
main{width:min(960px,calc(100% - 48px));margin:0 auto;padding:72px 0 100px;flex:1}
.eyebrow{color:#75cbbd;letter-spacing:.14em;font-size:12px;font-weight:700}
h1{font-size:clamp(38px,6vw,68px);line-height:1.04;letter-spacing:-.04em;max-width:800px;margin:18px 0 24px}
.lead{font-size:20px;line-height:1.6;color:#b8c6d5;max-width:730px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:52px}
.card{display:block;padding:32px;border:1px solid #2c3b49;border-radius:16px;background:#131d28;text-decoration:none;color:#edf2f7;transition:border-color .15s,transform .15s}
.card:hover,.card:focus-visible{border-color:#75cbbd;transform:translateY(-2px)}
.card h2{font-size:27px;margin:24px 0 12px}
.card p,.fine{color:#a8b7c5;line-height:1.6}
.icon,.arrow{color:#75cbbd;font-weight:700}
.arrow{display:block;margin-top:26px}
.fine{font-size:13px;margin-top:36px}
.document{max-width:760px}
.document h1{font-size:clamp(38px,6vw,60px)}
.document h2{font-size:22px;margin:48px 0 12px}
.document p,.document li{line-height:1.75;color:#c7d2dc}
footer{border-top:1px solid #263342;font-size:13px;color:#8e9faf}
@media(max-width:620px){header,footer{padding:20px 24px}.cards{grid-template-columns:1fr}main{padding:52px 0 72px}}