body.home{font-family:'Nunito',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body.home h1,body.home h2,body.home h3,body.home .brand{font-family:'Fredoka','Nunito',system-ui,sans-serif}
.wrap.wide{max-width:960px}
.hero-home{position:relative;overflow:hidden;min-height:440px;padding:56px 0 40px;text-align:center}
.hero-home .inner{position:relative;z-index:1;max-width:600px;margin:0 auto}
.hero-home h1{font-size:clamp(2.2rem,6vw,3.4rem);margin:0 0 14px;line-height:1.1}
.hero-home .lead{font-size:1.2rem;margin:0 auto 26px;max-width:520px}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem}
.btn.primary{background:var(--green);color:#fff}
.btn.primary:hover{background:var(--green-d)}
.btn.ghost{border:2px solid var(--green);color:var(--green-d)}
.btn.ghost:hover{background:var(--card)}
.moths{position:absolute;inset:0;pointer-events:none;z-index:0}
.moth{position:absolute;left:0;top:0;will-change:transform}
.moth svg{display:block;width:100%;height:auto;aspect-ratio:40/49;overflow:visible}
.game{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;margin:12px 0 8px}
.game img{width:100%;height:auto;border-radius:14px;display:block}
.game h2{margin:6px 0 8px;font-size:1.7rem}
.game p{margin:0 0 14px}
.section-title{margin:44px 0 12px;font-size:1.4rem}
@media (max-width:640px){.game{grid-template-columns:1fr}.hero-home{min-height:400px;padding-top:44px}}
.socials{display:flex;flex-wrap:wrap;gap:22px 28px;align-items:center}
.soc{display:inline-flex;align-items:center;line-height:0;-webkit-tap-highlight-color:transparent;padding:4px;margin:-4px;transition:transform .15s ease}
.logo{display:block;height:28px;width:auto}
.soc:hover,.soc:focus-visible{transform:translateY(-3px) scale(1.12)}
@media (prefers-color-scheme:dark){.logo.inv{filter:invert(1)}.tt .logo{filter:invert(1) hue-rotate(180deg)}}
@media (prefers-reduced-motion:reduce){.soc{transition:none}}
