:root{--bg:#f5f6f8;--paper:#fff;--ink:#14171a;--muted:#68707a;--line:#dfe3e8;--accent:#255bd7;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}img{display:block;width:100%}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topin{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:-.02em}
nav{display:flex;gap:22px;color:var(--muted);font-size:14px}nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;font-weight:750;font-size:14px;border:1px solid var(--line);background:#fff}
.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:13px;font-weight:800}
footer{background:#fff;border-top:1px solid var(--line);padding:34px 0 48px;color:var(--muted);font-size:14px}
@media(max-width:700px){nav{display:none}.wrap{width:calc(100% - 24px)}}

/* Mobile navigation button */
.menu-toggle {
  display: none;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: 10px;
  padding: 8px 12px;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

@media (max-width: 700px) {
  .topin {
    height: auto;
    min-height: 64px;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu-toggle {
    display: inline-block;
  }

  nav {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 0;
    padding-bottom: 4px;
  }

  nav.is-open {
    display: flex;
  }

  nav a {
    padding: 10px 0;
    border-top: 1px solid var(--line);
  }
}