@font-face{font-family:Fredoka;src:url(fonts/Fredoka-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url(fonts/Nunito-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url(fonts/Nunito-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Rubik;src:url(fonts/Rubik-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url(fonts/Rubik-Medium.ttf) format("truetype");font-weight:600;font-display:swap}
:root{--bg:#1b140f;--bg2:#251b14;--panel:#2e2219;--line:#4a3726;--txt:#efe6d2;--mute:#b9a88b;--amber:#f2b33a;--amber2:#ffd27a;--green:#7fb85a;
  --display:Fredoka,Nunito,system-ui,sans-serif;--body:Nunito,system-ui,sans-serif}
html[lang=ru]{--display:Rubik,system-ui,sans-serif;--body:Rubik,system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--amber2)}
img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
[data-l]{display:none}
html[lang=pt] [data-l=pt],html[lang=en] [data-l=en],html[lang=es] [data-l=es],html[lang=ru] [data-l=ru]{display:revert}
/* topo */
.nav{position:sticky;top:0;z-index:20;background:rgba(27,20,15,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:18px;height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt);font:600 20px var(--display)}
.brand img{width:38px;height:38px}
.links{display:flex;gap:18px;margin-left:auto}
.links a{color:var(--mute);text-decoration:none;font-weight:700;font-size:15px}
.links a:hover{color:var(--amber2)}
.langs{display:flex;gap:4px}
.langs button{background:none;border:1px solid var(--line);color:var(--mute);border-radius:7px;padding:4px 8px;font:700 13px var(--body);cursor:pointer}
.langs button[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:#2a1806}
/* hero */
.hero{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;
  background:#120d09 url(hero.jpg) center bottom/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,13,9,.35),rgba(18,13,9,.15) 40%,rgba(27,20,15,1))}
.hero .in{position:relative;z-index:1;padding:40px 20px 70px}
.hero .logo{width:min(340px,70vw);margin:0 auto 14px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6))}
.hero p.tag{font-size:20px;max-width:720px;margin:0 auto 26px;text-shadow:0 2px 10px #000}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font:600 18px var(--display);text-decoration:none;border:0}
.btn.go{background:var(--amber);color:#2a1806;box-shadow:0 6px 0 #a9701a}
.btn.go:hover{background:var(--amber2)}
.btn.ghost{background:rgba(46,34,25,.85);color:var(--txt);border:1px solid var(--line)}
.badge{display:inline-block;background:rgba(127,184,90,.18);color:#bfe39e;border:1px solid rgba(127,184,90,.5);border-radius:99px;padding:3px 12px;font-weight:700;font-size:14px;margin-bottom:14px}
/* secoes */
section{padding:64px 0}
h2{font:600 34px/1.2 var(--display);color:var(--amber2);margin:0 0 10px}
.sub{color:var(--mute);margin:0 0 28px;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px}
.card h3{font:600 20px var(--display);margin:0 0 6px;color:var(--txt)}
.card p{margin:0;color:var(--mute);font-size:16px}
.card .ic{font-size:26px;line-height:1;margin-bottom:8px}
.shots{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.shots a{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#000}
.shots a:first-child{grid-row:span 2}
.shots img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.shots a:hover img{transform:scale(1.03)}
.band{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.mail{font:600 22px var(--display);color:var(--amber2);word-break:break-all}
.note{background:rgba(242,179,58,.1);border:1px solid rgba(242,179,58,.4);border-radius:12px;padding:12px 16px;color:var(--txt);font-size:16px}
footer{padding:30px 0 40px;color:var(--mute);font-size:14px;border-top:1px solid var(--line)}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
footer a{color:var(--mute)}
/* ampliar tela */
.lb{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.lb.on{display:flex}
.lb img{max-height:92vh;border-radius:10px}
/* paginas de texto */
.doc{max-width:820px;margin:0 auto;padding:44px 20px 70px}
.doc h1{font:600 38px/1.2 var(--display);color:var(--amber2);margin:0 0 6px}
.doc h2{font-size:24px;margin:34px 0 8px}
.doc .upd{color:var(--mute);margin:0 0 26px}
.doc li{margin:4px 0}
.doc table{border-collapse:collapse;width:100%;margin:10px 0;font-size:15px}
.doc th,.doc td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.doc th{background:var(--panel)}
@media (max-width:820px){
  .links{display:none}.langs{margin-left:auto}
  .two{grid-template-columns:1fr}
  .shots{grid-template-columns:1fr 1fr}.shots a:first-child{grid-column:span 2;grid-row:auto}
  .hero{min-height:480px}.hero p.tag{font-size:18px}
  h2{font-size:28px}
  .doc table{display:block;overflow-x:auto}
}
.badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.badges .badge{margin-bottom:0}
.badge.p2w{background:rgba(242,179,58,.18);color:var(--amber2);border-color:rgba(242,179,58,.55)}
.card.hl{border-color:rgba(242,179,58,.55);background:linear-gradient(135deg,rgba(242,179,58,.14),var(--panel) 60%);margin-bottom:16px}
.card.hl h3{color:var(--amber2)}