@font-face{font-family:LocalArabic;src:url(../fonts/cairo.woff2) format("woff2");font-weight:200 1000;font-display:swap}
:root{color-scheme:light;--bg:#fff;--surface:#fff;--tint:#f7f7fd;--ink:#17172f;--muted:#676c7f;--line:#e8e7f1;--primary:#6837d6;--primary-dark:#5122b4;--soft:#f0eaff;--shadow:0 18px 45px rgba(36,29,82,.07);--radius:20px;--max:1200px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#10101c;--surface:#191927;--tint:#141422;--ink:#f5f3ff;--muted:#b2b0c4;--line:#343149;--primary:#a67aff;--primary-dark:#8a56ed;--soft:#2a2040;--shadow:0 18px 45px rgba(0,0,0,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:LocalArabic,LocalLatin,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.32}h2{font-size:clamp(1.75rem,3vw,2.65rem);letter-spacing:-.04em}p{color:var(--muted)}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.section{padding:94px 0}.section-tint{background:var(--tint)}.skip{position:absolute;top:-100px;z-index:1000;background:var(--surface);padding:10px}.skip:focus{top:0}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{font-family:Arial,sans-serif;font-size:2rem;font-weight:900;letter-spacing:-.13em;line-height:1;color:var(--primary)}.brand-dot{color:var(--ink)}.brand-text{display:flex;flex-direction:column;line-height:1.25;direction:ltr;text-align:left}.brand-text strong{font-size:1rem;letter-spacing:-.03em}.brand-text small{font-size:.67rem;color:var(--muted)}.nav{display:flex;gap:23px;align-items:center;margin-inline:auto}.nav a{font-size:.89rem;font-weight:700;color:var(--muted);transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--primary)}.header-actions{display:flex;gap:8px}.icon-btn{display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);font-weight:700}.icon-btn:hover{border-color:var(--primary)}.menu-btn{display:none}.hero{padding:78px 0 82px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:75px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;color:var(--primary);font-weight:800}.eyebrow{background:var(--soft);border-radius:99px;padding:8px 15px}.status-dot,.label-dot{height:8px;width:8px;border-radius:50%;background:#19b986;display:inline-block;flex:none}.hero h1{font-size:clamp(2.5rem,4.6vw,4.9rem);letter-spacing:-.055em;margin:20px 0 24px;font-weight:900}.hero h1 em{color:var(--primary);font-style:normal}.lead{font-size:1.08rem;max-width:610px;line-height:2}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:13px;border-radius:13px;padding:13px 23px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#6938d5;color:white;box-shadow:0 10px 23px rgba(105,56,213,.2)}.btn-primary:hover{background:#5226b3}.btn-outline{border-color:var(--line);background:var(--surface)}.btn-outline:hover{border-color:var(--primary)}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:26px;color:var(--muted);font-size:.86rem}.proof-icon{color:var(--primary);font-size:1.4rem}.hero-visual{position:relative;padding:12px 16px 24px}.hero-visual:before{content:"";position:absolute;inset:2% -3% 4% 9%;border-radius:35% 23% 30% 25%;background:linear-gradient(140deg,#efe8ff,#c7b1ff);transform:rotate(-7deg)}:root[data-theme="dark"] .hero-visual:before{background:linear-gradient(145deg,#48316f,#221c39)}.portrait-frame{position:relative;overflow:hidden;border-radius:32px;aspect-ratio:1/1.04;box-shadow:var(--shadow);background:#171621}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center center}.photo-label{position:absolute;bottom:18px;inset-inline-start:18px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.92);color:#1b1834;font-family:LocalLatin,Arial,sans-serif;font-size:.72rem;font-weight:800;direction:ltr}.float-card{position:absolute;background:var(--surface);color:var(--ink);padding:12px 15px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);font-size:.78rem;font-weight:800;display:flex;align-items:center;gap:8px}.float-card span:first-child{color:var(--primary);font-size:1.3rem}.float-card-top{top:9%;inset-inline-end:-16px}.float-card-bottom{bottom:10%;inset-inline-start:-25px}.trust-strip{border-block:1px solid var(--line);background:var(--tint)}.trust-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0;flex-wrap:wrap;color:var(--muted);font-size:.88rem;font-weight:800}.trust-inner span:first-child{color:var(--ink)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.body-copy{font-size:1.08rem;line-height:2}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;color:var(--ink);font-weight:700;font-size:.9rem;margin-top:22px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head h2{margin:9px 0 0}.section-head>p{max-width:380px;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover,.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 40%,var(--line));box-shadow:var(--shadow)}.service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-family:Arial,sans-serif;font-size:1.6rem;font-weight:800}.service-card h3{margin:20px 0 9px;font-size:1.17rem}.service-card p{margin:0;font-size:.92rem}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.filter-btn,.menu-tab{border:1px solid var(--line);border-radius:99px;padding:9px 18px;background:var(--surface);color:var(--muted);font-size:.88rem;font-weight:700}.filter-btn.active,.menu-tab.active{background:var(--primary);color:white;border-color:var(--primary)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.project-art{height:215px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(140deg,#241b51,#6b3ad6);color:white}.project-art:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.22);border-radius:30px;transform:rotate(25deg);inset-inline-end:-50px;top:-55px}.project-art[data-style="menu"]{background:linear-gradient(135deg,#f7c38a,#a54c26)}.project-art[data-style="web"]{background:linear-gradient(135deg,#d9f4ff,#3e91bf);color:#0b3b56}.project-art[data-style="ads"]{background:linear-gradient(135deg,#a4e9df,#0d877a);color:#073b38}.project-art[data-style="hotspot"]{background:linear-gradient(135deg,#2b2d4e,#6952e9)}.art-content{position:relative;text-align:center;z-index:1}.art-content strong{font-family:LocalLatin,Arial,sans-serif;font-size:1.6rem;display:block;line-height:1.2}.art-content span{font-size:3.3rem;display:block;margin-bottom:10px}.project-body{padding:20px}.project-body small{color:var(--primary);font-weight:800}.project-body h3{margin:8px 0;font-size:1.2rem}.project-body p{font-size:.89rem;min-height:48px}.project-more{border:0;background:none;color:var(--primary);font-weight:800;padding:5px 0}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lab-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.lab-title{display:flex;align-items:center;gap:15px;margin-bottom:24px}.lab-title h3{margin:0;font-size:1.2rem}.lab-title p{margin:2px 0 0;font-size:.83rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}label{display:flex;flex-direction:column;gap:7px;font-size:.86rem;font-weight:800}input:not([type=range]),select,textarea{width:100%;min-width:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:11px;padding:12px;outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 40%,transparent);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--primary);margin:8px 0 20px}.slider-label{flex-direction:row;justify-content:space-between;align-items:center}.result-box,.menu-total{background:var(--soft);border-radius:13px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.result-box strong{color:var(--primary);font-size:1.35rem;direction:ltr}.disclaimer{font-size:.77rem;margin:14px 0 0;line-height:1.7}.demo-banner{border-radius:15px;padding:22px;background:linear-gradient(125deg,#272049,#6a3ad5);color:white;margin-bottom:18px}.demo-banner h3{margin:9px 0 3px}.demo-banner p{color:#e6dbff;margin:0;font-size:.85rem}.demo-badge{font-size:.7rem;font-weight:800;letter-spacing:.14em;direction:ltr}.menu-tabs{display:flex;gap:8px;margin-bottom:16px}.menu-items{display:grid;gap:9px;margin-bottom:15px}.menu-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px 13px}.menu-item strong{display:block;font-size:.9rem}.menu-item small{color:var(--muted)}.small-btn{border:1px solid var(--primary);border-radius:9px;background:var(--surface);color:var(--primary);padding:7px 12px;font-weight:800}.menu-total{font-size:.86rem;flex-wrap:wrap}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{border-top:2px solid var(--primary);padding:18px 8px}.process-num{font-family:Arial,sans-serif;font-weight:900;color:var(--primary);font-size:1.8rem}.process-card h3{margin:12px 0 8px}.process-card p{font-size:.9rem}.contact-section{padding-top:35px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--tint);border:1px solid var(--line);border-radius:26px;padding:50px}.contact-box p{line-height:1.9}.contact-box form{display:grid;gap:15px}.contact-box textarea{resize:vertical}.contact-box .btn{width:100%}.footer{border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0}.footer p{margin:0;font-size:.83rem}.footer a:last-child{color:var(--primary);font-size:.86rem;font-weight:800}.project-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:30px;width:min(540px,calc(100% - 30px));max-height:85vh;box-shadow:0 20px 80px #0004}.project-dialog::backdrop{background:#0b0923b8;backdrop-filter:blur(4px)}.dialog-close{margin-inline-start:auto}.project-dialog .project-art{border-radius:14px;margin:15px 0}.project-dialog h2{font-size:1.6rem}.project-dialog p{line-height:1.9}
@media(max-width:1100px){.nav{gap:12px}.nav a{font-size:.78rem}.hero-grid{gap:35px}.float-card{display:none}.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.container{width:min(100% - 32px,var(--max))}.section{padding:64px 0}.header-inner{height:70px}.brand-text small{font-size:.57rem}.brand-mark{font-size:1.7rem}.menu-btn{display:grid}.nav{position:absolute;top:69px;inset-inline:0;display:none;flex-direction:column;align-items:stretch;padding:20px 24px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);gap:0}.nav.open{display:flex}.nav a{font-size:1rem;padding:12px}.header-actions{margin-inline-start:auto}.hero{padding:45px 0 55px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{text-align:center}.hero h1{font-size:clamp(2.35rem,8vw,4rem)}.hero .lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{max-width:470px;width:100%;margin-inline:auto}.about-grid,.lab-grid,.contact-box{grid-template-columns:1fr;gap:25px}.section-head{display:block}.section-head>p{margin-top:15px}.process-grid{grid-template-columns:repeat(2,1fr)}.contact-box{padding:28px}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}}
@media(max-width:520px){.brand-text strong{font-size:.85rem}.brand-text small{max-width:140px;white-space:normal}.header-inner{gap:8px}.header-actions{gap:5px}.icon-btn{min-width:36px;height:38px;padding:0 7px}.hero h1{font-size:2.35rem}.hero-actions .btn{flex:1;padding:12px 10px;font-size:.85rem}.services-grid,.projects-grid,.process-grid{grid-template-columns:1fr}.service-card{padding:22px}.trust-inner{justify-content:center;font-size:.8rem}.field-row{grid-template-columns:1fr}.lab-card{padding:20px}.contact-box{padding:20px}.about-points{grid-template-columns:1fr}.portrait-frame{aspect-ratio:1/1}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Portfolio identity */
:root{--max:1320px;--primary:#8b19e9;--primary-dark:#6609bd;--soft:#f2e8ff;--bg:#faf9ff;--line:#e5def1;--radius:22px}
:root[data-theme=dark]{--bg:#090817;--surface:#131022;--tint:#0f0c1c;--line:#332549;--primary:#be69ff;--soft:#29133f}
body{font-family:LocalArabic,"Segoe UI",sans-serif}h1,h2,h3{letter-spacing:-.035em}.header-inner{direction:ltr;height:86px}.nav{direction:rtl}.brand-logo{width:58px;height:48px}.brand-text strong{font-size:1.2rem}.brand-text small{font-size:.7rem}.nav a{color:var(--ink);font-size:.9rem}.nav a:first-child{background:var(--soft);padding:7px 17px;border-radius:99px;color:var(--primary)}.icon-btn{border-radius:50%;min-width:43px}.hero{position:relative;padding:54px 0 60px;background:radial-gradient(ellipse at 0% 50%,#a83cff18,transparent 55%)}.hero-grid{gap:70px;grid-template-columns:1.1fr .9fr}.hero-index{display:block;font:600 .68rem/2 Arial,sans-serif;letter-spacing:.18em;color:var(--muted);margin-bottom:18px}.hero h1{font-size:clamp(2.5rem,4.3vw,4.2rem);line-height:1.45;margin:14px 0}.hero h1 em{display:block;font-size:.51em;line-height:1.7;margin-top:8px;letter-spacing:-.02em}.hero .lead{font-size:1rem;max-width:570px}.eyebrow{padding:5px 15px}.btn{border-radius:99px;padding:13px 27px}.btn-primary{background:linear-gradient(125deg,#bb32ff,#6a09c7);color:#fff;box-shadow:0 8px 25px #8b19e930}.btn-primary:hover{background:linear-gradient(125deg,#a521e9,#5905b0)}.hero-visual{padding:8px 18px 18px}.hero-visual:before{inset:-6px 0 0 0;border-radius:42% 42% 28px 28px;transform:rotate(5deg);background:linear-gradient(130deg,#e2c4ff,#8d23e9)}.portrait-frame{border-radius:42% 42% 24px 24px;aspect-ratio:1/1; border:5px solid var(--surface)}.photo-label{bottom:19px;max-width:85%;font-family:LocalArabic,sans-serif}.float-card{border-radius:99px}.float-card-top{top:18%;inset-inline-end:-28px}.float-card-bottom{bottom:14%;inset-inline-start:-28px}.trust-inner{padding:18px 0;letter-spacing:.025em}.trust-inner span:not(:first-child){font-family:LocalArabic,sans-serif;color:var(--ink)}.section{padding:72px 0}#projects{padding-top:55px}.section-kicker{font-size:.78rem;letter-spacing:.02em}.section-kicker:before{content:"";width:24px;height:2px;background:var(--primary)}.section-head h2{font-size:clamp(1.7rem,2.7vw,2.3rem)}.section-head>p{font-size:.86rem;max-width:340px}.projects-grid{grid-template-columns:repeat(4,1fr);gap:18px}.project-art{height:auto;aspect-ratio:1.35;background:var(--soft);padding:12px}.project-art:before{display:none}.project-art img{width:100%;height:100%;object-fit:contain;border-radius:9px;box-shadow:0 12px 24px #0002}.project-body{padding:18px}.project-body h3{font-size:1.1rem}.project-body p{font-size:.8rem;min-height:50px}.project-more{font-size:.8rem}.project-body small{font-size:.7rem}.about-grid{gap:60px}.about-grid h2{font-size:2rem}.body-copy{font-size:1rem}.service-card{position:relative;padding:26px}.service-card:after{content:'↗';position:absolute;top:25px;inset-inline-end:25px;color:var(--primary)}.service-icon{border-radius:50%;background:linear-gradient(140deg,var(--soft),transparent);font-size:1.9rem}.service-card h3{font-size:1.1rem}.service-card p{font-size:.86rem}.contact-box{background:radial-gradient(ellipse at 100% 0%,#a21cff15,transparent 60%),var(--surface)}.project-dialog .project-art{aspect-ratio:1.5}.project-dialog small{color:var(--muted)}
@media(min-width:1101px){.hero.section{padding:54px 0 60px}}
@media(max-width:1100px){.brand-text small{display:none}.nav{gap:12px}.nav a{font-size:.8rem}.projects-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:40px}.hero h1{font-size:3rem}}
@media(max-width:780px){.header-inner{height:72px;gap:10px}.brand-text strong{font-size:1rem}.brand-logo{width:42px}.header-actions{margin-left:auto;margin-inline-start:auto}.nav{top:71px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero.section{padding:34px 0 42px}.hero-index{font-size:.6rem}.hero h1{font-size:2.55rem}.hero-visual{max-width:370px}.hero-copy .lead{font-size:.95rem}.section{padding:52px 0}.float-card{display:none}.hero-proof{font-size:.73rem}.section-head>p{max-width:100%}.trust-inner{gap:16px;justify-content:center}.trust-inner span:first-child{width:100%;text-align:center}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid h2{font-size:1.8rem}}
@media(max-width:520px){.header-inner{gap:6px}.brand-text strong{font-size:.82rem}.brand-logo{width:35px}.hero h1{font-size:2.15rem}.hero h1 em{font-size:.57em}.hero-visual{max-width:300px}.projects-grid{grid-template-columns:1fr}.project-art{aspect-ratio:1.6}.services-grid{grid-template-columns:1fr}.service-card{padding:23px}.hero-actions .btn{padding:12px 16px}.brand-text small{display:none}.trust-inner{font-size:.74rem}}

.contact-channels{display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1;order:2}.contact-box form{grid-column:2;grid-row:1}.contact-channels .btn{font-size:.8rem;padding:10px 18px}.project-live{display:block;width:fit-content;color:var(--primary);font-size:.78rem;font-weight:800;margin-top:8px;border-bottom:1px solid var(--line)}@media(max-width:780px){.contact-box form{grid-column:auto;grid-row:auto}.contact-channels{order:0}}

/* Geometric AB identity, shared by header and footer. */
.brand-logo{width:72px;height:58px;object-fit:contain;flex:none}.footer .brand-logo{width:64px;height:52px}@media(max-width:780px){.brand-logo{width:55px;height:46px}}@media(max-width:520px){.brand-logo{width:45px;height:38px}}