html,body{margin:0}
body{font-family:'IBM Plex Sans','Segoe UI',Helvetica,Arial,sans-serif;color:#fff;background:#0F1B2D url(hero.jpg) center/cover fixed;line-height:1.6;font-size:16px}
.ov{min-height:100vh;background:linear-gradient(180deg,rgba(15,27,45,.9),rgba(15,27,45,.82) 50%,rgba(15,27,45,.94))}
.in{max-width:760px;margin:0 auto;padding:36px 24px 56px}
header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.logo{font-size:26px;font-weight:700;color:#fff;text-decoration:none}.logo span{color:#8DB8FF}
nav a{margin-left:18px;font-size:14px}
a{color:#8DB8FF}a:hover{color:#fff}
h1{font-size:32px;line-height:1.2;margin:0 0 24px;font-weight:600}
h2{font-size:19px;margin:30px 0 8px;font-weight:600}
p,li{color:#E3E9F2}
ul{padding-left:20px}
.box{background:rgba(15,27,45,.7);border:1px solid rgba(255,255,255,.2);padding:24px 28px}
footer{margin-top:32px;font-size:13px;color:#B8C4D6}
footer a{margin-right:16px}