@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal/regular.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/tajawal/medium.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal/bold.ttf) format("truetype")}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal/extrabold.ttf) format("truetype")}.asset-status:dir(rtl){font-family:Tajawal,sans-serif;line-height:1.75}:root{font-family:Manrope,sans-serif;color:#eaf2fc;background:#071527;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #071527;--navy-deep: #04101e;--blue: #4ba6ff;--blue-bright: #7ec4ff;--muted: #91a4bb;--line: rgba(169, 202, 240, .16);--mono: "DM Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--navy)}button{font:inherit;color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue-bright);outline-offset:4px}::selection{color:#061528;background:#8dcaff}.noise:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.showcase{position:relative;isolation:isolate;display:grid;grid-template-rows:64px minmax(0,1fr) 70px;width:100%;height:100dvh;min-height:620px;overflow:hidden;color:#eaf2fc;background:radial-gradient(ellipse at 73% 48%,rgba(18,78,131,.22),transparent 36%),radial-gradient(ellipse at 48% 112%,rgba(22,80,138,.16),transparent 43%),linear-gradient(120deg,#071527,#08192d 58%,#071629)}.portal-backdrop{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:#071527}.portal-backdrop-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.portal-backdrop-fill{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background-position:center;background-size:cover;filter:blur(20px) brightness(.76);transform:scale(1.045)}.portal-backdrop-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:45% center;image-rendering:auto}.portal-image-plane{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-origin:center center;will-change:transform,opacity}.portal-image-plane img,.portal-image-plane .portal-backdrop-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto}.portal-backdrop-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#040e1bd6,#051120b5 25%,#0511206b 48%,#0511201f 78%,#0511202e),linear-gradient(0deg,rgba(4,14,27,.46) 0%,transparent 28%,transparent 76%,rgba(4,14,27,.3) 100%),radial-gradient(ellipse at 74% 48%,transparent 25%,rgba(5,17,32,.12) 100%)}.has-portal .portal-backdrop-overlay{background:linear-gradient(90deg,#030c18f0,#040e1ce0 18%,#051222a8 37%,#06142547 57%,#0716270f 78%,#05101e1f),linear-gradient(0deg,rgba(3,12,24,.42) 0%,transparent 25%,transparent 76%,rgba(3,12,24,.28) 100%),radial-gradient(ellipse at 79% 20%,rgba(83,148,207,.1) 0%,rgba(57,113,169,.045) 24%,transparent 52%),radial-gradient(ellipse at 96% 79%,rgba(69,125,181,.07) 0%,transparent 34%),radial-gradient(ellipse at 50% 46%,transparent 43%,rgba(3,12,24,.24) 100%)}.topbar,.controlbar{position:relative;z-index:10;display:flex;align-items:center;background:#040f1c6b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{justify-content:space-between;padding:0 5.1vw;border-bottom:1px solid rgba(180,211,246,.11)}.brand{display:inline-flex;min-height:44px;align-items:center;gap:11px;border:0;padding:0;background:none;color:#f4f8ff;font-size:19px;font-weight:800;letter-spacing:-.055em;cursor:pointer}.brand-logo{display:block;width:160px;height:auto;object-fit:contain}.top-meta{display:flex;align-items:center;gap:11px;margin:auto;color:#9aabc0;font:14px var(--mono);letter-spacing:.07em}.live-dot{width:6px;height:6px;border-radius:50%;background:#69c5ff;box-shadow:0 0 11px #4aa9ffa6}.scene-menu-trigger{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:124px;min-height:44px;padding:10px 12px;border:1px solid rgba(164,199,236,.24);border-radius:4px;background:#08192c52;color:#b7c9dd;font:14px var(--mono);letter-spacing:.06em;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.scene-menu-trigger:hover{border-color:#71b9ffa6;background:#1e486f52;color:#e7f2ff}.scene-count{display:flex;gap:6px;color:#e0efff}.stage{position:relative;z-index:1;width:100%;height:100%;min-height:0;margin:0;overflow:hidden}.ambient{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(1px)}.ambient-one{top:2%;right:0;width:58vw;height:58vw;background:radial-gradient(circle,rgba(32,115,198,.1),transparent 70%)}.ambient-two{top:12%;right:43%;width:38vw;height:65vh;opacity:.48;background:radial-gradient(ellipse,rgba(46,125,197,.08),transparent 68%)}.scene-copy{position:absolute;z-index:3;top:auto;left:5.1vw;bottom:8%;width:min(600px,44vw);padding:20px 18px 20px 0;background:linear-gradient(90deg,rgba(5,17,32,.22) 0%,rgba(5,17,32,.12) 66%,transparent 100%)}.stage-opening .scene-copy,.stage-gallery .scene-copy,.stage-closing .scene-copy{top:50%;bottom:auto;width:min(620px,46vw);transform:translateY(-50%)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#83c5ff;font:600 15px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow-line{display:inline-block;width:24px;height:1px;flex:0 0 auto;background:#65b5ff;box-shadow:0 0 10px #45a1ff73}h1{max-width:700px;margin:0;color:#f1f6ff;font-size:52px;font-weight:700;line-height:1.1;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 25px rgba(1,9,18,.22)}.stage-opening h1{font-size:64px}.description{max-width:590px;margin:19px 0 0;color:#e0e9f3;font-size:24px;line-height:1.45;letter-spacing:-.01em}.begin-link{display:inline-flex;align-items:center;gap:11px;min-height:44px;margin-top:24px;padding:0 0 7px;border:0;border-bottom:1px solid rgba(116,182,245,.55);background:none;color:#e0efff;font-size:16px;font-weight:600;cursor:pointer;transition:color .2s,gap .2s}.begin-link:hover{gap:15px;color:#8bc8ff}.visual-area{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;perspective:1500px;pointer-events:none}.cinematic-canvas,.cinematic-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;transform-style:preserve-3d;pointer-events:none;will-change:transform,opacity}.cinematic-canvas canvas{position:relative;z-index:1;display:block;width:100%!important;height:100%!important}.phone-atmosphere{position:absolute;top:50%;right:5vw;width:min(48vw,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(40,119,193,.2) 0%,rgba(25,85,147,.1) 32%,transparent 68%);transform:translateY(-50%)}.cinema-phone{position:absolute;top:50%;right:16vw;width:min(23vw,322px);aspect-ratio:390 / 844;box-sizing:border-box;margin:0;padding:8px;overflow:visible;border:2px solid rgba(185,207,226,.9);border-radius:14%;background:linear-gradient(112deg,rgba(255,255,255,.42),transparent 9% 82%,rgba(3,12,23,.68)),linear-gradient(140deg,#8096aa,#31465d 24%,#15283c 78%,#71869a);box-shadow:0 38px 86px #00000094,0 0 58px #358fdf3d,inset 0 0 0 1px #081422a6,inset 0 1px #ffffff80;transform:translateY(-50%);transform-style:preserve-3d}.cinema-phone-screen{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:12%;background:#eaf4ff;box-shadow:inset 0 0 0 1px #ffffff2e}.cinema-phone-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}.cinema-phone-dynamic-island{position:absolute;top:2.2%;left:50%;width:27%;height:2%;min-height:7px;border:1px solid rgba(115,132,153,.18);border-radius:999px;background:linear-gradient(180deg,#020407,#080b11);box-shadow:0 1px 3px #0000008c,inset 0 1px #ffffff0d;transform:translate(-50%)}.cinema-phone-dynamic-island span{position:absolute;top:50%;right:5px;width:4px;height:4px;border:1px solid rgba(49,72,106,.6);border-radius:50%;background:radial-gradient(circle at 35% 35%,#314566,#080d16 70%);transform:translateY(-50%)}.cinema-phone-button{position:absolute;z-index:2;width:3px;border:1px solid rgba(192,212,230,.72);border-radius:3px;background:linear-gradient(90deg,#d7e2ec,#71879d 55%,#31475e);box-shadow:0 1px 2px #0000008c}.cinema-phone-button-mute,.cinema-phone-button-volume-up,.cinema-phone-button-volume-down{left:-4px}.cinema-phone-button-mute{top:18%;height:5%}.cinema-phone-button-volume-up{top:27%;height:8%}.cinema-phone-button-volume-down{top:38%;height:8%}.cinema-phone-button-power{right:-4px;top:30%;height:12%}.scene-opening .cinema-phone-opening,.scene-closing .cinema-phone-closing{right:17vw;width:min(24vw,340px)}.scene-gallery .cinema-phone-gallery{right:17vw;width:min(25vw,350px)}.gallery-caption{display:flex;align-items:flex-start;gap:13px;max-width:400px;margin-top:20px}.gallery-index{padding-top:2px;color:#89c8ff;font:14px var(--mono);white-space:nowrap}.gallery-index i{color:#879ab0;font-style:normal}.gallery-caption strong{color:#edf5ff;font-size:20px;font-weight:600}.gallery-caption p{margin:5px 0 0;color:#b0c0d2;font-size:18px;line-height:1.5}.gallery-controls{position:absolute;z-index:5;right:4.5vw;bottom:4vh;display:flex;align-items:center;gap:16px;pointer-events:auto}.gallery-arrow{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;padding:0;border:1px solid rgba(167,201,236,.32);border-radius:50%;background:#0a1c30cc;color:#d6e8fa;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.gallery-arrow:hover{border-color:#75baff;background:#173a5d;color:#fff}.gallery-pagination{display:flex;align-items:center;gap:8px}.gallery-pagination button{position:relative;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .25s}.gallery-pagination button:before{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:10px;background:#879bb0;content:"";transform:translate(-50%,-50%);transition:transform .25s,background-color .25s}.gallery-pagination button.selected:before{width:22px;background:#87c7ff}.controlbar{min-width:0;gap:22px;padding:0 5.1vw;border-top:1px solid rgba(180,211,246,.13)}.control-left,.control-right{display:flex;align-items:center;gap:16px;flex:0 0 auto}.play-button{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#d4e4f4;font:14px var(--mono);letter-spacing:.12em;cursor:pointer}.play-button svg{color:#82c2ff}.play-button:hover{color:#fff}.keyboard-hint{display:flex;align-items:center;gap:5px;color:#95a7bc;font:14px var(--mono);letter-spacing:.08em;white-space:nowrap}kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border:1px solid rgba(152,184,218,.3);border-radius:3px;color:#bdcde0;font:14px var(--mono)}.progress-area{position:relative;display:flex;align-items:center;flex:1;min-width:80px;padding:8px 0}.progress-track{width:100%;height:1px;background:#a7c1de4d}.progress-fill{height:1px;background:#79bcff;box-shadow:0 0 8px #48a0f89e;transition:width .45s ease}.scene-dots{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between}.scene-dots button{position:relative;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .2s}.scene-dots button:before{position:absolute;top:50%;left:50%;width:9px;height:9px;border:1px solid #7390ad;border-radius:50%;background:#19324d;content:"";transform:translate(-50%,-50%);transition:transform .2s,background-color .2s,border-color .2s}.scene-dots button:hover:before{transform:translate(-50%,-50%) scale(1.35)}.scene-dots button.passed:before{border-color:#71b3ed;background:#5594c8}.scene-dots button.current:before{width:12px;height:12px;border:2px solid #4b8fc5;background:#a4d5ff;box-shadow:0 0 12px #41a0f480}.control-right{gap:9px}.sound-note{display:flex;align-items:center;gap:6px;margin-right:13px;color:#9aabc0;font:14px var(--mono);letter-spacing:.06em;white-space:nowrap}.arrow-control{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(164,198,233,.3);border-radius:50%;background:#08182a94;color:#d0deed;cursor:pointer;transition:all .18s}.arrow-control:hover:not(:disabled){border-color:#72b8fb;background:#3b88d040;color:#fff}.arrow-control:disabled{opacity:.36;cursor:default}.arrow-next{border-color:#3977a9;background:#183b5b;color:#e0f1ff}.menu-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#0209119e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scene-menu{display:flex;flex-direction:column;width:min(440px,100vw);height:100%;padding:35px 34px;border-left:1px solid rgba(166,206,250,.2);background:linear-gradient(140deg,#11243a,#09182a 75%);box-shadow:-25px 0 70px #00000059;animation:menu-in .25s ease-out}@keyframes menu-in{0%{transform:translate(20px);opacity:.5}to{transform:translate(0);opacity:1}}.menu-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line)}.menu-overline{color:#8bc5ff;font:600 14px var(--mono);letter-spacing:.08em}.menu-head h2{margin:10px 0 0;font-size:30px;font-weight:600;letter-spacing:-.04em}.menu-head button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#c4d3e3;cursor:pointer}.menu-list{margin-top:16px;overflow-y:auto}.menu-item{display:grid;grid-template-columns:35px 1fr auto;align-items:center;width:100%;min-height:52px;padding:0 10px;border:0;border-bottom:1px solid rgba(153,186,220,.12);background:transparent;color:#c0cfde;font-size:16px;text-align:left;cursor:pointer;transition:background .2s,color .2s}.menu-item:hover,.menu-item.active{background:#549add1a;color:#f2f7ff}.menu-item.active{box-shadow:inset 2px 0 #78baff}.menu-number{color:#8fa6be;font:14px var(--mono)}.menu-item svg{color:#8bc5ff}.motion-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:15px 10px;border:1px solid var(--line);border-radius:4px;background:#549add0f;color:#c0cfde;font-size:15px;text-align:left;cursor:pointer}.motion-toggle span:last-child{color:#8bc5ff;font:14px var(--mono);letter-spacing:.08em}.motion-toggle:hover{border-color:#71b9ff8c;color:#ecf5ff}.menu-foot{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:18px;border-top:1px solid var(--line);color:#91a5bb;font-size:14px}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.asset-status{display:grid;place-items:center;min-height:100dvh;padding:32px;background:#071527;color:#c7d8ea;font:14px var(--mono);text-align:center}@media (min-width: 1500px){.scene-copy{left:5.1vw;width:min(660px,46vw)}}@media (max-width: 1000px) and (min-width: 761px){.topbar,.controlbar{padding-right:4vw;padding-left:4vw}.scene-copy{left:4.5vw;width:min(560px,44vw)}.stage-opening .scene-copy,.stage-gallery .scene-copy,.stage-closing .scene-copy{width:min(560px,44vw)}h1{font-size:clamp(40px,4.1vw,52px)}.stage-opening h1{font-size:clamp(48px,5vw,64px)}.description{font-size:20px}.cinema-phone{right:11vw;width:min(27vw,300px)}.gallery-controls{right:3vw;gap:10px}.controlbar{gap:14px}.control-left,.control-right{gap:9px}.sound-note{margin-right:4px}}@media (max-width: 760px){.showcase{min-height:100dvh;grid-template-rows:auto minmax(0,1fr) auto}.topbar{min-height:96px;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;padding:8px 20px}.brand{order:1;gap:8px;min-height:44px;font-size:17px}.brand-logo{width:140px}.top-meta{order:4;gap:7px;margin:0 0 0 auto;font-size:14px}.scene-menu-trigger{order:2;min-width:112px;min-height:44px;margin-left:auto;padding:8px 9px;font-size:14px}.presentation-mode-switch{order:3}.portal-backdrop-overlay{background:linear-gradient(180deg,#040e1bb8,#05112085 32%,#0511202e 58%,#0511204f 78%,#040e1b8f),radial-gradient(ellipse at 50% 58%,transparent 30%,rgba(5,17,32,.12) 100%)}.has-portal .portal-backdrop-overlay{background:linear-gradient(180deg,#030c18f0,#040e1cdb 22%,#0512229e 43%,#0614253d 63%,#06132314 78%,#030c185c),radial-gradient(ellipse at 78% 58%,rgba(80,145,205,.1) 0%,rgba(54,110,164,.04) 26%,transparent 52%),radial-gradient(ellipse at 50% 48%,transparent 42%,rgba(3,12,24,.23) 100%)}.portal-backdrop-image{object-fit:cover;object-position:center 50%}.portal-backdrop-fill{filter:blur(23px) brightness(.72)}.stage{display:flex;flex-direction:column;align-items:stretch;padding:0 21px;overflow-x:hidden;overflow-y:auto}.scene-copy{position:relative;top:auto;left:auto;width:100%;max-width:620px;padding:24px 0 16px;transform:none;background:none}.stage-opening .scene-copy,.stage-gallery .scene-copy,.stage-closing .scene-copy{position:relative;top:auto;bottom:auto;left:auto;width:100%;max-width:620px;padding:24px 0 16px;transform:none}.eyebrow{gap:9px;margin-bottom:14px;font-size:14px}.eyebrow-line{width:19px}h1{max-width:700px;font-size:clamp(34px,8.2vw,46px);line-height:1.1}.stage-opening h1{font-size:clamp(38px,9vw,52px)}.description{max-width:600px;margin-top:14px;font-size:18px;line-height:1.45}.begin-link{margin-top:14px;font-size:15px}.visual-area{position:relative;inset:auto;width:calc(100% + 42px);height:clamp(285px,43vh,430px);min-height:285px;flex:1 0 285px;margin:0 -21px;overflow:hidden}.stage:not(.stage-opening):not(.stage-gallery):not(.stage-closing) .visual-area{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;margin:0;flex:none}.stage:not(.stage-opening):not(.stage-gallery):not(.stage-closing) .scene-copy{z-index:3}.phone-atmosphere{right:50%;width:min(100vw,430px);transform:translate(50%,-50%)}.cinema-phone{right:50%;width:min(44vw,194px);padding:5px;border-radius:14%;transform:translate(50%,-50%)}.cinema-phone-screen{border-radius:12%}.scene-opening .cinema-phone-opening,.scene-closing .cinema-phone-closing,.scene-gallery .cinema-phone-gallery{right:50%;width:min(43vw,188px)}.gallery-caption{gap:10px;max-width:100%;margin-top:15px}.gallery-caption strong{font-size:18px}.gallery-caption p{font-size:16px}.gallery-controls{right:50%;bottom:8px;gap:12px;transform:translate(50%)}.gallery-arrow{width:44px;height:44px}.gallery-pagination{max-width:min(220px,calc(100vw - 140px));gap:0;overflow-x:auto;scrollbar-width:none}.gallery-pagination::-webkit-scrollbar{display:none}.controlbar{min-height:68px;gap:8px;padding:0 12px}.control-left{gap:0}.play-button{gap:6px}.play-button span,.keyboard-hint,.sound-note{display:none}.progress-area{position:relative;margin:0 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.progress-area::-webkit-scrollbar{display:none}.progress-track{position:absolute;top:50%;left:0}.scene-dots{position:relative;inset:auto;width:max-content;min-width:100%;justify-content:flex-start}.control-right{gap:6px}.arrow-control{width:44px;height:44px}.scene-menu{padding:26px 22px}}@media (max-width: 390px){.scene-copy{padding-top:23px}h1{font-size:34px}.stage-opening h1{font-size:38px}.gallery-controls{gap:8px}.controlbar{gap:4px;padding:0 8px}}.presentation-mode-switch{position:relative;z-index:12;display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:3px;border:1px solid rgba(164,199,236,.22);border-radius:5px;background:#051323d1;box-shadow:0 8px 24px #00081233,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.presentation-mode-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 12px;border:1px solid transparent;border-radius:3px;background:transparent;color:#a9bbce;font:14px var(--mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.presentation-mode-button:hover{color:#eaf4ff;background:#4289ca1a}.presentation-mode-button[aria-pressed=true]{border-color:#6cb7ff57;background:linear-gradient(180deg,#397ebd40,#19456d33);color:#e6f3ff;box-shadow:inset 0 0 0 1px #88caff0e}.presentation-mode-switch :is(button,[role=button]):focus-visible,.presentation-mode-button:focus-visible{position:relative;z-index:1;outline:2px solid #8bcaff;outline-offset:3px}.feature-highlight-layer{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.feature-highlight{position:absolute;display:block;box-sizing:border-box;border:1px solid rgba(113,190,255,.58);border-radius:4px;background:#5baaf006;box-shadow:inset 0 0 0 1px #081a2d33,0 0 0 1px #05111f59;opacity:0;transition:opacity .24s ease,border-color .24s ease,box-shadow .24s ease}.feature-highlight.is-active{border-color:#8fd1fff5;background:#59abf00b;box-shadow:inset 0 0 0 1px #091d3247,0 0 0 1px #52a9f240,0 0 18px #499ee82b;opacity:1}.feature-highlight-label{opacity:0;transition:opacity .2s ease}.feature-highlight.is-active .feature-highlight-label{opacity:1}.feature-highlight-label{position:absolute;top:0;left:0;display:inline-flex;max-width:min(320px,calc(100vw - 32px));align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(130,193,249,.42);border-radius:3px;background:#061627db;color:#e2f1ff;font:600 20px/1.3 var(--mono);letter-spacing:.015em;text-wrap:pretty;box-shadow:0 4px 14px #01091238;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.feature-advance{display:inline-flex;min-height:44px;align-items:center;gap:9px;margin-top:19px;padding:0 10px;border:1px solid rgba(115,182,240,.3);border-radius:4px;background:#081c319e;color:#d8eafa;font:15px var(--mono);letter-spacing:.06em;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.feature-advance:hover{border-color:#82c4ffb8;background:#1e4a7385;color:#fff}.feature-advance:focus-visible{outline:2px solid #8bcaff;outline-offset:3px}.feature-advance-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#88caff;box-shadow:0 0 10px #64b7ff8c}.feature-advance-count{margin-left:5px;color:#88bde9;font-size:14px}.asset-load-error{position:absolute;z-index:15;top:76px;right:5.1vw;display:flex;max-width:min(560px,calc(100vw - 32px));align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(255,164,153,.48);border-radius:4px;background:#2a1319f0;color:#ffe4df;font-size:15px;box-shadow:0 8px 28px #00000047}.asset-load-error button{border:0;min-height:44px;padding:5px 12px;background:#ffffff14;color:#fff;font:14px var(--mono);cursor:pointer}.asset-load-error button:focus-visible{outline:2px solid #fff;outline-offset:2px}.feature-highlight-label:before{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#83caff;content:""}@media (max-width: 760px){.topbar{gap:4px 8px;padding-right:14px;padding-left:14px}.scene-menu-trigger{min-width:100px}.presentation-mode-switch{gap:2px;padding:3px}.presentation-mode-button{min-height:44px;padding:0 11px;font-size:14px;letter-spacing:.04em}.feature-highlight{border-radius:3px;border-width:1px}.feature-highlight-label{max-width:min(280px,calc(100vw - 28px));padding:9px 11px;font-size:16px}.feature-advance{min-height:44px;margin-top:14px;font-size:14px}.gallery-index{font-size:14px}.asset-load-error{top:66px;right:12px;left:12px;max-width:none}}@media (max-width: 390px){.topbar{gap:5px;padding-right:10px;padding-left:10px}.scene-menu-trigger{min-width:100px;padding-right:8px;padding-left:8px;font-size:14px}.brand{gap:6px;font-size:15px}.brand-logo{width:124px}.presentation-mode-button{padding:0 6px;letter-spacing:.015em;font-size:13px}}@media (prefers-reduced-motion: reduce){.presentation-mode-button,.feature-highlight{transition:none}.feature-highlight,.feature-highlight.is-active{animation:none}}.showcase:dir(rtl){font-family:Tajawal,sans-serif;--mono: "Tajawal", sans-serif}.showcase:dir(rtl) *{letter-spacing:normal}.showcase:dir(rtl) :is(.scene-copy,.eyebrow,h1,.description,.begin-link,.gallery-caption,.feature-highlight-label,.feature-advance,.asset-load-error,.menu-head,.menu-item,.motion-toggle,.menu-foot){direction:rtl;text-align:right;letter-spacing:normal}.showcase:dir(rtl) h1{line-height:1.35}.showcase:dir(rtl) .description{line-height:1.75}.showcase:dir(rtl) .eyebrow{line-height:1.5}.showcase:dir(rtl) .gallery-caption p{line-height:1.7}.showcase:dir(rtl) .brand{direction:ltr;text-align:left;letter-spacing:-.055em}.showcase:dir(rtl) .presentation-mode-button{letter-spacing:normal}.showcase:dir(rtl) .scene-copy{right:auto;left:5.1vw}.showcase:dir(rtl) .stage-opening .scene-copy,.showcase:dir(rtl) .stage-gallery .scene-copy,.showcase:dir(rtl) .stage-closing .scene-copy{left:5.1vw}.showcase:dir(rtl) .gallery-controls{direction:rtl}.showcase:dir(rtl) :is(.gallery-index,.feature-advance-count,.scene-count,.menu-number){direction:ltr;unicode-bidi:isolate}.showcase:dir(rtl) :is(.arrow-control,.gallery-arrow) svg,.showcase:dir(rtl) .begin-link .lucide-arrow-right{transform:scaleX(-1)}.showcase:dir(rtl) .controlbar{direction:rtl}.showcase:dir(rtl) .progress-track,.showcase:dir(rtl) .scene-dots{direction:rtl}.showcase:dir(rtl) .progress-fill{margin-left:auto}.showcase:dir(rtl) .sound-note{margin-right:0;margin-left:13px;letter-spacing:normal}.showcase:dir(rtl) .menu-backdrop{justify-content:flex-start}.showcase:dir(rtl) .scene-menu{border-right:1px solid rgba(166,206,250,.2);border-left:0;animation-name:menu-in-rtl}.showcase:dir(rtl) .menu-item{text-align:right}.showcase:dir(rtl) .menu-item.active{box-shadow:inset -2px 0 #78baff}@keyframes menu-in-rtl{0%{transform:translate(-20px);opacity:.5}to{transform:translate(0);opacity:1}}.language-switch{position:relative;z-index:12;display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:3px;border:1px solid rgba(164,199,236,.22);border-radius:5px;background:#051323d1;box-shadow:0 8px 24px #00081233,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.language-switch .presentation-mode-button{text-transform:none}.showcase:dir(rtl) .language-switch .presentation-mode-button{font-family:Tajawal,sans-serif;letter-spacing:normal}.language-switch :is(button,[role=button]):focus-visible{position:relative;z-index:1;outline:2px solid #8bcaff;outline-offset:3px}@media (max-width: 760px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center}.topbar .brand{grid-column:1;grid-row:1;justify-self:start}.topbar .scene-menu-trigger{grid-column:2;grid-row:1;justify-self:end;margin-left:0}.topbar .presentation-mode-switch{grid-column:1;grid-row:2;justify-self:end}.topbar .language-switch{grid-column:2;grid-row:2;justify-self:start}.topbar .top-meta{display:none}.language-switch .presentation-mode-button{min-height:44px;padding-right:11px;padding-left:11px;font-size:14px}.showcase:dir(rtl) .scene-copy,.showcase:dir(rtl) .stage-opening .scene-copy,.showcase:dir(rtl) .stage-gallery .scene-copy,.showcase:dir(rtl) .stage-closing .scene-copy{right:auto;left:auto;background:none}.showcase:dir(rtl) .cinema-phone,.showcase:dir(rtl) .scene-opening .cinema-phone-opening,.showcase:dir(rtl) .scene-closing .cinema-phone-closing,.showcase:dir(rtl) .scene-gallery .cinema-phone-gallery{right:50%}.showcase:dir(rtl) .gallery-controls{right:50%;left:auto}}@media (max-width: 390px){.topbar{gap:2px 6px;padding-right:10px;padding-left:10px}.language-switch{gap:1px;padding:2px}.language-switch .presentation-mode-button{padding-right:6px;padding-left:6px;font-size:13px}}.features-launch-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:13px;margin-top:20px;padding:0 19px;border:1px solid rgba(132,196,250,.66);border-radius:7px;background:linear-gradient(135deg,#d4ecff,#78b9ef);color:#07192c;font-size:16px;font-weight:700;box-shadow:0 8px 28px #1b6ab238,inset 0 1px #ffffffbf;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.features-launch-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 32px #1b6ab257,inset 0 1px #fffc}.features-launch-button:focus-visible,.features-icon-button:focus-visible,.features-controls button:focus-visible,.features-closing-actions button:focus-visible{outline:2px solid #bce2ff;outline-offset:3px}.features-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(18px,4vw,64px);background:radial-gradient(ellipse at 50% 45%,rgba(29,88,145,.28),transparent 57%),#020912e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.features-dialog{display:grid;grid-template-rows:72px 5px minmax(0,1fr) 84px;width:min(100%,1180px);height:min(100%,760px);min-height:560px;overflow:hidden;border:1px solid rgba(151,198,239,.3);border-radius:26px;background:radial-gradient(ellipse at 78% 42%,rgba(30,99,159,.17),transparent 42%),linear-gradient(142deg,#0c1f34fc,#05111ffc 63%,#08192cfc);box-shadow:0 32px 110px #00000094,inset 0 1px #ffffff13;color:#f1f6ff}.features-dialog.is-closing{grid-template-rows:72px minmax(0,1fr)}.features-header{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,48px);border-bottom:1px solid rgba(143,185,225,.13)}.features-brand{display:flex;align-items:center;gap:17px}.features-brand img{display:block;width:143px;height:auto}.features-brand span,.features-overline{color:#91caff;font:600 12px/1.35 var(--mono);letter-spacing:.12em}.features-icon-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(154,190,224,.24);border-radius:50%;background:#aed4f80e;color:#e9f4ff;cursor:pointer;transition:background .2s,border-color .2s}.features-icon-button:hover{border-color:#98ceff9e;background:#66abe724}.features-progress{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:5px;align-items:center;padding:0 clamp(22px,4vw,48px)}.features-progress-segment{height:3px;overflow:hidden;border-radius:999px;background:#b3d2ef26}.features-progress-segment i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69aff0,#b2ddff)}.features-content{display:grid;grid-template-columns:minmax(205px,.76fr) minmax(0,1.4fr);align-items:center;gap:clamp(36px,7vw,100px);padding:32px clamp(42px,9vw,120px)}.features-icon-wrap{position:relative;display:grid;width:clamp(178px,22vw,252px);aspect-ratio:1;place-items:center;justify-self:center;border:1px solid rgba(126,187,240,.24);border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(102,180,245,.2),transparent 56%),linear-gradient(145deg,#2153824d,#081b2f73);color:#a9d9ff;box-shadow:0 20px 70px #0003,inset 0 0 42px #5ea9e817}.features-icon-orbit{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(140,197,245,.12);border-radius:50%}.features-copy{max-width:720px}.features-copy .features-overline{display:block;margin-bottom:21px}.features-copy h2{margin:0;color:#f2f7ff;font-size:clamp(42px,5.1vw,72px);font-weight:700;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}.features-copy p{max-width:630px;margin:23px 0 0;color:#d1deec;font-size:clamp(19px,2vw,25px);line-height:1.5}.features-controls{display:flex;min-height:84px;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,32px);padding:0 clamp(18px,4vw,48px);border-top:1px solid rgba(143,185,225,.13);background:#040e1a59}.features-controls button,.features-closing-actions button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid rgba(145,185,223,.25);border-radius:6px;background:#a1caf10e;color:#e5f1ff;font:600 14px/1 Manrope,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.features-controls button:hover:not(:disabled),.features-closing-actions .features-secondary-button:hover{border-color:#92ccff9e;background:#64aae821}.features-controls button:disabled{opacity:.38;cursor:default}.features-play-button{min-width:124px;border-color:#84c0f280!important;background:#4587c533!important}.features-counter{min-width:72px;color:#b7d8f6;font:600 14px var(--mono);text-align:center}.features-counter i{color:#7793ad;font-style:normal}.features-dialog.is-closing .features-header{grid-row:1}.features-closing{display:flex;max-width:900px;flex-direction:column;align-items:center;justify-content:center;justify-self:center;padding:45px clamp(25px,8vw,110px);text-align:center}.features-closing h2{max-width:800px;margin:22px 0 0;color:#f2f7ff;font-size:clamp(44px,6.2vw,78px);font-weight:700;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}.features-closing p{max-width:680px;margin:24px 0 0;color:#d1deec;font-size:clamp(19px,2vw,25px);line-height:1.5}.features-closing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}.features-closing-actions .features-primary-button{border-color:#84c4faa8;background:linear-gradient(135deg,#d4ecff,#78b9ef);color:#07192c}.features-closing-actions .features-secondary-button{background:#a1caf10e}.showcase:dir(rtl) .features-primary-button svg{transform:scaleX(-1)}@media (max-width: 760px){.features-launch-button{min-height:46px;gap:9px;margin-top:14px;padding:0 13px;font-size:14px}.features-overlay{padding:0}.features-dialog{grid-template-rows:68px 5px minmax(0,1fr) 72px;width:100%;height:100%;min-height:0;border:0;border-radius:0}.features-dialog.is-closing{grid-template-rows:68px minmax(0,1fr)}.features-header{padding:0 19px}.features-brand{gap:11px}.features-brand img{width:126px}.features-brand span{font-size:10px;letter-spacing:.08em}.features-progress{gap:3px;padding:0 19px}.features-content{grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(22px,5vh,42px);padding:18px 25px;text-align:center}.features-icon-wrap{width:clamp(106px,29vw,150px)}.features-icon-wrap>svg{width:49px;height:49px}.features-copy .features-overline{margin-bottom:14px;font-size:11px}.features-copy h2{font-size:clamp(33px,9vw,48px);line-height:1.1}.features-copy p{margin-top:15px;font-size:clamp(17px,4.7vw,20px);line-height:1.45}.features-controls{min-height:72px;justify-content:space-between;gap:8px;padding:0 16px}.features-controls button{min-height:44px;padding:0 10px}.features-controls .features-step-button span{display:none}.features-play-button{min-width:104px}.features-counter{min-width:56px;font-size:12px}.features-closing{padding:30px 24px}.features-closing h2{margin-top:18px;font-size:clamp(38px,10vw,55px)}.features-closing p{margin-top:18px;font-size:18px}.features-closing-actions{width:min(100%,340px);flex-direction:column;margin-top:27px}.features-closing-actions button{width:100%;min-height:48px}}@media (max-width: 390px){.features-brand img{width:112px}.features-content{gap:19px;padding-right:20px;padding-left:20px}.features-icon-wrap{width:102px}.features-copy h2{font-size:32px}.features-copy p{font-size:16px}.features-controls{padding-right:10px;padding-left:10px}}@media (prefers-reduced-motion: reduce){.features-launch-button,.features-controls button,.features-icon-button{transition:none}}