:root{
  --bg:#050608;--bg2:#0a0d12;--panel:#10141c;--panel2:#151b25;--line:rgba(255,255,255,.11);
  --text:#f5f7fb;--muted:#9ca7b8;--accent:#9ad8ff;--accent2:#8c7cff;--warm:#ffc58f;
  --shell:min(1240px,calc(100vw - 40px));--radius:26px;--shadow:0 24px 80px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(108,92,231,.13),transparent 34%),radial-gradient(circle at 10% 12%,rgba(58,173,255,.1),transparent 30%),var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%;display:block}.shell{width:var(--shell);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:800;color:#a9b5c7}.muted{color:var(--muted)}.accent{color:var(--accent)}
.site-header{position:fixed;inset:0 0 auto;z-index:80;padding:14px 0;transition:.25s}.site-header.scrolled{background:rgba(5,6,8,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{width:var(--shell);margin:auto;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-family:Syne,sans-serif;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand-mark{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(154,216,255,.14),rgba(140,124,255,.13));box-shadow:inset 0 0 24px rgba(255,255,255,.03)}.brand-mark::before{content:"X";font-size:.87rem}.nav-links{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-links a,.nav-btn{font-size:.83rem;color:#dce4ef;opacity:.85}.nav-links a:hover{opacity:1}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn,.nav-cta,.menu-btn{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.icon-btn{width:42px}.nav-cta{padding:0 17px;font-size:.78rem;font-weight:800}.nav-cta:hover,.icon-btn:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}.menu-btn{display:none;width:42px}.lang-menu{position:absolute;right:80px;top:62px;background:#0e1219;border:1px solid var(--line);border-radius:16px;padding:8px;display:none;box-shadow:var(--shadow);min-width:160px}.lang-menu.open{display:grid}.lang-menu button{border:0;background:transparent;color:#dce4ef;text-align:left;padding:9px 11px;border-radius:10px;cursor:pointer}.lang-menu button:hover{background:rgba(255,255,255,.06)}
.mobile-menu{position:fixed;inset:0;z-index:79;background:rgba(5,6,8,.98);padding:92px 28px 30px;display:none}.mobile-menu.open{display:block}.mobile-menu a{display:block;font-family:Syne,sans-serif;font-size:clamp(1.8rem,8vw,3.2rem);font-weight:700;padding:10px 0;border-bottom:1px solid var(--line)}
.hero{min-height:100svh;display:flex;align-items:flex-end;padding:140px 0 72px;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.12),rgba(5,6,8,.84) 76%,var(--bg));pointer-events:none}.hero-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%);transform:perspective(900px) rotateX(62deg) translateY(-12%);transform-origin:center top}.hero-orb{position:absolute;width:56vw;aspect-ratio:1;border-radius:50%;right:-12vw;top:-14vw;background:radial-gradient(circle at 40% 38%,rgba(154,216,255,.34),rgba(140,124,255,.12) 30%,rgba(140,124,255,.02) 58%,transparent 69%);filter:blur(2px)}.hero-content{position:relative;z-index:2;width:var(--shell);margin:auto}.hero h1{font-family:Syne,sans-serif;font-size:clamp(4.2rem,11vw,9.6rem);line-height:.82;letter-spacing:-.065em;margin:18px 0 26px;max-width:1000px}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.46)}.hero-lead{max-width:760px;font-size:clamp(1.02rem,1.8vw,1.32rem);color:#c7d0dc}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border:1px solid var(--line);border-radius:999px;padding:14px 20px;display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.86rem;background:rgba(255,255,255,.05);transition:.2s}.btn.primary{background:#f4f7fb;color:#0b0f14;border-color:#f4f7fb}.btn:hover{transform:translateY(-2px)}.hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:56px}.metric{border-top:1px solid var(--line);padding-top:14px}.metric b{display:block;font-family:Syne,sans-serif;font-size:1rem}.metric span{color:var(--muted);font-size:.78rem}
.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2{font-family:Syne,sans-serif;font-size:clamp(2.6rem,6vw,5rem);line-height:.94;letter-spacing:-.04em;margin:8px 0 0}.section-head p{max-width:560px;color:var(--muted)}.universe-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.universe-card{min-height:250px;padding:26px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.018));border-radius:var(--radius);position:relative;overflow:hidden;transition:.25s}.universe-card:hover{transform:translateY(-5px);border-color:rgba(154,216,255,.35)}.universe-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;bottom:-80px;background:radial-gradient(circle,rgba(154,216,255,.15),transparent 68%)}.universe-card.large{grid-column:span 6}.universe-card.small{grid-column:span 3}.universe-card h3{font-family:Syne,sans-serif;font-size:1.5rem;margin:18px 0 8px}.universe-card p{color:var(--muted);max-width:42ch;font-size:.9rem}.card-index{font-family:Syne,sans-serif;color:#728098;font-size:.75rem}.arrow-link{position:absolute;right:20px;bottom:18px;font-size:1.4rem}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:#8cffb7;box-shadow:0 0 13px rgba(140,255,183,.7)}.status.dev::before{background:#ffd98c;box-shadow:0 0 13px rgba(255,217,140,.7)}
.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.release{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#0b0f15;min-height:460px;position:relative}.release-visual{height:280px;position:relative;overflow:hidden;background:linear-gradient(140deg,#0e121a,#161526 55%,#08101a)}.release-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(154,216,255,.24),transparent 28%),radial-gradient(circle at 25% 70%,rgba(140,124,255,.22),transparent 36%)}.release.game .release-visual{background:linear-gradient(140deg,#08090d,#16101b 45%,#07101a)}.release.game .release-visual::after{content:"RYLVORA";position:absolute;left:30px;bottom:20px;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.4rem,6vw,5.2rem);letter-spacing:-.05em;color:rgba(255,255,255,.92);text-shadow:0 18px 50px rgba(0,0,0,.55)}.release.book .release-visual{background:radial-gradient(circle at 50% 35%,rgba(255,199,143,.16),transparent 28%),linear-gradient(140deg,#100c09,#1a1210,#090909)}.release.book .release-visual::after{content:"ما وراء الصورة";position:absolute;inset:0;display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-size:clamp(2.6rem,6vw,5rem);color:#f0e2d5}.release-copy{padding:25px}.release-copy h3{font-family:Syne,sans-serif;font-size:1.75rem;margin:12px 0 7px}.release-copy p{color:var(--muted);margin:0 0 18px}.meta-row{display:flex;gap:9px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:999px;padding:7px 9px;color:#abb7c8;font-size:.68rem}
.feature-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.feature-panel{border:1px solid var(--line);border-radius:30px;padding:34px;background:linear-gradient(160deg,rgba(154,216,255,.055),rgba(140,124,255,.03));min-height:340px}.feature-panel h3{font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3.8rem);line-height:1;margin:16px 0}.feature-panel p{color:var(--muted);max-width:60ch}.mini-list{display:grid;gap:10px;margin-top:22px}.mini-list div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;font-size:.84rem}.mini-list span{color:var(--muted)}
.ad-shell{width:var(--shell);margin:28px auto}.ad-card{min-height:90px;border:1px solid rgba(255,255,255,.08);border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.015);overflow:hidden}.ad-card::before{content:"Sponsored";position:absolute;transform:translateY(-33px);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#5d6877}.adsbygoogle:empty{display:none!important}.ad-card:has(.adsbygoogle:empty){min-height:0;border:0;background:transparent}.ad-card ins{width:100%}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-card{border-top:1px solid var(--line);padding-top:20px}.news-card time{font-size:.72rem;color:#738196}.news-card h3{font-family:Syne,sans-serif;font-size:1.25rem}.news-card p{color:var(--muted);font-size:.86rem}
.page-hero{padding:170px 0 74px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 4%,rgba(154,216,255,.1),transparent 34%)}.page-hero h1{font-family:Syne,sans-serif;font-size:clamp(3.6rem,9vw,7.4rem);line-height:.87;letter-spacing:-.055em;margin:15px 0 20px}.page-hero p{max-width:740px;color:#bbc5d2;font-size:1.06rem}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{border:1px solid var(--line);border-radius:24px;padding:24px;min-height:260px;background:rgba(255,255,255,.025);position:relative}.product-card h3{font-family:Syne,sans-serif;font-size:1.35rem;margin:18px 0 8px}.product-card p{color:var(--muted);font-size:.88rem}.product-card .btn{position:absolute;left:24px;bottom:22px}.product-card[dir="rtl"] .btn{left:auto;right:24px}.callout{border:1px solid rgba(154,216,255,.18);background:linear-gradient(140deg,rgba(154,216,255,.05),rgba(140,124,255,.04));border-radius:28px;padding:34px}.callout h2{font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,4rem);margin:10px 0}.legal-shell{max-width:880px;margin:auto;padding:160px 22px 80px}.legal-shell h1,.legal-shell h2{font-family:Syne,sans-serif}.legal-shell h1{font-size:clamp(2.6rem,7vw,5rem)}.legal-shell h2{margin-top:38px}.legal-shell p,.legal-shell li{color:#c0c9d5}.legal-note{border:1px solid rgba(255,197,143,.25);background:rgba(255,197,143,.05);padding:16px 18px;border-radius:16px;color:#e9d3bc}
.footer{border-top:1px solid var(--line);padding:54px 0 28px;margin-top:90px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer h4{font-family:Syne,sans-serif;margin:0 0 13px}.footer a,.footer button{display:block;color:#9ba7b7;font-size:.82rem;margin:8px 0;border:0;background:none;padding:0;cursor:pointer}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:36px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#6f7a89;font-size:.72rem}
.search-overlay{position:fixed;inset:0;z-index:100;background:rgba(2,3,5,.82);backdrop-filter:blur(20px);display:none;padding:100px 18px}.search-overlay.open{display:block}.search-box{max-width:820px;margin:auto;background:#0c1016;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.search-input-wrap{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.search-input-wrap input{flex:1;background:none;border:0;outline:0;color:white;font-size:1.05rem}.search-results{padding:12px;max-height:60vh;overflow:auto}.search-result{display:flex;justify-content:space-between;gap:12px;padding:13px;border-radius:14px}.search-result:hover{background:rgba(255,255,255,.05)}.search-result small{color:#748195}
@media(max-width:980px){.nav-links{display:none}.menu-btn{display:inline-flex}.hero-meta{grid-template-columns:repeat(2,1fr)}.universe-card.large{grid-column:span 12}.universe-card.small{grid-column:span 6}.cards-3,.news-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}.feature-strip{grid-template-columns:1fr}}
@media(max-width:720px){:root{--shell:min(100% - 28px,1240px)}.site-header{padding:9px 0}.nav-cta{display:none}.hero{padding-bottom:44px}.hero h1{font-size:clamp(3.5rem,18vw,6rem)}.hero-meta{margin-top:34px}.section{padding:76px 0}.section-head{display:block}.universe-card.small{grid-column:span 12;min-height:210px}.release-grid,.cards-3,.news-grid{grid-template-columns:1fr}.release{min-height:auto}.release-visual{height:230px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.page-hero{padding-top:130px}.feature-panel{padding:24px}.lang-menu{right:54px}.mobile-menu{padding-top:80px}}
html[dir="rtl"] body{font-family:Manrope,"Noto Sans Arabic",sans-serif}html[dir="rtl"] .nav-links{margin-left:0;margin-right:auto}html[dir="rtl"] .arrow-link{right:auto;left:20px}html[dir="rtl"] .lang-menu{right:auto;left:80px}html[dir="rtl"] .release.game .release-visual::after{left:auto;right:30px}

/* V10.1 — premium navigation / mega menu */
.nav-mega-btn{border:0;background:transparent;color:#dce4ef;opacity:.88;font-size:.83rem;padding:10px 0;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.nav-mega-btn:hover,.nav-mega-btn[aria-expanded="true"]{opacity:1}.nav-mega-btn .chev{font-size:.8rem;transition:transform .22s}.nav-mega-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nav-links a.active,.nav-mega-btn.active{color:#fff;opacity:1}.nav-links a.active::after,.nav-mega-btn.active::after{content:"";display:block;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--accent),var(--accent2));margin-top:6px}
.mega-menu{position:absolute;left:0;right:0;top:100%;padding:0 20px 20px;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:.2s ease}.mega-menu.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.site-header:has(.mega-menu.open){background:rgba(5,6,8,.94);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
.mega-inner{width:var(--shell);margin:auto;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr 1.15fr;gap:10px;padding:14px;background:linear-gradient(180deg,rgba(17,22,30,.98),rgba(9,12,17,.98));border:1px solid rgba(255,255,255,.11);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.mega-intro,.mega-col,.mega-feature{min-height:220px;border-radius:17px;padding:19px}.mega-intro{background:linear-gradient(145deg,rgba(154,216,255,.08),rgba(140,124,255,.045));border:1px solid rgba(255,255,255,.06)}.mega-intro h3{font-family:Syne,sans-serif;font-size:1.4rem;margin:10px 0 8px}.mega-intro p{color:var(--muted);font-size:.78rem;margin:0 0 20px}.mega-all{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.78rem;padding-top:14px;border-top:1px solid var(--line)}.mega-col{display:flex;flex-direction:column;gap:4px}.mega-kicker{font-size:.62rem;letter-spacing:.18em;font-weight:800;color:#718099;margin-bottom:7px}.mega-col a{display:grid;gap:2px;padding:10px;border-radius:12px}.mega-col a:hover{background:rgba(255,255,255,.05)}.mega-col b{font-size:.78rem}.mega-col small{font-size:.64rem;line-height:1.35;color:#728096}.mega-feature{position:relative;overflow:hidden;border:1px solid rgba(134,212,255,.16);background:radial-gradient(circle at 80% 10%,rgba(134,212,255,.16),transparent 35%),linear-gradient(145deg,#111925,#0a0e15)}.mega-feature::after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(134,212,255,.15);border-radius:50%;right:-55px;bottom:-50px;box-shadow:0 0 70px rgba(134,212,255,.09)}.mega-feature strong{display:block;font-family:Syne,sans-serif;font-size:1.25rem;margin:10px 0}.mega-feature p{font-size:.72rem;color:#9eabba}.mega-feature-cta{position:absolute;bottom:18px;left:19px;font-size:.75rem;font-weight:800;color:#dff5ff}.nav-icon{font-size:1.18rem;line-height:1}
.mobile-menu{padding:0!important;overflow:auto}.mobile-menu-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:22px 22px 14px;background:rgba(5,6,8,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:2}.mobile-menu-head span{font-size:.66rem;letter-spacing:.18em;font-weight:800;color:#8290a3}.mobile-menu-head button{border:1px solid var(--line);background:rgba(255,255,255,.04);width:38px;height:38px;border-radius:50%;color:#fff;font-size:1.25rem}.mobile-menu .mobile-feature{margin:18px 18px 10px!important;padding:18px!important;border:1px solid rgba(134,212,255,.15)!important;border-radius:18px;background:linear-gradient(135deg,rgba(134,212,255,.08),rgba(140,124,255,.07));font-size:1rem!important}.mobile-feature span{display:block;color:#7e8b9d;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.mobile-feature strong{font-family:Syne,sans-serif;font-size:1.15rem}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 18px}.mobile-menu .mobile-grid a{font-family:Manrope,sans-serif;font-size:.88rem!important;font-weight:700;padding:15px!important;border:1px solid var(--line)!important;border-radius:14px;background:rgba(255,255,255,.025)}.mobile-coming{display:grid;gap:8px;padding:10px 18px 30px}.mobile-menu .mobile-coming a{font-size:1rem!important;padding:16px!important;border:1px solid var(--line)!important;border-radius:14px}.mobile-coming small{display:block;color:#758399;font-size:.62rem;letter-spacing:.16em;margin-bottom:4px}.mobile-coming b{font-family:Syne,sans-serif}
@media(max-width:1180px){.mega-inner{grid-template-columns:1.15fr 1fr 1fr 1fr}.mega-feature{display:none}.nav-links{gap:14px}}
@media(max-width:980px){.mega-menu{display:none}.nav-mega-btn{display:none}}
@media(max-width:520px){.mobile-grid{grid-template-columns:1fr}.mobile-menu .mobile-grid a{padding:13px!important}}
html[dir="rtl"] .mega-feature-cta{left:auto;right:19px}html[dir="rtl"] .mobile-menu-head{text-align:right}

/* V10.1 product-detail system */
.product-hero{min-height:76vh;padding:150px 0 80px;display:grid;align-items:end;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.product-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 28%,rgba(130,167,255,.17),transparent 28%),linear-gradient(180deg,transparent 40%,rgba(5,6,8,.8))}.product-hero.game-detail::before{background:radial-gradient(circle at 78% 20%,rgba(190,150,255,.2),transparent 30%),radial-gradient(circle at 60% 55%,rgba(255,190,100,.08),transparent 28%),linear-gradient(180deg,transparent 35%,rgba(5,6,8,.85))}.product-hero.book-detail::before{background:radial-gradient(circle at 76% 18%,rgba(205,161,103,.17),transparent 30%),linear-gradient(180deg,transparent 35%,rgba(5,6,8,.9))}.product-hero.tool-detail::before{background:radial-gradient(circle at 74% 18%,rgba(93,207,255,.2),transparent 28%),linear-gradient(180deg,transparent 35%,rgba(5,6,8,.9))}.product-hero .shell{position:relative;z-index:2}.product-breadcrumb{display:flex;gap:8px;align-items:center;color:#8491a4;font-size:.72rem;margin-bottom:18px}.product-breadcrumb a:hover{color:white}.product-hero h1{font-family:Syne,sans-serif;font-size:clamp(4rem,10vw,9rem);letter-spacing:-.06em;line-height:.84;margin:10px 0 20px}.product-hero.book-detail h1{font-family:Manrope,sans-serif;font-size:clamp(3rem,7vw,6.8rem);letter-spacing:-.04em}.product-hero-lead{max-width:750px;color:#c2ccd9;font-size:clamp(1rem,1.6vw,1.28rem)}.product-meta-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.product-meta-item{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);font-size:.7rem;font-weight:800;letter-spacing:.06em}.product-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.product-story h2{font-family:Syne,sans-serif;font-size:clamp(2.3rem,4.4vw,4.8rem);line-height:.98;letter-spacing:-.05em;margin:10px 0}.product-copy{color:#9ca8b8;font-size:.98rem}.product-copy strong{color:#eaf1f8}.feature-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.feature-cell{min-height:160px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.feature-cell span{display:block;color:#718095;font-size:.65rem;letter-spacing:.15em;font-weight:800;margin-bottom:10px}.feature-cell h3{font-family:Syne,sans-serif;font-size:1.08rem;margin:0 0 8px}.feature-cell p{font-size:.78rem;color:#8996a8;margin:0}.roadmap{display:grid;gap:0;margin-top:26px;border:1px solid var(--line);border-radius:22px;overflow:hidden}.roadmap-row{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.roadmap-row:last-child{border-bottom:0}.roadmap-row small{font-size:.64rem;letter-spacing:.12em;color:#708097}.roadmap-row b{font-size:.86rem}.roadmap-row em{font-style:normal;color:#91a0b2;font-size:.72rem}.product-cta-band{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 85% 20%,rgba(154,216,255,.1),transparent 28%),rgba(255,255,255,.025)}.product-cta-band h3{font-family:Syne,sans-serif;font-size:clamp(1.6rem,3vw,2.8rem);margin:0}.product-cta-band p{color:#8795a7;margin:8px 0 0}.ad-label{font-size:.58rem;letter-spacing:.18em;color:#626f81;text-align:center;margin-bottom:8px;text-transform:uppercase}.ad-shell.compact{padding:18px 0}.ad-shell.compact .ad-card{max-width:880px;margin:auto;min-height:90px}
@media(max-width:820px){.product-story{grid-template-columns:1fr;gap:28px}.feature-matrix{grid-template-columns:1fr 1fr}.product-hero{min-height:68vh;padding-top:130px}.product-hero h1{font-size:clamp(3.6rem,18vw,6.6rem)}.roadmap-row{grid-template-columns:1fr;gap:5px}.product-cta-band{display:block}.product-cta-band .hero-actions{margin-top:20px}}
@media(max-width:560px){.feature-matrix{grid-template-columns:1fr}.product-meta-item{font-size:.63rem}.product-hero.book-detail h1{font-size:clamp(2.65rem,13vw,4.8rem)}}
.release-detail-link{display:inline-flex;margin-top:18px;font-size:.73rem;font-weight:800;color:#dff4ff;border-bottom:1px solid rgba(154,216,255,.35);padding-bottom:3px}.release-detail-link:hover{color:white;border-color:white}

/* XALO PHOTO premium landing */
.photo-hero{min-height:100svh;padding:150px 0 80px;display:grid;align-items:center;position:relative;overflow:hidden}.photo-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,rgba(77,194,255,.18),transparent 25%),radial-gradient(circle at 25% 65%,rgba(139,103,255,.11),transparent 30%)}.photo-hero .shell{position:relative;z-index:2}.photo-hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:55px;align-items:center}.photo-copy h1{font-family:Syne,sans-serif;font-size:clamp(4.5rem,9vw,9rem);letter-spacing:-.07em;line-height:.8;margin:14px 0 25px}.photo-copy h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(235,247,255,.55)}.photo-copy p{font-size:1.05rem;color:#aab6c6;max-width:620px}.trust-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.trust-row span{font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.editor-showcase{border:1px solid rgba(255,255,255,.13);border-radius:23px;background:#0b0e13;box-shadow:0 38px 120px rgba(0,0,0,.52);overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.show-top{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:6px}.show-dot{width:7px;height:7px;border-radius:50%;background:#4b5666}.show-main{display:grid;grid-template-columns:42px 1fr 160px;height:420px}.show-tools{border-right:1px solid var(--line);display:grid;align-content:start;gap:8px;padding:10px 7px}.show-tool{width:27px;height:27px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.03)}.show-tool.active{background:rgba(134,212,255,.12);border-color:rgba(134,212,255,.34)}.show-canvas{display:grid;place-items:center;background:linear-gradient(45deg,#171b21 25%,transparent 25%),linear-gradient(-45deg,#171b21 25%,transparent 25%),#12161c;background-size:26px 26px}.show-image{width:74%;aspect-ratio:4/5;border-radius:3px;background:radial-gradient(circle at 48% 30%,rgba(255,224,198,.65),transparent 11%),radial-gradient(circle at 50% 46%,rgba(105,133,151,.5),transparent 27%),linear-gradient(145deg,#24384a,#191a24 55%,#735246);box-shadow:0 20px 60px rgba(0,0,0,.45);position:relative;overflow:hidden}.show-image::after{content:"LOCAL EDIT";position:absolute;right:8px;bottom:8px;font-size:.5rem;letter-spacing:.14em;background:rgba(5,7,10,.65);padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px}.show-panel{border-left:1px solid var(--line);padding:12px;background:#0c1016}.show-panel strong{font-size:.68rem;letter-spacing:.12em}.fake-slider{height:4px;background:#252d38;border-radius:99px;margin:16px 0;position:relative}.fake-slider::after{content:"";position:absolute;left:45%;top:-3px;width:10px;height:10px;border-radius:50%;background:#dbeeff}.fake-layers{margin-top:25px;display:grid;gap:7px}.fake-layer{height:34px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}.photo-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cap-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02);min-height:180px}.cap-card b{font-family:Syne,sans-serif;font-size:1rem}.cap-card p{font-size:.76rem;color:#7f8da0}.cap-card span{display:block;font-size:.62rem;letter-spacing:.14em;color:#6f7f94;margin-bottom:18px}.comparison{overflow:auto;border:1px solid var(--line);border-radius:22px}.comparison table{width:100%;border-collapse:collapse;min-width:720px}.comparison th,.comparison td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:.78rem}.comparison th{color:#8695a9;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;background:rgba(255,255,255,.02)}.comparison td:first-child{font-weight:800}.comparison tr:last-child td{border-bottom:0}.yes{color:#c8f5de}.road-chip{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:.62rem;color:#93a2b6}
@media(max-width:950px){.photo-hero-grid{grid-template-columns:1fr}.editor-showcase{transform:none;max-width:780px}.photo-capabilities{grid-template-columns:1fr 1fr}.photo-copy h1{font-size:clamp(4rem,18vw,7rem)}}@media(max-width:560px){.show-main{grid-template-columns:34px 1fr 105px;height:330px}.show-panel{padding:7px}.show-tools{padding:7px 4px}.show-tool{width:24px;height:24px}.photo-capabilities{grid-template-columns:1fr}.photo-hero{padding-top:120px}.photo-copy h1{font-size:clamp(3.8rem,21vw,6rem)}}
.release-copy>.btn{margin-top:4px}


/* V11.2 / Phase 13 — publish readiness polish */
.skip-link{position:fixed;left:18px;top:-80px;z-index:9999;background:#fff;color:#050608;padding:11px 15px;border-radius:12px;font-weight:800;transition:.2s}.skip-link:focus{top:18px}.ui-icon{width:19px;height:19px;display:block}.icon-btn:focus-visible,.menu-btn:focus-visible,.nav-cta:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid rgba(154,216,255,.9);outline-offset:3px}
.site-header:not(.scrolled){background:linear-gradient(180deg,rgba(5,6,8,.78),rgba(5,6,8,0));}.nav{position:relative}.nav::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:.55}.site-header.scrolled .nav::after{opacity:0}
.brand-mark{position:relative;overflow:hidden}.brand-mark::after{content:"";position:absolute;inset:-35%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22),transparent 62%);transform:translateX(-80%);transition:.5s}.brand:hover .brand-mark::after{transform:translateX(80%)}
.slate-ribbon{margin-top:-26px;position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(9,12,17,.82);backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(0,0,0,.28)}.slate-ribbon a{display:grid;gap:5px;padding:19px 20px;min-width:0;border-right:1px solid var(--line);transition:.2s}.slate-ribbon a:last-child{border-right:0}.slate-ribbon a:hover{background:linear-gradient(150deg,rgba(154,216,255,.07),rgba(140,124,255,.045))}.slate-type{font-size:.56rem;letter-spacing:.15em;color:#75849a;font-weight:800}.slate-ribbon strong{font-family:Syne,sans-serif;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slate-ribbon em{font-style:normal;color:#8896aa;font-size:.69rem}
.company-definition{padding:110px 0 35px;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:end}.company-definition h2{font-family:Syne,sans-serif;font-size:clamp(3.1rem,7vw,6.7rem);line-height:.88;letter-spacing:-.055em;margin:12px 0 0}.company-definition-copy>p{font-size:clamp(1.06rem,1.6vw,1.35rem);line-height:1.7;color:#bcc6d3;margin:0;max-width:700px}.definition-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px}.definition-facts span{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:4px}.definition-facts b{font-family:Syne,sans-serif;font-size:.75rem;color:#718096}.definition-facts small{font-weight:800;font-size:.67rem;letter-spacing:.13em;color:#e7edf5}
.release-slate{padding-top:70px}.slate-table{border-top:1px solid var(--line)}.slate-table>a{display:grid;grid-template-columns:60px minmax(0,1fr) 160px 34px;align-items:center;gap:18px;padding:19px 8px;border-bottom:1px solid var(--line);transition:.2s}.slate-table>a:hover{padding-left:15px;padding-right:15px;background:linear-gradient(90deg,rgba(154,216,255,.035),transparent 65%)}.slate-no{font-family:Syne,sans-serif;color:#667589;font-size:.7rem}.slate-name{display:grid;gap:3px;min-width:0}.slate-name b{font-family:Syne,sans-serif;font-size:1rem}.slate-name small{color:#7f8ca0;font-size:.7rem}.slate-status{justify-self:start;display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:.59rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.slate-status.dev{color:#ffe2a9}.slate-status.soon{color:#d7c5ff}.slate-status.beta{color:#b7edff}.slate-arrow{font-size:1.1rem;color:#7f8ca0}.company-callout{position:relative;overflow:hidden}.company-callout::after{content:"XALO";position:absolute;right:-.08em;bottom:-.42em;font-family:Syne,sans-serif;font-size:clamp(7rem,22vw,21rem);font-weight:800;letter-spacing:-.1em;color:rgba(255,255,255,.018);pointer-events:none}
.product-hero{min-height:84vh}.product-hero>.shell{max-width:min(760px,calc(100% - 40px));margin-left:max(20px,calc((100vw - 1240px)/2));margin-right:auto}.product-keyart{position:absolute;z-index:1;right:max(3vw,calc((100vw - 1240px)/2));top:50%;transform:translateY(-44%);width:min(43vw,570px);aspect-ratio:1;display:grid;place-items:center;pointer-events:none}.rylvora-art{filter:drop-shadow(0 40px 70px rgba(0,0,0,.55))}.world-orbit{position:absolute;border:1px solid rgba(195,210,255,.14);border-radius:50%}.orbit-a{width:94%;height:94%;transform:rotate(18deg);box-shadow:inset 0 0 80px rgba(133,89,255,.05)}.orbit-b{width:70%;height:70%;transform:rotate(-28deg);border-style:dashed}.world-core{width:43%;height:43%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#e5efff 0 2%,#7e92c2 3%,#27293a 17%,#080a0e 55%,#000 70%);box-shadow:-45px 0 90px rgba(133,89,255,.17),45px 0 90px rgba(255,189,114,.1)}.rylvora-art>span{position:absolute;font-family:Syne,sans-serif;font-size:clamp(2.4rem,5vw,5.3rem);font-weight:800;letter-spacing:-.06em;text-shadow:0 20px 60px #000}.rylvora-art>small{position:absolute;bottom:17%;font-size:.58rem;letter-spacing:.28em;color:#76849c}.book-cover-art{perspective:1100px}.book-cover{width:55%;height:75%;background:linear-gradient(155deg,#18110d,#070707 62%);border:1px solid rgba(255,218,174,.18);box-shadow:-30px 40px 80px rgba(0,0,0,.58);transform:rotateY(-14deg) rotateZ(2deg);padding:9% 8%;display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative}.book-cover::before{content:"";position:absolute;inset:7%;border:1px solid rgba(255,225,190,.11)}.book-cover small{letter-spacing:.35em;color:#b89b7e}.book-cover strong{font-family:Manrope,sans-serif;font-size:clamp(1.5rem,3vw,3.2rem);line-height:1.2;margin:20px 0;color:#f3e6d8}.book-cover em{font-style:normal;font-size:.68rem;color:#988675;line-height:1.7}.glowupfy-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.app-window{width:78%;height:56%;border:1px solid rgba(199,234,255,.17);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));backdrop-filter:blur(8px);box-shadow:0 30px 80px rgba(0,0,0,.45);padding:18px}.app-top{display:flex;gap:5px}.app-top i{width:6px;height:6px;border-radius:50%;background:#89d6ff}.app-top i:nth-child(2){background:#b69cff}.app-top i:nth-child(3){background:#95f0bd}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 22px}.app-grid span{height:62px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(154,216,255,.08),rgba(140,124,255,.05))}.app-line{height:7px;width:78%;border-radius:99px;background:rgba(255,255,255,.1)}.app-line.short{width:48%;margin-top:9px}.glowupfy-art>b{font-family:Syne,sans-serif;font-size:1.8rem;letter-spacing:.07em}.glowupfy-art>small{font-size:.55rem;letter-spacing:.2em;color:#77869a}
.footer{position:relative}.footer::before{content:"";display:block;width:var(--shell);height:1px;margin:0 auto 48px;background:linear-gradient(90deg,transparent,rgba(154,216,255,.18),rgba(140,124,255,.18),transparent)}.footer h4{letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;color:#7d8a9d}.footer a{transition:.2s}.footer a:hover{color:#fff;transform:translateX(2px)}
@media(max-width:1100px){.product-hero>.shell{max-width:60%}.product-keyart{width:44vw;right:2vw}.slate-ribbon{grid-template-columns:1fr 1fr}.slate-ribbon a:nth-child(2){border-right:0}.slate-ribbon a:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:820px){.company-definition{grid-template-columns:1fr;gap:30px;padding-top:80px}.definition-facts{grid-template-columns:1fr 1fr}.product-hero{min-height:auto;padding-bottom:60px}.product-hero>.shell{max-width:var(--shell);margin:auto}.product-keyart{position:relative;right:auto;top:auto;transform:none;width:min(100%,540px);margin:45px auto 0;aspect-ratio:1.12}.slate-table>a{grid-template-columns:42px minmax(0,1fr) 34px}.slate-status{display:none}.company-callout::after{opacity:.7}}
@media(max-width:620px){.slate-ribbon{grid-template-columns:1fr;margin-top:-12px}.slate-ribbon a{border-right:0!important;border-bottom:1px solid var(--line)}.slate-ribbon a:last-child{border-bottom:0}.definition-facts{grid-template-columns:1fr 1fr}.company-definition{padding-bottom:0}.slate-table>a{padding:16px 2px;gap:12px}.product-keyart{width:100%;margin-top:32px}.book-cover{width:62%;height:80%}.rylvora-art>small{bottom:10%}.footer::before{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-grid{transform:none}}
html[dir="rtl"] .slate-ribbon a{border-right:0;border-left:1px solid var(--line)}html[dir="rtl"] .slate-ribbon a:last-child{border-left:0}html[dir="rtl"] .slate-table>a:hover{padding-left:8px;padding-right:15px}html[dir="rtl"] .product-hero>.shell{margin-left:auto;margin-right:max(20px,calc((100vw - 1240px)/2))}html[dir="rtl"] .product-keyart{right:auto;left:max(3vw,calc((100vw - 1240px)/2))}

/* V11.3 Phase 14 — XALO PHOTO install CTA */
button.pwa-install-nav{appearance:none;-webkit-appearance:none}.pwa-trust-status{transition:.2s border-color,.2s color}


/* V11.5 / Phase 16 — RC1 visual, ad and accessibility polish */
:root{color-scheme:dark}::selection{background:rgba(154,216,255,.26);color:#fff}
.hero h1,.page-hero h1,.section-head h2,.company-definition h2,.product-hero h1{text-wrap:balance}
.mega-intro .mega-title{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800;line-height:1.15;margin:10px 0 8px;color:var(--text)}
.ad-shell{margin:44px auto}.ad-card{position:relative;max-width:970px;margin:auto;min-height:90px}.ad-card::before{display:none!important}.ad-label{display:block;text-align:center;margin:0 auto 9px;font-size:.55rem;letter-spacing:.17em;text-transform:uppercase;color:#5f6b7b}.ad-shell.multiplex .ad-card{max-width:1100px;min-height:130px}.ad-shell:has(.adsbygoogle:empty){margin-top:0;margin-bottom:0}.ad-shell:has(.adsbygoogle:empty) .ad-label{display:none}
.nav-links a[aria-current="page"],.nav-mega-btn[aria-current="page"]{color:#fff;opacity:1}.mobile-menu a[aria-current="page"]{border-color:rgba(154,216,255,.32)!important;background:linear-gradient(135deg,rgba(154,216,255,.09),rgba(140,124,255,.06))!important}
.product-card,.universe-card,.news-card,.feature-panel{transition:border-color .22s ease,background .22s ease,transform .22s ease}.legal-shell a{color:#d8ecff;text-decoration:underline;text-decoration-color:rgba(154,216,255,.28);text-underline-offset:3px}.legal-shell a:hover{text-decoration-color:currentColor}
.footer-bottom{align-items:center}.footer-bottom span:first-child{font-weight:600;color:#818c9c}.footer-bottom span:last-child{overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.product-card:hover,.feature-panel:hover{transform:translateY(-3px);border-color:rgba(154,216,255,.22)}}
@media(max-width:720px){.ad-shell{width:min(100% - 28px,1240px);margin:30px auto}.ad-card{min-height:72px;border-radius:16px}.ad-shell.multiplex .ad-card{min-height:100px}.ad-label{font-size:.5rem;margin-bottom:7px}.footer-bottom{display:grid;grid-template-columns:1fr;gap:8px}.search-overlay{padding:78px 12px 20px}.search-box{border-radius:18px}.search-results{max-height:68vh}.company-definition h2{font-size:clamp(2.75rem,14vw,4.8rem)}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-grid>div,.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1!important}.footer{margin-top:60px}.footer::before{margin-bottom:30px}.hero-actions .btn{width:100%;justify-content:center}.definition-facts{grid-template-columns:1fr}.slate-table>a{grid-template-columns:34px minmax(0,1fr) 28px}.slate-no{font-size:.6rem}.slate-name b{font-size:.9rem}}


/* Phase 17 RC2 — keyboard / overlay polish */
.search-overlay[aria-hidden="false"],.mobile-menu[aria-hidden="false"]{isolation:isolate}
.skip-link:focus{top:12px;left:12px;z-index:100000}

/* V11.11 Phase 22 — XALO PHOTO multilingual shell */
.photo-lang-picker{display:inline-flex;align-items:center;min-height:42px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);padding:0 8px}.photo-lang-picker select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;color:#eef4fb;font-size:.69rem;font-weight:800;letter-spacing:.08em;cursor:pointer;min-width:30px}.photo-lang-picker option{background:#0e1219;color:#eef4fb}.photo-lang-picker:focus-within{outline:2px solid rgba(154,216,255,.85);outline-offset:2px}html[dir="rtl"] .photo-copy,html[dir="rtl"] .section-head,html[dir="rtl"] .cap-card,html[dir="rtl"] .comparison th,html[dir="rtl"] .comparison td{text-align:right}html[dir="rtl"] .nav-links{margin-left:0;margin-right:auto}html[dir="rtl"] .comparison{direction:rtl}@media(max-width:720px){.photo-lang-picker{min-height:38px;padding:0 7px}.photo-lang-picker select{font-size:.63rem}.nav-actions{gap:6px}}
