*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;scroll-behavior:smooth;}
html,body{width:100%;overflow-x:hidden;background:#050b1f;color:#fff;}

.container{max-width:1100px;margin:auto;padding:0 20px;}

header{
position:fixed;width:100%;top:0;padding:15px 0;
background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);z-index:1000;
}

.nav{display:flex;justify-content:space-between;align-items:center;}

.nav-links{display:flex;gap:20px;}
.nav-links a{color:#fff;text-decoration:none;font-size:14px;}

.menu-toggle{display:none;font-size:26px;cursor:pointer;}

.hero{
padding:150px 0 100px;text-align:center;
background:linear-gradient(135deg,#061437,#0a1230);
}

.hero h1{font-size:30px;margin-bottom:20px;}
.hero p{font-size:15px;color:#cfd6ff;margin-bottom:30px;}

.hero-cta{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}

.btn{padding:12px 25px;border-radius:30px;text-decoration:none;font-weight:bold;}
.primary{background:#28c76f;color:#fff;}
.outline{border:1px solid #28c76f;color:#28c76f;}

.section{padding:80px 0;text-align:center;}
.section h2{margin-bottom:30px;font-size:24px;}

.grid-3{display:grid;grid-template-columns:1fr;gap:20px;}

.card{
padding:20px;border-radius:14px;
background:#0f1b45;
transition:0.3s;
}
.card:hover{transform:translateY(-5px);}

.alt{background:#08122d;}

.compare-table{margin-top:20px;}
.row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.header{font-weight:bold;}

.cta{padding:60px 0;background:#0a163d;text-align:center;}

.faq-item{margin-bottom:15px;text-align:left;}
.faq-question{
width:100%;background:#0f1b45;color:#fff;border:none;padding:15px;border-radius:10px;cursor:pointer;text-align:left;
}
.faq-answer{
display:none;padding:10px 15px;color:#cfd6ff;
}

footer{text-align:center;padding:40px 0;color:#aaa;font-size:13px;}

@media(min-width:768px){
.hero h1{font-size:42px;}
.hero p{font-size:18px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:768px){
.nav-links{position:absolute;top:60px;left:0;width:100%;background:#0a1230;flex-direction:column;display:none;padding:20px;}
.nav-links.active{display:flex;}
.menu-toggle{display:block;}
.row{grid-template-columns:1fr;}
}