/* XALO STUDIO V12.2 — final visual polish, safe geometry and galaxy sigil */
:root{
  --v12-glass:rgba(10,14,22,.66);
  --v12-line:rgba(184,207,255,.16);
  --v12-glow:rgba(110,154,255,.14);
}

/* ---------- Legal localization presentation ---------- */
.legal-shell{overflow:visible!important}
.legal-shell .brand{margin-bottom:46px}
.legal-eyebrow{margin-top:10px!important}
.legal-date{margin:-18px 0 22px;color:#8492a6;font-size:.82rem}
.legal-translation-note{margin:0 0 34px;padding:14px 16px;border:1px solid rgba(158,187,255,.12);border-radius:16px;background:linear-gradient(135deg,rgba(103,137,255,.06),rgba(125,92,255,.035));color:#94a3b8;font-size:.76rem;line-height:1.65}
.legal-section{position:relative;padding:3px 0 8px}
.legal-section::before{content:"";position:absolute;left:-18px;top:38px;width:2px;height:30px;border-radius:4px;background:linear-gradient(180deg,rgba(129,174,255,.55),transparent);opacity:.45}
html[dir="rtl"] .legal-section::before{left:auto;right:-18px}
.legal-section ul{display:grid;gap:10px;padding-inline-start:22px;color:#a6b1c1;line-height:1.8}
html[dir="rtl"] .legal-shell{text-align:right}
html[dir="rtl"] .legal-shell .brand{direction:ltr;width:max-content;margin-left:auto;margin-right:0}
html[dir="rtl"] .legal-shell h1,html[dir="rtl"] .legal-shell h2{letter-spacing:0}

/* ---------- Fix product keyart clipping ---------- */
.product-keyart{
  width:min(38vw,520px)!important;
  right:max(28px,calc((100vw - 1240px)/2))!important;
  top:50%!important;
  transform:translateY(-44%)!important;
  translate:0 0;
  animation:v12KeyartFloat 8s ease-in-out infinite!important;
  transform-origin:center;
  overflow:visible!important;
}
@keyframes v12KeyartFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
html[dir="rtl"] .product-keyart{
  right:auto!important;
  left:max(28px,calc((100vw - 1240px)/2))!important;
}
.product-hero{overflow:hidden!important}
.rylvora-art>span{max-width:86%;text-align:center;white-space:nowrap;font-size:clamp(2.1rem,4.4vw,4.55rem)!important;letter-spacing:-.045em}
.glowupfy-art .app-window{max-width:420px}

/* ---------- Fix release artwork text clipping ---------- */
.release.game .release-visual::after{
  left:50%!important;right:auto!important;bottom:28px!important;
  width:calc(100% - 44px);max-width:100%;
  transform:translateX(-50%);
  text-align:center;white-space:nowrap;
  font-size:clamp(2rem,4.1vw,4.25rem)!important;
  letter-spacing:-.045em!important;
  line-height:.95;
}
html[dir="rtl"] .release.game .release-visual::after{left:50%!important;right:auto!important}
.release-visual{isolation:isolate}
.release-visual::after{z-index:2}
.release-atmosphere{z-index:1}

/* ---------- Homepage galaxy / centered X ---------- */
.home-cinematic .hero-sigil{
  width:clamp(270px,27vw,430px)!important;
  opacity:.92!important;
  filter:drop-shadow(0 28px 90px rgba(0,0,0,.38)) drop-shadow(0 0 80px rgba(88,130,255,.08))!important;
}
.home-cinematic .sigil-galaxy{
  position:absolute;inset:-10%;border-radius:50%;pointer-events:none;
  background:
    radial-gradient(circle at 48% 50%,rgba(150,180,255,.11),transparent 18%),
    radial-gradient(ellipse at 50% 50%,rgba(92,126,255,.08) 0 24%,transparent 48%),
    conic-gradient(from 20deg,transparent 0 14%,rgba(111,91,255,.07) 22%,transparent 31% 52%,rgba(84,172,255,.065) 61%,transparent 72%);
  filter:blur(4px);
  animation:v12GalaxyBreathe 9s ease-in-out infinite alternate;
}
.home-cinematic .sigil-galaxy::before{
  content:"";position:absolute;inset:-5%;border-radius:50%;opacity:.9;
  background-image:
    radial-gradient(circle at 12% 21%,#dff5ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 27% 74%,#a9c9ff 0 1.1px,transparent 1.8px),
    radial-gradient(circle at 61% 15%,#fff 0 .9px,transparent 1.6px),
    radial-gradient(circle at 83% 38%,#b4a9ff 0 1.2px,transparent 1.9px),
    radial-gradient(circle at 72% 78%,#e7f6ff 0 1px,transparent 1.7px),
    radial-gradient(circle at 42% 88%,#85d2ff 0 .9px,transparent 1.5px),
    radial-gradient(circle at 7% 56%,#fff 0 .8px,transparent 1.4px),
    radial-gradient(circle at 92% 68%,#c9b8ff 0 1px,transparent 1.7px);
  animation:v12Twinkle 5.5s ease-in-out infinite alternate;
}
.home-cinematic .sigil-galaxy::after{
  content:"";position:absolute;inset:20%;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(135,171,255,.06),transparent 66%);
  box-shadow:0 0 85px rgba(91,122,255,.09),inset 0 0 70px rgba(116,155,255,.035);
}
.home-cinematic .sigil-ring{inset:8%!important}
.home-cinematic .ring-b{inset:20%!important}
.home-cinematic .ring-c{inset:31%!important}
.home-cinematic .sigil-core{
  position:absolute!important;
  left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  width:82px!important;height:82px!important;inset:auto!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.13),rgba(101,137,255,.045) 45%,rgba(7,10,17,.76) 78%)!important;
  border:1px solid rgba(210,226,255,.17)!important;
  box-shadow:0 0 0 1px rgba(90,130,255,.025),0 0 55px rgba(101,146,255,.16),inset 0 1px 0 rgba(255,255,255,.1)!important;
  backdrop-filter:blur(16px)!important;
}
.home-cinematic .x-stroke{position:absolute;left:50%;top:50%;width:46px;height:9px;border-radius:999px;background:linear-gradient(90deg,#d9e8ff,#fff 52%,#a8c5ff);box-shadow:0 0 18px rgba(168,202,255,.25);transform-origin:center}
.home-cinematic .x-a{transform:translate(-50%,-50%) rotate(45deg)}
.home-cinematic .x-b{transform:translate(-50%,-50%) rotate(-45deg)}
.home-cinematic .sigil-planet{position:absolute;z-index:4;border-radius:50%;pointer-events:none;box-shadow:0 0 22px currentColor}
.home-cinematic .planet-a{width:14px;height:14px;left:14%;top:31%;color:rgba(112,189,255,.42);background:radial-gradient(circle at 32% 28%,#fff,#7ccaff 30%,#355f9d 68%,#111a2d 100%);animation:v12PlanetA 12s ease-in-out infinite alternate}
.home-cinematic .planet-b{width:20px;height:20px;right:9%;top:51%;color:rgba(151,120,255,.35);background:radial-gradient(circle at 30% 25%,#efeaff,#aa8eff 28%,#503f8d 66%,#171326 100%);animation:v12PlanetB 14s ease-in-out infinite alternate}
.home-cinematic .planet-c{width:9px;height:9px;right:30%;bottom:10%;color:rgba(121,224,255,.38);background:#bfefff;animation:v12PlanetC 10s ease-in-out infinite alternate}
.home-cinematic .planet-b i{position:absolute;left:-6px;right:-6px;top:7px;height:5px;border:1px solid rgba(205,188,255,.45);border-radius:50%;transform:rotate(-18deg)}
.home-cinematic .sigil-comet{position:absolute;left:13%;bottom:22%;width:55px;height:1px;background:linear-gradient(90deg,transparent,rgba(172,217,255,.65));transform:rotate(-24deg);filter:drop-shadow(0 0 5px rgba(152,202,255,.6));animation:v12Comet 6s ease-in-out infinite}
@keyframes v12GalaxyBreathe{to{transform:scale(1.055) rotate(3deg);opacity:.82}}
@keyframes v12Twinkle{to{opacity:.52;filter:brightness(1.35)}}
@keyframes v12PlanetA{to{transform:translate(12px,-9px) scale(1.08)}}
@keyframes v12PlanetB{to{transform:translate(-10px,13px) scale(.94)}}
@keyframes v12PlanetC{to{transform:translate(-8px,-11px)}}
@keyframes v12Comet{0%,55%{opacity:.1;transform:translate(-20px,12px) rotate(-24deg)}72%{opacity:1}100%{opacity:0;transform:translate(55px,-30px) rotate(-24deg)}}

/* ---------- About / founder spotlight ---------- */
.founder-spotlight-wrap{padding-top:14px!important}
.founder-spotlight{
  display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(34px,6vw,86px);
  min-height:520px;padding:clamp(26px,4vw,52px);border:1px solid rgba(173,202,255,.13);border-radius:34px;overflow:hidden;position:relative;
  background:radial-gradient(circle at 14% 24%,rgba(103,159,255,.12),transparent 34%),radial-gradient(circle at 80% 20%,rgba(136,103,255,.07),transparent 38%),linear-gradient(145deg,rgba(14,19,29,.88),rgba(6,9,14,.94));
  box-shadow:0 45px 120px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045);
}
.founder-spotlight::before{content:"XALO";position:absolute;right:-.04em;bottom:-.34em;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(8rem,23vw,20rem);letter-spacing:-.1em;color:rgba(255,255,255,.018);pointer-events:none}
.founder-portrait{position:relative;aspect-ratio:4/5;max-width:420px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 100px rgba(0,0,0,.38)}
.founder-portrait img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9) contrast(1.03)}
.founder-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(4,7,12,.44));pointer-events:none}
.founder-orbit{position:absolute;left:50%;top:50%;width:86%;aspect-ratio:1;border:1px solid rgba(147,188,255,.16);border-radius:50%;transform:translate(-50%,-50%) rotate(14deg);box-shadow:0 0 70px rgba(100,151,255,.08);animation:v12FounderOrbit 16s linear infinite}
.founder-orbit::before,.founder-orbit::after{content:"";position:absolute;border-radius:50%;background:#a9d5ff;box-shadow:0 0 18px rgba(129,191,255,.6)}
.founder-orbit::before{width:7px;height:7px;left:12%;top:20%}.founder-orbit::after{width:5px;height:5px;right:8%;bottom:26%;background:#c7b8ff}
.founder-copy{position:relative;z-index:1;max-width:680px}
.founder-copy h2{font-family:Syne,sans-serif;font-size:clamp(2.9rem,5vw,5.8rem);line-height:.92;letter-spacing:-.055em;margin:12px 0 24px;text-wrap:balance}
.founder-copy p{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.8;color:#aeb9c9;max-width:650px}
.founder-copy small{display:block;margin:22px 0 28px;color:#75859b;letter-spacing:.1em;text-transform:uppercase}
@keyframes v12FounderOrbit{to{transform:translate(-50%,-50%) rotate(374deg)}}
html[dir="rtl"] .founder-spotlight::before{right:auto;left:-.04em}
html[dir="rtl"] .founder-copy h2{letter-spacing:0}

/* ---------- Extra premium depth, restrained ---------- */
.universe-card,.release,.feature-panel,.news-card,.product-cta-band,.founder-spotlight{backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%)}
.universe-card::before,.feature-panel::before{transition:filter .5s ease,opacity .5s ease}
@media(hover:hover) and (pointer:fine){
  .universe-card:hover,.release:hover,.feature-panel:hover{box-shadow:0 34px 110px rgba(0,0,0,.32),0 0 55px rgba(90,135,255,.045),inset 0 1px 0 rgba(255,255,255,.055)!important}
  .founder-spotlight:hover .founder-portrait{transform:translateY(-4px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
}

@media(max-width:1100px){
  .product-keyart{width:min(36vw,440px)!important;right:24px!important}
  html[dir="rtl"] .product-keyart{right:auto!important;left:24px!important}
  .rylvora-art>span{font-size:clamp(2rem,4vw,3.8rem)!important}
}
@media(max-width:820px){
  .product-keyart{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;translate:0 0!important;width:min(100%,520px)!important;margin:40px auto 0!important;animation:none!important}
  html[dir="rtl"] .product-keyart{left:auto!important;right:auto!important}
  .founder-spotlight{grid-template-columns:1fr;gap:32px;min-height:0}
  .founder-portrait{width:min(100%,390px);margin:auto}
  .founder-copy{text-align:center;margin:auto}
  .founder-copy .hero-actions{justify-content:center}
  .founder-copy small{line-height:1.6}
}
@media(max-width:620px){
  .release.game .release-visual::after{width:calc(100% - 28px);font-size:clamp(2rem,12vw,3.3rem)!important}
  .home-cinematic .hero-sigil{width:210px!important;right:-34px!important;opacity:.42!important}
  html[dir="rtl"] .home-cinematic .hero-sigil{right:auto!important;left:-34px!important}
  .home-cinematic .sigil-core{width:66px!important;height:66px!important;border-radius:20px!important}
  .home-cinematic .x-stroke{width:37px;height:8px}
  .legal-section::before{display:none}
}
@media(max-width:480px){
  .home-cinematic .hero-sigil{display:block!important;width:175px!important;top:24%!important;right:-60px!important;opacity:.28!important}
  html[dir="rtl"] .home-cinematic .hero-sigil{right:auto!important;left:-60px!important}
  .home-cinematic .sigil-orbit-copy{display:none}
  .home-cinematic .sigil-core{width:54px!important;height:54px!important}
  .home-cinematic .x-stroke{width:30px;height:7px}
  .founder-spotlight{padding:20px;border-radius:24px}
  .founder-copy h2{font-size:clamp(2.4rem,12vw,3.5rem)}
}
@media(prefers-reduced-motion:reduce){
  .product-keyart,.sigil-galaxy,.sigil-galaxy::before,.sigil-planet,.sigil-comet,.founder-orbit{animation:none!important}
}