@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--bg:#090b16;--surface:#111426;--surface2:#171a30;--text:#f6f4ff;--muted:#a4a8c0;--purple:#a58bff;--pink:#ff73c7;--cyan:#70e7ef;--line:rgba(255,255,255,.12);--font-ar:"IBM Plex Sans Arabic",sans-serif;--font-en:"DM Sans",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ar);overflow-x:hidden;line-height:1.7}
body.lang-en{font-family:var(--font-en)}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--purple);color:#090b16}
.noise{position:fixed;inset:0;pointer-events:none;z-index:5;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none;z-index:-1;animation:float 12s ease-in-out infinite}
.orb-one{width:360px;height:360px;background:#704dff;top:80px;right:-170px}.orb-two{width:300px;height:300px;background:#ef4eb7;top:560px;left:-180px;animation-delay:-5s}
.site-header{height:88px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:10}
.brand{display:inline-flex;align-items:center;gap:10px;direction:ltr}.brand-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--purple),var(--pink));display:grid;place-items:center;color:#0a0b16;font:800 22px var(--font-en);box-shadow:0 0 28px #a58bff35}.brand-name{font:800 23px var(--font-en);letter-spacing:2px}.brand-dot{color:var(--pink)}
.desktop-nav{display:flex;align-items:center;gap:36px;color:var(--muted);font-size:13px}.desktop-nav a,.text-link,.underlined-link,.footer-right a{transition:color .2s}.desktop-nav a:hover,.text-link:hover,.underlined-link:hover,.footer-right a:hover{color:var(--text)}
.header-actions{display:flex;align-items:center;gap:14px}.language-toggle{border:1px solid var(--line);background:transparent;color:var(--text);padding:8px 12px;border-radius:999px;font:700 11px var(--font-en);cursor:pointer}.language-toggle span{color:var(--cyan);margin-inline-start:4px}.header-cta{font-size:12px;background:var(--text);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:700}.header-cta span{margin-inline-start:8px}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:9px}.menu-toggle span{display:block;width:20px;height:2px;background:white;margin:4px}
.section-wrap{max-width:1240px;margin-inline:auto;padding-inline:32px}
.hero{min-height:650px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:55px;position:relative;padding-top:55px;padding-bottom:90px}
.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--cyan);font-size:12px;letter-spacing:.3px;border:1px solid rgba(112,231,239,.18);background:rgba(112,231,239,.05);padding:7px 13px;border-radius:999px;margin-bottom:24px}.eyebrow-pulse,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan);display:inline-block;animation:pulse 1.8s infinite}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.18;letter-spacing:-2.5px;margin-bottom:22px;font-weight:700}.gradient-text{background:linear-gradient(100deg,var(--cyan),var(--purple) 48%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% 180%;animation:gradientShift 7s ease infinite}.hero-description{font-size:15px;color:var(--muted);max-width:480px;line-height:2;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;gap:25px;padding:14px 18px;border-radius:12px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,var(--purple),var(--pink));color:#0a0b16;box-shadow:0 12px 35px #a58bff25}.button-arrow{font-size:18px}.text-link{font-size:12px;color:var(--muted)}.text-link span{margin-inline-start:8px;color:var(--cyan)}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:47px;color:var(--muted);font-size:11px}.hero-proof p{margin:0}.avatar-stack{display:flex;direction:ltr}.avatar-stack span{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg);display:grid;place-items:center;margin-left:-7px;background:#22243d;color:var(--cyan);font-size:12px}.avatar-stack span:nth-child(2){color:var(--pink);background:#30203d}.avatar-stack span:nth-child(3){color:var(--purple);background:#242643}
.hero-art{height:470px;position:relative;display:grid;place-items:center;isolation:isolate}.art-grid{position:absolute;inset:5% 0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,black 5%,transparent 72%);opacity:.55}.art-core{width:220px;height:220px;border-radius:42% 58% 55% 45%/45% 42% 58% 55%;background:linear-gradient(140deg,#b7a1ff 0%,#7854e9 40%,#e76bbd 100%);display:grid;place-items:center;position:relative;box-shadow:0 0 80px #9878ff55,inset -20px -20px 45px #2b1a70aa,inset 12px 12px 35px #ffffff60;animation:morph 9s ease-in-out infinite,hover 6s ease-in-out infinite;transform:rotate(-18deg)}.core-x{font:800 130px/.9 var(--font-en);color:#101020;letter-spacing:-12px;transform:rotate(18deg);text-shadow:0 4px 0 #ffffff40}.core-ring{position:absolute;width:265px;height:265px;border:1px solid #c5b4ff70;border-radius:50%;transform:rotateX(67deg) rotateZ(-25deg);box-shadow:0 0 25px #a58bff25}.orbit{position:absolute;border:1px solid rgba(197,180,255,.28);border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:360px;height:150px;animation:orbit 18s linear infinite}.orbit-b{width:400px;height:250px;transform:rotate(54deg);border-color:#ff73c745;animation:orbit 25s linear infinite reverse}.orbit-c{width:300px;height:360px;transform:rotate(65deg);border-color:#70e7ef38}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #ffffff20;background:#15172bd9;backdrop-filter:blur(14px);border-radius:12px;font-size:10px;box-shadow:0 15px 45px #0004;animation:float 5s ease-in-out infinite}.card-top{top:65px;right:3px}.card-top b{color:var(--purple);font:700 10px var(--font-en);margin-inline-start:12px}.card-icon{font-size:17px;color:var(--pink)}.card-bottom{bottom:60px;left:0;animation-delay:-2s}.spark{position:absolute;color:var(--cyan);font-size:25px;animation:twinkle 3s ease-in-out infinite}.spark-one{top:22%;left:15%}.spark-two{bottom:23%;right:12%;color:var(--pink);animation-delay:-1s}.spark-three{top:17%;right:21%;color:var(--purple);font-size:18px;animation-delay:-2s}.art-caption{position:absolute;bottom:3px;right:0;left:0;display:flex;justify-content:space-between;color:#777b98;font:10px var(--font-en);letter-spacing:1px}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#777b98;font-size:10px}.scroll-cue span{height:26px;width:15px;border:1px solid #777b98;border-radius:12px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:5px;top:5px;left:5px;border-radius:3px;background:var(--cyan);animation:scrollDot 1.4s infinite}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#ffffff03;transform:rotate(-1.2deg) scale(1.02);margin:20px 0 90px;padding:17px 0}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:36px;white-space:nowrap;min-width:900px;font:700 12px var(--font-en);letter-spacing:3px;color:#c2c4d8}.ticker-track i{font-style:normal;color:var(--pink);font-size:17px}
.section-label{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px;margin-bottom:32px}.section-label span:first-child{font:600 11px var(--font-en);color:var(--cyan);border:1px solid #70e7ef44;padding:5px 8px;border-radius:6px}
.about{padding-top:15px;padding-bottom:120px}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}.about h2,.work-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.35;letter-spacing:-1px;margin:0}.accent{color:var(--pink)}.about-text{max-width:440px}.about-text p,.work-heading p{font-size:13px;color:var(--muted);line-height:2.1;margin-bottom:22px}.underlined-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;padding-bottom:8px;border-bottom:1px solid #a58bff80}.underlined-link span:last-child{color:var(--cyan);font-size:17px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.principle-card{position:relative;min-height:225px;padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(140deg,#ffffff08,transparent);overflow:hidden;transition:transform .25s,border-color .25s}.principle-card:hover{transform:translateY(-6px);border-color:#a58bff65}.principle-number{font:11px var(--font-en);color:#747995}.principle-icon{font-size:28px;color:var(--purple);margin:25px 0 10px}.principle-card:nth-child(2) .principle-icon{color:var(--pink)}.principle-card:nth-child(3) .principle-icon{color:var(--cyan)}.principle-card h3{font-size:16px;margin-bottom:7px}.principle-card p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}
.work{padding-top:30px;padding-bottom:100px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.work-heading p{max-width:300px;margin:0 0 8px}.work-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:15px}.work-card{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#111426;transition:transform .25s,border-color .25s}.work-card:hover{transform:translateY(-5px);border-color:#a58bff65}.work-card-visual{height:230px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#5e4cae66,transparent 65%),#15172a}.work-card-large .work-card-visual{background:radial-gradient(ellipse at 50% 50%,#7a4caa88,transparent 65%),#15172a}.mini-window{position:absolute;width:64%;height:135px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);border:1px solid #ffffff40;background:#14162ce8;border-radius:9px;box-shadow:0 20px 45px #0007;padding:10px}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;background:var(--pink);border-radius:50%}.window-dots i:nth-child(2){background:var(--purple)}.window-dots i:nth-child(3){background:var(--cyan)}.mini-lines{display:grid;gap:7px;margin-top:18px}.mini-lines span{height:5px;width:75%;background:#ffffff19;border-radius:5px}.mini-lines span:first-child{width:42%;height:9px;background:linear-gradient(90deg,var(--purple),var(--pink))}.mini-orb{position:absolute;left:18px;bottom:20px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--purple));filter:drop-shadow(0 0 14px #70e7ef88)}.visual-ideas{background:radial-gradient(ellipse at center,#5b245a88,transparent 65%),#171326}.idea-shape{position:absolute;display:grid;place-items:center;border-radius:20px;box-shadow:0 12px 30px #0005}.shape-one{width:85px;height:85px;background:linear-gradient(135deg,#ff83c9,#9e6cff);font-size:43px;color:#241333;top:28%;left:25%;transform:rotate(-15deg)}.shape-two{width:58px;height:58px;background:#24223d;border:1px solid #ffffff30;font-size:32px;color:var(--cyan);top:20%;right:20%;transform:rotate(15deg)}.shape-three{width:68px;height:68px;background:linear-gradient(135deg,#70e7ef,#8d7aff);font-size:33px;color:#15152b;bottom:15%;right:28%;transform:rotate(22deg)}.visual-motion{background:radial-gradient(ellipse at center,#164b5b88,transparent 65%),#111a2a}.motion-ring{position:absolute;width:150px;height:150px;border:1px solid var(--cyan);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(65deg);box-shadow:0 0 25px #70e7ef33;animation:orbit 10s linear infinite}.ring-two{width:180px;height:180px;border-color:var(--purple);transform:translate(-50%,-50%) rotateY(65deg);animation-direction:reverse}.motion-cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:200 70px var(--font-en);color:var(--pink);text-shadow:0 0 30px #ff73c788}.work-card-info{padding:20px 20px 23px;position:relative}.work-index{font:10px var(--font-en);color:var(--cyan)}.work-card-info h3{font-size:16px;margin:7px 0 4px}.work-card-info p{font-size:11px;color:var(--muted);margin:0;max-width:85%}.work-symbol{position:absolute;left:20px;bottom:22px;color:var(--purple);font-size:20px}
.manifesto{padding-top:20px;padding-bottom:110px}.manifesto-inner{min-height:360px;border:1px solid #ffffff16;border-radius:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 110%,#a58bff2b,transparent 60%),radial-gradient(ellipse at 50% -20%,#ff73c71c,transparent 60%),#101222}.manifesto-inner:before,.manifesto-inner:after{content:"";position:absolute;width:400px;height:120px;border:1px solid #a58bff2c;border-radius:50%;transform:rotate(-25deg)}.manifesto-inner:after{transform:rotate(25deg);border-color:#ff73c72a}.manifesto-star{color:var(--cyan);font-size:27px;animation:twinkle 3s infinite}.manifesto-inner p{font-size:11px;color:var(--muted);margin:8px 0 10px}.manifesto-inner h2{font-size:clamp(34px,5vw,57px);line-height:1.35;margin:0;position:relative;z-index:1}
.contact{padding-bottom:95px}.contact-panel{position:relative;overflow:hidden;border:1px solid #ffffff18;border-radius:22px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(115deg,#17152d,#111426 65%)}.contact-copy{position:relative;z-index:1}.contact-copy h2{font-size:clamp(30px,4vw,44px);line-height:1.4;margin-bottom:10px}.contact-copy p{font-size:12px;color:var(--muted);margin:0}.contact-email{position:relative;z-index:1;display:flex;align-items:center;gap:22px;border-bottom:1px solid #a58bff80;padding-bottom:12px;font:600 clamp(14px,2vw,19px) var(--font-en);direction:ltr}.email-arrow{font-size:24px;color:var(--cyan)}.contact-glow{position:absolute;width:240px;height:240px;background:#a58bff30;filter:blur(80px);border-radius:50%;left:30%;top:10%}
.site-footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand-mark{width:29px;height:29px;font-size:18px;border-radius:9px}.footer-brand .brand-name{font-size:19px}.site-footer p,.footer-right{font-size:10px;color:var(--muted);margin:0}.footer-right{display:flex;gap:24px;align-items:center}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
body[dir="ltr"] .hero h1,body[dir="ltr"] .about h2,body[dir="ltr"] .work-heading h2,body[dir="ltr"] .manifesto-inner h2,body[dir="ltr"] .contact-copy h2{letter-spacing:-1.8px}
body[dir="ltr"] .hero-proof .avatar-stack{direction:ltr}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4;box-shadow:0 0 4px var(--cyan)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes morph{0%,100%{border-radius:42% 58% 55% 45%/45% 42% 58% 55%}50%{border-radius:57% 43% 39% 61%/56% 58% 42% 44%}}
@keyframes orbit{to{rotate:360deg}}
@keyframes twinkle{0%,100%{opacity:.45;scale:.85}50%{opacity:1;scale:1.15}}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes scrollDot{0%{transform:translateY(0);opacity:1}80%,100%{transform:translateY(9px);opacity:0}}
@media(max-width:900px){.hero{gap:20px;grid-template-columns:1fr 1fr;min-height:600px}.hero h1{font-size:clamp(40px,6vw,62px)}.hero-art{height:390px}.art-core{width:175px;height:175px}.core-x{font-size:105px}.core-ring{width:215px;height:215px}.orbit-a{width:290px}.orbit-b{width:320px}.orbit-c{height:290px}.floating-card{font-size:9px}.work-grid{grid-template-columns:1fr 1fr}.work-card-large{grid-column:span 2}.work-card-large .work-card-visual{height:250px}.work-card-visual{height:200px}.desktop-nav{gap:20px}.contact-panel{padding:35px}}
@media(max-width:650px){.site-header{height:72px;padding-inline:20px}.desktop-nav{display:none;position:absolute;top:71px;left:15px;right:15px;background:#14162a;border:1px solid var(--line);border-radius:14px;padding:17px;flex-direction:column;align-items:stretch;gap:0}.desktop-nav.open{display:flex}.desktop-nav a{padding:12px 8px;border-bottom:1px solid #ffffff0c}.desktop-nav a:last-child{border-bottom:0}.menu-toggle{display:block}.header-cta{display:none}.section-wrap{padding-inline:20px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;padding-bottom:65px;gap:20px}.hero-copy{order:1}.hero-art{order:0;height:320px;margin-bottom:12px}.hero h1{font-size:clamp(43px,12vw,62px);letter-spacing:-1.8px}.hero-description{font-size:13px}.hero-proof{margin-top:30px}.art-core{width:145px;height:145px}.core-x{font-size:85px;letter-spacing:-8px}.core-ring{width:180px;height:180px}.orbit-a{width:255px;height:110px}.orbit-b{width:280px;height:170px}.orbit-c{height:240px;width:200px}.card-top{top:25px;right:0}.card-bottom{bottom:30px;left:0}.spark-one{left:8%;top:25%}.spark-two{right:6%;bottom:20%}.scroll-cue{display:none}.ticker{margin:10px 0 65px}.about{padding-bottom:75px}.about-grid{grid-template-columns:1fr;gap:22px}.about h2,.work-heading h2{font-size:39px}.about-text{max-width:none}.principles{grid-template-columns:1fr;gap:10px;margin-top:35px}.principle-card{min-height:auto;padding:20px}.principle-icon{margin:15px 0 5px}.work{padding-bottom:70px}.work-heading{display:block}.work-heading p{margin-top:18px}.work-grid{grid-template-columns:1fr}.work-card-large{grid-column:auto}.work-card-visual,.work-card-large .work-card-visual{height:210px}.manifesto{padding-bottom:75px}.manifesto-inner{min-height:300px}.manifesto-inner:before,.manifesto-inner:after{width:260px;height:90px}.contact{padding-bottom:60px}.contact-panel{padding:28px 22px;flex-direction:column;align-items:flex-start;gap:30px}.contact-email{font-size:15px}.site-footer{padding-block:24px;flex-wrap:wrap}.site-footer p{order:3;width:100%}.footer-right{margin-inline-start:auto;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}