:root{
  --bg:#f4f6f8;
  --paper:#fff;
  --line:#e4e8ed;
  --tx:#111827;
  --tt:#5b6472;
  --green:#0f766e;
  --green-2:#99f6e4;
  --amber:#f59e0b;
  --amber-2:#fef3c7;
  --purple:#7c3aed;
  --purple-2:#ede9fe;
  --blue:#0369a1;
  --blue-2:#e0f2fe;
  --red:#dc2626;
  --red-2:#fee2e2;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}
a{color:inherit}

.wrap{max-width:1120px;margin:0 auto;padding:0 20px}

nav{position:sticky;top:0;background:rgba(244,246,248,.88);backdrop-filter:blur(8px);z-index:40;border-bottom:1px solid var(--line)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;gap:10px;align-items:center;text-decoration:none}
.nav-logo .lmk{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,#10b981,#065f46)}
.nav-logo b{font-size:17px;letter-spacing:.2px}
.nav-links{display:flex;gap:20px;align-items:center;list-style:none;margin:0;padding:0}
.nav-links a{text-decoration:none;color:#334155;font-weight:500;font-size:14px}
.nav-links a:hover{color:var(--tx)}
.btn-n{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:13px;font-weight:600;color:#111827}
.btn-p{padding:9px 15px;border-radius:999px;background:#111827;color:#fff;text-decoration:none;font-size:13px;font-weight:600;border:1px solid #111827}
.btn-n:hover{border-color:#cfd6df}
.btn-p:hover{opacity:.92}

footer{border-top:1px solid var(--line);padding:22px 0 36px;color:#6b7280;font-size:13px}
.footer-inner{display:flex;align-items:center;width:100%;gap:24px}
.flinks{flex:1;display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.fcopy{font-size:12px;color:#9aa3af;white-space:nowrap;margin-left:auto}

@media(max-width:980px){
  .nav-links{display:none}
}