:root{--paper:#f6f7f4;--sky:#dbeaf2;--lav:#dddcf0;--peach:#f1d4c6;--ink:#25343e;--muted:#70808a;--blue:#739fba;--line:rgba(37,52,62,.14);--font:'Alexandria',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);overflow-x:hidden}.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.skip{position:absolute;top:-60px;right:20px;background:var(--ink);color:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.side-index{position:fixed;left:13px;top:50%;z-index:30;display:flex;align-items:center;gap:10px;writing-mode:vertical-lr;font-size:5px;color:#92a0a7;letter-spacing:1px}.side-index i{height:60px;width:1px;background:#b6c2c7}header{height:84px;position:absolute;top:0;right:0;left:0;z-index:40;border-bottom:1px solid rgba(37,52,62,.1);display:flex;align-items:center}.nav{display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;gap:5px;align-items:baseline;color:var(--ink);text-decoration:none}.wordmark b{font-size:25px}.wordmark span{font-size:8px;color:var(--blue)}nav{display:flex;gap:34px}nav a{font-size:9px;color:#637680;text-decoration:none}.nav-cta{display:flex;gap:25px;color:var(--ink);text-decoration:none;font-size:9px;border:1px solid var(--line);border-radius:30px;padding:11px 17px;background:rgba(255,255,255,.25)}.nav-cta i{font-style:normal}.menu{display:none;background:none;border:0}.portal{height:100vh;min-height:720px;background:linear-gradient(180deg,#edf6fa,#e4f0f5);position:relative;overflow:hidden;display:grid;place-items:center}.portal-bg i{position:absolute;border:1px solid rgba(62,101,124,.09);border-radius:50%}.portal-bg i:nth-child(1){width:760px;height:760px;top:calc(50% - 380px);left:calc(50% - 380px)}.portal-bg i:nth-child(2){width:980px;height:450px;top:calc(50% - 225px);left:calc(50% - 490px);transform:rotate(28deg)}.portal-bg i:nth-child(3){width:980px;height:450px;top:calc(50% - 225px);left:calc(50% - 490px);transform:rotate(-28deg)}.portal-ring{position:absolute;width:420px;height:590px;border:1px solid rgba(52,89,111,.2);border-radius:210px;left:calc(50% - 210px);top:calc(50% - 270px);display:grid;place-items:center}.portal-ring:before,.portal-ring:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.7);border-radius:inherit}.portal-ring:before{inset:13px}.portal-ring:after{inset:29px}.ring-text{position:absolute;right:-85px;top:50%;font-size:6px;letter-spacing:3px;color:#718a99;writing-mode:vertical-lr}.portal-window{width:340px;height:500px;border-radius:170px;position:relative;overflow:hidden;background:linear-gradient(#b9d8e8 0 35%,#deddf0 60%,#f0d4c6 100%);box-shadow:inset 0 0 50px rgba(255,255,255,.45),0 30px 80px rgba(62,101,124,.13)}.sky-band{position:absolute;right:-15%;width:130%;border-radius:50% 50% 0 0}.band-a{height:170px;bottom:-55px;background:#f8eee8}.band-b{height:130px;bottom:45px;background:rgba(255,255,255,.4)}.band-c{height:80px;bottom:120px;background:rgba(230,238,244,.36)}.moon{position:absolute;width:95px;height:95px;background:#fff3d9;border-radius:50%;top:95px;left:58px;box-shadow:0 0 50px rgba(255,239,207,.55)}.flight{position:absolute;height:1px;background:rgba(255,255,255,.7);transform-origin:right}.flight:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;left:0;top:-2px}.f1{width:150px;right:55px;top:190px;transform:rotate(-23deg)}.f2{width:100px;right:110px;top:250px;transform:rotate(12deg)}.hero-title{position:absolute;right:6.5%;top:31%;z-index:5}.hero-title>span{font-size:8px;color:#718590}.hero-title h1{font-size:58px;line-height:1.45;letter-spacing:-3px;font-weight:400;margin:17px 0}.hero-title h1 em{font-style:normal;color:#6e98b1}.hero-note{position:absolute;left:7%;bottom:22%;width:260px;font-size:9px;line-height:2.1;color:#70818b}.enter{position:absolute;bottom:30px;left:calc(50% - 32px);display:flex;flex-direction:column;align-items:center;gap:10px;color:#6f838e;text-decoration:none;font-size:7px}.enter i{font-style:normal;width:34px;height:34px;border:1px solid rgba(37,52,62,.2);border-radius:50%;display:grid;place-items:center}.portal-no{position:absolute;bottom:28px;right:4%;font-size:8px;color:#8b9ba3}.statement{min-height:700px;background:var(--paper);display:flex;align-items:center;position:relative}.statement:before{content:"";position:absolute;right:12%;top:20%;width:105px;height:52px;border:1px solid var(--peach);border-radius:50%;transform:rotate(-15deg)}.statement-inner{padding:100px 8%}.chapter{font-size:8px;color:#7f919b}.statement p{font-size:43px;line-height:1.8;letter-spacing:-2px;margin:55px 0;max-width:850px}.statement p em{font-style:normal;color:#6e9bb5;position:relative}.statement p em:after{content:"";position:absolute;right:-5px;left:-5px;bottom:-3px;height:9px;background:var(--peach);opacity:.5;border-radius:50%;z-index:-1}.statement-foot{display:flex;align-items:center;gap:20px;color:#87969d;font-size:7px}.statement-foot i{width:160px;height:1px;background:#cdd6d8}.layers{padding:120px 0 0}.layers-intro{display:grid;grid-template-columns:150px 1fr .7fr;align-items:end;margin-bottom:70px}.layers-intro h2{font-size:43px;line-height:1.55;font-weight:400;letter-spacing:-2px;margin:0}.layers-intro h2 em{font-style:normal;color:#6e9bb5}.layers-intro p{font-size:9px;color:var(--muted);line-height:2}.layer{background:var(--c);border-top:1px solid rgba(37,52,62,.1);transition:.5s}.layer>button{width:min(1180px,calc(100% - 56px));margin:auto;height:125px;border:0;background:none;display:grid;grid-template-columns:70px 1fr 1fr 50px;align-items:center;text-align:right;font-family:inherit;color:var(--ink);cursor:pointer}.layer>button>span{font-size:8px}.layer>button h3{font-size:26px;font-weight:400}.layer>button p{font-size:8px;color:#6f818b}.layer>button i{font-style:normal;font-size:22px;font-weight:300;transition:.4s}.layer.open>button i{transform:rotate(45deg)}.layer-content{width:min(1000px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .7s ease,opacity .5s}.layer.open .layer-content{max-height:530px;opacity:1;padding:20px 0 70px}.layer-content>div:last-child>b{font-size:21px;font-weight:500}.layer-content>div:last-child>p{font-size:9px;line-height:2.1;color:#637680;max-width:420px;margin:20px 0}.layer-content a{font-size:8px;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(37,52,62,.25);padding-bottom:6px}.layer-visual{height:330px;background:rgba(255,255,255,.3);position:relative;overflow:hidden;display:grid;place-items:center}.layer-visual>b{font-size:24px;line-height:1.35;letter-spacing:2px;color:rgba(37,52,62,.28);direction:ltr;z-index:3}.map>span{position:absolute;width:170px;height:170px;border:1px solid #7196a9;border-radius:50%}.map i{position:absolute;width:8px;height:8px;background:#779eb4;border-radius:50%}.map i:nth-child(2){right:25%;top:28%}.map i:nth-child(3){left:27%;bottom:24%;background:#eaa989}.map i:nth-child(4){right:36%;bottom:20%}.map:after{content:"";position:absolute;inset:40px;border:1px dashed rgba(77,111,128,.3);border-radius:50%;transform:rotateX(65deg)}.lens>span{position:absolute;width:190px;height:190px;background:rgba(255,255,255,.45);border:1px solid #9d9bbd;border-radius:58% 42% 55% 45%;transform:rotate(35deg)}.lens i{position:absolute;width:105px;height:220px;border:1px solid #9997bb;border-radius:50%;transform:rotate(-35deg)}.signal-art span{position:absolute;width:85px;height:85px;border:1px solid #b67f68;border-radius:50%}.signal-art span:nth-child(2){width:160px;height:160px}.signal-art span:nth-child(3){width:240px;height:240px}.signal-art i{position:absolute;width:14px;height:14px;background:#fff;border:4px solid #cb9278;border-radius:50%;right:22%;top:27%}.stories{padding-top:140px}.stories-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.stories-head>p{font-size:29px;line-height:1.7;margin:0}.stories-head>p em{font-style:normal;color:#759bad}.story{display:grid;grid-template-columns:130px 1fr;margin-bottom:110px}.story-label{border-top:1px solid var(--line);padding-top:18px}.story-label span,.story-label b,.story-label small{display:block}.story-label span,.story-label small{font-size:7px;color:#7e8f98}.story-label b{font-size:18px;margin:35px 0 7px}.story-canvas{height:620px;position:relative;overflow:hidden}.story-namaa .story-canvas{background:linear-gradient(135deg,#cfd7ee,#9fc5dc)}.story-widad .story-canvas{background:linear-gradient(135deg,#cce9e4,#a9d1d9)}.giant-word{position:absolute;font-size:180px;font-weight:600;color:rgba(255,255,255,.25);right:-20px;bottom:-50px}.orbit-copy{position:absolute;left:35px;top:35px;font-size:7px;line-height:1.7;letter-spacing:2px;color:rgba(37,52,62,.5);direction:ltr}.namaa-device{position:absolute;width:275px;height:470px;background:#f9faf9;border:8px solid #293e50;border-radius:140px 140px 15px 15px;right:calc(50% - 137px);bottom:-40px;padding:75px 28px 20px;box-shadow:20px 25px 0 rgba(42,65,83,.12)}.namaa-device>div:first-child{display:flex;justify-content:space-between;font-size:8px}.namaa-device>small{font-size:6px;color:#7d8c95;display:block;margin-top:35px}.namaa-device h4{font-size:23px;margin:6px 0 22px}.namaa-device h4 i{font-size:7px;font-style:normal}.namaa-circle{width:120px;height:120px;border:12px solid #e3e7ef;border-top-color:#819ac8;border-right-color:#819ac8;border-radius:50%;display:grid;place-items:center;margin:auto}.namaa-circle b,.namaa-circle span{display:block;text-align:center}.namaa-circle b{font-size:17px}.namaa-circle span{font-size:6px}.namaa-device>p{font-size:7px;text-align:center;color:#75858e}.result{position:absolute;background:rgba(255,255,255,.72);backdrop-filter:blur(15px);padding:13px 16px;border:1px solid rgba(255,255,255,.6)}.result b,.result span{display:block}.result b{font-size:19px}.result span{font-size:6px;color:#71838d;margin-top:4px}.r1{right:35px;top:90px}.r2{left:40px;bottom:70px}.story-end{grid-column:2;display:flex;justify-content:space-between;padding-top:22px}.story-end p{font-size:9px;color:#6f8089}.story-end a{font-size:8px;color:var(--ink);text-decoration:none}.widad-screen{position:absolute;width:70%;height:420px;background:rgba(255,255,255,.68);backdrop-filter:blur(12px);right:15%;bottom:0;padding:55px;overflow:hidden}.widad-screen>b{font-size:30px;line-height:1.6}.widad-screen>p{font-size:8px;color:#648086}.widad-screen>a{display:inline-block;background:#315864;color:#fff;padding:9px 14px;border-radius:20px;font-size:7px;margin-top:20px}.widad-sun{position:absolute;width:280px;height:280px;background:#e9f5f2;border-radius:50%;left:-70px;bottom:-100px;display:grid;place-items:center;font-size:60px;color:#72a8a7}.numbers{padding-top:20px;padding-bottom:120px;display:grid;grid-template-columns:.6fr repeat(3,1fr) 1.2fr;border-top:1px solid var(--line)}.numbers>div:first-child{font-size:7px;padding-top:30px;color:#7c8f98}.numbers article{padding:30px;border-left:1px solid var(--line)}.numbers article b{font-size:55px;font-weight:300;color:#6c96ad}.numbers article p{font-size:7px;line-height:1.7;color:#71828a}.numbers-note{font-size:10px;line-height:2;padding:35px}.contact{min-height:570px;background:linear-gradient(150deg,var(--sky),var(--lav));border-radius:300px 300px 12px 12px;margin-bottom:90px;text-align:center;padding:105px 40px;position:relative;overflow:hidden}.contact h2{font-size:51px;line-height:1.45;font-weight:400;letter-spacing:-2px;margin:25px 0 10px}.contact h2 em{font-style:normal;color:#6e93aa}.contact>p{font-size:9px;color:#6d7e89}.contact>a{display:inline-flex;gap:45px;background:var(--ink);color:#fff;border-radius:30px;padding:15px 21px;text-decoration:none;font-size:9px;margin:20px 0;position:relative;z-index:2}.contact>a i{font-style:normal}.contact>small{display:block;font-size:6px;color:#84949c}.contact-portal i{position:absolute;border:1px solid rgba(255,255,255,.4);border-radius:50%;width:500px;height:500px;right:calc(50% - 250px);top:40px}.contact-portal i:nth-child(2){width:360px;height:520px;right:calc(50% - 180px);top:20px}.contact-portal span{position:absolute;width:14px;height:14px;background:var(--peach);border:4px solid #fff;border-radius:50%;left:29%;top:29%}.footer{height:110px;display:flex;align-items:center;justify-content:space-between}.footer>p,.footer>small{font-size:7px;color:#829198}.footer>div{display:flex;gap:20px}.footer>div a{font-size:7px;color:#71828a;text-decoration:none}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
/* أحجام أوضح للنصوص الثانوية */
nav a,.nav-cta{font-size:11px}.wordmark span{font-size:10px}.ring-text{font-size:8px}.hero-title>span{font-size:10px}.hero-note{font-size:11px;line-height:2.15;width:300px}.enter{font-size:9px}.portal-no{font-size:10px}.chapter{font-size:10px}.statement-foot{font-size:9px}.layers-intro p{font-size:11px}.layer>button>span{font-size:10px}.layer>button p{font-size:10px}.layer-content>div:last-child>p{font-size:11px}.layer-content a{font-size:10px}.story-label span,.story-label small{font-size:9px}.orbit-copy{font-size:9px}.result span{font-size:8px}.story-end p{font-size:11px}.story-end a{font-size:10px}.numbers>div:first-child{font-size:9px}.numbers article p{font-size:9px}.contact>p{font-size:11px}.contact>a{font-size:11px}.contact>small{font-size:8px}.footer>p,.footer>small,.footer>div a{font-size:9px}
@media(max-width:900px){.side-index{display:none}nav,.nav-cta{display:none}.menu{display:block}.menu i{display:block;width:22px;height:1px;background:var(--ink);margin:6px}nav.open{display:flex;position:absolute;top:72px;right:25px;left:25px;background:#fff;padding:25px;flex-direction:column;border:1px solid var(--line)}.hero-title{right:5%;top:24%}.hero-note{left:4%;bottom:17%}.portal-ring{opacity:.8}.layers-intro{grid-template-columns:100px 1fr}.layers-intro p{grid-column:2}.layer-content{grid-template-columns:1fr;gap:30px}.layer.open .layer-content{max-height:850px}.story{grid-template-columns:80px 1fr}.numbers{grid-template-columns:repeat(3,1fr)}.numbers>div:first-child,.numbers-note{grid-column:1/-1}}
@media(max-width:600px){.container{width:min(100% - 30px,1180px)}header{height:70px}.portal{min-height:760px}.portal-ring{width:300px;height:440px;left:calc(50% - 150px);top:150px}.portal-window{width:250px;height:370px}.hero-title{top:105px;right:20px}.hero-title h1{font-size:36px;letter-spacing:-2px}.hero-note{bottom:85px;left:20px;width:210px}.enter{display:none}.statement{min-height:600px}.statement-inner{padding:80px 0}.statement p{font-size:27px}.layers{padding-top:80px}.layers-intro{display:block}.layers-intro h2{font-size:31px;margin:20px 0}.layer>button{grid-template-columns:35px 1fr 35px;height:100px}.layer>button p{display:none}.layer>button h3{font-size:20px}.layer-content{width:calc(100% - 30px)}.layer-visual{height:270px}.stories{padding-top:90px}.stories-head{display:block}.stories-head p{font-size:23px;margin-top:20px}.story{display:block;margin-bottom:80px}.story-label{display:flex;gap:15px;align-items:center;margin-bottom:15px}.story-label b{margin:0}.story-canvas{height:470px}.namaa-device{transform:scale(.82);transform-origin:bottom}.result{transform:scale(.8)}.giant-word{font-size:100px}.story-end{display:block}.widad-screen{width:86%;right:7%;padding:35px}.numbers{grid-template-columns:1fr 1fr}.numbers article{padding:25px 15px}.numbers article b{font-size:43px}.contact{min-height:520px;padding:85px 20px;margin-bottom:30px;border-radius:160px 160px 8px 8px}.contact h2{font-size:34px}.footer{height:auto;padding:35px 0;flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
