@font-face{font-family:Graphik;src:url('assets/fonts/graphik-arabic-regular.otf')}@font-face{font-family:Graphik;src:url('assets/fonts/graphik-arabic-medium.otf');font-weight:500}@font-face{font-family:Graphik;src:url('assets/fonts/graphik-arabic-bold.otf');font-weight:700}@font-face{font-family:Termina;src:url('assets/fonts/termina-heavy.otf');font-weight:800}@font-face{font-family:Termina;src:url('assets/fonts/termina-demi.otf');font-weight:600}@font-face{font-family:'Public Sans';src:url('assets/fonts/public-sans-regular.ttf')}@font-face{font-family:'Public Sans';src:url('assets/fonts/public-sans-bold.ttf');font-weight:700}
:root{--navy:#090342;--blue:#6b3cff;--cyan:#00d7ff;--purple:#b300dc;--rose:#ff007d;--gold:#c29b41;--light-gold:#fff8a2;--white:#fff;--muted:#c1beda;--line:rgba(255,255,255,.15);--surface:#140e4d;--ink:#1e174e;--radius:18px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--navy);color:#fff;font-family:Graphik,Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}html[lang=en] body{font-family:'Public Sans',sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}button{border:0}h1,h2,h3{line-height:1.35}h1,h2,h3,strong{font-weight:700}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:Termina,sans-serif;font-weight:600;line-height:1.25}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-100px;background:var(--cyan);color:var(--navy);padding:12px;z-index:1000}.skip-link:focus{top:0}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site-header{height:118px;position:relative;z-index:30;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:20px}.brand img{width:76px;height:88px;object-fit:contain}.brand-location{font-size:13px;font-weight:500;display:flex;flex-direction:column;border-inline-start:1px solid var(--line);padding-inline-start:20px;line-height:1.8}.brand-location span:last-child{font-family:Termina;font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--light-gold)}.desktop-nav{display:flex;gap:30px;font-size:14px;align-items:center}.desktop-nav a{position:relative;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--light-gold)}.desktop-nav a.active:after{content:'';height:3px;background:var(--gold);position:absolute;bottom:-18px;left:0;right:0;border-radius:2px}.header-actions{display:flex;gap:16px;align-items:center}.lang-button{height:44px;padding:0 14px;border:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:9px;border-radius:8px;font-family:'Public Sans',Graphik,sans-serif;font-size:13px}.lang-button:hover{border-color:var(--gold)}.lang-button .icon{width:17px;height:17px}.preview-label{font-size:10px;color:var(--muted);white-space:nowrap}.mobile-toggle{display:none;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:8px;align-items:center;justify-content:center}.mobile-nav{display:none}.hero{isolation:isolate;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:466px;gap:28px;position:relative}.hero-copy{position:relative;z-index:5;padding:44px 0 32px}.eyebrow{font-size:12px;font-weight:500;display:flex;align-items:center;gap:12px;color:var(--light-gold);margin-bottom:20px}.eyebrow:before{content:'';width:28px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(42px,4.3vw,66px);line-height:1.25;letter-spacing:-1.4px}.hero h1 span{display:block;color:var(--cyan)}.hero .intro{max-width:440px;font-size:16px;color:var(--muted);margin-top:24px;line-height:1.9}.location{display:flex;align-items:center;gap:9px;font-size:12px;color:#d3d0e7;margin-top:25px}.location .icon{width:17px;height:17px;color:var(--gold)}.hero-art{height:466px;position:relative;direction:ltr;isolation:isolate}.hero-art:after{content:'';position:absolute;bottom:-2px;height:90px;inset-inline: -60px;background:linear-gradient(transparent,var(--navy));z-index:6}.hero-pathways{position:absolute;z-index:-1;width:960px;max-width:none;height:540px;object-fit:cover;top:-15px;left:-155px}.players{position:absolute;inset:0;overflow:hidden;isolation:isolate}.player{position:absolute;max-width:none;width:auto;object-fit:contain;object-position:top;filter:drop-shadow(0 15px 26px rgba(0,0,0,.25))}.player.qadsiah{height:640px;left:-2px;top:96px;z-index:1}.player.ahli{height:680px;left:115px;top:65px;z-index:2}.player.nassr{height:754px;left:229px;top:14px;z-index:4}.player.kholood{height:673px;left:360px;top:70px;z-index:3}.art-word{position:absolute;bottom:20px;left:10px;z-index:7;font-family:Termina,sans-serif;font-size:10px;letter-spacing:.25em;color:var(--light-gold)}.service-gateway{position:relative;z-index:10;padding-top:5px;padding-bottom:66px}.gateway-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.gateway-caption h2{font-size:15px;font-weight:500}.gateway-caption span{color:var(--muted);font-size:11px}.gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gateway-card{position:relative;display:grid;grid-template-columns:1fr 64px;gap:25px;min-height:220px;padding:28px 32px;border:1px solid rgba(255,255,255,.18);border-radius:18px;overflow:hidden;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}.gateway-card:before{content:'';position:absolute;inset:0;z-index:-1}.gateway-card.vendor{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}.gateway-card.media{background:#201163}.gateway-card.media:before{background:linear-gradient(120deg,rgba(107,60,255,.4),transparent 65%)}.gateway-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #0003}.gateway-card.media:hover{border-color:var(--blue)}.card-top{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;margin-bottom:16px}.card-top .icon{width:18px;height:18px}.gateway-card h3{font-size:27px;margin-bottom:8px;letter-spacing:-.5px}.gateway-card p{font-size:13px;line-height:1.85;max-width:410px;opacity:.87}.card-action{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:700;margin-top:20px}.card-stub{border-inline-start:1px dashed #0903424d;display:flex;align-items:center;justify-content:flex-end}.media .card-stub{border-color:#ffffff30}.card-arrow{width:44px;height:44px;background:var(--navy);border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;transition:background .2s}.media .card-arrow{background:var(--cyan);color:var(--navy)}html[dir=ltr] .direction-arrow{transform:rotate(180deg)}.section-light{background:#fff;color:var(--ink)}.about-section{padding:78px 0}.about-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}.section-kicker{font-size:11px;font-weight:500;color:#6b6390;letter-spacing:.03em;margin-bottom:18px;display:block}.about-copy h2{font-size:38px;max-width:500px;line-height:1.4}.about-copy h2 span{color:#6b3cff}.about-copy p{color:#6c6782;margin-top:20px;font-size:15px;line-height:2;max-width:480px}.host-mark{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:12px;color:#4e466e}.host-mark .icon{color:#6b3cff}.process{border-top:1px solid #e6e4ef}.process-item{display:flex;gap:24px;border-bottom:1px solid #e6e4ef;padding:25px 0}.process-num{font-family:Termina,sans-serif;color:#6b3cff;font-size:13px;padding-top:3px}.process-item h3{font-size:17px}.process-item p{font-size:13px;margin-top:8px;line-height:1.8;color:#6c6782}.organizers{display:flex;align-items:center;gap:24px;margin-top:40px;border-top:1px solid #e6e4ef;padding-top:28px}.organizer{display:flex;align-items:center;gap:12px}.organizer-label{color:#736c87;font-size:10px;max-width:66px;line-height:1.6}.organizer img{height:42px;width:105px;object-fit:contain}.organizer .aayan-holder{padding:8px 14px;background:var(--navy);border-radius:6px}.organizer .aayan-holder img{height:30px;width:72px}.faq-section{padding:75px 0 85px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-intro h2{font-size:33px}.faq-intro p{font-size:14px;color:var(--muted);margin-top:17px}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:22px;color:var(--cyan);font-size:13px}.text-link .icon{width:18px;height:18px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:21px 0;font-size:15px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-family:'Public Sans';font-size:24px;font-weight:400;color:var(--cyan);line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{padding:0 0 24px;font-size:14px;line-height:1.9;color:var(--muted);max-width:580px}.site-footer{border-top:1px solid var(--line);padding:30px 0}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand img{width:41px;height:50px;object-fit:contain}.footer-brand p{font-size:12px;font-weight:500}.footer-brand span{font-size:10px;color:var(--muted)}.footer-links{display:flex;gap:28px;font-size:11px;color:var(--muted)}.footer-note{font-size:10px;color:#9791b8}.standalone{padding:60px 0 90px;min-height:65vh}.breadcrumb{color:var(--muted);font-size:12px;margin-bottom:26px}.breadcrumb a:hover{color:#fff}.standalone h1{font-size:48px;margin-bottom:20px}.standalone .lead{font-size:17px;color:var(--muted);max-width:650px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.contact-panel{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.contact-panel .icon{color:var(--cyan);width:30px;height:30px;margin-bottom:24px}.contact-panel h2{font-size:22px;margin-bottom:12px}.contact-panel p{font-size:14px;color:var(--muted)}.placeholder-contact{margin-top:25px;padding-top:22px;border-top:1px solid var(--line);color:var(--light-gold);font-size:13px}.draft-note{color:var(--light-gold);font-size:12px;margin-top:24px}.policy{max-width:800px;margin-top:40px;padding:32px;background:var(--surface);border-radius:16px;border:1px solid var(--line)}.policy h2{font-size:21px;margin:20px 0 12px}.policy p{font-size:15px;color:var(--muted)}.policy h2:first-child{margin-top:0}html[lang=en] .hero h1{font-size:clamp(36px,3.5vw,53px);font-weight:800;line-height:1.15;letter-spacing:-1.4px;text-transform:uppercase}html[lang=en] .hero .intro{font-size:15px}html[lang=en] .gateway-card h3{font-size:23px}html[lang=en] .gateway-card p{line-height:1.7}html[lang=en] .about-copy h2{font-size:32px}html[lang=en] .faq-intro h2{font-size:29px}html[lang=en] .process-item h3{font-size:14px}html[lang=en] .desktop-nav{font-size:12px;gap:23px}.hero-copy,.hero-art{animation:enter .7s ease-out both}.hero-art{animation-delay:.08s}.gateway-card{animation:enter .7s ease-out .13s both}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-content{min-height:530px}.hero-art{height:530px}.player.qadsiah{top:105px;height:700px}.player.ahli{top:75px;height:740px}.player.nassr{height:800px;top:15px}.player.kholood{top:77px;height:730px}.hero-pathways{width:1020px;height:574px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.brand-location{display:none}.desktop-nav{gap:22px}.preview-label{display:none}.hero-content{grid-template-columns:1fr 1fr}.hero h1{font-size:47px}.hero-art{margin-inline-start:-50px}.hero-copy{z-index:8}.hero-art .players{width:570px;transform:scale(.88);transform-origin:bottom left}.hero-pathways{left:-180px}.about-inner,.faq-layout{gap:60px}.gateway-card{padding:24px;gap:16px}.gateway-card h3{font-size:24px}.gateway-card p{font-size:12px}.hero .intro{font-size:14px}.hero-art:after{inset-inline:-30px}.organizers{gap:15px}.organizer{gap:8px}}
@media(max-width:820px){.site-header{height:95px}.brand img{width:60px;height:73px}.desktop-nav{display:none}.mobile-toggle{display:flex}.header-actions{gap:10px}.mobile-nav.open{display:flex;position:absolute;top:94px;left:0;right:0;flex-direction:column;background:var(--navy);padding:20px 32px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #0003;gap:0}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}.mobile-nav a:last-child{border:0}.hero-content{grid-template-columns:1fr;text-align:center;gap:0}.hero-copy{padding:40px 0 0;max-width:600px;margin:auto}.eyebrow{justify-content:center;font-size:11px;margin-bottom:17px}.hero h1{font-size:51px}.hero .intro{margin:20px auto 0;max-width:460px;font-size:15px}.location{justify-content:center;margin-top:18px}.hero-art{height:360px;width:580px;max-width:calc(100vw - 18px);margin:15px auto 0}.hero-art .players{width:580px;transform:scale(.85);transform-origin:top left;inset-inline-start:15px}.hero-pathways{width:800px;height:450px;top:0;left:-110px}.player.qadsiah{top:70px}.player.ahli{top:37px}.player.nassr{top:0}.player.kholood{top:45px}.art-word{font-size:8px;left:20px;bottom:20px}.gateway-grid{gap:15px}.gateway-card{grid-template-columns:1fr;gap:0;padding:23px}.card-stub{display:none}.gateway-card h3{font-size:23px}.gateway-card p{font-size:13px}.card-top{margin-bottom:13px}.card-action:after{content:'←';font-size:21px;line-height:1}html[dir=ltr] .card-action:after{content:'→'}.service-gateway{padding-bottom:44px}.gateway-caption{margin-bottom:14px}.gateway-caption span{display:none}.about-inner,.faq-layout{grid-template-columns:1fr;gap:36px}.about-copy h2{font-size:32px;max-width:100%}.about-copy p{max-width:600px}.about-section,.faq-section{padding:52px 0}.organizers{margin-top:26px}.footer-main{flex-wrap:wrap}.footer-note{width:100%}.standalone h1{font-size:38px}.contact-grid{grid-template-columns:1fr}.faq-intro h2{font-size:30px}html[lang=en] .hero h1{font-size:44px}html[lang=en] .gateway-card h3{font-size:21px}}
@media(max-width:520px){.container{width:calc(100% - 40px)}.site-header{height:86px}.brand img{width:53px;height:64px}.header-actions{gap:8px}.lang-button{padding:0 10px;height:42px}.mobile-toggle{height:42px;width:42px}.mobile-nav.open{top:85px;padding:10px 20px}.hero-copy{padding-top:30px}.hero h1{font-size:39px;letter-spacing:-1px;line-height:1.3}.eyebrow{font-size:10px;gap:9px;margin-bottom:15px}.eyebrow:before{width:18px}.hero .intro{font-size:13px;margin-top:15px;line-height:1.85}.location{font-size:10px;margin-top:13px}.location .icon{width:15px;height:15px}.hero-art{height:285px;margin-top:17px}.hero-art .players{width:600px;transform:scale(.65);left:-14px}.hero-pathways{width:640px;height:360px;left:-128px;top:-30px}.hero-art:after{height:62px}.art-word{bottom:17px;font-size:7px;left:9px}.gateway-grid{grid-template-columns:1fr;gap:12px}.gateway-caption h2{font-size:13px}.gateway-card{min-height:0;grid-template-columns:1fr 42px;padding:21px 23px;gap:15px;border-radius:14px}.gateway-card h3{font-size:24px;margin-bottom:6px}.card-top{font-size:10px;margin-bottom:11px}.gateway-card p{font-size:12px;line-height:1.8}.card-action{margin-top:14px;font-size:11px}.card-action:after{display:none}.card-stub{display:flex;border:0}.card-arrow{width:37px;height:37px}.card-arrow .icon{width:20px;height:20px}.about-copy h2{font-size:29px}.about-copy p{font-size:14px}.organizers{flex-wrap:wrap;gap:25px}.process-item{gap:18px;padding:22px 0}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.footer-links{gap:22px}.footer-main{gap:23px}.standalone{padding-top:36px}.standalone h1{font-size:34px}.standalone .lead{font-size:15px}.contact-panel{padding:26px}html[lang=en] .hero h1{font-size:32px;letter-spacing:-1px}html[lang=en] .hero .intro{font-size:13px}html[lang=en] .gateway-card h3{font-size:20px}html[lang=en] .about-copy h2{font-size:27px}html[lang=en] .card-action{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the hero artwork inside its own stage; service gateways stay close to the first fold. */
@media(min-width:821px){.site-header{height:104px}.hero-content{min-height:380px}.hero-art{height:380px;overflow:hidden}.hero-copy{padding:24px 0}.hero h1{font-size:clamp(42px,4.2vw,62px)}.hero .intro{margin-top:19px}.location{margin-top:18px}.gateway-card{min-height:198px;padding-block:23px}.card-top{margin-bottom:12px}.card-action{margin-top:15px}.service-gateway{padding-bottom:60px}.player.qadsiah{height:585px;top:69px;left:0}.player.ahli{height:632px;top:35px;left:113px}.player.nassr{height:694px;top:5px;left:227px}.player.kholood{height:620px;top:40px;left:355px}.hero-pathways{left:-150px;top:-75px}.art-word{bottom:14px}}
@media(min-width:1600px){.hero-content{min-height:435px}.hero-art{height:435px}.hero-copy{padding-block:38px}}
.faq-intro .section-kicker{color:#bab3d9}
.hero-copy{min-width:0}.hero-art{overflow:hidden}
@media(max-width:820px){.hero-content{grid-template-columns:minmax(0,1fr)}.hero-copy{width:100%}.hero-art{max-width:100%}.hero-art .players{height:425px}}
@media(max-width:520px){.hero-art{height:265px}.hero-art .players{height:408px;left:-20px}.hero .intro{font-size:14px}.gateway-card p{font-size:13px}.card-action{font-size:12px}.hero .location{font-size:10px}.hero h1{font-size:37px}html[lang=en] .hero h1{font-size:30px}}
html[lang=en] h1,html[lang=en] .about-copy h2,html[lang=en] .faq-intro h2{font-family:Termina,sans-serif;font-weight:800;text-transform:uppercase}
/* Keep the portrait logo at or above the brand's 70px digital minimum. */
.footer-brand img{width:70px;height:82px}
@media(max-width:820px){.site-header{height:108px}.brand img{width:70px;height:82px}.mobile-nav.open{top:107px}}

/* Let the original pathways continue beyond the player grid, without a hard seam. */
.hero-art{overflow:visible}
.hero-art:after{left:-155px;right:-170px;inset-inline:auto; width:calc(100% + 325px)}
@media(min-width:821px){.hero-pathways{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 74%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 74%,transparent 100%)}}
@media(max-width:820px){.hero-art:after{left:-40px;right:-40px;width:calc(100% + 80px)}}
/* Supplied white marks, without visible labels. Original PNGs are unchanged. */
.footer-partners{display:flex;align-items:center;gap:24px;flex-shrink:0}
.footer-partner{display:block;position:relative;width:78px;height:60px;overflow:hidden}
.footer-aayan img{width:78px;height:60px;object-fit:contain}
.footer-alrai img{position:absolute;max-width:none;width:129.975px;height:129.975px;left:-25.95px;top:-38.25px}
@media(max-width:820px){.footer-partners{margin-inline-start:auto}.footer-main{row-gap:26px}}
@media(max-width:520px){.footer-main{justify-content:center;text-align:center}.footer-brand{width:100%;justify-content:center}.footer-links{width:100%;justify-content:center}.footer-partners{margin-inline:auto;gap:28px}}
/* Extend sideways while keeping the pathways below the mobile introduction. */
.hero-art{clip-path:inset(0 -100vw)}