:root{
--bg:#07111f;
--bg2:#0f172a;
--orange:#ff5a14;
--navy:#0b1d52;
--text:#fff;
--muted:#c7d2e0;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:Inter,sans-serif;
background:radial-gradient(circle at top,#14264d 0,#07111f 50%,#05070d 100%);
color:var(--text);
overflow-x:hidden;
min-height:100vh;
}
.hero{
max-width:1200px;
margin:auto;
padding:70px 24px;
text-align:center;
position:relative;
z-index:2;
}
.logo{width:min(340px,80vw);filter:drop-shadow(0 0 24px rgba(255,90,20,.25));animation:float 5s ease-in-out infinite}
.badge{
display:inline-block;
margin:30px 0 18px;
padding:10px 18px;
border:1px solid rgba(255,255,255,.15);
background:rgba(255,255,255,.08);
backdrop-filter:blur(12px);
border-radius:999px;
}
h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.5rem,5vw,4.8rem)}
.lead{max-width:760px;margin:22px auto;color:var(--muted);font-size:1.15rem;line-height:1.8}
.buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:40px 0}
.btn{
padding:15px 28px;
border-radius:12px;
text-decoration:none;
font-weight:700;
transition:.3s;
}
.primary{background:linear-gradient(135deg,#ff7a1f,#ff5a14);color:white}
.secondary{border:1px solid rgba(255,255,255,.2);color:white;background:rgba(255,255,255,.05)}
.btn:hover{transform:translateY(-4px)}
.cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px;
}

@media (max-width: 992px) {
    .cards {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 600px) {
    .cards {
        grid-template-columns: 1fr;
    }
}
.card{
padding:28px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(14px);
border-radius:20px;
transition:.35s;
}
.card:hover{transform:translateY(-8px);border-color:rgba(255,90,20,.45)}
.card h3{margin:12px 0}
.card p{color:var(--muted);line-height:1.6}
footer{margin-top:70px;color:#b5bfd2}
.blob{
position:fixed;width:420px;height:420px;border-radius:50%;
filter:blur(120px);opacity:.25;z-index:0;
}
.b1{background:#ff5a14;top:-120px;left:-120px}
.b2{background:#355dff;right:-120px;bottom:-120px}
.grid{
position:fixed;inset:0;
background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
background-size:40px 40px;
z-index:0;
}
@keyframes float{50%{transform:translateY(-10px)}}