*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#111;background:#050816;}
a{text-decoration:none;color:inherit;}
body{display:flex;flex-direction:column;}
header{
  position:fixed;top:0;left:0;right:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 32px;
  background:linear-gradient(to bottom,rgba(5,8,22,0.95),rgba(5,8,22,0.7),transparent);
  color:#f9fafb;font-size:14px;
}
header .logo{font-weight:700;font-size:18px;letter-spacing:.08em;}
header .logo span{font-weight:900;color:#3b82f6;}
nav ul{display:flex;gap:18px;list-style:none;}
nav a{opacity:.85;}
nav a:hover{opacity:1;}
.header-phone{padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,0.5);font-size:13px;}
main{flex:1;display:flex;flex-direction:column;margin-top:56px;}
.hero{
  position:relative;
  min-height:calc(100vh - 56px);
  background:url('main.png') center/cover no-repeat fixed;
  display:flex;align-items:flex-end;
  padding:40px 32px 120px;
  color:#f9fafb;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(5,8,22,0.9),rgba(5,8,22,0.35),rgba(15,23,42,0.1));
}
.hero-inner{position:relative;z-index:1;max-width:520px;}
.hero-title{font-size:46px;font-weight:900;margin-bottom:10px;}
.hero-sub{font-size:14px;opacity:.9;margin-bottom:18px;line-height:1.6;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:40px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:600;
}
.btn-primary{background:#2563eb;color:white;}
.btn-primary:hover{background:#1d4ed8;}
.btn-ghost{border:1px solid rgba(148,163,184,0.5);color:#e5e7eb;background:rgba(15,23,42,0.6);}
.btn-ghost:hover{background:rgba(15,23,42,0.85);}

.hero-list{
  list-style:none;
  margin:6px 0 18px;
  padding:0;
}
.hero-list li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:600;
  line-height:1.5;
  color:#e5e7eb;
}
.hero-list li::before{
  content:"•";
  font-size:26px;
  color:#38bdf8;
}

.hero-note{font-size:12px;opacity:.85;}
.page{
  max-width:960px;margin:40px auto 120px;padding:0 24px;color:#e5e7eb;
}
.page h1{font-size:28px;font-weight:800;margin-bottom:16px;}
.page h2{font-size:20px;font-weight:700;margin:28px 0 12px;}
.page p{font-size:15px;line-height:1.7;margin-bottom:10px;color:#cbd5f5;}
.page ul{margin:4px 0 16px 18px;font-size:15px;color:#cbd5f5;}
.page li{margin-bottom:4px;}
.badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;padding:4px 10px;border-radius:999px;
  background:rgba(15,23,42,0.9);color:#e5e7eb;border:1px solid rgba(148,163,184,0.5);
  margin-bottom:10px;
}
footer{
  margin-top:auto;
  padding:18px 24px 80px;
  font-size:11px;
  color:#9ca3af;
  background:#020617;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.footer-top{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:12px;
}
.footer-logo{
  display:flex;align-items:center;gap:6px;
  font-weight:800;font-size:15px;color:#e5e7eb;
}
.footer-logo img{
  width:28px;height:28px;object-fit:contain;
}
.footer-text{display:flex;flex-direction:column;align-items:center;gap:2px;}
.footer-line{opacity:.9;}
footer a{color:#cbd5f5;}
.call-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:30;
  background:#0b67ff;color:#eff6ff;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;
  padding:10px 16px;
}
.call-bar span{margin-right:8px;font-weight:500;}
.call-bar strong{font-weight:800;}
@media(max-width:768px){
  header{padding:10px 16px;}
  .hero{padding:24px 18px 110px;background-attachment:scroll;}
  .hero-title{font-size:30px;}
  .hero-inner{max-width:100%;}
  .page{margin-top:24px;}
  nav ul{gap:12px;}
  .header-phone{display:none;}
}