:root{
  --ink:#f9f4df;
  --muted:#c9c0a1;
  --night:#07130f;
  --forest:#0d2a1e;
  --moss:#7fa650;
  --gold:#f5b84b;
  --ember:#ef6f3a;
  --aqua:#58e0c2;
  --violet:#5f6cff;
  --glass:rgba(255,255,255,.08);
  --line:rgba(249,244,223,.16);
  --shadow:0 28px 90px rgba(0,0,0,.42);
  --header:76px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{
  margin:0;
  color:var(--ink);
  font-family:"Avenir Next","Gill Sans","Trebuchet MS",sans-serif;
  line-height:1.6;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 16% 8%, rgba(245,184,75,.22), transparent 28rem),
    radial-gradient(circle at 86% 14%, rgba(88,224,194,.16), transparent 30rem),
    linear-gradient(145deg,#06110d 0%,#102416 44%,#08100d 100%);
}
a{color:inherit}
img{max-width:100%;display:block}
.container{max-width:1180px;margin:0 auto;padding:0 22px}
.section{position:relative;padding:86px 0}
.skip-link{position:absolute;left:-999px;top:12px;background:var(--gold);color:#1c1304;padding:10px 14px;border-radius:999px;z-index:2000}
.skip-link:focus{left:14px}
.hidden{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}

.site-header{
  position:fixed;inset:0 0 auto;height:var(--header);z-index:1000;
  display:flex;align-items:center;
  background:linear-gradient(180deg,rgba(5,13,10,.92),rgba(5,13,10,.62));
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(18px);
}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.logo-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;color:#111708;font-weight:950;letter-spacing:-.08em;background:conic-gradient(from 220deg,var(--gold),var(--aqua),var(--moss),var(--gold));box-shadow:0 0 38px rgba(245,184,75,.28)}
.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:1.05rem;letter-spacing:.02em}.brand-copy small{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}
.nav{display:flex;align-items:center;gap:20px}.nav a{text-decoration:none;color:var(--muted);font-weight:800;font-size:.92rem}.nav a:hover{color:var(--ink)}
.lang-desktop,.lang-compact{border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--ink);border-radius:999px;padding:9px 12px;font-weight:800}.lang-desktop option,.lang-compact option{color:#07130f;background:#fff}
.header-actions{display:none;align-items:center;gap:10px}.nav-toggle{width:44px;height:40px;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:12px;display:grid;place-items:center;padding:9px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:2px 0}

.hero{min-height:100vh;display:flex;align-items:center;padding-top:calc(var(--header) + 78px);isolation:isolate}
.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:-1}.orb{position:absolute;border-radius:999px;filter:blur(10px);opacity:.72}.orb-one{width:32vw;height:32vw;min-width:280px;min-height:280px;right:-8vw;top:16vh;background:radial-gradient(circle,var(--gold),transparent 68%);animation:floatA 12s ease-in-out infinite}.orb-two{width:26vw;height:26vw;min-width:230px;min-height:230px;left:-7vw;bottom:8vh;background:radial-gradient(circle,var(--aqua),transparent 68%);animation:floatB 15s ease-in-out infinite}.board-lines{position:absolute;inset:16% -10%;background-image:linear-gradient(rgba(249,244,223,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(249,244,223,.08) 1px,transparent 1px);background-size:58px 58px;transform:rotate(-8deg);mask-image:radial-gradient(circle at center,black,transparent 68%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(330px,.78fr);gap:52px;align-items:center}.hero-copy{max-width:780px}.eyebrow{margin:0 0 14px;color:var(--aqua);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:950}.hero h1,.section-heading h2{font-family:"Copperplate","Baskerville","Georgia",serif;line-height:.98;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(3.1rem,6.6vw,6.3rem);text-wrap:balance}.hero-sub{font-size:clamp(1.08rem,2vw,1.35rem);color:var(--muted);max-width:700px;margin:24px 0}.hero-actions,.game-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.game-legal-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.legal-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid rgba(88,224,194,.26);border-radius:999px;background:rgba(88,224,194,.08);color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:900;transition:transform .2s ease,border-color .2s ease,background .2s ease}.legal-pill:hover{transform:translateY(-2px);border-color:rgba(245,184,75,.58);background:rgba(245,184,75,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:950;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--gold),#fff0a8);color:#211403;box-shadow:0 18px 48px rgba(245,184,75,.26)}.btn.ghost,.btn.store{border-color:var(--line);background:rgba(255,255,255,.08);color:var(--ink)}.btn.disabled{border-color:var(--line);color:var(--muted);background:rgba(255,255,255,.05);cursor:not-allowed}.btn.mini{min-height:auto;padding:8px 12px;background:var(--gold);color:#1b1305}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.trust-row span,.badge{display:inline-flex;align-items:center;border:1px solid rgba(88,224,194,.26);background:rgba(88,224,194,.10);color:#dffdf6;border-radius:999px;padding:7px 10px;font-size:.86rem;font-weight:900}.badge.soft{background:rgba(245,184,75,.12);border-color:rgba(245,184,75,.3);color:#ffe5aa}
.crest-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:var(--shadow);overflow:hidden}.crest-card::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at top,var(--gold),transparent 36%),radial-gradient(circle at bottom,var(--aqua),transparent 32%);opacity:.32}.crest,.wordmark{position:relative;margin:auto}.crest{width:min(360px,74vw);filter:drop-shadow(0 24px 36px rgba(0,0,0,.34))}.wordmark{width:min(520px,86vw);margin-top:12px}
.marquee-section{padding:0;overflow:hidden}.marquee{white-space:nowrap;text-transform:uppercase;letter-spacing:.18em;font-weight:950;color:#122017;background:linear-gradient(90deg,var(--gold),var(--aqua));padding:14px 0;animation:marquee 26s linear infinite;text-shadow:40ch 0 currentColor,80ch 0 currentColor,120ch 0 currentColor}
.section-heading{max-width:760px;margin-bottom:34px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(2.4rem,5vw,5rem)}
.game-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;border:1px solid var(--line);border-radius:34px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:var(--shadow)}.game-media{position:relative}.game-media img{border-radius:26px;border:1px solid var(--line);aspect-ratio:4/3;object-fit:cover}.platform-card{position:absolute;right:18px;bottom:18px;background:rgba(7,19,15,.86);border:1px solid var(--line);border-radius:18px;padding:12px 14px;backdrop-filter:blur(10px)}.platform-card span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.game-copy h3,.future-card h3{font-family:"Copperplate","Baskerville","Georgia",serif;font-size:clamp(2.4rem,5vw,4.9rem);line-height:1;margin:14px 0}.game-copy p,.future-card p,.studio-section p,.timeline p,.contact-grid p{color:var(--muted)}.feature-list{display:grid;gap:14px;margin:24px 0}.feature-list div{border-left:3px solid var(--gold);padding-left:14px}.feature-list strong{font-size:1.08rem}.feature-list p{margin:4px 0 0}.future-card{display:grid;grid-template-columns:1.1fr .55fr;gap:22px;align-items:center;margin-top:24px;border:1px solid var(--line);border-radius:28px;padding:22px;background:rgba(255,255,255,.06)}.future-card img{border-radius:20px;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line)}
.split-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:start}.sticky-heading{position:sticky;top:108px}.pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pillar{min-height:240px;border:1px solid var(--line);border-radius:28px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04))}.pillar span{color:var(--gold);font-weight:950}.pillar h3{font-size:1.45rem;margin:30px 0 8px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border:1px solid var(--line);border-radius:28px;padding:24px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}.step::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--gold),var(--aqua))}.step span{color:var(--gold);font-weight:950;text-transform:uppercase;letter-spacing:.12em}.step h3{font-size:1.55rem;margin:18px 0 8px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}.social-panel{margin-top:28px}.social-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.social-card{position:relative;overflow:hidden;min-height:128px;border:1px solid var(--line);border-radius:24px;padding:16px;color:var(--ink);text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:0 18px 44px rgba(0,0,0,.22);isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.social-card::before{content:"";position:absolute;inset:auto -20% -42% -20%;height:95px;z-index:-1;filter:blur(2px);opacity:.88;transition:transform .22s ease,opacity .22s ease}.social-card.linkedin::before{background:radial-gradient(circle,#6be4ff,transparent 68%)}.social-card.x::before{background:radial-gradient(circle,#f8f2df,transparent 68%)}.social-card.instagram::before{background:radial-gradient(circle at 30% 40%,#ffd36d,transparent 34%),radial-gradient(circle at 60% 40%,#ff5c91,transparent 38%),radial-gradient(circle at 70% 70%,#8c6cff,transparent 42%)}.social-card:hover{transform:translateY(-4px) rotate(-.6deg);border-color:rgba(245,184,75,.62);box-shadow:0 24px 58px rgba(0,0,0,.34)}.social-card:hover::before{transform:translateY(-8px) scale(1.05);opacity:1}.social-card span{display:block;color:var(--aqua);font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.15em}.social-card strong{display:block;margin-top:28px;font-size:1.12rem;line-height:1.08}.glass-form{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05));padding:24px;box-shadow:var(--shadow)}.glass-form h3{margin-top:0;font-size:1.7rem}.glass-form label{display:block;margin-bottom:8px;font-weight:900}.inpt{width:100%;border:1px solid var(--line);background:rgba(7,19,15,.72);color:var(--ink);border-radius:16px;padding:13px 14px;margin-bottom:12px;font:inherit}.inpt::placeholder{color:rgba(249,244,223,.56)}textarea.inpt{min-height:132px;resize:vertical}.inpt:focus{outline:2px solid rgba(88,224,194,.5);border-color:rgba(88,224,194,.65)}button.btn{cursor:pointer;font:inherit}button.btn[disabled]{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}
.site-footer{border-top:1px solid var(--line);background:#050d0a;padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:26px}.small{color:var(--muted);font-size:.95rem}.policy-links,.social-links{display:flex;gap:12px;flex-wrap:wrap}.social-links{margin-top:16px;align-items:center}.social-links span{width:100%;color:var(--gold);font-size:.82rem;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.policy-links a,.social-links a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.social-links a{border:1px solid rgba(88,224,194,.24);border-radius:999px;padding:7px 10px;background:rgba(88,224,194,.07);font-weight:900}.policy-links a:hover,.social-links a:hover{color:var(--aqua);border-color:rgba(245,184,75,.52)}.copyright{margin-top:24px;color:var(--muted);font-size:.9rem}.cookie{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1200;display:flex;gap:12px;align-items:center;max-width:min(92vw,720px);padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:rgba(5,13,10,.92);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.cookie[hidden]{display:none}
.reveal{animation:rise .8s ease both}.hero-art.reveal{animation-delay:.12s}
html[dir="rtl"] .feature-list div{border-left:0;border-right:3px solid var(--gold);padding-left:0;padding-right:14px}html[dir="rtl"] .step::before{left:auto;right:0}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatA{50%{transform:translate(-30px,24px) scale(1.05)}}@keyframes floatB{50%{transform:translate(26px,-22px) scale(.96)}}@keyframes marquee{to{transform:translateX(-40ch)}}
@media(max-width:980px){
  :root{--header:68px}.section{padding:66px 0}.header-actions{display:flex}.brand-copy strong{font-size:.95rem}.brand-copy small{display:none}.lang-desktop{display:none}.nav{position:absolute;left:14px;right:14px;top:calc(var(--header) - 4px);display:none;flex-direction:column;align-items:stretch;gap:8px;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(5,13,10,.96);box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:10px 8px}.hero{padding-top:calc(var(--header) + 38px);min-height:auto}.hero-grid,.game-feature,.future-card,.split-grid,.timeline,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.25rem,7.4vw,3.35rem)}.crest-card{border-radius:28px}.game-feature{padding:16px;border-radius:26px}.future-card img{order:-1}.pillar-grid{grid-template-columns:1fr}.sticky-heading{position:static}.platform-card{position:static;margin-top:12px}.social-card-grid{grid-template-columns:1fr}.cookie{left:12px;right:12px;transform:none;align-items:flex-start;flex-direction:column}.btn{width:auto}.hero-actions .btn,.game-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.marquee{text-shadow:none}}

/* Feedback pass: calmer type, readable promise band, uncropped game art, cube mark. */
.logo-mark{
  background:transparent;
  box-shadow:none;
  border-radius:10px;
  overflow:hidden;
}
.logo-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(88,224,194,.18));
}
.hero{
  min-height:auto;
  padding-top:calc(var(--header) + 84px);
  padding-bottom:76px;
}
.hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(300px,.72fr);
  gap:48px;
}
.hero-copy{max-width:720px}
.hero h1{
  font-family:"Avenir Next","Gill Sans","Trebuchet MS",sans-serif;
  font-size:clamp(3.2rem,5.2vw,5.55rem);
  line-height:.98;
  letter-spacing:-.065em;
  text-transform:none;
}
.hero-sub{
  font-size:clamp(1.05rem,1.45vw,1.22rem);
  max-width:660px;
}
.crest-card{
  padding:22px;
  border-radius:30px;
}
.crest{
  width:min(300px,58vw);
}
.wordmark{
  width:min(390px,72vw);
}
.marquee-section{
  padding:20px 0;
  background:linear-gradient(90deg,rgba(245,184,75,.18),rgba(88,224,194,.18));
  border-block:1px solid var(--line);
}
.marquee{
  max-width:1180px;
  margin:0 auto;
  padding:0 22px;
  white-space:normal;
  text-align:center;
  line-height:1.45;
  letter-spacing:.08em;
  font-size:clamp(.78rem,1.2vw,.98rem);
  color:var(--ink);
  background:transparent;
  animation:none;
  text-shadow:none;
}
.section-heading h2{
  font-size:clamp(2.15rem,3.9vw,3.9rem);
  letter-spacing:-.04em;
}
.game-feature{
  grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);
  align-items:center;
}
.game-media img{
  aspect-ratio:auto;
  object-fit:contain;
  background:#09110f;
  max-height:560px;
}
.game-copy h3,.future-card h3{
  font-size:clamp(2.25rem,3.9vw,4rem);
  letter-spacing:-.04em;
}
@media(max-width:980px){
  .hero{padding-top:calc(var(--header) + 34px);padding-bottom:54px}
  .hero h1{font-size:clamp(2.55rem,10vw,4.1rem)}
  .hero-grid,.game-feature{grid-template-columns:1fr}
  .crest{width:min(230px,58vw)}
  .wordmark{width:min(320px,78vw)}
  .game-media img{max-height:none;width:100%}
  .game-copy h3,.future-card h3{font-size:clamp(2.1rem,10vw,3.4rem)}
}