
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#020617;color:#fff;}
.topbar{background:#2563eb;text-align:center;padding:10px;font-size:14px;}
.topbar a{color:#a7f3d0;text-decoration:none;font-weight:600;}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#020617;border-bottom:1px solid #111;}
.logo{display:flex;align-items:center;font-size:22px;font-weight:700;}
.logo img{height:42px;margin-right:10px;}
nav a{color:#cbd5e1;margin-left:25px;text-decoration:none;font-size:15px;}
nav a:hover{color:#fff;}
.hero{display:flex;min-height:520px;}
.hero-left{flex:1;background:#020617;padding:80px 60px;display:flex;flex-direction:column;justify-content:center;}
.hero-left h1{font-size:46px;line-height:1.2;margin-bottom:20px;}
.hero-left p{color:#94a3b8;margin-bottom:30px;font-size:16px;max-width:520px;}
.cta{background:#e11d48;color:#fff;padding:14px 26px;border-radius:6px;text-decoration:none;font-weight:600;width:max-content;}
.hero-right{flex:1;}
.hero-right img{width:100%;height:100%;object-fit:cover;}
.section{padding:60px;background:#020617;text-align:center;}
footer{background:#020617;padding:25px;text-align:center;color:#94a3b8;border-top:1px solid #111;}
.float-call{
position:fixed;bottom:25px;right:25px;
background:#22c55e;color:#fff;
padding:18px;border-radius:50%;
text-decoration:none;font-size:20px;
box-shadow:0 10px 25px rgba(0,0,0,.4);
}
.content{max-width:900px;margin:auto;padding:60px 20px;color:#cbd5e1;line-height:1.7;}
