/* ===== 57M · Landing (marketing) · Framework F: App-Store style · GoldenOrange · Mobile-first ===== */
:root{
  --bg:#1a1208; --bg2:#241808; --bg3:#3a2a12; --paper:#1f1609;
  --orange:#f97316; --orange-d:#ea580c; --orange-l:#fb923c; --orange-glow:rgba(249,115,22,0.34);
  --gold:#f5c542; --gold-d:#e0a82e; --gold-l:#ffd96a; --gold-glow:rgba(245,197,66,0.30);
  --green:#22c55e; --green-l:#4ade80;
  --text:#fdf3e6; --text2:#d8bfa0; --text3:#9c8568;
  --border:rgba(255,255,255,0.08); --border-o:rgba(249,115,22,0.34); --border-g:rgba(245,197,66,0.30);
  --r:14px; --r2:18px; --t:.18s ease; --wrap:1080px; --read:760px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--orange-l);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--gold-l)}
h1,h2,h3,h4{line-height:1.2;color:var(--text)}
.m75-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}
.m75-read{max-width:var(--read);margin:0 auto;padding:0 16px}

/* Botões */
.m75-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:999px;font-weight:800;font-size:.96rem;cursor:pointer;border:none;white-space:nowrap;transition:transform var(--t),box-shadow var(--t);text-align:center}
.m75-btn-green{background:linear-gradient(135deg,var(--green-l),var(--green));color:#052e16;box-shadow:0 6px 20px rgba(34,197,94,0.3)}
.m75-btn-green:hover{transform:translateY(-2px);color:#052e16}
.m75-btn-orange{background:linear-gradient(135deg,var(--orange-l),var(--orange-d));color:#fff;box-shadow:0 6px 20px var(--orange-glow)}
.m75-btn-orange:hover{transform:translateY(-2px);color:#fff}
.m75-btn-gold{background:linear-gradient(135deg,var(--gold-l),var(--gold-d));color:#2a1c00;box-shadow:0 6px 20px var(--gold-glow)}
.m75-btn-gold:hover{transform:translateY(-2px);color:#2a1c00}
.m75-btn-lg{padding:15px 36px;font-size:1.05rem}.m75-btn-block{display:flex;width:100%}

/* Badge strip (chrome distinto) */
.m75-badge{background:linear-gradient(90deg,var(--bg3),var(--bg2));border-bottom:1px solid var(--border-g);color:var(--gold-l);font-size:.78rem;text-align:center;padding:7px 14px;font-weight:700;letter-spacing:.02em}
.m75-badge span{color:var(--text2);font-weight:500}

/* Header */
.m75-header{position:sticky;top:0;z-index:100;background:rgba(26,18,8,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.m75-nav{display:flex;align-items:center;gap:14px;height:60px}
.m75-brand img{height:38px;width:auto;display:block;filter:drop-shadow(0 0 8px var(--orange-glow))}
.m75-links{display:none}
.m75-nav-cta{margin-left:auto}
.m75-nav-cta .m75-btn{padding:9px 22px;font-size:.86rem}
.m75-burger{margin-left:6px;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:4px 6px}
.m75-menu.m75-open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);padding:10px 16px;gap:2px;max-height:80vh;overflow:auto}
.m75-menu.m75-open a{padding:12px 6px;color:var(--text2);border-bottom:1px solid var(--border);font-weight:600}
.m75-menu.m75-open a:hover{color:var(--gold-l)}

/* === APP HERO === */
.m75-apphero{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(249,115,22,.20),transparent 62%),var(--bg);border-bottom:1px solid var(--border);padding:26px 0 22px}
.m75-apphero-top{display:flex;gap:16px;align-items:center}
.m75-appicon{width:88px;height:88px;border-radius:20px;flex-shrink:0;box-shadow:0 8px 26px var(--orange-glow);border:1px solid var(--border-o)}
.m75-appinfo{min-width:0}
.m75-appinfo h1{font-size:clamp(1.5rem,5.5vw,2.1rem);font-weight:900;letter-spacing:-.01em;line-height:1.1}
.m75-appinfo .m75-dev{color:var(--green-l);font-size:.9rem;font-weight:700;margin-top:2px}
.m75-appinfo .m75-tagline{color:var(--text2);font-size:.84rem;margin-top:4px}
.m75-metabar{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:18px 0 16px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.m75-metab{text-align:center;padding:12px 6px;border-right:1px solid var(--border)}
.m75-metab:last-child{border-right:none}
.m75-metab b{display:block;font-size:1rem;font-weight:800;color:var(--text)}
.m75-metab span{font-size:.68rem;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
.m75-metab .m75-st{color:var(--gold)}
.m75-hero-cta{display:flex;flex-direction:column;gap:9px}
.m75-hero-cta .m75-mini{font-size:.74rem;color:var(--text3);text-align:center}
.m75-stars{color:var(--gold);letter-spacing:1px}

/* === GALLERY === */
.m75-gallery-sec{padding:24px 0}
.m75-gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 12px;-webkit-overflow-scrolling:touch}
.m75-gallery::-webkit-scrollbar{height:6px}.m75-gallery::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px}
.m75-shot{flex:0 0 auto;width:180px;scroll-snap-align:start}
.m75-shot img{width:180px;height:320px;object-fit:cover;border-radius:var(--r);border:1px solid var(--border-o)}
.m75-shot.m75-shot-wide{width:300px}
.m75-shot.m75-shot-wide img{width:300px;height:320px}

/* Section heading */
.m75-sec{padding:30px 0}.m75-sec-alt{background:var(--bg2)}
.m75-sechead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}
.m75-sechead h2{font-size:clamp(1.25rem,4vw,1.6rem);font-weight:900}
.m75-sechead a{font-size:.82rem;color:var(--orange-l);font-weight:700;white-space:nowrap}

/* About */
.m75-about{color:var(--text2);font-size:1rem;line-height:1.8}
.m75-about p{margin-bottom:13px}.m75-about strong{color:var(--gold-l)}

/* Feats (destaques) */
.m75-feats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.m75-feat{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:15px}
.m75-feat .m75-fi{font-size:1.5rem;display:block;margin-bottom:6px}
.m75-feat h3{font-size:.98rem;margin-bottom:3px}.m75-feat p{font-size:.8rem;color:var(--text2)}

/* News (novidades) */
.m75-news{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:16px}
.m75-news .m75-ver{font-size:.78rem;color:var(--text3);margin-bottom:8px}
.m75-news ul{margin:0 0 0 18px;color:var(--text2);font-size:.92rem}.m75-news li{margin-bottom:5px}

/* Ratings breakdown */
.m75-ratebox{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:18px}
.m75-rate-big{text-align:center}
.m75-rate-big .m75-score{font-size:3rem;font-weight:900;color:var(--text);line-height:1}
.m75-rate-big .m75-of{font-size:.72rem;color:var(--text3)}
.m75-rate-big .m75-stars{font-size:.85rem;display:block;margin:4px 0}
.m75-rate-big .m75-count{font-size:.72rem;color:var(--text3)}
.m75-bars{display:flex;flex-direction:column;gap:5px}
.m75-bar{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text3)}
.m75-bar .m75-track{flex:1;height:7px;background:var(--bg3);border-radius:4px;overflow:hidden}
.m75-bar .m75-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--orange));border-radius:4px}

/* Reviews */
.m75-reviews{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}
.m75-review{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:15px}
.m75-review .m75-rh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.m75-review .m75-who{font-size:.82rem;font-weight:700;color:var(--text)}
.m75-review .m75-stars{font-size:.78rem}
.m75-review p{font-size:.88rem;color:var(--text2)}

/* Info table */
.m75-infotable{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.m75-inforow{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:.9rem}
.m75-inforow:last-child{border-bottom:none}
.m75-inforow dt{color:var(--text3)}.m75-inforow dd{color:var(--text);font-weight:600;text-align:right}

/* Offers */
.m75-offers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.m75-offer{background:linear-gradient(150deg,var(--bg3),var(--paper));border:1px solid var(--border-g);border-radius:var(--r);padding:16px;text-align:center}
.m75-offer .m75-ov{font-size:1.5rem;font-weight:900;color:var(--gold-l)}
.m75-offer .m75-ol{font-size:.8rem;color:var(--text2);margin-top:2px}

/* FAQ */
.m75-faq{max-width:var(--read);margin:0 auto}
.m75-faq details{border:1px solid var(--border);border-radius:var(--r);margin-bottom:8px;background:var(--paper);overflow:hidden}
.m75-faq summary{padding:15px 16px;font-weight:700;cursor:pointer;list-style:none;font-size:.96rem;color:var(--text)}
.m75-faq summary::-webkit-details-marker{display:none}
.m75-faq summary::after{content:"+";float:right;color:var(--orange-l);font-weight:800;font-size:1.1rem}
.m75-faq details[open] summary::after{content:"\2212"}
.m75-faq p{padding:0 16px 14px;color:var(--text2);font-size:.92rem}
.m75-faq a{color:var(--orange-l)}

/* Body (prose) */
.m75-body{max-width:var(--read);margin:0 auto;padding:0 16px;color:var(--text2);font-size:1.02rem;line-height:1.8}
.m75-body h2{font-size:1.45rem;font-weight:800;margin:30px 0 12px;color:var(--text)}
.m75-body h3{font-size:1.15rem;font-weight:700;margin:22px 0 8px;color:var(--text)}
.m75-body p{margin-bottom:15px}.m75-body ul,.m75-body ol{margin:0 0 16px 22px}.m75-body li{margin-bottom:8px}
.m75-body strong{color:var(--gold-l)}
.m75-body blockquote{border-left:4px solid var(--orange);background:rgba(249,115,22,.07);border-radius:8px;padding:13px 16px;margin:20px 0;color:var(--text);font-style:italic}
.m75-body img{border-radius:var(--r);border:1px solid var(--border);margin:18px 0}

/* CTA final */
.m75-cta{padding:38px 0 28px}
.m75-cta-in{max-width:680px;margin:0 auto;background:linear-gradient(135deg,rgba(249,115,22,.18),rgba(245,197,66,.08));border:1px solid var(--border-o);border-radius:var(--r2);padding:30px 22px;text-align:center}
.m75-cta-in h2{font-size:clamp(1.4rem,4.5vw,1.9rem);font-weight:900;margin-bottom:8px}
.m75-cta-in p{color:var(--text2);margin-bottom:18px}

/* Long-tail article head */
.m75-arthead{max-width:var(--read);margin:0 auto;padding:18px 16px 0}
.m75-arttag{display:inline-block;background:rgba(249,115,22,.14);border:1px solid var(--border-o);color:var(--orange-l);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:4px 12px;border-radius:999px;margin-bottom:14px}
.m75-arthead h1{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:900;margin-bottom:12px}
.m75-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.78rem;color:var(--text3);border-bottom:1px solid var(--border);padding-bottom:16px}
.m75-meta .m75-verif{color:var(--green-l);font-weight:700}
.m75-artfig{max-width:var(--read);margin:18px auto 0;padding:0 16px}
.m75-artfig img{width:100%;border-radius:var(--r2);border:1px solid var(--border)}
.m75-keybox{max-width:var(--read);margin:22px auto 0;padding:0 16px}
.m75-keybox-in{background:var(--paper);border:1px solid var(--border-g);border-radius:var(--r);padding:18px}
.m75-keybox-in strong.m75-kt{display:block;color:var(--gold-l);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.m75-keybox-in dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:.92rem}
.m75-keybox-in dt{color:var(--text3)}.m75-keybox-in dd{color:var(--text);font-weight:600}
.m75-related{max-width:var(--read);margin:34px auto 0;padding:0 16px}
.m75-related h3{font-size:1.1rem;margin-bottom:14px}
.m75-related-grid{display:grid;grid-template-columns:1fr;gap:10px}
.m75-related a{display:flex;gap:11px;align-items:center;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:11px 13px;color:var(--text)}
.m75-related a:hover{border-color:var(--border-o)}
.m75-related a span{font-size:.66rem;color:var(--orange-l);font-weight:700;text-transform:uppercase}
.m75-related a b{font-size:.9rem;font-weight:600;display:block;margin-top:2px}

/* Footer (chrome distinto: multi-col com app-row) */
.m75-foot{background:var(--bg2);border-top:1px solid var(--border);margin-top:30px;padding:28px 0 24px}
.m75-foot-app{display:flex;align-items:center;gap:14px;max-width:var(--wrap);margin:0 auto 22px;padding:0 16px;flex-wrap:wrap}
.m75-foot-app img{width:54px;height:54px;border-radius:14px;border:1px solid var(--border-o)}
.m75-foot-app .m75-fa-t{flex:1;min-width:160px}
.m75-foot-app .m75-fa-t b{font-size:1rem;display:block}.m75-foot-app .m75-fa-t span{font-size:.8rem;color:var(--text3)}
.m75-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;max-width:var(--wrap);margin:0 auto;padding:0 16px}
.m75-foot-col h4{font-size:.85rem;color:var(--text);margin-bottom:9px}
.m75-foot-col a{display:block;color:var(--text3);font-size:.82rem;padding:4px 0}
.m75-foot-col a:hover{color:var(--gold-l)}
.m75-foot-note{font-size:.75rem;color:var(--text3);line-height:1.7;max-width:var(--wrap);margin:18px auto 0;padding:16px 16px 0;border-top:1px solid var(--border)}
.m75-foot-note strong{color:var(--text2)}

/* Home extra: jogos + provedores + vs */
.m75-games{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.m75-gamecard{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--border);aspect-ratio:4/3;display:block}
.m75-gamecard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m75-gamecard::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(26,18,8,.92),transparent 58%)}
.m75-gamecard b{position:absolute;left:12px;bottom:9px;z-index:2;font-size:.9rem;color:#fff}
.m75-prov{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.m75-prov span{background:var(--paper);border:1px solid var(--border);border-radius:999px;padding:7px 16px;font-size:.82rem;color:var(--text2);font-weight:600}
.m75-vs{width:100%;border-collapse:collapse;font-size:.9rem;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.m75-vs th,.m75-vs td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--border)}
.m75-vs thead th{background:var(--bg3);color:var(--gold-l);font-weight:800}
.m75-vs td:first-child{font-weight:700;color:var(--text)}
@media(min-width:560px){.m75-games{grid-template-columns:repeat(3,1fr)}}
/* 404 */
.m75-err{text-align:center;padding:64px 16px 80px}
.m75-err h1{font-size:4.2rem;color:var(--orange)}
.m75-err-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.m75-err-links a{background:var(--paper);border:1px solid var(--border-o);border-radius:10px;padding:9px 15px;font-size:.85rem}

/* SVG — 10ª variante: glifo duotone laranja/dourado */
.m75-i{display:inline-block;vertical-align:middle;width:22px;height:22px}

/* ===== Desktop ===== */
@media(min-width:560px){ .m75-feats{grid-template-columns:repeat(3,1fr)} .m75-offers{grid-template-columns:repeat(4,1fr)} .m75-reviews{grid-template-columns:repeat(2,1fr)} .m75-related-grid{grid-template-columns:1fr 1fr} }
@media(min-width:760px){
  .m75-appicon{width:120px;height:120px}
  .m75-hero-cta{flex-direction:row;align-items:center}
  .m75-hero-cta .m75-btn{flex:0 0 auto}
  .m75-hero-cta .m75-mini{text-align:left}
  .m75-reviews{grid-template-columns:repeat(3,1fr)}
  .m75-foot-grid{grid-template-columns:2fr 1fr 1fr 1fr}
}
@media(min-width:920px){
  .m75-links{display:flex;align-items:center;gap:4px;margin-left:18px}
  .m75-links a{padding:8px 11px;color:var(--text2);font-weight:600;font-size:.86rem;border-radius:8px}
  .m75-links a:hover{color:var(--gold-l);background:rgba(245,197,66,.07)}
  .m75-burger{display:none}
}