:root{
  --bg:#0D0D0E; --bg2:#111113;
  --card:#17171A; --card2:#1C1C1E;
  --text:#FFFFFF; --muted:#CCCCCC; --muted2:#8A8F98;
  --border:#2A2B2E; --border2:#35353B;
  --accent:#BFFE01; --ag:rgba(191,254,1,.11); --ab:rgba(191,254,1,.22);
}
/* Shared VarThings site chrome: navbar, mobile menu, footer. Keep in sync across pages. */
body{padding-top:68px}
.nav a,.mmenu a,.footer a{text-decoration:none}
.nav img,.footer img{max-width:none}
/* ── NAV ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:68px;background:rgba(13,13,14,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(42,43,46,.5)}
.nav-logo{display:flex;align-items:center;gap:10px}
.nav-logo img{height:56px;width:auto;flex-shrink:0}
.nav-logo-name{display:flex;flex-direction:column;line-height:1.2;justify-content:center}
.nav-logo-main{font-size:1.8rem;font-weight:700;color:var(--text);letter-spacing:-.25px}
.nav-logo .nav-logo-name{align-items:center}
.nav-logo-main .logo-things{color:var(--accent)}
.nav-logo-slogan{font-size:.68rem;font-weight:500;color:var(--text);letter-spacing:.1px;opacity:.75}
.nav-logo-sub{font-size:.7rem;font-weight:600;color:var(--accent);letter-spacing:.15px}
.nav-links{display:flex;align-items:center;gap:34px;list-style:none}
.nav-links a{font-size:.9rem;font-weight:500;color:var(--muted2);transition:color 140ms}
.nav-links a:hover{color:var(--text)}
.nav-links a.active{color:var(--accent);font-weight:600}
.nav-links .va{color:var(--muted)}
.nav-links .va:hover{color:var(--accent)}
.nav-act{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all 150ms;padding:9px 22px;white-space:nowrap;border:none}
.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--muted)}
.btn-ghost:hover{border-color:var(--border);color:var(--text)}
.btn-lime{background:var(--accent);color:#0D0D0E;font-weight:700}
.btn-lime:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(191,254,1,.3)}
.btn-lime:active{transform:translateY(0)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.burger span{display:block;width:22px;height:2px;background:var(--muted);border-radius:2px;transition:all 200ms}
.mmenu{display:none;position:fixed;top:68px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);padding:16px 24px;z-index:199}
.mmenu.open{display:block}
.mmenu ul{list-style:none;display:flex;flex-direction:column}
.mmenu a{display:block;padding:11px 0;font-size:1rem;font-weight:500;color:var(--muted);border-bottom:1px solid var(--border)}
.mmenu li:last-child a{border:none}

/* ── FOOTER ── */
.footer{background:var(--bg2);border-top:1px solid var(--border);padding:68px 48px 38px}
.footer-in{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:52px}
.footer-brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer-brand-logo img{height:52px;width:auto;flex-shrink:0}
.footer-brand-logo .nav-logo-main{font-size:1.4rem}
.footer-brand p{font-size:.86rem;color:var(--muted2);line-height:1.65;max-width:250px}
.footer-col h4{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted2);margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col a{font-size:.86rem;color:var(--muted);transition:color 140ms}
.footer-col a:hover{color:var(--accent)}
.footer-bot{display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted2)}
.footer-bot-links{display:flex;gap:22px}
.footer-bot-links a{color:var(--muted2);transition:color 140ms}
.footer-bot-links a:hover{color:var(--accent)}

.footer{width:100%}
@media(max-width:1100px){
  .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav{padding:0 22px}
  .nav-links,.nav-act .btn-ghost{display:none}
  .burger{display:flex}
  .footer{padding:52px 22px 32px}
  .footer-top{grid-template-columns:1fr}
  .footer-bot{flex-direction:column;gap:12px;text-align:center}
}