@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

body,
button,
input,
textarea,
select {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* Global readability baseline to avoid compressed text rendering */
body {
  letter-spacing: 0.005em;
  word-spacing: 0.015em;
}

p,
li,
small,
label,
input,
textarea {
  letter-spacing: 0.01em;
  word-spacing: 0.02em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-spacing: 0.012em;
}

html { scroll-behavior: smooth; }
:target { scroll-margin-top: 100px; }
.container{width:min(1280px,calc(100% - 32px));margin:0 auto}
#siteHeaderMount{display:block;height:0}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{width:44px;height:44px;display:block;overflow:hidden;border-radius:14px;box-shadow:0 10px 24px rgba(124,58,237,.18);flex-shrink:0;background:#fff}
.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}
.brand-copy{line-height:1}
.brand-copy strong{display:block;font-size:14px;letter-spacing:-.02em;color:#111827}
.brand-copy span{display:block;margin-top:3px;font-size:13px;font-weight:700;color:#7c3aed;letter-spacing:-.02em}
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.site-header a{text-decoration:none;color:inherit}.site-header a:visited{color:inherit}
.site-header button{font:inherit;border:0;background:transparent;cursor:pointer}
.site-header .header-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-header .main-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none}
.site-header .main-nav::-webkit-scrollbar{display:none}
.site-header .nav-link{padding:10px 12px;border-radius:999px;color:#4b5563;font-size:13px;font-weight:600;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.site-header .nav-link:hover{background:#f3f4f6;color:#111827;transform:translateY(-1px)}
.site-header .nav-link.active{background:rgba(124,58,237,.12);color:#7c3aed}
.site-header .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-header .header-link{padding:10px 4px;color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s ease,transform .2s ease}
.site-header .header-link:hover{color:#111827;transform:translateY(-1px)}
.site-header .header-action-btn{height:40px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.site-header .header-action-btn:hover{transform:translateY(-1px)}
.site-header .nav-link.placeholder,.site-header .header-link.placeholder,.site-header .header-action-btn.placeholder{cursor:default}
.site-header .donate-link{height:40px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fb923c,#f43f5e);color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;box-shadow:0 12px 24px rgba(249,115,22,.2)}
.site-header .donate-link:hover{background:linear-gradient(135deg,#fb923c,#f43f5e);color:#fff}
.site-header .install-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 12px 24px rgba(99,102,241,.2)}
.site-header .install-btn.is-installed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 12px 24px rgba(16,185,129,.18)}
.site-header .mobile-toggle{width:42px;height:42px;display:none;border-radius:12px;border:1px solid #e5e7eb;color:#111827;background:#fff;cursor:pointer}
.site-header .mobile-panel{display:none;padding:10px 0 18px;border-top:1px solid #e5e7eb}
.site-header .mobile-panel a,.site-header .mobile-panel button{display:block;width:100%;padding:12px 10px;border-radius:14px;font-size:14px;font-weight:600;color:#374151;text-align:left;border:0;background:transparent}
.site-header .mobile-panel a:hover,.site-header .mobile-panel button:hover,.site-header .mobile-panel a.active{background:#f9fafb;color:#7c3aed}
.site-header .mobile-panel .mobile-donate{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fb923c,#f43f5e);color:#fff}
.site-header .mobile-panel .mobile-install{width:100%;margin-top:10px;justify-content:center;border:0}
@media (max-width:980px){.site-header .main-nav,.site-header .header-actions{display:none}.site-header .mobile-toggle{display:grid;place-items:center}.site-header .mobile-panel.open{display:block}}
@media (max-width:768px){
  body{letter-spacing:.007em;word-spacing:.018em}
  p,li,small,label,input,textarea{letter-spacing:.012em;word-spacing:.024em}
  h1,h2,h3,h4,h5,h6{letter-spacing:0!important;word-spacing:.015em}
}