:root{--bg:#f3f1ec;--ink:#101217;--muted:#686b73;--line:rgba(16,18,23,.14);--accent:#ff5b38;--dark:#0b0d12;--paper:#fff;--radius:28px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Alexandria",system-ui,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.section-pad{padding:120px max(28px,calc((100vw - var(--max))/2))}.site-header{position:fixed;z-index:100;top:16px;right:50%;transform:translateX(50%);width:min(calc(100% - 32px),var(--max));height:70px;padding:0 20px;display:flex;align-items:center;gap:34px;background:rgba(243,241,236,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 40px rgba(0,0,0,.07);border-radius:20px}.brand{font-weight:800;font-size:23px}.brand span{color:var(--accent)}.main-nav{display:flex;gap:27px;margin-inline:auto}.main-nav a{font-size:14px;color:#34363c;transition:.2s}.main-nav a:hover{color:var(--accent)}.header-cta{padding:12px 18px;background:var(--ink);color:#fff;border-radius:12px;font-size:13px}.menu-btn{display:none;background:none;border:0;padding:10px}.menu-btn span{display:block;width:22px;height:2px;background:var(--ink);margin:5px}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-top:145px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--accent);margin:0 0 24px}.hero h1,.contact h2{font-size:clamp(50px,7.3vw,108px);line-height:1.04;letter-spacing:-.055em;margin:0}.hero h1 em,.contact h2 em{font-style:normal;color:var(--accent)}.hero-text{font-size:18px;line-height:2;max-width:660px;color:var(--muted);margin:32px 0}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:14px;font-size:14px;font-weight:600;transition:.25s}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{transform:translateY(-3px);background:var(--accent)}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.45)}.btn.ghost:hover{background:#fff;transform:translateY(-3px)}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:58px;padding-top:28px;border-top:1px solid var(--line)}.hero-meta div{display:flex;flex-direction:column;gap:8px}.hero-meta strong{font-size:25px}.hero-meta span{font-size:11px;color:var(--muted);line-height:1.7}.portrait-wrap{position:relative;border-radius:48% 48% 28px 28px;overflow:visible;background:linear-gradient(145deg,#fff,#dedbd3);aspect-ratio:.78;display:flex;align-items:flex-end;justify-content:center}.portrait-wrap>img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:inherit;filter:saturate(.82) contrast(1.03)}.floating-card{position:absolute;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.12);padding:16px 19px;border-radius:18px;display:flex;flex-direction:column;gap:4px}.floating-card span{font-size:10px;color:var(--muted)}.floating-card b{font-size:13px}.card-one{right:-28px;top:18%}.card-two{left:-35px;bottom:14%}.ticker{overflow:hidden;background:var(--accent);color:#fff;padding:18px 0;transform:rotate(-1deg);width:102%;margin-right:-1%}.ticker-track{display:flex;gap:22px;width:max-content;animation:ticker 24s linear infinite;font-weight:600}.ticker-track i{font-style:normal}.ticker-track span{white-space:nowrap}.section-label{font-size:12px;color:var(--accent);margin-bottom:46px;font-weight:700}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.about h2,.section-heading h2,.experience h2{font-size:clamp(38px,5vw,72px);line-height:1.2;letter-spacing:-.04em;margin:0}.about h2 span{color:var(--accent)}.about-text p{font-size:17px;line-height:2.1;color:var(--muted);margin:0 0 20px}.signature{font-size:25px;margin-top:38px;font-weight:700}.dark-panel{background:var(--dark);color:#fff;border-radius:40px;margin:0 18px}.dark-panel .section-label{color:#ff8066}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.section-heading h2{max-width:760px}.section-heading p{max-width:380px;color:#a9adb7;line-height:1.9}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{padding:34px;min-height:275px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.025);transition:.3s}.service-card:hover{background:#fff;color:var(--ink);transform:translateY(-8px)}.service-card>span{font-size:11px;color:#ff8066}.service-card h3{font-size:21px;margin:65px 0 15px}.service-card p{font-size:13px;line-height:1.9;color:#a9adb7}.service-card:hover p{color:var(--muted)}.project-list{display:flex;flex-direction:column;gap:90px}.project-card{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.project-card.reverse .project-image{order:2}.project-image{background:#dedbd4;border-radius:28px;padding:28px;overflow:hidden}.project-image img{width:100%;max-height:630px;object-fit:contain;border-radius:20px;box-shadow:0 25px 55px rgba(0,0,0,.16)}.project-no{font-size:12px;color:var(--accent)}.project-copy h3{font-size:clamp(38px,5vw,68px);margin:22px 0}.project-copy p{color:var(--muted);font-size:16px;line-height:2;max-width:520px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span,.skills-cloud span{font-size:11px;border:1px solid var(--line);padding:9px 13px;border-radius:999px}.gallery-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.gallery-top h2{font-size:clamp(38px,5vw,66px);margin:0 0 10px}.gallery-top p{color:#a9adb7}.filters{display:flex;gap:7px}.filters button{border:1px solid rgba(255,255,255,.16);background:none;color:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;font-size:12px}.filters button.active{background:#fff;color:#111}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:310px;gap:14px}.work-item{position:relative;border:0;padding:0;border-radius:20px;overflow:hidden;background:#171a21;cursor:zoom-in}.work-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.work-item:hover img{transform:scale(1.04);filter:brightness(.72)}.work-item span{position:absolute;right:18px;bottom:17px;color:#fff;font-size:12px;opacity:0;transform:translateY(8px);transition:.3s}.work-item:hover span{opacity:1;transform:none}.work-item.tall{grid-row:span 2}.work-item.wide{grid-column:span 2}.work-item.hidden{display:none}.experience-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.timeline{border-top:1px solid var(--line)}.timeline-item{padding:30px 0;border-bottom:1px solid var(--line)}.timeline-item span{font-size:11px;color:var(--accent)}.timeline-item h3{font-size:21px;margin:12px 0}.timeline-item p{color:var(--muted);line-height:1.9}.skills-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:70px}.skills-cloud span{padding:13px 17px;font-size:12px;background:#fff}.contact{padding-top:30px}.contact-box{background:var(--accent);color:#fff;border-radius:36px;padding:clamp(38px,7vw,90px)}.contact-box .eyebrow{color:#fff;opacity:.8}.contact-box h2{font-size:clamp(50px,8vw,100px)}.contact-box h2 em{color:var(--ink)}.contact-box>p:not(.eyebrow){max-width:650px;line-height:2;margin:28px 0}.contact-box .btn.primary{background:#fff;color:#111}.contact-box .btn.ghost{border-color:rgba(255,255,255,.45);color:#fff}.social-links{display:flex;gap:25px;margin-top:50px;font-size:13px}footer{display:flex;justify-content:space-between;padding:28px max(28px,calc((100vw - var(--max))/2));font-size:12px}.lightbox{width:min(92vw,1100px);height:min(90vh,850px);padding:0;border:0;border-radius:22px;background:#111;overflow:hidden}.lightbox::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox-close{position:absolute;left:18px;top:14px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:27px;cursor:pointer}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,91,56,.11),transparent 65%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}@keyframes ticker{to{transform:translateX(50%)}}
@media(max-width:900px){.main-nav{position:fixed;inset:86px 0 auto 0;width:calc(100vw - 32px);right:50%;transform:translateX(50%);display:none;flex-direction:column;padding:25px;background:var(--bg);border-radius:20px;box-shadow:0 20px 55px rgba(0,0,0,.13)}.main-nav.open{display:flex}.header-cta{display:none}.menu-btn{display:block;margin-right:auto}.hero,.about-grid,.experience-layout{grid-template-columns:1fr}.hero{padding-top:140px}.hero-visual{max-width:620px;margin:auto;width:100%}.services-grid{grid-template-columns:repeat(2,1fr)}.project-card,.project-card.reverse{grid-template-columns:1fr}.project-card.reverse .project-image{order:0}.section-heading{align-items:start;flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-top{align-items:start;flex-direction:column}.hero-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.section-pad{padding:88px 20px}.site-header{top:10px;height:62px}.hero{padding-top:115px}.hero h1{font-size:47px}.hero-text{font-size:15px}.hero-meta{gap:8px}.hero-meta strong{font-size:19px}.hero-meta span{font-size:9px}.floating-card{display:none}.dark-panel{margin:0 8px;border-radius:26px}.services-grid{grid-template-columns:1fr}.service-card{min-height:220px}.service-card h3{margin-top:42px}.project-card{gap:30px}.project-image{padding:15px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:380px}.work-item.wide{grid-column:span 1}.work-item.tall{grid-row:span 1}.filters{overflow:auto;width:100%}.contact-actions{flex-direction:column}.contact-actions .btn{width:100%;font-size:12px}.contact-box{border-radius:25px}.contact-box h2{font-size:49px}.social-links{flex-wrap:wrap}.about-grid,.experience-layout{gap:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* أدوات الذكاء الاصطناعي */
.ai-tools{padding:72px max(28px,calc((100vw - var(--max))/2));background:#fff;border-block:1px solid var(--line)}
.ai-tools-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:28px}
.ai-tools-head h2{font-size:clamp(25px,3vw,42px);line-height:1.35;max-width:720px;margin:0}
.ai-kicker{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap}
.ai-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ai-tool{display:flex;align-items:center;gap:14px;min-height:92px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--bg);transition:.25s}
.ai-tool:hover{transform:translateY(-4px);border-color:rgba(255,91,56,.35);box-shadow:0 15px 35px rgba(0,0,0,.07)}
.ai-logo{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;font-size:15px;font-weight:800;direction:ltr;background:#111;color:#fff}
.openai-mark{font-size:28px;background:#10a37f}.claude-mark{background:#d97757}.codex-mark{background:#111;font-size:13px}.deepseek-mark{background:#3568e5}
.ai-tool strong{display:block;font-size:15px;direction:ltr;text-align:right}
.ai-tool small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:3px}
.phone-number{direction:ltr!important;unicode-bidi:isolate!important;font-variant-numeric:tabular-nums}
.project-image{background:transparent!important;padding:0!important}
.project-image img{box-shadow:none!important;border-radius:0!important;max-height:760px}
@media(max-width:900px){.ai-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ai-tools{padding:58px 20px}.ai-tools-head{align-items:start;flex-direction:column;gap:10px}.ai-strip{grid-template-columns:1fr}.ai-tool{min-height:82px}.project-image img{max-height:620px}}