body{margin:0;font-family:Inter,system-ui;background:#0b0e14;color:#e9ecf1}
.wrap{max-width:1100px;margin:auto;padding:0 20px}
.nav{position:sticky;top:0;background:rgba(11,14,20,.85);backdrop-filter:blur(10px)}
.nav-inner{display:flex;justify-content:space-between;align-items:center;height:64px}
.nav a{color:#e9ecf1;text-decoration:none;margin-left:18px}
.hero{padding:120px 0}
.hero span{color:#4f7cff}
.button{display:inline-block;padding:14px 22px;background:#4f7cff;color:white;border-radius:14px;text-decoration:none}
.section{padding:90px 0}
.section.soft{background:rgba(255,255,255,.04)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{padding:26px;border-radius:18px;background:rgba(255,255,255,.06)}
.contact{padding:90px 0}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.footer{text-align:center;padding:30px;color:#9aa3b2}
@media(max-width:900px){.grid,.contact-grid{grid-template-columns:1fr}}

.hero-bg{position:relative;background:url('../hero-bg.png') center/cover no-repeat}
.hero-bg::before{content:'';position:absolute;inset:0;background:rgba(5,8,15,.65)}
.hero-bg .wrap{position:relative;z-index:2}
.logo-link svg{display:block}
.cta.serious{color:#c7cbd6}
.button{background:#1f2a44}