*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:#07111f;color:#eef5ff;line-height:1.7}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at 20% 20%,rgba(59,130,246,.25),transparent 35%),
radial-gradient(circle at 80% 10%,rgba(99,102,241,.18),transparent 35%),
#07111f;z-index:-1}
nav{display:flex;justify-content:space-between;padding:28px 10%;position:sticky;top:0;background:rgba(7,17,31,.75);backdrop-filter:blur(12px)}
nav a{color:#fff;text-decoration:none;margin-left:22px}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:120px 10%;align-items:center;min-height:90vh}
.tag{display:inline-block;background:#17345d;padding:8px 14px;border-radius:99px;color:#8ec5ff}
h1{font-size:4rem;line-height:1.05;margin:24px 0;max-width:760px}
p{color:#cdd9eb}
.actions{margin-top:32px}
.btn{padding:14px 24px;border-radius:12px;text-decoration:none;font-weight:700}
.primary{background:#3b82f6;color:#fff}
.secondary{border:1px solid #3b82f6;color:#fff;margin-left:10px}
.glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);padding:28px;border-radius:22px}
.glass li{list-style:none;margin:10px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 10%;gap:20px}
.stats div,.card{background:#0f1f38;border:1px solid #223b67;border-radius:18px;padding:24px;transition:.3s}
.card:hover,.stats div:hover,.glass:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(59,130,246,.18)}
.container{padding:80px 10%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.hire{text-align:center}
footer{text-align:center;padding:40px;color:#9eb3d8}
@media(max-width:900px){
.hero{grid-template-columns:1fr}
.stats{grid-template-columns:repeat(2,1fr)}
h1{font-size:2.7rem}
nav div:last-child{display:none}
}