/* XALO STUDIO V12.1 — premium polish layer */
:root{
  --xalo-premium-line:rgba(170,198,255,.13);
  --xalo-premium-line-strong:rgba(190,214,255,.26);
  --xalo-premium-glow:rgba(95,132,255,.14);
  --xalo-premium-violet:rgba(143,104,255,.12);
  --xalo-premium-cyan:rgba(66,196,255,.08);
}
html{background:#05070b}
body{position:relative;isolation:isolate}
body::before{
  content:"";position:fixed;inset:-18vh -12vw;z-index:-4;pointer-events:none;
  background:
    radial-gradient(42% 34% at 78% 12%,rgba(111,137,255,.12),transparent 74%),
    radial-gradient(34% 30% at 16% 42%,rgba(86,183,255,.07),transparent 72%),
    radial-gradient(32% 28% at 72% 76%,rgba(150,89,255,.08),transparent 76%);
  filter:blur(24px);animation:xaloPremiumDrift 18s ease-in-out infinite alternate;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 72%);
}
@keyframes xaloPremiumDrift{to{transform:translate3d(2.4vw,-1.8vh,0) scale(1.045)}}
.site-header,.creative-header,.xp-header{box-shadow:0 18px 70px rgba(0,0,0,.16)}
.site-header.scrolled,.creative-header.scrolled{box-shadow:0 18px 70px rgba(0,0,0,.32),0 1px 0 rgba(255,255,255,.055)}
.page-hero,.product-hero,.hero{position:relative;overflow:hidden}
.page-hero::after,.product-hero::after{
  content:"";position:absolute;inset:-1px;pointer-events:none;z-index:0;
  background:linear-gradient(112deg,transparent 9%,rgba(255,255,255,.018) 34%,rgba(112,153,255,.055) 48%,transparent 66%);
  transform:translateX(-36%);animation:xaloHeroSweep 11s ease-in-out infinite;
}
@keyframes xaloHeroSweep{50%{transform:translateX(22%)}100%{transform:translateX(-36%)}}
.page-hero>* ,.product-hero>*{position:relative;z-index:1}
.product-card,.feature-panel,.feature-cell,.news-card,.release,.roadmap-row,.product-cta-band,.product-story,.cap-card,.universe-card,.glass-panel{
  position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 26px 74px rgba(0,0,0,.12);
}
.product-card::after,.feature-panel::after,.feature-cell::after,.news-card::after,.release::after,.roadmap-row::after,.product-cta-band::after,.universe-card::after,.glass-panel::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;
  background:linear-gradient(120deg,transparent 0 54%,rgba(255,255,255,.035) 61%,transparent 68%);
  transform:translateX(-30%);transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .45s ease;
}
@media (hover:hover) and (pointer:fine){
  .product-card:hover,.feature-panel:hover,.feature-cell:hover,.news-card:hover,.release:hover,.roadmap-row:hover,.universe-card:hover{border-color:var(--xalo-premium-line-strong)!important;transform:translateY(-3px)}
  .product-card:hover::after,.feature-panel:hover::after,.feature-cell:hover::after,.news-card:hover::after,.release:hover::after,.roadmap-row:hover::after,.universe-card:hover::after{transform:translateX(38%);opacity:.78}
}
.section-head h2,.display-title,.product-story h2,.product-cta-band h3,.page-hero h1,.product-hero h1{
  text-shadow:0 12px 50px rgba(94,125,255,.08)
}
.section-head .eyebrow,.eyebrow{letter-spacing:.15em}
.btn,.nav-cta,.mega-all{position:relative;overflow:hidden}
.btn::after,.nav-cta::after,.mega-all::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18),transparent 65%);transform:translateX(-130%);transition:transform .65s ease}
@media (hover:hover){.btn:hover::after,.nav-cta:hover::after,.mega-all:hover::after{transform:translateX(130%)}}
.product-keyart{filter:drop-shadow(0 34px 70px rgba(38,74,180,.16));animation:xaloKeyartFloat 8s ease-in-out infinite}
@keyframes xaloKeyartFloat{50%{transform:translateY(-7px)}}
[dir="rtl"] .product-hero-lead,[dir="rtl"] .product-copy,[dir="rtl"] .feature-cell,[dir="rtl"] .roadmap-row,[dir="rtl"] .product-cta-band{line-height:1.85}
[dir="rtl"] .page-hero h1,[dir="rtl"] .product-hero h1,[dir="rtl"] .display-title{letter-spacing:0!important}
.lang-menu,.language-menu,.xalo-universal-language__menu{backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
.xalo-universal-language{position:fixed;top:18px;right:18px;z-index:10050;font-family:inherit;color:#fff}
[dir="rtl"] .xalo-universal-language{right:auto;left:18px}
.xalo-universal-language__button{display:flex;align-items:center;gap:8px;min-width:62px;height:42px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,13,20,.72);color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;backdrop-filter:blur(18px)}
.xalo-universal-language__button svg{width:14px;height:14px;transition:transform .25s ease}.xalo-universal-language.open .xalo-universal-language__button svg{transform:rotate(180deg)}
.xalo-universal-language__menu{position:absolute;top:50px;right:0;width:210px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(8,11,18,.92);box-shadow:0 28px 70px rgba(0,0,0,.46);opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.22s ease}
[dir="rtl"] .xalo-universal-language__menu{right:auto;left:0}
.xalo-universal-language.open .xalo-universal-language__menu{opacity:1;transform:none;pointer-events:auto}
.xalo-universal-language__menu button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;border:0;border-radius:12px;background:transparent;color:#dfe7f7;cursor:pointer;text-align:left}
.xalo-universal-language__menu button:hover,.xalo-universal-language__menu button.active{background:rgba(132,164,255,.11);color:#fff}.xalo-universal-language__menu small{opacity:.55;font-size:10px;letter-spacing:.12em}
.legal-shell{position:relative;max-width:980px!important;margin:72px auto!important;padding:56px clamp(24px,5vw,70px)!important;border:1px solid rgba(255,255,255,.085);border-radius:32px;background:linear-gradient(180deg,rgba(15,19,28,.88),rgba(8,11,17,.84));box-shadow:0 40px 120px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(14px)}
.legal-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 40% at 85% 0%,rgba(100,132,255,.09),transparent 68%)}
.legal-shell>*{position:relative;z-index:1}.legal-shell h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.96;margin-bottom:36px}.legal-shell h2{margin-top:34px;padding-top:4px;font-size:clamp(1.05rem,2vw,1.35rem)}.legal-shell p,.legal-shell li{line-height:1.82}.legal-shell section{max-width:820px}
.creative-cinematic .editorial-center,.creative-cinematic .work-note{border-color:rgba(154,184,255,.16)!important}.creative-cinematic .editorial-center{box-shadow:0 40px 100px rgba(20,35,90,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.creative-cinematic .portrait-badge{box-shadow:0 20px 70px rgba(0,0,0,.3),0 0 60px rgba(88,125,255,.08)}
.creative-cinematic .work-card .work-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(2,4,8,.26));mix-blend-mode:screen;opacity:.35}
@media (max-width:720px){body::after{background-size:48px 48px}.xalo-universal-language{top:12px;right:12px}.legal-shell{margin:56px 10px!important;padding:32px 20px!important;border-radius:24px}.product-keyart{animation:none}}
@media (prefers-reduced-motion:reduce){body::before,.page-hero::after,.product-hero::after,.product-keyart{animation:none!important}.product-card,.feature-panel,.feature-cell,.news-card,.release,.roadmap-row,.universe-card{transition:none!important}}

/* V12.1 final premium depth — restrained pointer light + glass edge bloom */
.xalo-premium-pointer-light{position:fixed;left:0;top:0;width:620px;height:620px;z-index:-2;pointer-events:none;border-radius:50%;opacity:.34;transform:translate3d(calc(var(--xalo-pointer-x,50vw) - 310px),calc(var(--xalo-pointer-y,32vh) - 310px),0);background:radial-gradient(circle,rgba(var(--cinema-rgb,120,170,255),.085) 0,rgba(var(--cinema-rgb2,135,105,255),.035) 35%,transparent 70%);filter:blur(22px);transition:opacity .35s ease;will-change:transform}
body:not(.cinematic-universe) .xalo-premium-pointer-light{background:radial-gradient(circle,rgba(120,158,255,.07),rgba(140,100,255,.028) 38%,transparent 70%)}
.product-card,.feature-panel,.news-card,.cap-card,.release,.universe-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.product-card:focus-within,.feature-panel:focus-within,.news-card:focus-within,.cap-card:focus-within,.release:focus-within,.universe-card:focus-within{outline:1px solid rgba(var(--cinema-rgb,150,185,255),.28);outline-offset:3px;box-shadow:0 30px 90px rgba(0,0,0,.28),0 0 60px rgba(var(--cinema-rgb,150,185,255),.055)}
.page-hero .shell,.product-hero .shell{filter:drop-shadow(0 22px 60px rgba(0,0,0,.12))}
.legal-language-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:7px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.025);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(225,233,246,.7)}
.legal-language-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(170,190,214,.85);box-shadow:0 0 14px rgba(170,190,214,.35)}
@media (hover:none),(pointer:coarse){.xalo-premium-pointer-light{display:none}}
@media (prefers-reduced-motion:reduce){.xalo-premium-pointer-light{display:none!important}}