:root{--bg:#030508;--ink:#f1f4f5;--muted:#9da7b4;--cyan:#64e1e2;--line:#ffffff25;--gold:#d8bc81}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid transparent;background:transparent;padding:9px 13px;border-radius:3px;line-height:1.5}button:hover,a:hover{color:var(--cyan)}button:disabled{opacity:.3;cursor:default}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip{position:fixed;top:-100px;z-index:100;background:var(--bg);padding:12px}.skip:focus{top:0}#film{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,#030508b0 95%)}.film-frame{position:fixed;inset:17px;border:1px solid #ffffff12;z-index:8;pointer-events:none}.film-frame:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff06}header{position:fixed;inset:32px 4vw auto;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:225px;mix-blend-mode:screen}.top-actions{display:flex;align-items:center;gap:12px;font-size:14px}.briefing{border:1px solid #ffffff40}.top-actions button:not(.briefing){color:var(--muted)}main{position:relative;z-index:3}.stage{position:fixed;inset:0;pointer-events:none}.scene{position:absolute;inset:0;display:flex;align-items:center;padding:125px 9vw 110px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(22px);transition:opacity .65s,transform .8s,visibility .65s}.scene.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.scene-content{max-width:760px;width:62%}.scene.center{justify-content:center;text-align:center}.scene.center .scene-content{width:100%;max-width:1080px}.scene.center h1,.scene.center h2{max-width:950px;margin-inline:auto}.scene.center p{margin-inline:auto}.scene.left{justify-content:flex-end}.scene.left .scene-content{width:60%}.micro{font:12px/1.5 Arial,sans-serif;letter-spacing:.19em;color:var(--muted);direction:ltr}.scene .micro{color:var(--cyan);margin-bottom:28px}.scene h1,.scene h2{font-weight:400;font-size:clamp(40px,5.5vw,84px);line-height:1.38;letter-spacing:-.035em;margin:0 0 28px;text-wrap:balance}.scene h1 em,.scene h2 em{font-style:normal;color:var(--cyan)}.scene p{font-size:18px;max-width:660px;line-height:1.9;color:#b6c0ce;text-wrap:pretty}.scene .actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.center .actions{justify-content:center}.primary{color:#041419!important;background:var(--cyan);border:1px solid var(--cyan);padding:12px 22px;font-size:15px;display:inline-block}.primary:hover{background:#b0fbff}.secondary{border:1px solid #ffffff50;padding:12px 22px;font-size:15px;display:inline-block}.scene .caption{font-size:13px;color:#8f9fac;margin-top:25px}.pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pills span{font-size:14px;padding:9px 16px;border:1px solid #64e1e245;background:#05131c99;color:#d7eeef}.center .pills{justify-content:center}.status{color:var(--gold);font-size:14px;margin-top:15px}.scroll-track{height:625vh;pointer-events:none}.chapter-nav{position:fixed;left:4vw;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:16px}html[dir=ltr] .chapter-nav{left:auto;right:4vw}.chapter-nav button{width:24px;height:24px;padding:4px;position:relative;border:none}.chapter-nav button:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#ffffff55;margin:auto;transition:transform .3s,background .3s}.chapter-nav button[aria-current=true]:after{background:var(--cyan);transform:scale(1.5);box-shadow:0 0 12px var(--cyan)}.chapter-nav button[aria-current=true]{border:1px solid #64e1e250;border-radius:50%}.film-bottom{position:fixed;bottom:37px;inset-inline:4vw;z-index:11;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}#chapterCaption{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.14em;direction:ltr}.bottom-controls{display:flex;gap:15px;font-size:13px}.bottom-controls button{padding:7px 9px}.progress{height:2px;position:fixed;bottom:17px;left:17px;right:17px;z-index:12;background:#ffffff10}.progress i{height:100%;width:0;background:var(--cyan);display:block;box-shadow:0 0 15px #64e1e280;transition:width .2s}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;text-align:start}.sector-link{display:flex;align-items:center;gap:18px;border:1px solid #ffffff26;background:#040a13aa;padding:23px;backdrop-filter:blur(10px);transition:background .3s,border-color .3s}.sector-link:hover{background:#13212cbb;border-color:#64e1e275}.sector-link svg{width:36px;height:36px;flex-shrink:0;stroke:var(--cyan);stroke-width:1.25;fill:none}.sector-name{font-size:18px;display:block}.sector-sub{font-size:12px;color:#9eacbd;display:block}.scene.sector-scene .scene-content{max-width:1120px}.scene.sector-scene h2{font-size:clamp(32px,4vw,58px)}.sector-scene .micro{margin-bottom:15px}.scene.sector-scene p{margin:12px auto;font-size:16px}.scene.sector-scene .sector-grid{margin-top:25px}.scene .home-return{display:inline-block;margin-bottom:18px;border-bottom:1px solid #ffffff40;color:var(--muted);font-size:14px}dialog{background:#07101af5;color:var(--ink);border:1px solid #ffffff2b;width:min(850px,92vw);max-height:88svh;padding:32px;backdrop-filter:blur(30px);border-radius:3px}dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}dialog h2{font-size:30px;line-height:1.45;font-weight:400;margin:20px 0 24px}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top button{font-size:25px;padding:0 10px}.dialog-actions{display:flex;gap:14px;margin-top:18px}label{font-size:14px;display:block;color:#c4ced9}form{display:grid;gap:15px}input,textarea,select{font-size:16px;width:100%;padding:11px 13px;border:1px solid #384c5c;color:var(--ink);background:#050b13;border-radius:2px;margin-top:7px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.muted{font-size:14px;color:var(--muted);margin:0}#requestStatus,#reviewStatus{font-size:14px;color:var(--cyan)}@media(min-width:1700px){.scene-content{max-width:950px}}@media(max-width:1000px){.brand img{width:180px}.top-actions{gap:5px}.scene-content{width:72%}.scene.left .scene-content{width:72%}.sector-link{padding:18px;gap:12px}.sector-name{font-size:16px}.sector-link svg{width:30px}}@media(max-width:700px){header{inset:28px 7vw auto}.brand img{width:145px}.top-actions{gap:1px;font-size:13px}.top-actions button{padding:8px}.briefing,#motion{display:none}.film-frame{inset:10px}.scene{padding:100px 9vw 100px}.scene-content,.scene.left .scene-content{width:100%}.scene h1,.scene h2{font-size:clamp(32px,8.5vw,48px);line-height:1.45}.scene p{font-size:16px}.scene .micro{font-size:11px;margin-bottom:18px}.scene .actions{gap:10px;margin-top:20px}.primary,.secondary{padding:10px 15px;font-size:14px}.scene .caption{font-size:12px}.chapter-nav{left:14px;gap:10px}html[dir=ltr] .chapter-nav{right:14px}.chapter-nav button{width:18px;height:18px}.film-bottom{bottom:24px;inset-inline:7vw}.bottom-controls{gap:4px;font-size:12px}#chapterCaption{display:none}.progress{bottom:10px;inset-inline:10px}.sector-grid{grid-template-columns:1fr 1fr;gap:8px}.sector-link{padding:13px 10px;gap:9px}.sector-link svg{width:25px;height:25px}.sector-name{font-size:14px}.sector-sub{font-size:11px}.scene.sector-scene{padding-top:90px}.scene.sector-scene h2{font-size:30px;margin-bottom:12px}.scene.sector-scene p{font-size:14px}.scene.sector-scene .sector-grid{margin-top:20px}.pills{gap:7px;margin-top:16px}.pills span{font-size:13px;padding:6px 10px}.form-row{grid-template-columns:1fr}dialog{padding:22px}.scene .home-return{font-size:13px;margin-bottom:10px}.scroll-track{height:590vh}}@media(max-height:620px) and (min-width:701px){.scene{padding-block:90px}.scene h1,.scene h2{font-size:45px;margin-bottom:15px}.scene p{font-size:15px}.scene .micro{margin-bottom:12px}.sector-link{padding:13px}.scene .actions{margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{transition:none;transform:none}.progress i{transition:none}}@media(prefers-reduced-transparency:reduce){.sector-link,dialog{background:#07101a}}

/* V4 cinematic interactive neural convergence */
.neural-experience{position:fixed;inset:0 0 0 37%;z-index:2;pointer-events:none;opacity:0;transition:opacity .7s ease;overflow:hidden}.neural-experience.visible{opacity:1}.neural-art{position:absolute;inset:0;background:url('assets/neural-robot-scene.webp') center center/cover no-repeat;mask-image:linear-gradient(to right,transparent 0%,#000 21%,#000 100%);animation:neural-breathe 7s ease-in-out infinite alternate}.neural-experience canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto;cursor:crosshair}.neural-trigger{position:absolute;right:9%;bottom:15%;pointer-events:auto;border:1px solid #65e6e87c;border-radius:22px;background:#04141bc9;box-shadow:0 0 28px #32d8e438;color:#b6faff;font:12px Arial,sans-serif;letter-spacing:.04em;padding:10px 17px;backdrop-filter:blur(10px)}.neural-trigger:hover{background:#0b3742;color:white}.neural-experience:not(.visible){visibility:hidden}.neural-experience.visible{visibility:visible}.scene.active:first-child .scene-content{position:relative;z-index:4}.scene.active:first-child h1{font-size:clamp(38px,4.5vw,70px)}html[dir=rtl] .neural-experience{inset:0 37% 0 0;transform:scaleX(-1)}html[dir=rtl] .neural-trigger{transform:scaleX(-1)}html[dir=rtl] .scene.active:first-child{justify-content:flex-start}html[dir=rtl] .scene.active:first-child .scene-content{width:49%}html[dir=ltr] .scene.active:first-child .scene-content{width:49%}.neural-experience.visible~.vignette{opacity:.5}@keyframes neural-breathe{from{transform:scale(1.015) translateY(0);filter:brightness(.92)}to{transform:scale(1.055) translateY(-7px);filter:brightness(1.12)}}@media(max-width:850px){.neural-experience,html[dir=rtl] .neural-experience{inset:13% 0 23%;transform:none;opacity:0}.neural-experience.visible{opacity:.6}.neural-art{mask-image:linear-gradient(to bottom,#000 20%,transparent 100%)}.neural-trigger{bottom:3%;right:6%}.scene.active:first-child .scene-content,html[dir=rtl] .scene.active:first-child .scene-content,html[dir=ltr] .scene.active:first-child .scene-content{width:100%;max-width:100%}.scene.active:first-child{align-items:flex-end;padding-bottom:115px}.scene.active:first-child h1{font-size:clamp(30px,7vw,48px)}.scene.active:first-child p{font-size:14px}.scene.active:first-child .caption{display:none}}@media(prefers-reduced-motion:reduce){.neural-art{animation:none}}

/* V9: preserve the approved cinematic robot, prioritize readable institutional content */
.scene .pills{max-width:780px}.scene .pills span{backdrop-filter:blur(8px)}.scene.active .scene-content{filter:drop-shadow(0 4px 22px rgba(0,0,0,.45))}html[dir="ltr"] .scene.active:first-child .scene-content,html[dir="rtl"] .scene.active:first-child .scene-content{max-width:650px}@media(max-width:850px){.scene .pills{max-width:100%}}

/* Team and founder identity */
.team-dialog{width:min(1000px,94vw);max-height:88vh;overflow:auto}.team-intro{color:#bdcbd4;margin:0 0 24px}.team-founder{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:28px;align-items:center;padding:22px;border:1px solid rgba(69,217,220,.22);border-radius:20px;background:rgba(5,25,32,.68);direction:ltr}.team-founder img{width:100%;height:auto;max-height:300px;object-fit:cover;object-position:center 25%;border-radius:14px}.team-founder h3{font-size:clamp(27px,3vw,40px);margin:10px 0}.team-founder p{line-height:1.8}.team-role{color:#64e0df}.team-profile-link{display:inline-block;color:#69e5ed;margin-top:12px;text-decoration:underline}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.team-grid article{padding:20px;border:1px solid rgba(128,210,210,.2);border-radius:16px;background:rgba(7,22,31,.65)}.team-grid h3{margin:12px 0 4px}.team-grid p{font-size:13px;color:#a9b6c3}.team-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(140deg,#162b37,#244d58);border:1px solid #4b9fa9;color:#a3eff1;font-size:25px}@media(max-width:650px){.team-founder{grid-template-columns:1fr}.team-founder img{max-width:230px}.team-grid{grid-template-columns:1fr}}

/* V11 leadership refinements */
.team-vision{line-height:1.85;color:#d8e8e9;max-width:850px;margin:0 0 24px}.team-headshot{display:block;width:100%;height:190px;object-fit:cover;object-position:center 28%;border-radius:12px;background:#dfe5e8}.team-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.team-grid .team-role{color:#69dadd;font-weight:600;font-size:13px}.team-grid article p{line-height:1.75;margin:2px 0 6px}.team-footer{margin-top:22px;padding:22px;border:1px solid rgba(128,210,210,.18);border-radius:16px;line-height:1.8}.team-closing{color:#69e5ed;font-weight:600}.team-avatar{flex-shrink:0}

/* Arabic corporate typography: licensed Bahij font must be installed locally or supplied as licensed webfont. */
@font-face{font-family:'Bahij TheSansArabic Plain';src:local('Bahij TheSansArabic Plain'),local('Bahij TheSansArabic');font-display:swap}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea,html[lang="ar"] select{font-family:'Bahij TheSansArabic Plain',Tahoma,Arial,sans-serif}
.contact-nav{border:1px solid #d8bc8166;color:#e4c88b!important;padding:9px 16px;border-radius:5px;text-decoration:none;font-size:13px;white-space:nowrap}.contact-nav:hover{background:#d8bc8120}
@media(max-width:700px){.contact-nav{padding:6px 9px;font-size:11px}}

/* Search-readable product summary without interfering with the cinematic scroll. */
.zooser-seo-features{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* V14: viewport-safe cinematic scenes; prevent footer and sector cards collisions. */
.stage{height:100dvh;overflow:hidden}
.scene{height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64e1e255 transparent;padding-block:clamp(108px,15vh,145px) clamp(110px,16vh,150px);align-items:safe center}
.scene.center{align-items:safe center}
.scene-content{min-width:0;flex-shrink:0}
.scene h1,.scene h2{overflow-wrap:break-word;line-height:1.28;margin-bottom:clamp(12px,2vh,24px)}
.scene p{line-height:1.7;margin-block:10px;overflow-wrap:break-word}
.scene .micro{margin-bottom:clamp(8px,2vh,20px)}
.scene .actions{margin-top:clamp(12px,2vh,24px)}
.pills{margin-top:clamp(12px,2vh,24px)}
.pills span{line-height:1.55;text-align:center}
.film-bottom{background:linear-gradient(90deg,#030508ed,#030508df);padding:9px 12px;border:1px solid #ffffff1c;border-radius:8px;bottom:28px;max-width:calc(100vw - 8vw)}
.bottom-controls{align-items:center;flex-wrap:wrap;justify-content:center}
.bottom-controls button{white-space:nowrap}
.sector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.3vw,14px)}
.sector-link{min-width:0;padding:clamp(12px,1.5vw,20px);gap:12px;align-items:center}
.sector-link>span{min-width:0;flex:1}
.sector-name,.sector-sub{overflow-wrap:anywhere;line-height:1.5}
.sector-name{font-size:clamp(14px,1.4vw,18px)}
.sector-sub{font-size:clamp(11px,1vw,13px)}
.scene.sector-scene .scene-content{width:min(100%,1080px);max-width:1080px}
.scene.sector-scene h2{font-size:clamp(27px,3.4vw,52px)}
.scene.sector-scene .sector-grid{margin-top:clamp(12px,2vh,22px)}
@media(max-height:820px) and (min-width:701px){
 .scene{padding-top:105px;padding-bottom:100px}
 .scene h1,.scene h2{font-size:clamp(34px,4.4vw,62px);line-height:1.23}
 .scene p{font-size:clamp(14px,1.4vw,17px);line-height:1.6}
 .scene.sector-scene h2{font-size:clamp(28px,3.1vw,44px)}
 .scene.sector-scene p{font-size:14px;line-height:1.5}
 .sector-link{padding:12px 14px}
 .sector-link svg{width:27px;height:27px}
 .scene .caption{margin-top:12px}
 .pills span{padding:6px 10px;font-size:12px}
 .film-bottom{bottom:23px;padding:5px 10px}
}
@media(max-width:1000px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene.center .scene-content{width:100%}}
@media(max-width:700px){
 .scene,.scene.sector-scene{padding:105px 8vw 108px;align-items:safe center}
 .scene.active:first-child{align-items:safe center;padding-bottom:108px}
 .scene h1,.scene h2{font-size:clamp(28px,7vw,43px);line-height:1.32}
 .scene.sector-scene h2{font-size:clamp(26px,6.5vw,36px)}
 .scene.sector-scene p{font-size:13px;line-height:1.6}
 .scene p{font-size:14px;line-height:1.7}
 .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sector-link{padding:11px 9px;gap:7px}
 .sector-link svg{width:23px;height:23px}
 .sector-name{font-size:13px}.sector-sub{font-size:11px}
 .film-bottom{inset-inline:4vw;bottom:19px;max-width:92vw;gap:6px;padding:6px 8px}
 .bottom-controls{gap:2px}.bottom-controls button{font-size:12px;padding:6px}
 .pills span{font-size:12px}
}
@media(max-width:430px){.sector-grid{grid-template-columns:1fr}.scene.sector-scene{padding-top:100px}.sector-link{padding:9px 12px}.sector-link svg{width:24px;height:24px}}

/* ZOOSER financial intelligence navigation */
.intelligence-nav{display:inline-flex;align-items:center;border:1px solid #64e1e260;border-radius:5px;padding:7px 12px;color:#a9f5f3;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.05em;white-space:nowrap}.intelligence-nav:hover{background:#0b2930;color:#fff}@media(max-width:700px){.intelligence-nav{font-size:10px;padding:6px 7px}.top-actions{flex-wrap:wrap;justify-content:flex-end}}

/* V16 | production frontend hardening */
:root{--ink:#f0f8fa;--muted:#b6c9d5}
html,body{overflow-x:clip}
.brand{flex-shrink:0}
.brand img{height:auto;max-width:100%}
.top-actions{min-width:0;justify-content:flex-end;flex-wrap:wrap}
.top-actions .team-nav{font:600 13px/1.5 Arial,sans-serif;color:#d7edf0;white-space:nowrap;padding:7px 10px}
.top-actions .team-nav:hover{color:var(--cyan)}
.scene-content{isolation:isolate}
.scene p{color:#d4e2ea}
.sector-link{height:100%;border-radius:8px}
.sector-link:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.film-bottom{max-width:min(840px,92vw);min-height:48px;backdrop-filter:blur(12px)}
.scene.sector-scene{align-items:flex-start}
.scene.sector-scene .scene-content{margin:auto}
#film{will-change:auto}
.company-overview{position:relative;z-index:9;background:linear-gradient(180deg,#081823 0,#0d2530 45%,#050d15 100%);border-top:1px solid #477d83;box-shadow:0 -25px 100px #0009}
.company-overview [data-content-lang]{padding:clamp(70px,9vw,130px) 5vw 100px}
.company-overview-inner{max-width:1150px;margin-inline:auto}
body[data-language=ar] .company-overview [data-content-lang=en],body[data-language=en] .company-overview [data-content-lang=ar]{display:none}
.company-overview h2{font-size:clamp(29px,4vw,58px);line-height:1.38;font-weight:600;letter-spacing:0;margin:18px 0 23px;max-width:900px}
.company-overview h2 em{font-style:normal;color:var(--cyan)}
.company-overview .ov-lead{color:#d8e7ed;line-height:1.95;font-size:clamp(17px,1.7vw,21px);max-width:900px}
.ov-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px 0}
.ov-stats>div{padding:23px;background:#0a202c;border:1px solid #64e1e244;border-radius:10px}
.ov-stats strong{font:bold clamp(28px,3vw,42px)/1.1 Arial,sans-serif;color:var(--cyan);display:block;margin-bottom:11px}
.ov-stats span{font-size:15px;color:#d6e6e8}
.ov-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ov-cards article{padding:24px;border:1px solid #72b2b753;background:#081724;border-radius:12px}
.ov-cards h3{font-size:21px;font-weight:600;margin:0 0 12px;color:#fff}
.ov-cards p{margin:0;color:#c8d9e1;line-height:1.8;font-size:15px}
.ov-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}
.ov-actions a{display:inline-block;padding:12px 19px;border:1px solid #64e1e265;border-radius:9px;color:#aef8f7;font-weight:600}
.ov-actions a:hover{background:#123641}
.ov-note{margin-top:28px;color:#b0c5ce;font-size:13px;max-width:930px}
body.reading-content .stage,body.reading-content .chapter-nav,body.reading-content .film-bottom,body.reading-content .progress,
body.reading-content #neuralExperience{visibility:hidden;pointer-events:none;opacity:0!important}
body.reading-content #film{opacity:.15}
.zooser-official-links{gap:12px 24px;flex-wrap:wrap;position:relative;z-index:10;padding:25px!important;background:#040c14!important}
.zooser-official-links a{display:inline-flex;align-items:center;min-height:36px}
@media(max-width:1100px){header{inset-inline:3vw}.brand img{width:170px}.top-actions{gap:6px}.top-actions .team-nav{font-size:11px}.contact-nav{font-size:11px}.intelligence-nav{font-size:11px}.scene.center .scene-content{max-width:960px}}
@media(max-width:850px){.top-actions .team-nav{display:none}.scene.active:first-child .scene-content{max-width:620px}.scene .pills{gap:6px}.scene .pills span{font-size:12px}.scene p{max-width:100%}}
@media(max-width:700px){
 header{inset:16px 5vw auto}
 .brand img{width:126px}
 .top-actions{gap:0}
 .top-actions .intelligence-nav{display:none}
 .top-actions .contact-nav{font-size:11px;padding:7px 8px}
 .top-actions #sectorsButton,.top-actions #language{font-size:12px;padding:8px}
 .scene,.scene.sector-scene{padding:93px 9vw 112px}
 .scene .micro{font-size:10px}
 .scene h1,.scene h2{font-size:clamp(29px,8vw,43px);line-height:1.3}
 .scene p{font-size:14px;line-height:1.7}
 .sector-grid{grid-template-columns:1fr}
 .sector-link{padding:13px 14px}
 .sector-name{font-size:15px}
 .sector-sub{font-size:12px}
 .chapter-nav{left:4px;gap:4px}
 html[dir=ltr] .chapter-nav{right:4px}
 .film-bottom{bottom:15px;inset-inline:4vw;max-width:92vw;padding:5px 7px;gap:4px;min-height:44px}
 #counter{font-size:10px;white-space:nowrap}
 .bottom-controls{gap:0}
 .bottom-controls button{font-size:11px;padding:5px}
 .ov-stats{grid-template-columns:1fr;gap:10px}
 .ov-cards{grid-template-columns:1fr}
 .company-overview [data-content-lang]{padding:70px 6vw}
}
@media(max-height:650px) and (min-width:701px){
 .scene{padding-top:100px;padding-bottom:86px}
 .scene h1,.scene h2{font-size:clamp(27px,3.5vw,49px)}
 .scene p{font-size:14px;line-height:1.45}
 .scene .micro{margin-bottom:9px}
 .scene .pills{margin-top:10px}
 .sector-grid{gap:7px}
 .sector-link{padding:8px 12px}
 .film-bottom{bottom:12px;min-height:38px}
}

/* Clear state transitions: never show content from the outgoing chapter. */
.scene:not(.active){display:none!important}
.scene.active{transition:opacity .22s ease,transform .22s ease;visibility:visible}
/* Mobile: preserve the approved robot image as a subtle visual above the copy. */
@media(max-width:850px){
 .neural-experience,html[dir=rtl] .neural-experience{inset:64px 0 auto;height:40vh;min-height:220px;transform:none}
 .neural-experience.visible{opacity:.7}
 .neural-art{inset:0;background-size:cover;background-position:66% 34%;
  mask-image:linear-gradient(to bottom,#000 10%,#000b 45%,transparent 100%);}
 .neural-experience canvas{opacity:.6}
 .neural-trigger{bottom:2%;right:5%;padding:8px 12px}
 .scene.active:first-child{align-items:flex-end}
}
@media(max-width:520px){
 .neural-experience,html[dir=rtl] .neural-experience{height:37vh}
 .scene.active:first-child{align-items:flex-end;padding-bottom:108px}
}

@media(max-width:850px){html[dir=rtl] .neural-experience.visible,html[dir=ltr] .neural-experience.visible{opacity:.75!important}}

@media(max-width:850px){.neural-trigger{display:none}}

@media(max-width:380px){
 header{inset:12px 5vw auto;gap:5px}
 .brand img{width:116px}
 .top-actions #sectorsButton{display:none}
 .top-actions .contact-nav{padding:6px;font-size:10px}
 .top-actions #language{padding:7px;font-size:11px}
 .scene.active:first-child .scene-content{filter:drop-shadow(0 3px 11px #000e)}
 .scene.active:first-child h1{font-size:clamp(28px,8vw,40px)}
 .scene.active:first-child p{font-size:12px;line-height:1.65}
 .scene .micro{font-size:9px}
 html[dir=rtl] .neural-experience.visible,html[dir=ltr] .neural-experience.visible{opacity:.48!important}
}

/* ZOOSER SCROLL-STABLE CINEMATIC ENGINE | 2026-10-13
   Root cause fixed: scene changes must not scale or hide the film artwork.
   One fixed, viewport-wide rendering plane is shared by every story chapter.
   The scene canvas changes state independently of the image sizing. */
.neural-trigger {display:none!important}
.neural-experience,
html[dir=rtl] .neural-experience,
html[dir=ltr] .neural-experience {
 position:fixed!important;
 inset:0!important;
 display:block;
 width:100vw!important;
 height:100vh!important;
 height:100dvh!important;
 max-width:none!important;
 max-height:none!important;
 min-height:0!important;
 overflow:hidden!important;
 transform:none!important;
 opacity:0;
 visibility:hidden;
 pointer-events:none!important;
 z-index:2;
 transition:opacity .32s ease,visibility .32s ease;
 contain:layout paint;
}
.neural-experience.visible,
html[dir=rtl] .neural-experience.visible,
html[dir=ltr] .neural-experience.visible {
 opacity:.95!important;
 visibility:visible!important;
 transform:none!important;
}
.neural-art {
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 background-image:url('assets/neural-robot-scene.webp')!important;
 background-repeat:no-repeat!important;
 background-position:center center!important;
 background-size:cover!important;
 mask-image:none!important;
 -webkit-mask-image:none!important;
 animation:none!important;
 transform:none!important;
 filter:none!important;
 will-change:auto!important;
}
.neural-experience::after {
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background:linear-gradient(90deg,#030508d8 0%,#0305088c 18%,transparent 42%,transparent 100%)!important;
}
html[dir=rtl] .neural-experience::after {
 background:linear-gradient(270deg,#030508d8 0%,#0305088c 18%,transparent 42%,transparent 100%)!important;
}
.neural-experience canvas {
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 pointer-events:none!important;
 opacity:.75!important;
}
/* All chapters use the same size. Text receives contrast without shrinking artwork. */
.scene.active .scene-content {position:relative;z-index:4}
.scene.active:not(.center):not(.sector-scene) .scene-content {
 background:linear-gradient(90deg,#030508de,#030508a0 75%,transparent);
 border-radius:12px;
 padding:clamp(12px,1.5vw,25px);
 width:min(54%,700px)!important;
 max-width:700px;
}
html[dir=rtl] .scene.active:not(.center):not(.sector-scene) .scene-content {
 background:linear-gradient(270deg,#030508de,#030508a0 75%,transparent);
}
.scene.center .scene-content,.scene.sector-scene .scene-content {
 background:linear-gradient(180deg,#030508d9,#030508ad);
 border:1px solid #ffffff10;
 border-radius:14px;
 padding:clamp(14px,2.2vw,28px);
 backdrop-filter:blur(2px);
}
@media(max-width:850px){
 .neural-experience,
 html[dir=rtl] .neural-experience,
 html[dir=ltr] .neural-experience {
  inset:0!important;width:100vw!important;height:100dvh!important;
  overflow:hidden!important;transform:none!important;
 }
 .neural-art {
  inset:64px 0 auto!important;
  width:100%!important;
  height:min(43dvh,410px)!important;
  background-size:contain!important;
  background-position:center center!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
 }
 .neural-experience::after,
 html[dir=rtl] .neural-experience::after {
  background:linear-gradient(to bottom,#03050866 0%,transparent 11%,transparent 27%,#030508cc 49%,#030508f5 84%)!important;
 }
 .neural-experience canvas {opacity:.55!important}
 .scene.active:not(.center):not(.sector-scene) .scene-content,
 html[dir=rtl] .scene.active:not(.center):not(.sector-scene) .scene-content {
  width:100%!important;max-width:100%!important;
  padding:12px!important;
  background:linear-gradient(to top,#030508ed,#030508b0 88%,transparent)!important;
 }
 .scene.center .scene-content,.scene.sector-scene .scene-content{padding:12px}
 .scene.active:first-child{align-items:flex-end!important;padding-bottom:clamp(105px,15vh,160px)!important}
}
@media(prefers-reduced-motion:reduce){
 .neural-experience,.neural-experience.visible{transition:none!important}
}

/* Allow wheel/touch scrolling to advance the story even when content overflows. */
.scene {overscroll-behavior-y:auto!important}

/* ZOOSER INTERNATIONAL RELEASE — intentional overrides, preserving the approved cinematic composition. */
html[lang="ar"] body{font-family:"Bahij TheSansArabic Plain",Tahoma,"Segoe UI",Arial,sans-serif}
@font-face{font-family:"Bahij TheSansArabic Plain";src:local("Bahij TheSansArabic Plain"),local("Bahij TheSansArabic");font-display:swap}
/* Keep navigation clear above bright cinematic particles. */
header{padding:8px clamp(12px,1vw,19px);background:linear-gradient(90deg,rgba(3,7,12,.86),rgba(5,13,22,.77));border:1px solid rgba(111,202,215,.16);border-radius:11px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);inset-block-start:clamp(14px,2.7vh,30px)}
.top-actions{gap:clamp(5px,1vw,13px)}
.top-actions a,.top-actions button{font-weight:600;letter-spacing:0;white-space:nowrap}
.top-actions a{transition:background .2s ease,color .2s ease;border-radius:7px}
.top-actions a:hover,.top-actions a:focus-visible{background:rgba(85,224,237,.14)}
.contact-nav{border-color:rgba(94,235,242,.5)!important}
.top-actions .team-nav{color:#e8f8fa}
.scene p{color:#deebf1;text-wrap:pretty}
.scene.active:not(.center):not(.sector-scene) .scene-content{border:1px solid rgba(103,231,235,.11);box-shadow:0 24px 90px rgba(0,0,0,.19)}
.scene.sector-scene .sector-link{border-radius:10px}
.sector-link:focus-visible,.team-profile-link:focus-visible,.zooser-official-links a:focus-visible{outline:3px solid #71e9f0;outline-offset:3px}
.film-bottom{border-radius:9px;box-shadow:0 8px 40px #0009}
/* The cinematic image remains in the same fixed viewport plane for every scene. */
.neural-art{background-size:cover!important;transform:none!important}
@media(max-width:850px){
 header{inset-inline:3vw;padding:6px 8px;gap:7px;border-radius:10px}
 .brand img{width:clamp(114px,23vw,158px)}
 .top-actions{gap:1px}
 .top-actions a,.top-actions button{font-weight:600}
 .top-actions .contact-nav{font-size:11px;padding:7px 9px}
 .scene.active:not(.center):not(.sector-scene) .scene-content{border:1px solid rgba(103,231,235,.09);box-shadow:0 12px 45px #000a}
}
@media(max-width:390px){header{inset-inline:3vw;padding:6px}.brand img{width:112px}.top-actions .contact-nav{font-size:10px;padding:6px 7px}}
@media(prefers-reduced-motion:reduce){.neural-art{animation:none!important}.scene{transition:none!important}}
/* SEO-readable institutional overview is intentionally below the scroll story. */
.global-value{padding:clamp(58px,8vw,100px) 5vw 105px;background:linear-gradient(180deg,#06121b,#0b202a 55%,#050b12);border-top:1px solid #36616e;position:relative;z-index:9}
.global-value-inner{max-width:1150px;margin-inline:auto}
.global-value [data-content-lang]{display:none}
body[data-language="ar"] .global-value [data-content-lang="ar"],body[data-language="en"] .global-value [data-content-lang="en"]{display:block}
.global-value .eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.15em;font-weight:700}
.global-value h2{font-size:clamp(29px,4.2vw,55px);line-height:1.3;font-weight:600;margin:18px 0 20px;max-width:850px}
.global-value h2 em{font-style:normal;color:var(--cyan)}
.global-value-lead{color:#d6e8eb;font-size:clamp(16px,1.8vw,20px);max-width:930px;line-height:1.9}
.global-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}
.global-value-grid article{padding:clamp(18px,2vw,28px);background:linear-gradient(145deg,#0c202b,#07131d);border:1px solid #497d8655;border-radius:16px;min-height:200px;box-shadow:0 18px 45px #0003}
.global-value-grid .index{display:block;color:#66e9ed;font-weight:700;font-size:13px;letter-spacing:.1em}
.global-value-grid h3{font-size:clamp(20px,2vw,25px);line-height:1.45;margin:12px 0}
.global-value-grid p{color:#bcced7;font-size:15px;line-height:1.9;margin:0}
.global-value-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}
.global-value-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border-radius:9px;background:var(--cyan);color:#06202a;font-weight:700;border:1px solid var(--cyan)}
.global-value-actions a:nth-child(2){background:transparent;color:#dff9fa}
.global-value-actions a:hover{filter:brightness(1.1)}
@media(max-width:820px){.global-value-grid{grid-template-columns:1fr}.global-value-grid article{min-height:0}.global-value-actions a{width:100%}}

/* Keep institutional sections readable when reached beneath the fixed cinematic header. */
.company-overview,.global-value{scroll-margin-top:110px}