:root{
  --ink:#070b09;
  --mama:#f5c518;
  --mama-ink:#1a1400;
  --pro:#22c55e;
  --white:#f7faf8;
  --muted:#9fb2a7;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Outfit",system-ui,sans-serif;background:var(--ink);color:var(--white)}
body.mb-landing{min-height:100dvh;overflow-x:hidden}
.mb-bg{position:fixed;inset:0;z-index:0;background:#050805}
.mb-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.mb-glow-a{width:280px;height:280px;top:-60px;left:-40px;background:rgba(245,197,24,.22)}
.mb-glow-b{width:300px;height:300px;bottom:10%;right:-80px;background:rgba(34,197,94,.18)}
.mb-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,5,.2),rgba(5,8,5,.75) 70%,#050805)}
.mb-nav,.mb-hero{position:relative;z-index:2}
.mb-nav{display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,36px)}
.mb-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
.mb-logo-img{width:40px;height:40px;border-radius:12px;object-fit:cover;border:1.5px solid rgba(245,197,24,.7);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.mb-brand-text strong{font-family:"Space Grotesk",sans-serif;font-size:15px;letter-spacing:.02em}
.mb-nav-cta{text-decoration:none;color:var(--white);padding:9px 14px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.mb-hero{
  min-height:calc(100dvh - 72px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:24px 20px 48px;max-width:520px;margin:0 auto;
}
.mb-hero-logo{
  width:min(168px,46vw);height:auto;border-radius:28px;
  margin-bottom:28px;
  box-shadow:0 18px 50px rgba(0,0,0,.5), 0 0 0 2px rgba(245,197,24,.45);
}
.mb-hero h1{
  margin:0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(2rem,8vw,3.1rem);
  line-height:1.05;font-weight:700;letter-spacing:-.02em;
}
.mb-hero h1 em{font-style:normal;color:var(--pro)}
.mb-sub{margin:14px 0 28px;color:var(--muted);font-size:15px;line-height:1.45;max-width:28ch}
.mb-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}
.mb-btn{
  text-decoration:none;padding:15px 18px;border-radius:14px;
  font-weight:700;font-size:15px;text-align:center;
  transition:transform .15s ease, filter .15s ease;
}
.mb-btn.primary{background:var(--mama);color:var(--mama-ink);box-shadow:0 12px 28px rgba(245,197,24,.28)}
.mb-btn.ghost{border:1px solid rgba(34,197,94,.45);color:#fff;background:rgba(34,197,94,.08)}
.mb-btn:active{transform:scale(.98)}
@media (min-width:720px){
  .mb-actions{flex-direction:row;max-width:380px}
  .mb-btn{flex:1}
}