@font-face{font-family:SpaceGrotesk;src:url(/assets/fonts/space-grotesk.ttf);font-weight:300 700;font-display:swap}@font-face{font-family:Tajawal;src:url(/assets/fonts/tajawal-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(/assets/fonts/tajawal-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url(/assets/fonts/tajawal-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/manrope-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/manrope-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/manrope-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:PlexArabic;src:url(/assets/fonts/plexarabic-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:PlexArabic;src:url(/assets/fonts/plexarabic-600.ttf);font-weight:600;font-display:swap}:root{--background:#fff;--text:#27332e;--muted:#5c6861;--accent:#26734e;--line:#e1e6e2;--on-accent:#fff;--font:SpaceGrotesk, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}html[lang=ar]{--font:Tajawal, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#60776a var(--background);scroll-padding-top:32px}body{background:var(--background);color:var(--text);font:400 16px/1.7 var(--font);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:var(--on-accent)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;font-family:SpaceGrotesk,sans-serif;font-weight:500}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;font-family:Tajawal,sans-serif;font-weight:700}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-weight:600}a{color:inherit;text-underline-offset:5px;text-decoration:none}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}svg{flex-shrink:0;display:block}.wrap{width:min(1280px,100% - 112px);margin-inline:auto}.skip-link{background:var(--accent);color:var(--on-accent);z-index:10;padding:10px 16px;position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{justify-content:space-between;align-items:center;gap:32px;min-height:80px;display:flex}.brand{letter-spacing:-.035em;direction:ltr;flex-shrink:0;align-items:center;gap:10px;font:600 26px/1 Manrope,Arial,sans-serif;display:inline-flex}.brand img{object-fit:contain;width:42px;height:42px}.site-header nav{align-items:center;gap:28px;font-size:15px;display:flex}.site-header nav>a{align-items:center;min-height:44px;display:inline-flex}.nav-features{color:var(--muted)}.nav-features:hover{color:var(--text)}.nav-download{font-family:inherit;font-size:inherit;line-height:inherit;background:var(--text);min-height:44px;color:var(--on-accent);border:0;border-radius:8px;align-items:center;gap:12px;padding:10px 18px;font-weight:500;transition:background .18s;display:inline-flex}.nav-download svg{width:18px;height:18px}.nav-download:not(:disabled):hover{background:var(--accent);color:var(--on-accent)}.nav-download:disabled{cursor:not-allowed;color:#fff;background:#456153}.language{padding:0;border:0;border-inline-start:1px solid var(--line);min-height:44px;color:var(--muted);background:0 0;align-items:center;gap:9px;margin-inline-start:0;padding-inline-start:24px;display:inline-flex}.language svg{width:18px;height:18px}.language [lang=en]{font:400 13px/1.5 Manrope,sans-serif}.language [lang=ar]{font:500 16px/1.5 Tajawal,sans-serif}.language:hover{color:var(--text)}.hero{isolation:isolate;min-height:clamp(490px,100svh - 260px,580px);padding-block:54px 60px;position:relative}.hero-copy{z-index:2;pointer-events:none;width:calc(50% - 32px);margin-inline-end:auto;position:relative}.hero-copy button,.hero-copy a{pointer-events:auto}.hero h1{letter-spacing:0;font-size:clamp(34px,3.35vw,48px);line-height:1.7}.story-first{color:var(--accent);margin-block-end:20px;font-size:22px;font-weight:400;line-height:1.8;display:block}.story-second{max-width:12em;color:var(--text);display:block}.hero-description{color:var(--muted);text-wrap:pretty;max-width:28em;margin-block-start:24px;font-size:18px;line-height:1.85}.hero-note{color:var(--muted);margin-block-start:18px;font-size:13px}html[lang=en] .hero h1{letter-spacing:-.025em;font-size:clamp(34px,3.2vw,46px);line-height:1.24}html[lang=en] .story-first{letter-spacing:0;font-size:22px}html[lang=en] .hero-description{font-size:16px}.features-section{background:var(--background);color:var(--text);border-top:1px solid var(--line)}.features-inner{grid-template-columns:1fr 1fr;align-items:start;gap:100px;padding-block:64px 80px;display:grid}.features-intro h2{font-size:clamp(32px,3vw,42px);line-height:1.7}.features-intro h2 span{color:var(--accent);display:block}.features-intro>p{max-width:25em;color:var(--muted);margin-block-start:22px;font-size:18px}.feature{border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;padding-block:25px;display:flex}.feature:first-child{padding-block-start:4px}.feature:last-child{border:0;padding-block-end:0}.feature svg{width:23px;height:23px;color:var(--accent);margin-block-start:5px}.feature h3{font-size:21px;line-height:1.8}.feature p{color:var(--muted);max-width:32em;margin-block-start:7px;font-size:16px;line-height:1.8}html[lang=en] .feature h3{letter-spacing:-.02em;font-size:25px;font-weight:500;line-height:1.35}html[lang=en] .features-intro h2{letter-spacing:-.035em;font-size:52px;font-weight:500;line-height:1.12}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:30px;display:flex}.site-footer .brand{font-size:20px}.site-footer .brand img{width:32px;height:32px}.site-footer p{color:var(--muted);font-size:14px}.site-footer small{color:var(--muted);font:400 11px/1.5 Manrope,sans-serif}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:500px;padding-block:44px 52px}.hero-copy{width:calc(50% - 20px)}.hero h1{font-size:36px}.features-inner{gap:64px}}@media (width<=900px){.wrap{width:calc(100% - 48px)}.hero{min-height:0;padding-block:28px 412px}.hero-copy{text-align:start;width:min(100%,590px);margin-inline:auto}.hero h1{font-size:38px}.story-second{max-width:100%}.hero-description{max-width:30em}.features-inner{gap:44px;padding-block:72px}.features-intro h2,html[lang=en] .features-intro h2{font-size:32px}.feature h3{font-size:21px}.site-footer p{max-width:13em}}@media (width<=600px){.wrap{width:calc(100% - 40px)}.site-header{gap:16px;min-height:72px}.site-header .brand{gap:6px;font-size:21px}.site-header .brand img{width:35px;height:35px}.site-header nav{gap:12px}.site-header .nav-features{display:none}.nav-download{justify-content:center;width:44px;padding:0}.download-label{display:none}.language{border:0;gap:6px;margin:0;padding-inline-start:0}.language svg{width:16px;height:16px}.hero{padding-block:20px 334px}.hero h1{font-size:clamp(26px,7vw,32px);line-height:1.75}.story-first{margin-block-end:14px;font-size:18px}.hero-description{margin-block-start:20px;font-size:17px;line-height:1.8}.hero-note{margin-block-start:14px;font-size:12px}html[lang=en] .hero h1{font-size:clamp(29px,7.8vw,36px);line-height:1.28}html[lang=en] .story-first{font-size:18px}html[lang=en] .hero-description{font-size:15px}.features-inner{grid-template-columns:1fr;gap:36px;padding-block:56px}.features-intro h2,html[lang=en] .features-intro h2{font-size:32px}.features-intro>p{margin-block-start:16px;font-size:17px}.feature{gap:14px;padding-block:22px}.feature h3{font-size:19px}.feature p{font-size:16px}.site-footer{flex-wrap:wrap;row-gap:18px;padding-block:26px}.site-footer .brand{font-size:18px}.site-footer p{flex-basis:100%;order:3;max-width:none}}@media (width<=359px){.wrap{width:calc(100% - 32px)}.site-header .brand{font-size:19px}.language svg{display:none}}html[lang=ar] .site-header nav{font-weight:500}html[lang=ar] .hero h1{font-size:clamp(38px,4vw,58px);line-height:1.35}html[lang=ar] .story-first{margin-block-end:22px;font-size:24px;font-weight:500;line-height:1.6}html[lang=ar] .hero-description{font-size:20px;line-height:1.85}html[lang=ar] .hero-note{font-size:15px}html[lang=ar] .features-intro h2{font-size:clamp(36px,3.7vw,52px);line-height:1.35}html[lang=ar] .features-intro h2 span{margin-block-start:8px}html[lang=ar] .feature h3{font-size:26px;line-height:1.5}html[lang=ar] .feature p{font-size:18px;line-height:1.85}@media (width<=900px){html[lang=ar] .hero h1{font-size:44px}html[lang=ar] .features-intro h2{font-size:36px}}@media (width<=600px){html[lang=ar] .hero h1{font-size:clamp(32px,8.6vw,40px);line-height:1.4}html[lang=ar] .story-first{margin-block-end:16px;font-size:20px}html[lang=ar] .hero-description{font-size:18px}html[lang=ar] .hero-note{font-size:14px}html[lang=ar] .features-intro h2{font-size:34px}html[lang=ar] .feature h3{font-size:24px}html[lang=ar] .feature p{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.cinema-stage{z-index:0;pointer-events:none;direction:ltr;position:absolute;inset:0;overflow:hidden}.cinema-canvas{position:absolute;inset:0}.cinema-canvas canvas{width:100%;height:100%;display:block}.classic-world{z-index:1;direction:ltr;width:calc(50% - 32px);height:500px;position:absolute;top:50%;left:0;transform:translateY(-50%)}html[lang=en] .classic-world{left:auto;right:0}.classic-world-inner{width:100%;height:100%;transform:perspective(1400px) rotateZ(var(--world-turn,0deg)) rotateY(var(--world-tilt,0deg)) scale(var(--world-scale,1));perspective:1400px;position:relative}.classic-world .poster{will-change:transform;background:#101c23;border:1px solid #b1f5d54d;border-radius:9px;margin:0;position:absolute;overflow:hidden;box-shadow:0 22px 46px -20px #173e3040}.classic-world .poster img{object-fit:cover;width:100%;height:100%;display:block}.classic-world .poster:after{content:"";background:linear-gradient(#0000,#061115f2);position:absolute;inset:38% 0 0}.classic-world .poster-left{opacity:.85;--angle:-7deg;width:34%;height:290px;top:90px;left:6%}.classic-world .poster-right{opacity:.85;--angle:7deg;width:34%;height:290px;top:70px;right:6%}.classic-world .poster-front{z-index:2;--angle:0deg;border-color:#b0ffd07a;width:46%;height:380px;top:42px;left:27%;box-shadow:0 28px 56px -16px #173e3052}.classic-world figcaption{inset-inline:18px;z-index:1;color:#d6e8e3;font:400 12px/1.6 Manrope,sans-serif;position:absolute;bottom:18px}.classic-world .poster-front figcaption{bottom:28px;left:22px}.classic-world .poster-front strong{letter-spacing:-.02em;font:600 34px/1.2 Manrope,sans-serif;display:block}.classic-world .poster-front figcaption>span{color:#b5e7c7;margin-bottom:10px;font:400 11px/1.6 Manrope,sans-serif;display:block}.classic-world .art-caption{text-align:center;color:var(--muted);font:400 12px/1.7 Manrope,sans-serif;position:absolute;bottom:4px;left:8%;right:8%}html[lang=ar] .classic-world figcaption,html[lang=ar] .classic-world .art-caption{letter-spacing:0;direction:rtl;font-family:PlexArabic,sans-serif}html[lang=ar] .classic-world .poster-front figcaption{text-align:right}html[lang=ar] .classic-world .poster-front strong{letter-spacing:0;font:400 34px/1.4 PlexArabic,sans-serif}html[lang=ar] .classic-world .poster-front figcaption>span{letter-spacing:0;font:400 11px/1.7 PlexArabic,sans-serif}.cinema-stage:not(.is-webgl) .classic-world{opacity:1!important}.cinema-stage:not(.is-webgl) .classic-world-inner{transform:scale(1)}.cinema-stage:not(.is-webgl) .poster{transform:rotate(var(--angle))!important;clip-path:none!important}.cinema-stage:not(.is-webgl) .art-caption{opacity:1!important}@media (width<=1100px) and (width>=901px){.classic-world{width:calc(50% - 20px);height:470px}.classic-world .poster-front{height:370px}.classic-world .poster-left,.classic-world .poster-right{height:280px}.classic-world .poster-front strong,html[lang=ar] .classic-world .poster-front strong{font-size:28px}}@media (width<=900px){.cinema-canvas{top:var(--visual-top,520px);bottom:12px}.classic-world,html[lang=en] .classic-world{top:var(--visual-top,520px);width:min(520px,100%);height:380px;left:50%;right:auto;transform:translate(-50%)}.classic-world .poster-front{height:310px;top:38px}.classic-world .poster-left{height:236px;top:70px}.classic-world .poster-right{height:236px;top:60px}.classic-world .poster-front figcaption{bottom:20px;left:14px;right:14px}.classic-world .poster-front strong,html[lang=ar] .classic-world .poster-front strong{font-size:25px}.classic-world .art-caption{bottom:10px}}@media (width<=600px){.classic-world,html[lang=en] .classic-world{height:300px}.classic-world .poster-front{height:220px;top:22px}.classic-world .poster-left,.classic-world .poster-right{height:174px;top:46px}.classic-world figcaption{font-size:11px;inset-inline:10px}.classic-world .poster-front strong,html[lang=ar] .classic-world .poster-front strong{font-size:23px}}@media (width<=360px){.classic-world,html[lang=en] .classic-world{height:300px}.classic-world .poster-front{height:220px}.classic-world .poster-left,.classic-world .poster-right{height:174px}}
