@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --bg:#08090b;
  --bg-soft:#0e1014;
  --panel:#12151b;
  --panel-2:#171b22;
  --text:#f6f3eb;
  --muted:#a5a8b2;
  --line:rgba(255,255,255,.09);
  --gold:#d6a84d;
  --gold-2:#f1d28c;
  --white:#fff;
  --radius:24px;
  --shadow:0 24px 70px rgba(0,0,0,.32);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(214,168,77,.12),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select{font:inherit}
button{cursor:pointer}

.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--gold-2);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold)}
.section{padding:94px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.section-head h2,.page-hero h1{font-family:Manrope,Inter,sans-serif;letter-spacing:-.045em;margin:10px 0 0;line-height:1.02}
.section-head h2{font-size:clamp(2rem,4vw,3.45rem);max-width:760px}
.section-head p{color:var(--muted);max-width:520px;margin:0}

.site-header{position:sticky;top:0;z-index:30;background:rgba(8,9,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s ease}
.site-header.scrolled{border-color:var(--line);background:rgba(8,9,11,.92)}
.nav{height:78px;display:flex;align-items:center;gap:28px}
.brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:1.12rem;display:flex;align-items:center;gap:10px}
.brand-mark{width:31px;height:31px;border:1px solid rgba(214,168,77,.5);border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden}
.brand-mark::before{content:"";width:16px;height:16px;border:2px solid var(--gold);transform:rotate(45deg);border-left-color:transparent;border-bottom-color:transparent}
.brand span:last-child{color:var(--gold)}
.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto;color:#d7d7da;font-size:.92rem}
.nav-links a{transition:.2s ease}.nav-links a:hover{color:var(--white)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 20px;border:1px solid var(--line);font-weight:700;font-size:.92rem;transition:.2s ease;background:transparent;color:var(--text)}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2)}
.btn-primary{background:linear-gradient(135deg,#f1d28c,#c99232);color:#17120a;border:0;box-shadow:0 10px 30px rgba(201,146,50,.2)}
.btn-primary:hover{box-shadow:0 14px 38px rgba(201,146,50,.28)}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text)}

.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;padding:72px 0 86px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(3.4rem,7vw,6.6rem);line-height:.91;letter-spacing:-.072em;margin:20px 0 24px;max-width:720px}
.hero h1 em{font-style:normal;color:var(--gold-2)}
.hero p{font-size:1.1rem;color:#b8bac2;max-width:580px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:42px;color:#7f838d;font-size:.82rem}
.hero-meta span{display:flex;gap:8px;align-items:center}.hero-meta i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(214,168,77,.08)}

.hero-visual{position:relative;min-height:600px}
.phone{position:absolute;width:260px;right:30px;top:42px;border-radius:39px;background:#0b0d11;border:8px solid #1b1d21;box-shadow:var(--shadow);padding:12px;z-index:4;transform:rotate(4deg)}
.phone-screen{border-radius:25px;overflow:hidden;background:linear-gradient(180deg,#151923,#0b0e13);min-height:505px;padding:17px}
.phone-top{height:18px;width:72px;border-radius:10px;background:#020304;margin:0 auto 20px}
.phone-title{font-family:Manrope,sans-serif;font-weight:800;font-size:1.15rem;margin-bottom:14px}
.mini-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini-card{aspect-ratio:1/1.16;border-radius:15px;position:relative;overflow:hidden;background:#222}
.mini-card::after{content:attr(data-title);position:absolute;left:11px;right:11px;bottom:10px;font-size:.64rem;font-weight:800;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.art-race{background:radial-gradient(circle at 65% 25%,#ffb347 0 8%,transparent 9%),linear-gradient(145deg,#14293d 0 43%,#4c1833 44% 62%,#e35b33 63% 66%,#10131a 67%)}
.art-platform{background:radial-gradient(circle at 75% 22%,#f7e6a9 0 7%,transparent 8%),linear-gradient(160deg,#222a53 0 46%,#653c82 47% 55%,#df784c 56% 64%,#182020 65%)}
.art-puzzle{background:conic-gradient(from 30deg,#6b4bd0,#1aa6a6,#d6a84d,#c14f84,#6b4bd0)}
.art-action{background:radial-gradient(circle at 50% 46%,#ffd36a 0 3%,#ff6f4a 4% 8%,transparent 9%),linear-gradient(135deg,#12263c,#1a0d18 58%,#5c2635)}
.art-arcade{background:radial-gradient(circle at 30% 28%,#64f3ff 0 3%,transparent 4%),radial-gradient(circle at 72% 62%,#fd7bff 0 4%,transparent 5%),linear-gradient(145deg,#172b44,#281a58 55%,#0a0d15)}
.art-sport{background:radial-gradient(circle at 65% 35%,#fff 0 5%,#d6a84d 6% 8%,transparent 9%),linear-gradient(160deg,#123924,#0e2019 48%,#a26a2d 49% 51%,#14251c 52%)}
.float-card{position:absolute;width:250px;border:1px solid var(--line);background:rgba(18,21,27,.92);backdrop-filter:blur(16px);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;z-index:5}
.float-card.one{left:10px;top:110px;transform:rotate(-7deg)}.float-card.two{left:40px;bottom:54px;transform:rotate(4deg);width:225px}.float-art{height:148px}.float-copy{padding:16px}.float-copy strong{display:block;font-family:Manrope,sans-serif;font-size:1rem}.float-copy span{font-size:.75rem;color:var(--muted)}
.orbit{position:absolute;border:1px solid rgba(214,168,77,.16);border-radius:50%;width:500px;height:500px;right:-50px;top:30px}.orbit.two{width:360px;height:360px;right:20px;top:100px;border-color:rgba(255,255,255,.07)}
.glow{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(90px);background:rgba(214,168,77,.16);right:100px;top:170px}

.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.game-card{border-radius:22px;overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:.25s ease;position:relative}
.game-card:hover{transform:translateY(-7px);border-color:rgba(214,168,77,.35);box-shadow:0 24px 50px rgba(0,0,0,.28)}
.game-art{aspect-ratio:1.18/1;position:relative;overflow:hidden}
.game-art::before,.category-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72))}
.game-art::after{content:"";position:absolute;width:46%;height:16%;border-radius:50%;left:27%;bottom:18%;background:rgba(255,255,255,.15);filter:blur(16px)}
.game-info{padding:18px}.game-info h3{font-family:Manrope,sans-serif;margin:0 0 5px;font-size:1rem}.game-info p{margin:0;color:var(--muted);font-size:.78rem}.tag{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(214,168,77,.1);color:var(--gold-2);font-size:.68rem;font-weight:800;margin-top:12px}

.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-card{min-height:260px;border-radius:24px;overflow:hidden;position:relative;border:1px solid var(--line);padding:24px;display:flex;align-items:flex-end;transition:.25s ease}
.category-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18)}
.category-card > div{position:relative;z-index:2}.category-card h3{font-family:Manrope,sans-serif;font-size:1.35rem;margin:0 0 4px}.category-card p{margin:0;color:#d0d1d5;font-size:.85rem;max-width:260px}
.category-race{background:linear-gradient(145deg,#12253a,#5c1f2f 63%,#e87037)}
.category-platform{background:linear-gradient(145deg,#17233f,#62477d 62%,#db8a56)}
.category-arcade{background:linear-gradient(145deg,#111b37,#3f2869 52%,#0a7591)}
.category-action{background:linear-gradient(145deg,#161c27,#601f2d 56%,#c15f31)}
.category-puzzle{background:linear-gradient(145deg,#2e2351,#21576c 52%,#c89c47)}
.category-sport{background:linear-gradient(145deg,#102a1f,#24533e 58%,#9a6a31)}
.category-shape{position:absolute;right:-32px;top:-20px;width:180px;height:180px;border:26px solid rgba(255,255,255,.12);transform:rotate(25deg);border-radius:44px}.category-card:nth-child(even) .category-shape{border-radius:50%;transform:none}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:28px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));min-height:220px}.step-num{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(214,168,77,.11);color:var(--gold-2);font-weight:800;margin-bottom:38px}.step h3{font-family:Manrope,sans-serif;font-size:1.35rem;margin:0 0 8px}.step p{color:var(--muted);margin:0}

.physical{padding:96px 0;background:linear-gradient(180deg,#0d0f13,#0a0b0d)}
.physical-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.physical h2{font-family:Manrope,sans-serif;font-size:clamp(2.5rem,5vw,4.4rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px}.physical p{color:var(--muted);font-size:1rem;max-width:560px}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.benefit{border:1px solid var(--line);border-radius:16px;padding:13px 14px;font-size:.82rem;color:#d3d4d7;background:rgba(255,255,255,.02)}
.flow-visual{position:relative;min-height:520px}.package{position:absolute;left:20px;top:70px;width:240px;height:340px;border-radius:24px;background:linear-gradient(160deg,#191c23,#0b0d11);border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);padding:18px;transform:rotate(-6deg)}
.package-art{height:196px;border-radius:16px;background:radial-gradient(circle at 66% 26%,#f3c775 0 5%,transparent 6%),linear-gradient(155deg,#172647,#573660 54%,#d9744c);position:relative;overflow:hidden}.package-art::after{content:"RIFT RUNNER";position:absolute;left:17px;bottom:18px;font-family:Manrope,sans-serif;font-weight:800;font-size:1.1rem;line-height:.9;max-width:110px}.package small{display:block;color:var(--gold-2);font-weight:800;letter-spacing:.12em;margin-top:15px}.package strong{display:block;font-family:Manrope,sans-serif;margin-top:5px}.keychain{position:absolute;left:224px;top:212px;width:170px;height:94px;border-radius:24px;background:linear-gradient(145deg,#252933,#101217);border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);transform:rotate(9deg);display:grid;place-items:center;text-align:center}.keychain::before{content:"";position:absolute;width:42px;height:42px;border:5px solid #272b31;border-radius:50%;right:-27px;top:-20px}.keychain strong{font-family:Manrope,sans-serif;font-size:.9rem}.keychain span{display:block;font-size:.64rem;color:var(--gold-2);letter-spacing:.12em}.tap-phone{position:absolute;right:6px;top:42px;width:210px;height:400px;border-radius:34px;background:#11141a;border:7px solid #20232a;box-shadow:var(--shadow);padding:13px;transform:rotate(5deg)}.tap-screen{height:100%;border-radius:22px;background:linear-gradient(180deg,#1c2130,#0d1016);padding:15px;display:flex;flex-direction:column}.tap-badge{margin-top:auto;border:1px solid rgba(214,168,77,.28);background:rgba(214,168,77,.07);border-radius:15px;padding:12px;color:var(--gold-2);font-size:.72rem;font-weight:800}.tap-game{height:180px;margin-top:30px;border-radius:17px;background:linear-gradient(145deg,#14283b,#5a2342 60%,#df7d45);position:relative}.tap-game::after{content:"JOGAR";position:absolute;left:15px;bottom:14px;background:#fff;color:#111;padding:7px 12px;border-radius:999px;font-size:.68rem;font-weight:800}.flow-line{position:absolute;left:335px;top:174px;width:108px;border-top:1px dashed rgba(214,168,77,.5);transform:rotate(-14deg)}

.cta-band{padding:84px 0}.cta-box{border:1px solid rgba(214,168,77,.24);border-radius:32px;padding:52px;background:radial-gradient(circle at 90% 10%,rgba(214,168,77,.16),transparent 32%),#111318;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-box h2{font-family:Manrope,sans-serif;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1.02;margin:0}.cta-box p{color:var(--muted);margin:10px 0 0;max-width:580px}

.site-footer{border-top:1px solid var(--line);padding:42px 0 28px;color:#8c8f98}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.82rem}.footer-note{font-size:.76rem;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}

.page-hero{padding:92px 0 56px}.page-hero h1{font-size:clamp(3.1rem,7vw,6.2rem);max-width:880px}.page-hero p{color:var(--muted);max-width:690px;font-size:1.05rem}
.catalog-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.search-box{flex:1;min-width:240px;position:relative}.search-box input,.filter-select{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:15px;padding:14px 16px;outline:none}.filter-select{width:auto;min-width:180px}.search-box input:focus,.filter-select:focus{border-color:rgba(214,168,77,.5)}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:100px}.catalog-empty{display:none;padding:50px 0;color:var(--muted)}

.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;padding-bottom:80px}.game-stage{border-radius:26px;min-height:570px;border:1px solid var(--line);background:#050608;position:relative;overflow:hidden;display:grid;place-items:center}.embed-ready{text-align:center;max-width:460px;padding:30px}.embed-icon{width:72px;height:72px;border-radius:24px;background:rgba(214,168,77,.1);border:1px solid rgba(214,168,77,.22);margin:0 auto 22px;display:grid;place-items:center}.embed-icon::before{content:"";width:20px;height:20px;border:2px solid var(--gold);border-left:0;border-bottom:0;transform:rotate(45deg)}.embed-ready h2{font-family:Manrope,sans-serif;margin:0 0 10px}.embed-ready p{color:var(--muted)}.game-sidebar{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:22px;height:max-content}.game-sidebar h1{font-family:Manrope,sans-serif;font-size:1.8rem;line-height:1;margin:0 0 12px}.game-sidebar p{color:var(--muted);font-size:.88rem}.game-facts{display:grid;gap:10px;margin:24px 0}.fact{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.78rem}.fact span:first-child{color:var(--muted)}

.content-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;padding:20px 0 100px}.content-aside{position:sticky;top:110px;height:max-content}.content-aside h3{font-family:Manrope,sans-serif;margin:0 0 12px}.content-aside p{font-size:.85rem;color:var(--muted)}.prose{max-width:800px}.prose h2{font-family:Manrope,sans-serif;font-size:2rem;letter-spacing:-.03em;margin:44px 0 14px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#b8bbc3}.prose strong{color:var(--text)}.prose ul{padding-left:20px}.prose .notice{border:1px solid rgba(214,168,77,.2);background:rgba(214,168,77,.06);padding:18px 20px;border-radius:18px;color:#ddd3bc}
.contact-card{border:1px solid var(--line);background:var(--panel);border-radius:28px;padding:34px;max-width:720px}.contact-row{padding:22px 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-row h3{font-family:Manrope,sans-serif;margin:0 0 5px}.contact-row p{margin:0;color:var(--muted)}

@media (max-width:980px){
  .nav-links{display:none;position:absolute;left:20px;right:20px;top:70px;background:#111318;border:1px solid var(--line);border-radius:20px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}
  .nav-links.open{display:flex}.nav-cta{display:none}.menu-btn{display:block}
  .hero-grid,.physical-grid,.content-grid{grid-template-columns:1fr}.hero{padding-top:48px}.hero-visual{min-height:560px}.game-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.game-shell{grid-template-columns:1fr}.game-sidebar{order:-1}.content-aside{position:static}.flow-visual{max-width:650px;margin:0 auto;width:100%}
}

@media (max-width:640px){
  .container{width:min(100% - 26px,1180px)}.section{padding:68px 0}.nav{height:68px}.brand{font-size:1rem}.hero{min-height:auto;padding:52px 0 60px}.hero-grid{gap:28px}.hero h1{font-size:clamp(3.05rem,16vw,4.4rem)}.hero p{font-size:.98rem}.hero-meta{gap:13px;margin-top:30px}.hero-visual{min-height:435px;margin-top:8px}.phone{width:190px;right:3px;top:28px;border-width:6px;border-radius:30px}.phone-screen{min-height:375px;padding:12px;border-radius:20px}.phone-top{margin-bottom:14px}.mini-card::after{font-size:.52rem;left:7px;bottom:7px}.float-card{width:168px;left:0!important}.float-card.one{top:96px}.float-card.two{bottom:12px;width:155px}.float-art{height:100px}.float-copy{padding:11px}.float-copy strong{font-size:.76rem}.float-copy span{font-size:.61rem}.orbit{width:360px;height:360px;right:-120px;top:10px}.orbit.two{width:260px;height:260px;right:-50px;top:60px}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:2.45rem}.game-grid,.catalog-grid,.category-grid,.steps{grid-template-columns:1fr 1fr}.game-grid,.catalog-grid{gap:11px}.game-info{padding:13px}.game-info h3{font-size:.85rem}.game-info p{font-size:.68rem}.category-grid{grid-template-columns:1fr}.category-card{min-height:210px}.steps{grid-template-columns:1fr}.step{min-height:auto}.benefit-list{grid-template-columns:1fr 1fr}.physical{padding:70px 0}.physical-grid{gap:30px}.flow-visual{min-height:430px}.package{left:0;top:65px;width:172px;height:255px;padding:12px}.package-art{height:145px}.package-art::after{font-size:.8rem;left:11px;bottom:11px}.package small{font-size:.55rem}.package strong{font-size:.72rem}.keychain{left:142px;top:230px;width:125px;height:72px}.tap-phone{right:0;width:155px;height:310px;top:30px;border-width:5px;padding:9px}.tap-screen{padding:10px}.tap-game{height:135px}.flow-line{display:none}.cta-box{padding:28px;align-items:flex-start;flex-direction:column}.footer-grid{flex-direction:column}.page-hero{padding:66px 0 36px}.page-hero h1{font-size:3.15rem}.filter-select{width:100%}.game-stage{min-height:390px}.content-grid{gap:28px}.prose h2{font-size:1.65rem}
}

@media (max-width:420px){.game-grid,.catalog-grid{grid-template-columns:1fr 1fr}.benefit-list{grid-template-columns:1fr}.hero-actions .btn{width:100%}}