@font-face{font-family:DM Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/dm-sans-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/dm-sans-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-400-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-500-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-800-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#080c18;--bg2:#0b1122;--panel:#11182c;--panel2:#171f38;--text:#f3f5ff;--muted:#a1acc6;--muted2:#7582a3;--line:#a7b8e826;--line2:#a7b8e847;--blue:#7987ff;--cyan:#77dbfa;--purple:#9e7bff;--shadow:0 22px 90px #0003}html[data-theme=light]{--bg:#f5f7ff;--bg2:#eef2ff;--panel:#fff;--panel2:#f5f7ff;--text:#14223b;--muted:#566481;--muted2:#6e7b96;--line:#25427b26;--line2:#25427b42;--blue:#4d51d5;--cyan:#008aab;--purple:#6c4dd2;--shadow:0 22px 70px #2a3d7517}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Manrope,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{color:#fff;background:#7165ef}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.locale-shell{isolation:isolate;min-height:100vh;position:relative;overflow:clip}[dir=rtl]{font-family:Tajawal,DM Sans,sans-serif}[dir=rtl] .eyebrow{letter-spacing:0}.ambient-global{pointer-events:none;z-index:-1;background:radial-gradient(at 74% 30%,#5a3ed226,#0000 40%),radial-gradient(at 20% 36%,#1a64b921,#0000 55%);height:820px;position:absolute;inset:0 0 auto}.container{max-width:1260px;margin:auto;padding:0 clamp(20px,2.4vw,38px)}.section{padding-top:clamp(52px,5vw,72px);padding-bottom:clamp(52px,5vw,72px)}.alt{background:linear-gradient(180deg,transparent,var(--bg2) 12%,var(--bg2) 80%,transparent)}.eyebrow{letter-spacing:.16em;color:var(--blue);text-transform:uppercase;font-size:11px;font-weight:700}.skip{z-index:300;color:#000;background:#fff;padding:10px;position:fixed;top:-60px;left:12px}.skip:focus{top:10px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(46px,5.4vw,86px)}h2{font-size:clamp(30px,4.1vw,58px)}h3{font-size:24px}p{color:var(--muted)}.header{z-index:100;background:color-mix(in srgb,var(--bg) 81%,transparent);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid var(--line);height:85px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:26px;height:100%;display:flex}.brand{white-space:nowrap;letter-spacing:-.075em;align-items:center;gap:13px;font-size:23px;font-weight:800;display:flex}.brand b,.footer b span{color:var(--purple)}.brand-logo{color:#fff;background:linear-gradient(135deg,#9375ff,#376ee1);border-radius:12px;place-items:center;width:39px;height:39px;font-size:20px;display:grid;box-shadow:0 0 25px #5c4fe23d}.brand small{color:var(--muted2);letter-spacing:.12em;font:500 8px DM Sans,sans-serif}.navigation{align-items:center;gap:17px;margin-left:auto;display:flex}.navigation>a{color:var(--muted);font-size:11px;font-weight:700;transition:color .2s}.navigation>a:hover,.navigation>a.current{color:var(--text)}.nav-actions{align-items:center;gap:8px;display:flex}.theme-btn,.mobile-toggle{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;width:38px;height:38px}.locale-picker{position:relative}.locale-btn{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--text);letter-spacing:.06em;cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:0 10px;font:700 11px DM Sans,sans-serif;transition:border-color .2s,background .2s;display:inline-flex}.locale-btn:hover,.locale-btn.is-open{border-color:color-mix(in srgb,var(--purple) 55%,var(--line));background:color-mix(in srgb,var(--purple) 10%,var(--panel))}.locale-globe{color:var(--muted);flex:none}.locale-flag{flex:none;font-size:14px;line-height:1}.locale-btn.is-open .locale-globe{color:var(--purple)}.locale-code{line-height:1}.locale-chevron{color:var(--muted2);transition:transform .2s}.locale-btn.is-open .locale-chevron{color:var(--purple);transform:rotate(180deg)}.locale-menu{top:calc(100% + 8px);z-index:120;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);min-width:196px;box-shadow:var(--shadow);transform-origin:100% 0;border-radius:14px;flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;inset-inline-end:0}.locale-menu>li{width:100%;display:block}.locale-menu .locale-option{width:100%}.locale-option{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;font:600 12px DM Sans,sans-serif;transition:background .15s,color .15s;display:flex}.locale-option:hover,.locale-option:focus-visible{background:color-mix(in srgb,var(--purple) 14%,transparent);outline:none}.locale-option.is-active{color:var(--purple)}.locale-option-name{white-space:nowrap;flex:1}.locale-option-code{letter-spacing:.1em;color:var(--muted2);border:1px solid var(--line);border-radius:5px;padding:2px 4px;font-size:9px;font-weight:700;line-height:1}.locale-option.is-active .locale-option-code{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 45%,var(--line))}.locale-check{color:var(--purple);flex:none}.mobile-toggle{display:none}.footer{border-top:1px solid var(--line);background:var(--bg2);margin-top:clamp(52px,5.6vw,84px);padding:55px 0 23px}.footer-inner{justify-content:space-between;gap:36px;display:flex}.footer b{letter-spacing:-.05em;font-size:26px}.footer p,.footer small{max-width:520px;font-size:12px;display:block}.footer-inner>div:last-child{color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;font-size:13px;display:flex}.copyright{text-align:center;border-top:1px solid var(--line);color:var(--muted2);margin-top:45px;padding-top:16px;font-size:11px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,2.6vw,38px);min-height:clamp(560px,64vh,720px);padding-top:clamp(34px,3.6vw,56px);padding-bottom:clamp(30px,3vw,46px);display:grid}.hero-copy{z-index:5;position:relative}.hero-copy h1{margin:28px 0 25px}.hero-copy h1 span{display:block}.hero-copy h1 .gradient{color:#0000;background:linear-gradient(110deg,#b9a7ff,#7389f6,#74dcf0);-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:640px;font-size:17px;line-height:1.9}.status-dot{background:#53efcb;border-radius:50%;width:7px;height:7px;margin-inline-end:8px;display:inline-block;box-shadow:0 0 15px #53efcb}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:29px;display:flex}.btn{border-radius:11px;justify-content:center;align-items:center;gap:15px;min-height:45px;padding:13px 20px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn.primary{color:#fff;background:linear-gradient(110deg,#7e68f5,#486ddf);box-shadow:0 12px 35px #5557db40}.btn.ghost{border:1px solid var(--line2);background:var(--panel);color:var(--text)}.btn.white{color:#17122b;background:#fff}.hero-meta{flex-wrap:wrap;gap:11px;margin-top:clamp(24px,2.8vw,34px);display:flex}.hero-meta span{border:1px solid var(--line);color:var(--muted);letter-spacing:.07em;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:800}.hero-graphic{place-items:center;height:clamp(430px,36vw,540px);display:grid;position:relative}.hero-orbit{border:1px solid #9686f42e;border-radius:50%;animation:60s linear infinite spin;position:absolute}.orbit-one{width:550px;height:550px}.orbit-two{border-style:dashed;width:450px;height:450px;animation-direction:reverse}.orbit-three{width:340px;height:340px;box-shadow:0 0 90px #4e42be33,inset 0 0 80px #4e42be12}.hero-image{z-index:2;background:var(--panel);border:5px solid #a69df433;border-radius:28px 28px 14px 14px;width:305px;height:390px;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 30px 90px #090b2473}.hero-image:after{content:"";background:linear-gradient(#0000,#0c0e2866);height:28%;position:absolute;inset:auto 0 0}.float-label{z-index:4;background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--text);letter-spacing:.1em;border:1px solid #8b8fed52;border-radius:12px;padding:10px 13px;font:800 10px DM Sans,sans-serif;animation:6s ease-in-out infinite float;position:absolute;box-shadow:0 12px 35px #0000002e}.fl1{top:18%;left:0}.fl2{animation-delay:1s;bottom:24%;right:0}.fl3{animation-delay:2s;top:24%;right:0}.fl4{animation-delay:3s;bottom:12%;left:0}.fl5{animation-delay:4s;top:46%;left:-4px}.hero-image-footer{z-index:5;color:var(--muted2);letter-spacing:.2em;font:700 9px DM Sans,sans-serif;position:absolute;bottom:55px}.ribbon{background:#fff;border-block:1px solid #14223b1f;padding:17px 0;overflow:hidden}.ribbon div{text-align:center;letter-spacing:.18em;color:#2b3550;white-space:nowrap;font:800 11px DM Sans,sans-serif}html[data-theme=light] .ribbon{background:#0b1122;border-color:#ffffff24}html[data-theme=light] .ribbon div{color:#cfd8ee}.section-heading{max-width:800px;margin-bottom:clamp(22px,2.7vw,34px)}.section-heading h2{margin:15px 0 18px}.section-heading p{max-width:650px;font-size:16px;line-height:1.8}.section-end{text-align:right;margin-top:25px}.text-link{color:var(--blue);font-size:13px;font-weight:800}.role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.role-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--bg2));border-radius:17px;flex-direction:column;min-height:305px;padding:23px;transition:transform .26s,border-color .26s,box-shadow .26s;display:flex;position:relative;overflow:hidden}.role-card:hover{border-color:var(--line2);transform:translateY(-7px);box-shadow:0 26px 50px #322d7c1f}.role-number{letter-spacing:.11em;color:var(--blue);justify-content:space-between;font:800 11px DM Sans,sans-serif;display:flex}.role-number span{color:var(--muted2);font-size:9px}.role-symbol{width:67px;height:67px;color:var(--blue);background:radial-gradient(circle at 30% 25%,#a68cff40,#4c4e9e12);border:1px solid #7a89f938;border-radius:20px;place-items:center;margin:24px 0 19px;font-size:29px;font-weight:800;display:grid;box-shadow:0 0 28px #5e5ac31f}.role-card h3{margin-bottom:10px;font-size:19px}.role-card p{flex:1;margin-bottom:19px;font-size:12px;line-height:1.8}.role-more{color:var(--blue);justify-content:space-between;font-size:11px;font-weight:800;display:flex}.role-more span{font-size:18px}.process-explorer{border:1px solid var(--line2);background:var(--panel);box-shadow:var(--shadow);border-radius:22px;padding:27px}.process-dots{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.stage{color:var(--muted2);background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;gap:12px;min-width:0;padding:9px 5px;display:grid}.stage span{background:var(--bg2);border:1px solid var(--line);width:43px;height:43px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.stage b{font-size:10px}.stage.active{color:var(--text);background:#827afd17}.stage.active span{color:#fff;background:linear-gradient(145deg,#7c6af3,#3f81e5);border-color:#0000;box-shadow:0 0 20px #6a64e74a}.stage-detail{background:var(--bg2);border:1px solid var(--line);border-radius:17px;grid-template-columns:.75fr 1.25fr;align-items:center;gap:40px;min-height:280px;margin-top:28px;padding:25px 40px;display:grid}.stage-detail h3{margin:15px 0;font-size:32px}.stage-detail p{font-size:15px;line-height:1.85}.stage-art{place-items:center;height:245px;display:grid;position:relative}.stage-rings span{border:1px dashed #7880ff4d;border-radius:50%;width:170px;height:170px;animation:26s linear infinite spin;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-rings span:nth-child(2){width:218px;height:218px;animation-direction:reverse}.stage-rings span:nth-child(3){width:110px;height:110px}.stage-orb{z-index:2;color:#fff;background:linear-gradient(145deg,#282a77,#3549a0);border:1px solid #b2b3ff99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:125px;height:125px;display:flex;box-shadow:0 0 50px #5a58d657}.stage-orb em{font-size:28px;font-style:normal;font-weight:800}.stage-orb strong{font-size:13px}.orbit-satellite{background:var(--cyan);width:13px;height:13px;box-shadow:0 0 25px var(--cyan);border-radius:50%;position:absolute}.satellite-a{top:22%;left:19%}.satellite-b{background:var(--purple);bottom:24%;right:18%}.small-note{color:var(--blue);border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.project-card{border:1px solid var(--line);background:var(--panel);border-radius:19px;overflow:hidden}.project-visual{background:radial-gradient(at 40% 30%,#343b83,#10172d 65%);height:280px;position:relative;overflow:hidden}.project-visual img{transition:transform .4s}.project-card:hover img{transform:scale(1.035)}.project-index{z-index:2;color:#fff;letter-spacing:.13em;background:#080c1ea6;border:1px solid #ffffff40;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:800;position:absolute;top:17px;left:18px}.project-private-badge{top:10px;z-index:3;color:#fff;letter-spacing:.16em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c1ebd;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font:800 8.5px DM Sans,sans-serif;display:inline-flex;position:absolute;inset-inline-end:10px}.project-private-badge:before{content:"";background:#ffb86b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #ffb86b}.project-visual.is-private img,.project-row-media.is-private img{filter:blur(2px)saturate(.82);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:scale(1.06)}.project-abstract{place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.abstract-circle{border:1px solid #b4b9ff38;border-radius:50%;width:230px;height:230px;display:block;position:absolute}.abstract-circle.c2{border-style:dashed;width:320px;height:320px;animation:50s linear infinite spin}.abstract-title{color:#e8e3ff;letter-spacing:-.08em;text-shadow:0 0 80px #9a8cff80;font-size:88px;font-weight:800}.project-content{padding:24px}.project-content h3{margin:14px 0 8px;font-size:28px}.project-content>small{color:var(--cyan);font-size:11px;font-weight:800}.project-content p{margin:15px 0 22px;font-size:13px}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tags span{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:5px 8px;font-size:10px}.project-links{color:var(--blue);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:12px;font-weight:800;display:flex}.project-links>span{color:var(--muted2)}.project-link{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,transparent);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-flex}.project-link:hover,.project-link:focus-visible{border-color:color-mix(in srgb,var(--blue) 52%,var(--line));background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--text);transform:translateY(-1px)}.project-link svg{opacity:.9;flex:none}.credentials-mini{padding-top:50px;padding-bottom:80px}.mini-credential{border:1px solid var(--line);background:var(--panel);border-radius:18px;align-items:center;gap:25px;padding:30px;display:flex}.credential-glyph{color:var(--blue);font-size:60px}.mini-credential h3{margin:10px 0;font-size:20px}.mini-credential p{margin:0;font-size:13px}.mini-credential>a{margin-inline-start:auto}.contact-cta{background:linear-gradient(120deg,#4d48c5,#4646ae,#225691);border-radius:24px;justify-content:space-between;align-items:center;padding-top:55px;padding-bottom:55px;display:flex;position:relative;overflow:hidden}.contact-cta h2,.contact-cta p,.contact-cta .eyebrow{color:#fff}.contact-cta h2{margin:14px 0}.contact-cta p{color:#e8e9ff}.cta-mark{color:#ffffff26;letter-spacing:-.1em;font-size:170px;font-weight:800;line-height:1}.route-transition{animation:.18s cubic-bezier(.22,.9,.35,1) both routeIn}@keyframes routeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.route-transition{animation:none}}.subpage{padding-top:clamp(32px,3.8vw,56px)}.subpage-head{max-width:850px;margin-bottom:clamp(24px,3vw,40px)}.subpage-head h1{margin:18px 0;font-size:clamp(40px,5vw,72px)}.subpage-head p{max-width:700px;font-size:17px}.role-hero{border-bottom:1px solid var(--line);grid-template-columns:1.3fr .7fr;align-items:center;gap:40px;min-height:450px;padding-bottom:60px;display:grid}.back-link{color:var(--muted2);margin-bottom:32px;font-size:12px;display:block}.role-hero h1{margin:18px 0;font-size:clamp(42px,5vw,72px)}.role-hero p{max-width:690px;font-size:17px;line-height:1.9}.role-tools{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.role-tools span{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:8px 11px;font-size:11px}.role-hero-visual{background:radial-gradient(circle,#665fdf38,#0000 58%);place-items:center;height:300px;display:grid;position:relative}.large-symbol{color:var(--blue);text-shadow:0 0 55px #7d73fa59;z-index:3;font-size:100px;font-weight:800}.holo-line{border:1px dashed #9a8cff57;border-radius:50%;width:230px;height:230px;animation:32s linear infinite spin;position:absolute}.holo-line.l2{width:290px;height:290px;animation-direction:reverse}.holo-line.l3{border-style:solid;width:165px;height:165px}.role-hero-visual strong{letter-spacing:.15em;color:var(--muted2);font-size:9px;position:absolute;bottom:0}.role-section{border-bottom:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 640px;padding:clamp(42px,4.6vw,62px) 0}.role-footer{gap:12px;padding-top:50px;display:flex}.path-diagram{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px;overflow:hidden}.path-chain{justify-content:space-between;align-items:center;gap:0;display:flex}.path-part{display:contents}.path-node{background:var(--bg2);border:1px solid var(--line);min-width:0;color:var(--text);border-radius:15px;flex:1;justify-items:center;gap:18px;min-height:115px;padding:22px 13px;transition:all .3s;display:grid}.path-node:hover,.path-node.active{border-color:var(--blue);background:#6e69eb26;box-shadow:0 0 27px #605bcd1f}.path-node span{color:var(--blue);font-size:11px;font-weight:800}.path-node strong{text-align:center;font-size:12px}.path-link{background:linear-gradient(90deg,var(--purple),var(--cyan));flex:.15;min-width:10px;height:2px;display:block;position:relative}.path-link i{border:4px solid #0000;border-left-color:var(--cyan);position:absolute;top:-3px;right:0}[dir=rtl] .path-link i{left:0;right:auto;transform:rotate(180deg)}.path-highlight{background:var(--bg2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:15px;margin-top:24px;padding:17px 20px;display:flex}.path-highlight strong{font-size:16px}.path-highlight small{color:var(--muted2);margin-inline-start:auto;font-size:11px}.path-pulse{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 18px var(--cyan);border-radius:50%;animation:2s infinite pulse}.architecture-visual{border:1px solid var(--line2);background:radial-gradient(ellipse at 60% 40%,#555bdf29,transparent 60%),var(--panel);border-radius:22px;min-height:450px;padding:30px}.visual-top{justify-content:space-between;display:flex}.signal{color:var(--cyan);letter-spacing:.12em;font-size:9px}.architecture-stack{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;min-height:310px;display:flex}.architecture-unit{display:contents}.architecture-node{background:linear-gradient(150deg,#6460cb33,var(--bg2));border:1px solid #8487f84a;border-radius:17px;flex:1;place-items:center;gap:5px;min-width:0;min-height:120px;transition:transform .2s;display:grid;position:relative;box-shadow:0 16px 35px #13103e24}.architecture-node:hover{transform:translateY(-6px)}.architecture-node b{text-align:center;padding:0 6px;font-size:13px}.architecture-node .num{color:var(--cyan);font-size:10px}.node-orbit{background:var(--purple);width:11px;height:11px;box-shadow:0 0 16px var(--purple);border-radius:50%;position:absolute;top:-5px;right:20px}.architecture-wire{background:linear-gradient(90deg,var(--purple),var(--cyan));flex:.2;min-width:28px;height:2px;position:relative}.architecture-wire:before{content:"";background:#77dbfa;border-radius:50%;width:6px;height:6px;animation:2s linear infinite wireTravel;position:absolute;top:-2px;left:35%}.architecture-caption{text-align:center;color:var(--muted2);letter-spacing:.12em;font:700 11px DM Sans,sans-serif}.architecture-caption span{color:var(--blue)}.deliverable-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.deliverable{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-height:110px;padding:23px}.deliverable span{color:var(--purple);margin-bottom:15px;font-size:11px;font-weight:800;display:block}.deliverable b,.deliverable h3{font-size:16px;line-height:1.4}.deliverable p{font-size:12px}.content-two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.content-panel{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:33px}.content-panel h2{margin:17px 0;font-size:clamp(27px,2.3vw,36px)}.content-panel h3{margin-top:14px;font-size:21px}.content-panel p,.content-panel li{color:var(--muted);font-size:14px;line-height:1.95}.content-panel li{margin-bottom:14px}.content-panel ol{padding-inline-start:22px}.example-panel{background:linear-gradient(145deg,#614cce21,var(--panel))}.content-panel small{color:var(--muted2);font-size:11px}.method-grid{flex-wrap:wrap;gap:12px;display:flex}.method{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:14px 17px;font-size:12px;font-weight:700;display:flex}.method span{color:var(--cyan)}.artifact-explorer{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:23px}.artifact-tabs{flex-wrap:wrap;gap:8px;display:flex}.artifact-tabs button{border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800}.artifact-tabs button.selected{color:#fff;background:#6556d8}.artifact-panel{grid-template-columns:300px 1fr;align-items:center;gap:30px;min-height:280px;display:grid}.artifact-panel h3{margin:15px 0;font-size:35px}.artifact-panel p{font-size:17px}.artifact-orbit{place-items:center;width:260px;height:260px;display:grid;position:relative}.artifact-orbit b{color:var(--blue);z-index:2;font-size:36px;position:relative}.ar-ring{border:1px dashed #8277f766;border-radius:50%;width:220px;height:220px;animation:25s linear infinite spin;position:absolute}.ar-ring.ar2{border-style:solid;width:160px;height:160px;animation-direction:reverse}.resume-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:24px}.resume-toolbar{justify-content:space-between;gap:18px;display:flex}.resume-toolbar label{flex:1}.resume-toolbar input{background:var(--bg2);width:100%;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 15px}.filter-group{gap:8px;display:flex}.filter-group button{border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:11px;padding:10px 16px}.filter-group button.active{color:#fff;background:#5f57d4}.resume-count{color:var(--muted);margin:20px 0;font-size:12px}.resume-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.resume-row{border:1px solid var(--line);background:var(--bg2);border-radius:12px;align-items:center;gap:15px;padding:17px;transition:transform .2s;display:flex}.resume-row:hover{border-color:var(--line2);transform:translateY(-2px)}.resume-icon{color:var(--blue);font-size:25px}.resume-row>span:nth-child(2){flex:1;display:grid}.resume-row strong{font-size:13px}.resume-row small{color:var(--muted2);margin-top:4px;font-size:11px}.download-arrow{color:var(--cyan)}.career-timeline{border-inline-start:1px solid var(--line2);margin-inline-start:30px}.career-timeline article{grid-template-columns:160px 1fr;gap:40px;padding:10px 0 52px 30px;display:grid;position:relative}.career-timeline time{color:var(--blue);font:800 12px DM Sans,sans-serif}.timeline-dot{background:var(--purple);width:11px;height:11px;box-shadow:0 0 15px var(--purple);border-radius:50%;position:absolute;left:-6px}[dir=rtl] .timeline-dot{left:auto;right:-6px}.career-timeline h2{margin:0 0 8px;font-size:27px}.career-timeline h3{color:var(--cyan);margin:0 0 12px;font-size:17px}.career-timeline p{font-size:14px}.credential-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;display:grid}.certificate-image{border-radius:12px;width:100%;height:auto}.credential-grid a{color:var(--cyan);font-size:13px}.disclaimer{margin-top:30px;font-size:12px}.contact-big{background:radial-gradient(ellipse at 90% 20%,#8677ff40,transparent 40%),var(--panel);border:1px solid var(--line);border-radius:22px;flex-direction:column;justify-content:center;min-height:550px;padding:60px;display:flex}.contact-big h1{margin:18px 0}.contact-big p{max-width:650px;font-size:17px}.contact-links{gap:14px;margin:25px 0;display:flex}.contact-big>strong{color:var(--muted2);letter-spacing:.2em;margin-top:30px;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes pulse{50%{opacity:.35}}@keyframes wireTravel{50%{left:70%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:1140px){.navigation{gap:9px}.navigation>a{font-size:10px}.brand small{display:none}.container{padding-inline:24px}.role-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:12px}.hero-copy h1{font-size:clamp(48px,5.3vw,70px)}.hero-graphic{transform:scale(.9)}.architecture-wire{min-width:13px}}@media (max-width:850px){.header{height:70px}.navigation{background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0;padding:20px 26px;display:none;position:absolute;top:70px;left:0;right:0}.navigation.open{display:flex}.navigation>a{border-bottom:1px solid var(--line);padding:13px;font-size:14px}.mobile-toggle{place-items:center;display:inline-grid}.hero{grid-template-columns:1fr;padding-top:42px}.hero-graphic{height:500px;transform:none}.hero-copy h1{font-size:clamp(46px,8vw,74px)}.role-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr 1fr}.project-visual{height:220px}.stage-detail{grid-template-columns:1fr;gap:0;padding:20px}.stage-art{height:200px}.content-two,.role-hero{grid-template-columns:1fr}.role-hero-visual{height:240px}.architecture-visual{padding:17px}.architecture-node{min-height:90px}.architecture-node b{font-size:11px}.resume-grid{grid-template-columns:1fr}.path-chain{flex-wrap:wrap;gap:9px}.path-node{min-width:120px}.path-link{display:none}.path-part{flex:1;display:flex}.path-node{min-height:90px}.process-dots{grid-template-columns:repeat(4,1fr)}.stage b{font-size:11px}}@media (max-width:600px){.container{padding-inline:17px}.section{padding-top:48px;padding-bottom:48px}.hero{padding-top:38px;padding-bottom:32px}.hero-copy h1{font-size:clamp(34px,9.6vw,52px)}.hero-copy>p{font-size:14px}.hero-graphic{height:340px}.hero-orbit.orbit-one{width:330px;height:330px}.hero-orbit.orbit-two{width:300px;height:300px}.hero-orbit.orbit-three{width:240px;height:240px}.hero-image{width:235px;height:300px}.float-label{padding:6px 8px;font-size:8px}.fl1,.fl4,.fl5{left:-5px}.fl2,.fl3{right:-5px}.hero-image-footer{bottom:15px}.hero-meta{margin-top:25px}.role-grid,.project-grid,.deliverable-grid,.credential-grid{grid-template-columns:1fr}.role-card{min-height:240px}.project-visual{height:240px}.stage-detail h3{font-size:26px}.process-explorer{padding:14px}.process-dots{grid-template-columns:repeat(4,1fr);gap:3px}.stage{padding:6px 2px}.stage span{width:34px;height:34px}.stage b{font-size:9px}.stage-detail{padding:16px}.stage-detail p{font-size:13px}.subpage{padding-top:40px}.subpage-head h1,.role-hero h1{font-size:clamp(38px,9vw,55px)}.role-section{padding:50px 0}.role-hero{gap:0}.role-hero-visual{height:220px}.holo-line{width:165px;height:165px}.holo-line.l2{width:210px;height:210px}.holo-line.l3{width:120px;height:120px}.architecture-stack{grid-template-columns:1fr;gap:0;display:grid}.architecture-unit{display:contents}.architecture-node{min-height:70px}.architecture-wire{justify-self:center;width:2px;min-width:2px;height:20px}.architecture-visual{min-height:0}.artifact-panel{grid-template-columns:1fr}.artifact-orbit{width:180px;height:180px;margin:auto}.ar-ring{width:165px;height:165px}.ar-ring.ar2{width:115px;height:115px}.content-panel{padding:20px}.path-diagram{padding:14px}.path-node{min-width:0;min-height:90px}.path-part{flex-basis:44%}.resume-toolbar{display:grid}.resume-row{padding:13px}.career-timeline article{grid-template-columns:1fr;gap:8px;padding-inline-start:20px}.career-timeline{margin-inline-start:10px}.timeline-dot{left:-6px}.footer-inner{flex-direction:column}.contact-cta{margin:0 17px;padding:35px 25px}.cta-mark{display:none}.contact-big{min-height:440px;padding:30px 22px}.contact-links{flex-direction:column}.ribbon div{text-align:left;padding-inline:20px}.hero-graphic{overflow:hidden}.hero-image{transform:none}}.role-visual-banner{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:20px;margin-bottom:40px;overflow:hidden}.role-visual-banner img{width:100%;height:auto;transition:transform .45s}.role-visual-banner:hover img{transform:scale(1.025)}.diagram-platform{--dp-slate:#111b34;--dp-edge:#6da7ff6b;isolation:isolate;border:1px solid var(--line2);background:linear-gradient(135deg,#5c4eb817,transparent 58%),var(--panel);border-radius:25px;position:relative;overflow:hidden;box-shadow:0 20px 100px #0409222e}.diagram-head{z-index:2;justify-content:space-between;align-items:start;gap:16px;padding:26px 31px 0;display:flex;position:relative}.diagram-head h3{letter-spacing:-.045em;margin:7px 0 8px;font-size:clamp(23px,2.5vw,34px);line-height:1.12}.diagram-head p{max-width:490px;color:var(--muted2);margin:0;font-size:12px;line-height:1.65}.diagram-live{border:1px solid var(--line2);background:var(--bg2);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-radius:30px;align-items:center;gap:9px;padding:10px 12px;font:800 9px DM Sans,sans-serif;display:inline-flex}.diagram-live-dot{background:#45ebbe;border-radius:50%;width:7px;height:7px;animation:2.8s ease-in-out infinite diagram-beacon;box-shadow:0 0 0 4px #45ebbe1a,0 0 12px #45ebbe}.diagram-viewport{scrollbar-width:thin;scrollbar-color:#8993e859 transparent;outline-offset:-3px;direction:ltr;width:100%;position:relative;overflow:auto hidden}.premium-svg{isolation:isolate;color:#a4b5d4;width:100%;min-width:860px;height:auto;display:block;overflow:visible}html[data-theme=light] .premium-svg{color:#6d7f9f}.diagram-connection{opacity:.53;transition:opacity .25s}.diagram-connection.selected{opacity:1}.diagram-connection-line{fill:none;stroke-width:2.3px;stroke-dasharray:9 7;stroke-linejoin:round;animation:19s linear infinite diagram-stream}.diagram-connection-halo{fill:none;stroke-width:12px;opacity:.38}.diagram-connection.selected .diagram-connection-line{stroke-width:3.5px;stroke-dasharray:12 5;animation-duration:11s}.diagram-particle{filter:drop-shadow(0 0 8px #66dbef);opacity:.72}.diagram-connection.selected .diagram-particle{opacity:1}.diagram-node{cursor:pointer;outline:none;transition:filter .3s}.diagram-node:hover,.diagram-node:focus-visible,.diagram-node.is-active{filter:drop-shadow(0 7px 22px #5a6ef04d)}.diagram-node-back{fill:#343d75;opacity:.38;transform:translate(2px,5px)}.diagram-node-front{fill:#16213e;stroke:#6474ab;stroke-opacity:.6;stroke-width:1.2px;transition:stroke .25s,fill .25s}.diagram-node:hover .diagram-node-front,.diagram-node:focus-visible .diagram-node-front,.diagram-node.is-neighbor .diagram-node-front{stroke:#80cbf6;stroke-opacity:.8}.diagram-node.is-active .diagram-node-front{fill:#273765;stroke:#81e2fb;stroke-width:2.6px;filter:drop-shadow(0 0 14px #6b9af34d)}.diagram-icon-disc{fill:#738df6;fill-opacity:.19;stroke:#8493ff;stroke-opacity:.5}.diagram-node.is-active .diagram-icon-disc{fill:#78d2ef;fill-opacity:.26;stroke:#95e6fd;stroke-opacity:.9}.diagram-glyph{color:#b6c6ff}.diagram-node.is-active .diagram-glyph{color:#92eefa}.diagram-node-title{text-align:center;color:#f5f8ff;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;height:100%;padding:2px;font-family:DM Sans,Tajawal,sans-serif;font-size:13px;font-weight:800;line-height:1.25;display:flex}.diagram-node-index{fill:#899acd;letter-spacing:.08em;font:700 10px DM Sans,sans-serif}.diagram-inspector{border-top:1px solid var(--line2);background:linear-gradient(90deg,#625be01f,#42acdf0b 72%,#0000);grid-template-columns:56px minmax(0,1fr) minmax(180px,.75fr);align-items:center;gap:18px;padding:23px 30px 27px;display:grid;position:relative}.diagram-inspector-symbol{width:54px;height:54px;color:var(--cyan);background:#7792ff21;border:1px solid #7dabf84d;border-radius:16px;justify-content:center;align-items:center;display:flex}.diagram-inspector-symbol .diagram-glyph{color:var(--cyan)}.diagram-inspector-copy h4{flex-wrap:wrap;align-items:center;gap:9px;margin:5px 0 6px;font-size:19px;font-weight:800;line-height:1.3;display:flex}.diagram-inspector-type{border:1px solid var(--line2);color:var(--blue);letter-spacing:.1em;text-transform:uppercase;background:#7792ff1f;border-radius:5px;padding:3px 7px;font:800 8px DM Sans,Tajawal,sans-serif;display:inline-flex}[dir=rtl] .diagram-inspector-type{letter-spacing:0}.diagram-inspector-copy p{max-width:510px;color:var(--muted);margin:0;font-size:13px;line-height:1.67}.diagram-inspector-next{border-inline-start:1px solid var(--line2);flex-direction:column;gap:4px;min-width:0;padding-inline-start:20px;display:flex}.diagram-inspector-next>span{text-transform:uppercase;color:var(--blue);letter-spacing:.08em;font-size:10px;font-weight:800}.diagram-inspector-next strong{color:var(--text);font-size:12px;font-weight:700;line-height:1.6}.diagram-inspector-next small{color:var(--muted2);font-size:10px;line-height:1.5}.premium-process{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.premium-process .diagram-platform{margin:0}.premium-process .premium-svg{min-width:790px}.premium-artifacts{overflow:hidden;border-radius:23px!important;padding:0!important}.premium-artifacts .artifact-tabs{border-bottom:1px solid var(--line);gap:10px;padding:22px 24px}.premium-artifacts .artifact-tabs button{transition:transform .2s,box-shadow .2s,background .2s}.premium-artifacts .artifact-tabs button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #554fdc1a}.premium-artifacts .artifact-tabs button.selected{background:linear-gradient(110deg,#806bee,#516dde);box-shadow:0 5px 23px #6e5ddd4d}.artifact-viz-layout{grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:25px;padding:27px;display:grid}.artifact-diagram-window{border:1px solid var(--line2);background:radial-gradient(ellipse at 50% 45%,#6762f424,transparent 74%),var(--bg2);border-radius:18px;min-height:360px;padding:16px;position:relative;overflow:hidden}.artifact-diagram-window:before{content:"";pointer-events:none;opacity:.6;background-image:linear-gradient(#747db912 1px,#0000 1px),linear-gradient(90deg,#747db912 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0}.diagram-window-heading{z-index:1;color:var(--muted2);letter-spacing:.09em;justify-content:space-between;gap:8px;font:700 10px DM Sans,sans-serif;display:flex;position:relative}.artifact-document{background:linear-gradient(155deg,#4144894d,var(--panel));border:1px solid #8092eb80;border-radius:13px;flex-direction:column;gap:5px;max-width:285px;min-height:273px;margin:18px auto 10px;padding:24px 20px 19px;animation:.5s both document-rise;display:flex;position:relative;box-shadow:0 18px 42px #0f0e4438}.artifact-document:before{content:"";z-index:-1;border:1px solid #8c92eb2e;border-radius:14px;position:absolute;inset:9px -8px -8px 8px}.artifact-doc-icon{color:var(--blue);background:#6274f12e;border-radius:12px;align-self:start;place-items:center;width:43px;height:43px;margin-bottom:3px;display:grid}.artifact-document>strong{letter-spacing:-.03em;color:var(--text);font-size:29px}.artifact-doc-title{color:var(--muted2);font-size:11px;line-height:1.4}.artifact-doc-fields{gap:9px;margin-top:16px;display:grid}.artifact-doc-fields>div{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding-bottom:6px;font-size:12px;font-weight:650;display:flex}.artifact-doc-fields>div>span{color:var(--cyan);font:800 9px DM Sans,sans-serif}.artifact-doc-fields>div>em{background:var(--purple);opacity:.5;border-radius:999px;width:5px;height:5px;margin-inline-start:auto}.artifact-connector-caption{text-align:center;color:var(--muted2);font-size:10px;position:relative}.artifact-connector-caption span{color:var(--cyan);animation:2s infinite diagram-beacon}.artifact-panel-copy{flex-direction:column;justify-content:center;padding:18px 22px;display:flex}.artifact-panel-copy h3{margin:13px 0 16px;font-size:clamp(28px,3.4vw,43px)}.artifact-panel-copy p{max-width:55ch;font-size:16px;line-height:1.85}.artifact-output-tag{border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:12px;align-items:center;gap:11px;margin-top:15px;padding:14px 16px;font-size:12px;display:flex}.role-hero-visual .role-emblem{filter:drop-shadow(0 0 23px #7f78ff5e);animation:8s ease-in-out infinite diagram-idle}.role-symbol{box-shadow:none!important;background:0 0!important;border:0!important;width:70px!important;height:70px!important;display:block!important}.role-symbol .role-emblem{filter:drop-shadow(0 0 14px #6a6ef426);transition:transform .3s}.role-card:hover .role-emblem{transform:rotate(-4deg)scale(1.09)}.role-visual-banner{position:relative}.role-visual-banner:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #635bca2b}@keyframes diagram-stream{to{stroke-dashoffset:-260px}}@keyframes diagram-beacon{50%{opacity:.35;box-shadow:0 0 0 8px #45ebbe0d,0 0 25px #45ebbe}}@keyframes diagram-idle{50%{transform:translateY(-6px)rotate(3deg)}}@keyframes document-rise{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}html[data-theme=light] .diagram-node-front{fill:#eaf0ff;stroke:#7f91cb}html[data-theme=light] .diagram-node-back{fill:#bbc7ec}html[data-theme=light] .diagram-node.is-active .diagram-node-front{fill:#d7eaff;stroke:#398cbb}html[data-theme=light] .diagram-node-title{color:#1d3356}html[data-theme=light] .diagram-glyph{color:#485db5}html[data-theme=light] .diagram-node.is-active .diagram-glyph{color:#1c779b}html[data-theme=light] .diagram-icon-disc{fill:#7495de;fill-opacity:.17;stroke:#4f70b5}html[data-theme=light] .diagram-inspector{background:linear-gradient(90deg,#6869eb17,#69cbf20d)}@media (max-width:900px){.diagram-head{padding:20px 22px 0}.diagram-inspector{grid-template-columns:48px 1fr;gap:12px;padding:18px 20px}.diagram-inspector-symbol{width:48px;height:48px}.diagram-inspector-next{border-inline-start:0;border-top:1px solid var(--line);grid-column:2;max-width:550px;padding:10px 0 0}.artifact-viz-layout{grid-template-columns:1fr}.artifact-panel-copy{padding:6px 2px 12px}}@media (max-width:600px){.diagram-head{padding:18px 17px 0;display:block}.diagram-head h3{font-size:24px}.diagram-live{margin-top:12px;padding:8px;font-size:8px}.premium-svg{min-width:810px}.diagram-inspector{gap:10px;padding:17px 15px}.diagram-inspector-copy h4{font-size:17px}.diagram-inspector-copy p{font-size:12px}.diagram-inspector-next{font-size:11px}.artifact-viz-layout{padding:16px}.artifact-diagram-window{min-height:315px}.artifact-panel-copy h3{font-size:28px}.artifact-doc-fields>div{font-size:11px}}@media (prefers-reduced-motion:reduce){.diagram-particle{display:none!important}.diagram-connection-line{stroke-dasharray:none!important}.diagram-live-dot,.artifact-connector-caption span,.artifact-document{animation:none!important}}.motion-card{isolation:isolate;border-radius:inherit;min-width:0;height:100%;position:relative}.motion-card>.role-card,.motion-card>.project-card,.motion-card>.deliverable,.motion-card>.method,.motion-card>.role-visual-banner,.motion-card>.content-panel{height:100%}.motion-card .role-card:hover{transform:none}.motion-card:focus-within{z-index:2}.motion-card:focus-within .role-card,.motion-card:hover .role-card,.motion-card:hover .project-card{border-color:#88abff94;box-shadow:0 24px 65px #4a4bb62e}.motion-card .role-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(108deg,#0000 24%,#89bcff0f 43%,#b897ff26 50%,#0000 65%);transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translate(-130%)}.motion-card:hover .role-card:after,.motion-card:focus-within .role-card:after{transform:translate(130%)}.motion-card .role-more{z-index:2;position:relative}.motion-card .role-more span,.motion-card .download-arrow{transition:transform .25s;display:inline-block}.motion-card:hover .role-more span{transform:translate(4px,-4px)rotate(13deg)}.motion-action{vertical-align:middle;transform-origin:50%;display:inline-flex}.motion-action>.btn:hover{transform:none}.motion-action:focus-within{outline:2px solid var(--cyan);outline-offset:4px;border-radius:12px}.nav-actions .theme-btn{place-items:center;display:inline-grid}.navigation>a{position:relative}.nav-active-indicator{bottom:-8px;background:linear-gradient(90deg,var(--purple),var(--cyan));pointer-events:none;border-radius:3px;height:2px;position:absolute;inset-inline:0;box-shadow:0 0 12px #8388ffb3}.motion-scene{perspective:1000px}.motion-scene .hero-orbit{transform-origin:50%!important;animation:none!important}.motion-scene .hero-image{transform-style:preserve-3d;backface-visibility:hidden}.motion-scene .float-label{backface-visibility:hidden}.motion-scene .hero-image img{transition:filter .3s}.motion-scene:hover .hero-image img{filter:saturate(1.06)contrast(1.015)}.role-holo-motion{min-height:260px}.role-holo-motion .role-hero-visual{width:100%;min-height:300px}.role-banner-motion .role-visual-banner{margin-bottom:0}.role-banner-motion{margin-bottom:40px}.role-banner-motion .role-visual-banner img{transition:none}.role-banner-motion:hover .role-visual-banner img{transform:none}.resume-motion-wrap{min-width:0}.resume-motion-wrap a.resume-row{height:100%}.resume-motion-wrap a.resume-row:hover{transform:none}.resume-motion-wrap:hover .download-arrow{transform:translateY(4px)}.motion-card .project-visual:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(155deg,#8ca0ff1a,#0000 65%);transition:opacity .3s;position:absolute;inset:0}.motion-card:hover .project-visual:after{opacity:1}.diagram-motion-trace{fill:none;stroke-linecap:round;pointer-events:none;filter:drop-shadow(0 0 6px #5bd3ff80)}.diagram-node{transform-box:fill-box;transform-origin:50%}.diagram-node:hover .diagram-icon-disc{stroke:#a4eaff;stroke-opacity:1}.diagram-inspector-copy{min-width:0}.premium-artifacts .artifact-tabs button{isolation:isolate;position:relative;overflow:hidden}.premium-artifacts .artifact-tabs button.selected{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.artifact-tab-active{z-index:-1;background:linear-gradient(120deg,#7e69e9,#5276e9);border-radius:999px;display:block;position:absolute;inset:0;box-shadow:0 6px 26px #5862f047}.artifact-tab-text{z-index:1;position:relative}.premium-artifacts .artifact-tabs button.selected .artifact-tab-text{color:#fff}.premium-artifacts .artifact-document{transform-style:preserve-3d;animation:none!important}.route-transition{min-height:20px}@media (hover:none){.motion-card .role-card:after{display:none}}@media (max-width:850px){.nav-active-indicator{bottom:3px;height:2px;inset-inline:13px}}@media (prefers-reduced-motion:reduce){.motion-scene .hero-orbit,.role-holo-motion .holo-line{animation:none!important}.motion-card .role-card:after{display:none;transition:none!important}.motion-card .role-card,.motion-card .project-card,.motion-card .project-visual img,.role-visual-banner img,.resume-row{transition:none!important}.diagram-motion-trace{filter:none}.diagram-particle{display:none!important}}@media (max-width:600px){.role-holo-motion .role-hero-visual{height:220px;min-height:220px}}.role-card{min-height:385px}.role-image-band{background:linear-gradient(125deg,#151f42,#28295e);border:1px solid #7f94f530;border-radius:13px;height:111px;margin:14px -10px -8px;position:relative;overflow:hidden}.role-visual{width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s;display:block;position:absolute;inset:0}.role-card:hover .role-visual,.role-card:focus-visible .role-visual{filter:saturate(1.16)brightness(1.06);transform:scale(1.08)}.role-image-glow{pointer-events:none;background:linear-gradient(#0000 50%,#070a2226);position:absolute;inset:0}.role-symbol{z-index:1;position:relative;width:69px!important;height:69px!important;margin:7px 0 13px!important}.role-symbol .role-emblem{filter:drop-shadow(0 10px 16px #2f42aa47)}.color-icon{filter:drop-shadow(0 6px 11px #323c9629);flex:none;display:block}.diagram-inspector-symbol{background:0 0!important;border:0!important}.diagram-node{will-change:transform}.diagram-node-front{stroke-opacity:.73}.diagram-node:hover .diagram-node-front,.diagram-node.is-active .diagram-node-front{filter:drop-shadow(0 4px 12px #3d9adc33)}.diagram-node .diagram-node-title{letter-spacing:.01em}.diagram-node .diagram-icon-disc-color{stroke:#fff9}.project-abstract{isolation:isolate}.project-art-mergers{background:radial-gradient(circle at 30% 25%,#6996ff78,#0000 50%),linear-gradient(130deg,#182b57,#51429b,#202b57)!important}.project-art-prestige{background:radial-gradient(circle at 74% 25%,#ff75a261,#0000 48%),linear-gradient(120deg,#24244a,#66347a,#1c274e)!important}.project-art-finance{background:radial-gradient(circle at 34% 23%,#41e7ce6b,#0000 48%),linear-gradient(125deg,#17254f,#236c77,#182848)!important}.project-picto{z-index:1;filter:drop-shadow(0 15px 25px #090d3066);transition:transform .5s;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.project-card:hover .project-picto{transform:translate(-50%,-55%)rotate(5deg)scale(1.12)}.project-abstract .abstract-title{z-index:2;letter-spacing:.14em;position:absolute;bottom:15px;left:20px;color:#fff!important;font-size:20px!important;top:auto!important;transform:none!important}.visual-highlights{background:radial-gradient(ellipse at 23% 0%,#5c6def17,transparent 54%),var(--bg2)}.visual-highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.highlight-card{border:1px solid var(--line);background:var(--panel);height:100%;min-height:330px;color:var(--text);border-radius:19px;flex-direction:column;transition:border-color .25s,box-shadow .3s;display:flex;overflow:hidden}.highlight-card:hover,.highlight-card:focus-visible{border-color:#6baaffa6;box-shadow:0 25px 55px #24327b29}.highlight-image{background:linear-gradient(120deg,#101a3b,#272e5c);height:220px;position:relative;overflow:hidden}.highlight-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#0f143733);position:absolute;inset:0}.highlight-image img{object-fit:cover;object-position:center;filter:saturate(1.16);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}.highlight-card:hover .highlight-image img{filter:saturate(1.4);transform:scale(1.12)}.highlight-copy{flex:1;justify-content:space-between;align-items:center;gap:12px;padding:19px 20px 22px;display:flex}.highlight-copy h3{margin:0 0 6px;font-size:19px;line-height:1.3}.highlight-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.highlight-arrow{color:#fff;background:linear-gradient(135deg,#6654d6,#318de4);border-radius:12px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:19px;transition:transform .24s;display:grid}.highlight-card:hover .highlight-arrow{transform:rotate(35deg)scale(1.13)}.method-color{--method-hue:210deg}.method-color .method-icon{background:hsl(var(--method-hue) 78% 61% / .17);width:29px;height:29px;color:hsl(var(--method-hue) 85% 70%);border-radius:10px;place-items:center;margin-inline-end:8px;font-size:17px;display:inline-grid}.deliverable-color{--method-hue:210deg}.deliverable-color>span{color:hsl(var(--method-hue) 84% 67%)}html[data-theme=light] .method-color .method-icon{color:hsl(var(--method-hue) 77% 40%)}html[data-theme=light] .deliverable-color>span{color:hsl(var(--method-hue) 80% 37%)}@media (max-width:950px){.visual-highlights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.visual-highlights-grid{grid-template-columns:1fr}.highlight-image{height:210px}.role-card{min-height:355px}.role-image-band{height:112px}}@media (prefers-reduced-motion:reduce){.role-visual,.highlight-image img,.project-picto,.highlight-arrow{transition:none!important;transform:none!important}.project-picto{transform:translate(-50%,-50%)!important}}.visual-highlights.inline-highlights{background:0 0;margin:0;padding:76px 0 30px}.visual-highlights.inline-highlights .section-heading{margin-bottom:27px}@media (max-width:650px){.visual-highlights.inline-highlights{padding-top:55px}}.cinematic-flow{--flow-accent:#79c6ff;border:1px solid var(--line2);background:linear-gradient(150deg,var(--panel),var(--bg2));border-radius:25px;margin:31px 0 55px;position:relative;overflow:hidden;box-shadow:0 35px 90px #0308212b}.cinematic-flow:before{content:"";background:linear-gradient(90deg,transparent,var(--flow-accent),transparent);opacity:.65;pointer-events:none;z-index:3;height:1px;position:absolute;inset:0 0 auto}.cinematic-toolbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;padding:19px 25px;display:flex}.cinematic-ident{letter-spacing:.1em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font:700 10px DM Sans,sans-serif;display:flex}.cinematic-ident strong{letter-spacing:.12em;color:var(--flow-accent);font-size:10px;font-weight:800}.cinematic-beacon{background:var(--flow-accent);width:9px;height:9px;box-shadow:0 0 19px var(--flow-accent);border-radius:50%;flex-shrink:0;animation:2.8s ease-in-out infinite cinematic-pulse}.cinematic-switch{border:1px solid var(--line);background:var(--bg2);white-space:nowrap;border-radius:12px;gap:4px;padding:4px;display:flex}.cinematic-switch button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:10px 15px;font:700 11px DM Sans,Tajawal,sans-serif;transition:background .2s,color .2s}.cinematic-switch button.selected{color:#fff;background:linear-gradient(135deg,#7963eb,#367dcf);box-shadow:0 6px 21px #4360cd3d}.cinematic-canvas{background:radial-gradient(at 50% 20%,#4f3ebf21,#0000 75%),#0b1430;padding:13px;position:relative;overflow:hidden}.cinematic-image{border:1px solid #869fff29;border-radius:15px;justify-content:center;align-items:center;min-height:140px;display:flex;position:relative;overflow:hidden}.cinematic-art{background:#071327;width:100%;height:auto;display:block}.cinematic-corner{pointer-events:none;z-index:2;opacity:.65;position:absolute;inset:26px}.cinematic-corner i{border-left:2px solid var(--flow-accent);border-top:2px solid var(--flow-accent);width:36px;height:36px;display:block;position:absolute}.cinematic-corner i:nth-child(2){top:0;right:0;transform:scaleX(-1)}.cinematic-corner i:nth-child(3){bottom:0;left:0;transform:scaleY(-1)}.cinematic-zoom{z-index:4;color:#eef8ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a152fdb;border:1px solid #bed6ff6b;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font:700 12px DM Sans,Tajawal,sans-serif;transition:transform .2s,background .2s;display:inline-flex;position:absolute;bottom:29px;right:29px}.cinematic-zoom:hover{background:#203867eb;transform:translateY(-3px)}[dir=rtl] .cinematic-zoom{left:29px;right:auto}.cinematic-canvas.in-schema{background:radial-gradient(at 50% 20%,#4258c42e,#0000 75%),#0b1430}.cinematic-canvas.in-schema .cinematic-image{border-color:color-mix(in srgb,var(--flow-accent) 42%,#869fff29);background:linear-gradient(#0b1025,#17214c);box-shadow:inset 0 0 110px #4e6eeb14,0 18px 55px #0a102d59}.cinematic-interaction{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);display:grid}.cinematic-steps-side{min-width:0;padding:27px 23px 28px}.cinematic-miniheading{letter-spacing:.035em;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font:800 11px DM Sans,Tajawal,sans-serif;display:flex}.cinematic-miniheading small{color:var(--flow-accent);white-space:nowrap;font:700 11px DM Sans,sans-serif}.cinematic-steps{flex-wrap:wrap;gap:8px;display:flex}.cinematic-step{isolation:isolate;background:var(--bg2);color:var(--muted);border:1px solid var(--line);min-height:46px;box-shadow:none;border-radius:11px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;line-height:1.25;transition:border-color .2s,background .2s;display:inline-flex;position:relative}.cinematic-step b{max-width:145px;font-size:11px;font-weight:750}.cinematic-step-count{color:var(--flow-accent);font:800 9px DM Sans,sans-serif}.cinematic-step.active{background:color-mix(in srgb,var(--flow-accent) 13%,var(--panel));border-color:color-mix(in srgb,var(--flow-accent) 58%,var(--line));color:var(--text);box-shadow:inset 0 0 22px color-mix(in srgb,var(--flow-accent) 8%,transparent)}.cinematic-step-spark{background:var(--flow-accent);width:4px;height:4px;box-shadow:0 0 12px var(--flow-accent);border-radius:50%;display:none;position:absolute;top:7px;right:7px}.cinematic-step.active .cinematic-step-spark{display:block}.cinematic-inspector{border-inline-start:1px solid var(--line);background:radial-gradient(ellipse at 85% 40%,color-mix(in srgb,var(--flow-accent) 12%,transparent),transparent 75%);min-width:0;padding:27px 24px 32px;position:relative}.cinematic-inspector-eyebrow{letter-spacing:.075em;color:var(--flow-accent);margin-bottom:17px;font:800 10px DM Sans,Tajawal,sans-serif;display:block}.cinematic-inspector h3{margin:0 0 12px;font-size:clamp(22px,2.25vw,30px)}.cinematic-inspector p{color:var(--muted);margin:0 0 19px;font-size:13px;line-height:1.85}.cinematic-inspector p strong{color:var(--text)}.cinematic-progress{background:var(--line);height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cinematic-progress span{background:linear-gradient(90deg,var(--flow-accent),#b3a0ff);height:100%;box-shadow:0 0 16px var(--flow-accent);border-radius:4px;display:block}.cinematic-disclaimer{border-top:1px solid var(--line);color:var(--muted2);flex-direction:column;gap:5px;padding:12px 25px;font-size:11px;line-height:1.6;display:flex}.role-diagram-subheading{margin:64px 0 21px}.role-diagram-subheading h3{margin:8px 0;font-size:28px}.cinematic-lightbox{color:#edf4ff;background:#091327;border:1px solid #82aeff5c;border-radius:19px;max-width:min(96vw,1500px);max-height:94vh;padding:0;box-shadow:0 50px 130px #0009}.cinematic-lightbox::backdrop{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#040713db}.cinematic-lightbox-inner{max-height:92vh;padding:12px;overflow:auto}.cinematic-lightbox-header{justify-content:space-between;align-items:center;gap:16px;padding:6px 9px 13px;display:flex}.cinematic-lightbox-header strong{font-size:15px}.cinematic-lightbox-header button{color:#fff;background:#162543;border:1px solid #45618c;border-radius:9px;width:34px;height:34px}.cinematic-lightbox img{border-radius:9px;width:100%;height:auto}.cinematic-lightbox p{color:#adbad5;margin:10px 6px;font-size:12px}@keyframes cinematic-pulse{0%,to{opacity:.62;transform:scale(.85)}50%{opacity:1;transform:scale(1.17)}}.visual-highlights-grid.gallery-featured,.visual-highlights-grid.gallery-complete{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-card{min-height:370px}.highlight-image.cinematic-thumbnail{height:265px}.highlight-image.cinematic-thumbnail img{object-fit:cover;object-position:center top;filter:saturate(1.13)}.highlight-art-number{z-index:3;color:#e6f4ff;letter-spacing:.11em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#091231bd;border:1px solid #a0c4ff5c;border-radius:99px;padding:5px 11px;font:800 10px DM Sans,sans-serif;position:absolute;top:14px;left:15px}.highlight-art-glow{pointer-events:none;z-index:2;background:linear-gradient(#0000 55%,#08112e80);position:absolute;inset:0}.visual-all-link{text-align:center;margin-top:28px}html[data-theme=light] .cinematic-flow{box-shadow:0 25px 65px #183a7621}html[data-theme=light] .cinematic-step.active{color:var(--text)}@media (max-width:950px){.cinematic-interaction{grid-template-columns:1fr}.cinematic-inspector{border-inline-start:0;border-top:1px solid var(--line);padding-bottom:40px}.visual-highlights-grid.gallery-featured,.visual-highlights-grid.gallery-complete{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.cinematic-toolbar{flex-direction:column;align-items:stretch;gap:13px;padding:16px}.cinematic-ident{gap:8px;font-size:9px}.cinematic-switch{align-self:flex-start}.cinematic-switch button{padding:9px 10px;font-size:10px}.cinematic-canvas{padding:6px}.cinematic-image{border-radius:10px}.cinematic-corner{inset:14px}.cinematic-corner i{width:19px;height:19px}.cinematic-zoom{padding:9px 10px;font-size:11px;bottom:14px;right:14px}.cinematic-zoom span{display:none}[dir=rtl] .cinematic-zoom{left:14px}.cinematic-steps-side{padding:18px 14px}.cinematic-steps{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cinematic-step{padding:10px 8px}.cinematic-step b{overflow-wrap:anywhere;font-size:10px}.cinematic-inspector{padding:23px 16px 37px}.cinematic-disclaimer{padding:12px 16px}.visual-highlights-grid.gallery-featured,.visual-highlights-grid.gallery-complete{grid-template-columns:1fr}.highlight-image.cinematic-thumbnail{height:210px}.role-diagram-subheading{margin-top:43px}}@media (prefers-reduced-motion:reduce){.cinematic-beacon{animation:none!important}.cinematic-zoom,.cinematic-switch button,.cinematic-step,.highlight-image.cinematic-thumbnail img{transition:none!important}}@media (max-width:650px){.cinematic-lightbox img{width:1000px;max-width:none}.cinematic-lightbox-inner{overscroll-behavior:contain}}.resume-empty,.resume-language-note{color:var(--muted);margin:12px 0 18px;font-size:13px;line-height:1.75}.resume-language-note{border-inline-start:3px solid var(--blue);background:var(--bg2);border-radius:7px;padding:10px 13px}.diagram-node:focus-visible .diagram-node-front{stroke:#d6f7ff!important;stroke-opacity:1!important;stroke-width:3.8px!important}.cinematic-step:focus-visible,.cinematic-switch button:focus-visible,.filter-group button:focus-visible,.theme-btn:focus-visible,.locale-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}[dir=rtl] .resume-row{direction:rtl}.resume-layout{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:start;gap:16px;display:grid}.resume-layout .resume-grid{grid-template-columns:1fr}.resume-preview{border:1px solid var(--line);background:var(--bg2);border-radius:14px;gap:12px;padding:16px;scroll-margin-top:95px;display:grid;position:sticky;top:100px}.resume-preview-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.resume-preview-head h3{margin:6px 0 3px;font-size:16px}.resume-preview-head small{color:var(--muted2);letter-spacing:.08em;font-size:10px}.resume-preview-open{color:var(--cyan);white-space:nowrap;font-size:11px}.resume-preview-frame{border:1px solid var(--line);background:var(--panel);border-radius:10px;height:clamp(420px,64vh,640px);position:relative;overflow:hidden}.resume-preview-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.resume-preview-download{text-align:center;justify-content:center}.resume-preview-empty{text-align:center;color:var(--muted);margin:0;padding:40px 12px;font-size:13px;line-height:1.8}.filter-group button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.filter-group button small{opacity:.76;font-size:10px}.resume-clear-filters{color:var(--cyan);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.resume-select{min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:15px;padding:0;display:flex}.resume-select>span:nth-child(2){min-width:0;display:grid}.resume-row.is-previewing{border-color:color-mix(in srgb,var(--purple) 60%,var(--line));background:color-mix(in srgb,var(--purple) 10%,var(--bg2));box-shadow:0 0 0 1px color-mix(in srgb,var(--purple) 25%,transparent)}.resume-download{border:1px solid var(--line);width:34px;height:34px;color:var(--cyan);border-radius:9px;flex:none;place-items:center;display:grid}.resume-download:hover{border-color:var(--line2);background:var(--panel)}.resume-select:focus-visible,.resume-download:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}@media (max-width:950px){.resume-layout{grid-template-columns:1fr}.resume-preview{order:-1;position:static}.resume-preview-frame{height:clamp(380px,58vh,520px)}}@media (max-width:600px){.resume-panel{padding:12px}.resume-toolbar{gap:12px}.filter-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.filter-group button{padding:9px 8px}.resume-preview{padding:12px}.resume-preview-frame{height:56vh;min-height:360px}.resume-preview-head{flex-wrap:wrap}.resume-preview-head>div{min-width:0}.resume-preview-head h3{overflow-wrap:anywhere}}.role-card{min-height:400px;padding:21px}.role-image-band{isolation:isolate;background:linear-gradient(125deg,#0b1025,#17214c);border-radius:14px;height:clamp(150px,15.5vw,172px);margin:14px -8px 2px;box-shadow:inset 0 0 0 1px #96afff24,0 16px 30px #141a4a47}.role-image-band:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#060a1c05 42%,#060a1c80),radial-gradient(at 50% 0,#8cbeff29,#0000 62%);position:absolute;inset:0}.role-image-glow{z-index:1;background:linear-gradient(#0000 45%,#070a227a)}.role-card:hover .role-image-band{box-shadow:inset 0 0 0 1px #a0c3ff57,0 22px 40px #22308257}@media (max-width:850px){.role-image-band{height:160px}}@media (max-width:600px){.role-card{min-height:0}.role-image-band{height:170px}}.hero-nameplate{z-index:6;width:max-content;max-width:calc(100% - 28px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-items:center;margin-inline:auto;padding:0;display:grid;position:absolute;bottom:calc(50% + 201px);left:0;right:0}.hero-nameplate:before{content:"";background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.9;width:64px;height:1px;margin-bottom:13px}.hero-nameplate-name{letter-spacing:.15em;text-transform:uppercase;text-align:center;text-wrap:balance;color:#0000;filter:drop-shadow(0 3px 22px #6e82ff52);background:linear-gradient(100deg,#fff,#e6deff 46%,#9fe6f5);-webkit-background-clip:text;background-clip:text;max-width:270px;font:800 clamp(20px,1.7vw,24px)/1.08 Space Grotesk,DM Sans,sans-serif}html[data-theme=light] .hero-nameplate-name{filter:drop-shadow(0 2px 14px #3c468c29);background:linear-gradient(100deg,#1b143c,#43389f 46%,#0f6b83);-webkit-background-clip:text;background-clip:text}[dir=rtl] .hero-nameplate-name{letter-spacing:0;text-transform:none;max-width:320px;font-size:clamp(21px,1.8vw,26px)}@media (max-width:600px){.hero-graphic{height:390px}.hero-nameplate{bottom:calc(50% + 156px)}.hero-nameplate:before{width:46px;margin-bottom:10px}.hero-nameplate-name{letter-spacing:.12em;max-width:250px;font-size:17px}[dir=rtl] .hero-nameplate-name{font-size:19px}}@media (prefers-reduced-motion:reduce){.motion-scene *{animation:none!important}}.header{background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(22px)saturate(1.15);border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);height:84px;transition:background .3s,border-color .3s,box-shadow .3s;box-shadow:0 1px #ffffff05}.header:after{content:"";inset-inline:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#9375ff6b,#69e6f457,#0000);height:1px;transition:opacity .35s;position:absolute;bottom:-1px}.header.is-scrolled{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom-color:var(--line);box-shadow:0 18px 44px -30px #04081ad9}.header.is-scrolled:after{opacity:1}.header-inner{z-index:2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:26px;display:grid;position:relative}.brand{justify-self:start}.navigation{margin:0;justify-self:center;margin-inline-start:0}.nav-actions{justify-self:end}.brand{z-index:1;position:relative}.brand-text{flex-direction:column;line-height:1.06;display:flex}.brand-name{white-space:nowrap;display:block}.brand-text small{color:var(--muted2);letter-spacing:.13em;text-transform:uppercase;margin-top:3px;font:600 8px DM Sans,Tajawal,sans-serif}[dir=rtl] .brand-text small{letter-spacing:0}.navigation{margin-left:0;gap:0;margin-inline-start:auto}.nav-links{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.nav-link{z-index:1;min-height:38px;color:var(--muted);letter-spacing:.01em;white-space:nowrap;border-radius:9px;align-items:center;padding:0 11px;font-size:11px;font-weight:700;transition:color .2s,transform .2s;display:inline-flex;position:relative}.nav-link:hover{color:var(--text);transform:translateY(-1px)}.nav-hover-pill{border:1px solid color-mix(in srgb,var(--purple) 26%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 16%,transparent),color-mix(in srgb,var(--cyan) 7%,transparent));height:34px;box-shadow:0 6px 18px -12px color-mix(in srgb,var(--purple) 70%,transparent),inset 0 1px 0 #ffffff0f;pointer-events:none;z-index:0;border-radius:9px;margin-top:-17px;position:absolute;top:50%;left:0}.nav-link.current{color:var(--text)}.nav-link.current .nav-active-indicator{bottom:3px;inset-inline:11px}.nav-status{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 72%,transparent);height:38px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font:700 10px DM Sans,Tajawal,sans-serif;display:inline-flex}.nav-status-dot{background:#53efcb;border-radius:50%;flex:none;width:6px;height:6px;animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 10px #53efcb}.nav-progress{inset-inline:0;z-index:3;pointer-events:none;height:2px;position:absolute;bottom:-1px;overflow:hidden}.nav-progress>span{transform-origin:0;background:linear-gradient(90deg,var(--purple),var(--cyan));width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 12px #8388ff99}[dir=rtl] .nav-progress>span{transform-origin:100%}.header .nav-actions{z-index:1;gap:8px;position:relative}.nav-sheet{z-index:95;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(26px);border-top:1px solid var(--line);flex-direction:column;gap:26px;padding:22px 26px 40px;display:flex;position:fixed;inset:84px 0 0;overflow-y:auto}.nav-sheet-links{flex-direction:column;display:flex}.nav-sheet-links a{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:15px 4px;font-size:16px;font-weight:700;transition:color .2s,padding .2s;display:flex}.nav-sheet-links a:hover,.nav-sheet-links a:focus-visible{color:var(--text);outline:none;padding-inline-start:10px}.nav-sheet-links a.is-current{color:var(--text)}.nav-sheet-links small{color:var(--muted2);letter-spacing:.14em;font:700 10px DM Sans,sans-serif}.nav-sheet-links a.is-current small{color:var(--purple)}.nav-sheet-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-sheet-theme{border:1px solid var(--line);background:var(--panel);height:42px;color:var(--text);text-transform:capitalize;border-radius:10px;align-items:center;gap:8px;padding:0 15px;font:700 11px DM Sans,Tajawal,sans-serif;display:inline-flex}@media (max-width:1180px){.nav-status{display:none}.nav-link{padding:0 8px;font-size:10px}}@media (max-width:980px){.nav-link{padding:0 7px}.brand-text small{display:none}}@media (max-width:850px){.header{height:70px}.header-inner{gap:12px;display:flex}.brand{gap:9px;font-size:21px}.nav-actions{flex:none;gap:6px}.mobile-toggle{place-items:center;display:inline-grid}.navigation{display:none!important}.nav-sheet{padding:18px 20px 36px;inset-block-start:70px}.brand-logo{width:36px;height:36px;font-size:18px}}@media (max-width:380px){.header-inner{gap:8px;padding-inline:14px}.brand{gap:7px;font-size:19px}.brand-logo{width:32px;height:32px;font-size:16px}.nav-actions{gap:5px}.theme-btn,.mobile-toggle{border-radius:10px;width:34px;height:34px}.locale-btn{gap:4px;height:34px;padding-inline:6px}.locale-chevron{display:none}}@media (prefers-reduced-motion:reduce){.nav-status-dot{animation:none}.nav-link{transition:none}}.role-image-band{height:clamp(116px,10.4vw,132px)}.role-image-band:before{background:linear-gradient(#0000 52%,#060a1c6b),radial-gradient(at 50% 0,#8cbeff24,#0000 66%)}@media (max-width:850px){.role-image-band{height:128px}}@media (max-width:600px){.role-image-band{height:124px}}@media (prefers-reduced-motion:reduce){.role-card:hover .role-visual{transform:none}}.atlas-list{flex-direction:column;display:flex}.atlas-list>:first-child .atlas-row{border-top:1px solid var(--line)}.atlas-row{border-bottom:1px solid var(--line);grid-template-columns:62px minmax(0,1fr) 240px 40px;align-items:center;gap:20px;padding:13px 12px;transition:background .25s,padding-inline-start .25s;display:grid;position:relative}.atlas-row:before{content:"";inset-inline-start:0;background:var(--atlas-accent);opacity:.35;transform-origin:50%;border-radius:2px;width:2px;transition:opacity .25s,transform .25s;position:absolute;top:14%;bottom:14%;transform:scaleY(.45)}.atlas-row:hover,.atlas-row:focus-visible{background:color-mix(in srgb,var(--atlas-accent) 8%,transparent);outline:none;padding-inline-start:20px}.atlas-row:hover:before,.atlas-row:focus-visible:before{opacity:1;transform:scaleY(1)}.atlas-index{letter-spacing:-.05em;color:var(--atlas-accent);opacity:.85;font:800 24px/1 DM Sans,Tajawal,sans-serif}.atlas-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.atlas-copy strong{letter-spacing:-.02em;color:var(--text);font-size:15px;font-weight:700}.atlas-copy small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.atlas-art{border:1px solid color-mix(in srgb,var(--atlas-accent) 26%,var(--line));height:96px;box-shadow:0 10px 24px -18px color-mix(in srgb,var(--atlas-accent) 70%,transparent);background:#0a0f24;border-radius:11px;display:block;position:relative;overflow:hidden}.atlas-art img{object-fit:cover;filter:saturate(1.08)contrast(1.03);width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s}.atlas-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--atlas-accent) 26%,transparent),transparent 46%),linear-gradient(0deg,#070a1e66,transparent 58%);position:absolute;inset:0}.atlas-row:hover .atlas-art img,.atlas-row:focus-visible .atlas-art img{filter:saturate(1.22)contrast(1.05);transform:scale(1.08)}.atlas-arrow{border:1px solid color-mix(in srgb,var(--atlas-accent) 35%,var(--line));width:36px;height:36px;color:var(--atlas-accent);border-radius:50%;place-items:center;font-size:16px;transition:transform .25s,background .25s,color .25s;display:grid}.atlas-row:hover .atlas-arrow,.atlas-row:focus-visible .atlas-arrow{background:var(--atlas-accent);color:#0a0f24;transform:rotate(45deg)}@media (max-width:900px){.atlas-row{grid-template-columns:50px minmax(0,1fr) 180px 36px;gap:16px}.atlas-art{height:84px}.atlas-index{font-size:21px}}@media (max-width:650px){.atlas-row{grid-template-columns:40px minmax(0,1fr) 100px 32px;gap:12px;padding:12px 4px}.atlas-art{height:60px}.atlas-copy small{-webkit-line-clamp:1}.atlas-arrow{width:30px;height:30px;font-size:14px}.atlas-index{font-size:18px}}@media (prefers-reduced-motion:reduce){.atlas-row,.atlas-row:before,.atlas-arrow,.atlas-art img{transition:none}.atlas-row:hover .atlas-art img,.atlas-row:focus-visible .atlas-art img,.atlas-row:hover .atlas-arrow,.atlas-row:focus-visible .atlas-arrow{transform:none}}@media (max-width:650px){.atlas-row:hover,.atlas-row:focus-visible{padding-inline-start:10px}}.poster-rail{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;display:grid}.poster-rail>.motion-card:nth-child(2n){margin-top:26px}.poster-card{border:1px solid var(--line);background:var(--panel);height:100%;color:var(--text);border-radius:18px;flex-direction:column;transition:border-color .25s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.poster-card:hover,.poster-card:focus-visible{border-color:color-mix(in srgb,var(--poster-accent) 55%,var(--line));box-shadow:0 26px 55px -30px color-mix(in srgb,var(--poster-accent) 75%,transparent);outline:none}.poster-media{aspect-ratio:4/5;background:#0a0f24;display:block;position:relative;overflow:hidden}.poster-media img{object-fit:cover;filter:saturate(1.06)contrast(1.03);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .35s}.poster-card:hover .poster-media img,.poster-card:focus-visible .poster-media img{filter:saturate(1.22)contrast(1.05);transform:scale(1.07)}.poster-shade{pointer-events:none;background:linear-gradient(#0000 54%,#070a1e9e),linear-gradient(#070a1e59,#0000 32%);position:absolute;inset:0}.poster-index{z-index:2;top:11px;border:1px solid color-mix(in srgb,var(--poster-accent) 45%,#ffffff38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eef4ff;letter-spacing:.13em;background:#070c229e;border-radius:6px;padding:5px 8px;font:800 9px DM Sans,Tajawal,sans-serif;position:absolute;inset-inline-start:11px}.poster-body{align-items:flex-start;gap:10px;padding:14px 15px 16px;display:flex}.poster-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.poster-copy strong{letter-spacing:-.02em;font-size:14.5px;font-weight:700;line-height:1.35}.poster-copy small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.poster-arrow{border:1px solid color-mix(in srgb,var(--poster-accent) 42%,var(--line));width:30px;height:30px;color:var(--poster-accent);border-radius:50%;flex:0 0 30px;place-items:center;font-size:14px;transition:transform .25s,background .25s,color .25s;display:grid}.poster-card:hover .poster-arrow,.poster-card:focus-visible .poster-arrow{background:var(--poster-accent);color:#0a0f24;transform:rotate(45deg)}@media (max-width:900px){.poster-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-rail>.motion-card:nth-child(2n){margin-top:20px}}@media (max-width:600px){.poster-rail{scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.poster-rail>.motion-card,.poster-rail>.motion-card:nth-child(2n){scroll-snap-align:start;flex:0 0 76%;margin-top:0}.poster-media{aspect-ratio:5/6}}@media (prefers-reduced-motion:reduce){.poster-card,.poster-media img,.poster-arrow{transition:none}.poster-card:hover .poster-media img,.poster-card:focus-visible .poster-media img,.poster-card:hover .poster-arrow,.poster-card:focus-visible .poster-arrow{transform:none}}.contact-meta{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.contact-meta>span{border:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font:800 9.5px DM Sans,Tajawal,sans-serif;display:inline-flex}.contact-meta .contact-status{border-color:color-mix(in srgb,#53efcb 32%,var(--line));color:var(--text);background:#53efcb14}.contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:clamp(16px,1.8vw,22px);margin-bottom:clamp(38px,4.6vw,62px);display:grid}.contact-panel{flex-direction:column;display:flex}.contact-panel-head{margin-bottom:22px}.contact-panel-head h2{margin:10px 0 0;font-size:clamp(24px,2.5vw,31px)}.contact-list{grid-template-columns:1fr 1fr;gap:16px 26px;margin:0;display:grid}.contact-list>div{border-top:1px solid var(--line);flex-direction:column;gap:5px;min-width:0;padding-top:15px;display:flex}.contact-list dt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted2);font:800 9px DM Sans,Tajawal,sans-serif}.contact-list dd{letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:700}.contact-list a{transition:color .2s}.contact-list a:hover,.contact-list a:focus-visible{color:var(--purple)}.contact-direct{border-top:1px solid var(--line);color:var(--cyan);align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:12.5px;font-weight:800;transition:color .2s;display:inline-flex}.contact-direct:hover,.contact-direct:focus-visible{color:var(--purple)}.contact-rate{background:radial-gradient(ellipse at 85% 0%,#53efcb1f,transparent 55%),var(--panel)}.rate-value{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;display:flex}.rate-value b{letter-spacing:-.065em;color:#0000;background:linear-gradient(120deg,#b9a7ff,#74dcf0);-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,5.6vw,74px);font-weight:800;line-height:.95}html[data-theme=light] .rate-value b{background:linear-gradient(120deg,#6c4dd2,#008aab);-webkit-background-clip:text;background-clip:text}.rate-value span{letter-spacing:.14em;color:var(--muted);font:800 10px DM Sans,Tajawal,sans-serif}.contact-rate>p{margin:0;font-size:13px;line-height:1.8}.rate-tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:22px;display:flex}.rate-tags span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 11px;font-size:10px;font-weight:700}.contact-form-section{margin-bottom:clamp(38px,4.6vw,62px)}.contact-form-head{margin-bottom:28px}.contact-form-panel{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:clamp(22px,3vw,34px)}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-field{flex-direction:column;gap:7px;min-width:0;display:flex}.contact-field.full{grid-column:1/-1}.contact-field label{letter-spacing:.05em;color:var(--text);font-size:11px;font-weight:800}.contact-field input,.contact-field textarea{border:1px solid var(--line);background:var(--bg2);width:100%;color:var(--text);border-radius:11px;padding:13px 15px;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.contact-field input:hover,.contact-field textarea:hover{border-color:var(--line2)}.contact-field input:focus,.contact-field textarea:focus{border-color:color-mix(in srgb,var(--purple) 58%,var(--line));background:color-mix(in srgb,var(--purple) 6%,var(--bg2));box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 16%,transparent);outline:none}.contact-field textarea{resize:vertical;min-height:158px;line-height:1.7}.contact-field [aria-invalid=true]{border-color:#ff7b8a}.contact-error{color:#ff9aa6;font-size:11px;font-weight:700}.contact-form-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px;padding-top:4px;display:flex}.contact-form-hint{color:var(--muted2);max-width:56ch;margin:0;font-size:11.5px;line-height:1.6}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--muted2);opacity:.7}.contact-file{border:1px dashed var(--line2);background:var(--bg2);border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.contact-file input[type=file]{max-width:100%;color:var(--muted);font-size:12px}.contact-file input[type=file]::file-selector-button{border:1px solid var(--line2);background:color-mix(in srgb,var(--purple) 16%,var(--bg2));color:var(--text);cursor:pointer;border-radius:8px;margin-inline-end:12px;padding:8px 12px;font:700 11px DM Sans,sans-serif;transition:border-color .2s,background .2s}.contact-file input[type=file]::file-selector-button:hover{border-color:color-mix(in srgb,var(--purple) 52%,var(--line2));background:color-mix(in srgb,var(--purple) 26%,var(--bg2))}.contact-file-note{color:var(--muted2);font-size:11px;line-height:1.5}.contact-file-remove{color:var(--muted);cursor:pointer;border:0;border-bottom:1px solid var(--line2);background:0 0;padding:0 0 1px;font-size:11px;font-weight:700}.contact-file-remove:hover{color:var(--text);border-color:var(--text)}.contact-cta-page{margin:0;padding-inline:clamp(28px,4.5vw,55px)}.contact-cta-page h2{max-width:20ch}.contact-cta-page p{max-width:560px}.contact-cta-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.contact-cta-link{color:#fff;border-bottom:1px solid #fff6;padding-bottom:2px;font-size:12px;font-weight:800;transition:border-color .2s}.contact-cta-link:hover,.contact-cta-link:focus-visible{border-color:#fff}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-cta-page{flex-direction:column;align-items:flex-start;gap:24px}}@media (max-width:600px){.contact-meta>span{padding:7px 11px;font-size:8.5px}.contact-list,.contact-form{grid-template-columns:1fr}.contact-form-actions{align-items:flex-start}.contact-form-actions .btn{width:100%}.contact-cta-page{padding-inline:24px}.contact-cta-actions{flex-direction:column;align-items:flex-start;width:100%}.contact-cta-actions .btn{width:100%}}.project-group+.project-group{margin-top:58px}.project-group-head{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.project-group-head h3{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(18px,1.8vw,22px)}.project-grid-featured>.motion-card{display:flex}.project-grid-featured .project-card{flex-direction:column;width:100%;height:100%;display:flex}.project-grid-featured .project-content{flex-direction:column;flex:1;display:flex}.project-grid-featured .project-links{margin-top:auto}.project-grid-featured .project-content p{margin-bottom:18px}.project-ledger{border-top:1px solid var(--line);flex-direction:column;display:flex}.project-ledger>.motion-card{border-bottom:1px solid var(--line)}.project-row{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:26px;padding:22px 12px;transition:background .22s;display:grid}.project-row:hover,.project-row:focus-within{background:color-mix(in srgb,var(--blue) 5%,transparent)}.project-row-media{aspect-ratio:16/9;border:1px solid var(--line);background:var(--bg2);border-radius:12px;position:relative;overflow:hidden}.project-row-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project-row:hover .project-row-media img,.project-row:focus-within .project-row-media img{transform:scale(1.045)}.project-row-abstract{background:radial-gradient(ellipse at 40% 30%,#343b838c,transparent 70%),var(--bg2);place-items:center;display:grid;position:absolute;inset:0}.project-row-abstract span{letter-spacing:-.06em;color:var(--blue);text-shadow:0 0 40px #7d73fa59;font-size:34px;font-weight:800}.project-row-body{min-width:0}.project-row-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.project-row-flags{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.project-row-index{letter-spacing:.13em;text-transform:uppercase;color:var(--muted2);font:800 9.5px DM Sans,Tajawal,sans-serif}.project-kind{border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));background:color-mix(in srgb,var(--blue) 9%,transparent);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);white-space:nowrap;border-radius:5px;align-items:center;padding:4px 8px;font:800 8.5px DM Sans,Tajawal,sans-serif;display:inline-flex}.project-row-body h3{margin:10px 0 6px;font-size:clamp(21px,2.2vw,26px)}.project-row-body>small{color:var(--cyan);font-size:11px;font-weight:800}.project-row-body>p{max-width:74ch;margin:10px 0 14px;font-size:13px;line-height:1.8}@media (max-width:900px){.project-row{grid-template-columns:200px minmax(0,1fr);gap:20px}}@media (max-width:650px){.project-group+.project-group{margin-top:44px}.project-row{grid-template-columns:1fr;gap:14px;padding:18px 6px}.project-row-body>p{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.project-row,.project-row-media img{transition:none}.project-row:hover .project-row-media img,.project-row:focus-within .project-row-media img{transform:none}}.contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin-bottom:22px}.contact-list{grid-template-columns:1fr;gap:0}.contact-list>div{border-top:1px solid var(--line);flex-flow:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;padding:14px 0}.contact-list>div:first-child{border-top:0;padding-top:0}.contact-list dt{flex:none}.contact-list dd{text-align:end;flex:auto}.contact-form-panel{flex-direction:column;display:flex}.contact-form-panel .contact-panel-head{margin-bottom:20px}.contact-form-panel .contact-panel-head p{color:var(--muted);margin:10px 0 0;font-size:12.5px;line-height:1.75}.contact-form-panel .contact-form{margin-top:0}.contact-form-panel .contact-form-actions{margin-top:auto}.contact-honey{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute!important;left:-9999px!important}.contact-form button[type=submit][disabled]{opacity:.62;cursor:progress}.contact-status-line{min-height:17px;color:var(--cyan);grid-column:1/-1;margin:0;font-size:12px;font-weight:700;line-height:1.5}.contact-status-line:empty{display:none}.contact-status-line.is-error{color:#ff9aa6}.contact-rate-strip{background:radial-gradient(ellipse at 88% 0%,#53efcb1f,transparent 55%),var(--panel);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px 46px;margin-bottom:75px;display:grid}.contact-rate-strip .contact-panel-head{margin:0}.contact-rate-strip .rate-value{margin:10px 0 0}.contact-rate-strip>p{max-width:52ch;margin:0}.contact-rate-strip .rate-tags{justify-content:flex-start;margin:0;padding:0}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-rate-strip{grid-template-columns:1fr;gap:16px}.contact-rate-strip .rate-tags{margin-top:4px}}@media (max-width:600px){.contact-list dd{text-align:start}.contact-status-line{font-size:11.5px}}.ambient-layer{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-canvas{pointer-events:none;animation:1.4s both ambientIn;position:absolute;inset:0}@keyframes ambientIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ambient-canvas{animation:none}}.ambient-dots{opacity:.55;background-image:radial-gradient(1px 1px at 20% 30%,#7dd3fc 50%,#0000 51%),radial-gradient(1px 1px at 70% 60%,#93c5fd 50%,#0000 51%),radial-gradient(1.5px 1.5px at 40% 80%,#67e8f9 50%,#0000 51%),radial-gradient(1px 1px at 85% 20%,#e0f2fe 50%,#0000 51%),radial-gradient(1px 1px at 10% 70%,#bae6fd 50%,#0000 51%),radial-gradient(1px 1px at 55% 12%,#f0abfc 50%,#0000 51%),radial-gradient(1px 1px at 92% 78%,#f9a8d4 50%,#0000 51%);position:absolute;inset:0}html[data-theme=light] .ambient-dots{opacity:.42;filter:saturate(.8)}.ambient-glow{pointer-events:none;opacity:0;filter:blur(6px);width:34rem;height:34rem;transform:translate3d(var(--mx,50vw),var(--my,30vh),0) translate(-50%,-50%);will-change:transform;background:radial-gradient(circle,#22d3ee1c,#a78bfa12 38%,#0000 68%);border-radius:50%;transition:opacity .5s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0}.ambient-layer.is-live .ambient-glow{opacity:1}html[data-theme=light] .ambient-glow{background:radial-gradient(circle,#0891b21f,#6d28d90f 40%,#0000 68%)}@media (max-width:1023px),(prefers-reduced-motion:reduce){.ambient-glow{display:none}}.credential-grid{align-items:stretch}.credential-grid>.motion-card{display:flex}.credential-grid .content-panel{flex-direction:column;width:100%;display:flex}.degree-preview{aspect-ratio:4/3;border:1px solid var(--line);background:var(--bg2);border-radius:12px;margin-bottom:20px;display:block;position:relative;overflow:hidden}.degree-preview-tag{inset-inline:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.11em;text-transform:uppercase;text-align:center;background:#080c1eb8;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font:800 8.5px DM Sans,Tajawal,sans-serif;display:flex;position:absolute;bottom:9px}.degree-body{flex-direction:column;flex:1;min-width:0;display:flex}.degree-body h3{margin:10px 0 8px;font-size:clamp(22px,2.3vw,28px)}.degree-body p{margin:0 0 10px;font-size:13px;line-height:1.8}.degree-body small{color:var(--muted2);margin-bottom:18px;font-size:10.5px;line-height:1.6}.credential-grid .content-panel>a:last-child{color:var(--cyan);margin-top:auto;padding-top:14px;font-size:13px}@media (max-width:600px){.degree-preview{aspect-ratio:4/3}.degree-body h3{font-size:22px}}.contact-side{flex-direction:column;gap:14px;min-width:0;display:flex}.contact-side .contact-rate{flex:1;margin:0}.contact-list>div{align-items:center;padding:11px 0}.contact-list dt{align-items:center;gap:9px;display:inline-flex}.contact-icon{border:1px solid var(--line);background:var(--bg2);width:25px;height:25px;color:var(--blue);border-radius:7px;flex:none;place-items:center;transition:border-color .2s,color .2s,background .2s;display:inline-grid}.contact-list>div:hover .contact-icon{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:color-mix(in srgb,var(--blue) 10%,var(--bg2));color:var(--cyan)}.contact-side .contact-panel-head{margin-bottom:16px}.contact-side .contact-rate .rate-value{margin:4px 0 10px}.contact-side .contact-rate>p{margin:0}.contact-side .rate-tags{margin-top:18px;padding-top:0}@media (max-width:900px){.contact-side{gap:12px}.contact-side .contact-rate{flex:0 auto}}@media (max-width:600px){.contact-list>div{padding:10px 0}.contact-icon{width:24px;height:24px}}.degree-preview{cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;background-position:top;background-repeat:no-repeat;background-size:cover}.degree-watermark{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.28;mix-blend-mode:multiply;flex-wrap:wrap;place-content:center;gap:34px 20px;display:flex;position:absolute;inset:-38%;transform:rotate(-26deg)}.degree-watermark span{color:#111a3d;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;font:800 9.5px DM Sans,Tajawal,sans-serif}.degree-preview-tag{pointer-events:none}@media (max-width:600px){.degree-watermark{opacity:.24;gap:26px 14px;inset:-45%}.degree-watermark span{letter-spacing:.16em;font-size:8px}}.degree-preview{background-position:50% 72%;background-size:140%}@media (max-width:600px){.degree-preview{background-position:50% 72%;background-size:150%}}.workflow-teaser{border:1px solid var(--line);background:var(--bg2);border-radius:16px;margin-top:6px;padding:22px 24px 24px;transition:border-color .25s,transform .25s,box-shadow .25s;display:block}.workflow-teaser:hover,.workflow-teaser:focus-visible{border-color:color-mix(in srgb,var(--blue) 48%,var(--line));transform:translateY(-2px);box-shadow:0 18px 42px #0c102c29}.workflow-teaser-steps{flex-wrap:wrap;gap:8px;display:flex}.workflow-teaser-steps>span{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.workflow-teaser-steps i{letter-spacing:.12em;color:var(--muted2);font-size:9.5px;font-style:normal;font-weight:800}.workflow-teaser-cta{letter-spacing:.04em;color:var(--cyan);align-items:center;margin-top:20px;font-size:12.5px;font-weight:800;display:inline-flex}.workflow-block{border-top:1px solid var(--line);margin-top:clamp(34px,4vw,54px);padding:clamp(34px,4vw,54px) 0 0}@media (max-width:600px){.workflow-teaser{padding:18px 16px 20px}.workflow-teaser-steps>span{padding:7px 10px;font-size:10.5px}.workflow-block{margin-top:50px;padding-top:50px}}.method{color:var(--text);text-decoration:none;transition:border-color .22s,transform .22s,box-shadow .22s,background .22s}.method .method-label{color:var(--text);letter-spacing:.01em;font-weight:700}.method .method-arrow{color:var(--muted2);font-size:11px;line-height:1;transition:color .2s,transform .2s}.method .tool-icon{width:15px;height:15px;display:block}.method .method-icon svg{overflow:visible}a.method:hover,a.method:focus-visible{border-color:color-mix(in srgb,var(--blue) 46%,var(--line));background:color-mix(in srgb,var(--blue) 8%,var(--panel));transform:translateY(-2px);box-shadow:0 12px 26px #0c102c24}a.method:hover .method-arrow,a.method:focus-visible .method-arrow{color:var(--cyan);transform:translate(2px,-2px)}a.method:focus-visible{outline:2px solid color-mix(in srgb,var(--cyan) 70%,transparent);outline-offset:3px}html[data-theme=light] .method .method-icon{background:hsl(var(--method-hue) 80% 55% / .14)}@media (prefers-reduced-motion:reduce){.method,a.method:hover,a.method:focus-visible{transition:none;transform:none}}@media (min-width:1500px){.container{max-width:1360px}}@media (min-width:1800px){.container{max-width:1500px}.section{padding-top:84px;padding-bottom:84px}.hero{min-height:clamp(640px,66vh,780px);padding-top:58px;padding-bottom:46px}.hero-graphic{height:clamp(520px,31vw,640px)}.hero-orbit.orbit-one{width:600px;height:600px}.hero-orbit.orbit-two{width:490px;height:490px}.hero-orbit.orbit-three{width:370px;height:370px}.role-grid{gap:22px}.project-grid{gap:26px}}@media (min-width:2300px){.container{max-width:1680px}.section{padding-top:94px;padding-bottom:94px}.hero{padding-top:62px;padding-bottom:50px}h1{font-size:clamp(86px,4.6vw,112px)}h2{font-size:clamp(58px,3.1vw,76px)}.subpage-head h1,.role-hero h1{font-size:clamp(72px,3.8vw,94px)}.hero-graphic{height:clamp(600px,30vw,720px)}.section-heading{max-width:900px}.section-heading p{font-size:18px}}@media (min-width:3000px){.container{max-width:1860px}.section{padding-top:104px;padding-bottom:104px}body{font-size:18px}h1{font-size:clamp(108px,4.2vw,132px)}h2{font-size:clamp(72px,2.8vw,90px)}.subpage-head h1,.role-hero h1{font-size:clamp(88px,3.4vw,110px)}.hero{min-height:clamp(740px,66vh,880px);padding-top:66px;padding-bottom:54px}.hero-graphic{height:clamp(660px,26vw,760px)}.role-card{min-height:340px}.project-visual{height:320px}}@media (min-width:2300px){.hero-image{width:340px;height:420px}.hero-nameplate{bottom:calc(50% + 216px)}.hero-nameplate-name{max-width:320px;font-size:clamp(24px,1.1vw,28px)}.float-label{padding:11px 14px;font-size:11px}.hero-meta span{padding:10px 13px;font-size:10px}}@media (min-width:3000px){.hero-image{width:350px;height:430px}.hero-nameplate{bottom:calc(50% + 221px)}.hero-nameplate-name{max-width:380px;font-size:clamp(28px,1vw,34px)}.float-label{padding:12px 16px;font-size:12px}.hero-copy>p{font-size:clamp(16px,.72vw,20px)}.hero-meta span{padding:11px 15px;font-size:11px}.content-panel h2{font-size:clamp(34px,1.5vw,42px)}.content-panel p,.content-panel li{font-size:clamp(14px,.68vw,18px)}.project-links{font-size:13px}}[id]{scroll-margin-top:96px}.section-heading h2,.subpage-head h1,.role-hero h1,.hero-copy h1,.project-card h3,.project-row h3{text-wrap:balance}.section-heading p,.subpage-head p,.hero-copy>p,.project-card p,.project-row p{text-wrap:pretty}@media (max-width:850px){[id]{scroll-margin-top:82px}}