*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,Arial,sans-serif;background:#171717;color:#f4f4f4}
nav{position:sticky;top:0;background:rgba(23,23,23,.85);backdrop-filter:blur(10px);display:flex;justify-content:space-between;padding:22px 8%;border-bottom:1px solid #2b2b2b}
.logo{font-weight:700}
.links a{color:#bdbdbd;text-decoration:none;margin-left:24px}
.hero{max-width:950px;margin:0 auto;padding:110px 24px;text-align:center;position:relative}
.glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);left:50%;top:0;transform:translateX(-50%)}
.pill{display:inline-block;border:1px solid #3d3d3d;border-radius:999px;padding:8px 16px;color:#aaa}
h1{font-size:74px;line-height:1.05;margin:24px 0}
.hero p{max-width:760px;margin:auto;color:#b5b5b5;font-size:22px}
.actions{margin-top:42px}
.primary,.secondary{display:inline-block;padding:15px 28px;border-radius:12px;text-decoration:none;margin:8px}
.primary{background:#fff;color:#171717;font-weight:700}
.secondary{border:1px solid #3a3a3a;color:#fff}
section{padding:80px 8%}
h2{font-size:40px;margin-bottom:30px}
.cards,.stats,.timeline{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card,.stats div,.timeline div,.contact{background:#212121;border:1px solid #343434;border-radius:18px;padding:28px}
.card p,.contact p{color:#b0b0b0;margin-top:12px}
.timeline strong{font-size:30px;display:block;margin-bottom:10px}
.stats h3{font-size:44px}
footer{text-align:center;padding:40px;color:#8f8f8f;border-top:1px solid #2b2b2b}
@media(max-width:700px){h1{font-size:48px}.hero p{font-size:18px}.links{display:none}}