@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:opsz,wght@9..144,500;9..144,550;9..144,600&display=swap";.about{background:var(--white)}.about__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:3rem;display:grid}.about__photo{border-radius:var(--radius);aspect-ratio:4/5;max-width:26rem;overflow:hidden}.about__photo img{object-fit:cover;object-position:center 15%;width:100%;height:100%}.about__copy p+p{margin-top:1rem}.about__copy p:not(.section__label){color:var(--ink-muted)}@media (width<=800px){.about__layout{grid-template-columns:1fr;gap:2rem}.about__photo{max-width:20rem}}.blog{background:var(--cream);min-height:100svh;padding-top:7.5rem}.blog__search label{color:var(--navy-900);flex-direction:column;gap:.45rem;max-width:36rem;font-size:.9rem;font-weight:600;display:flex}.blog__search input{border-radius:var(--radius);background:var(--white);color:var(--ink);font:inherit;border:1px solid #0f1f382e;padding:.9rem 1rem}.blog__search input:focus{outline:2px solid var(--blue-400);outline-offset:1px}.blog__tags{flex-wrap:wrap;gap:.5rem;margin-top:1.1rem;display:flex}.blog__tags button{background:var(--white);color:var(--navy-800);font:inherit;cursor:pointer;border:1px solid #0f1f3829;border-radius:999px;padding:.4rem .7rem;font-size:.82rem;font-weight:600}.blog__tags button.is-active{background:var(--navy-900);color:var(--cream);border-color:var(--navy-900)}.blog__count,.blog__empty{color:var(--ink-muted);margin-top:1rem}.blog__list{gap:1rem;margin-top:1.25rem;display:grid}.blog__list article{background:var(--white);border:1px solid #0f1f3814;padding:1.25rem 1.35rem 1.35rem;overflow:hidden}.blog__cover{margin:-1.25rem -1.35rem 1rem;display:block}.blog__cover img,.blog-post__cover img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.blog-post__cover{border-radius:var(--radius);margin:1rem 0 .25rem;overflow:hidden}.blog__meta{color:var(--sage-500);gap:.85rem;margin-bottom:.45rem;font-size:.82rem;font-weight:600;display:flex}.blog__list h2{margin-bottom:.45rem;font-size:1.45rem}.blog__list h2 a:hover{color:var(--blue-500)}.blog__list article>p{color:var(--ink-muted)}.blog__card-tags{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.blog__card-tags li{color:var(--navy-800);background:var(--cream);padding:.25rem .5rem;font-size:.75rem;font-weight:700}.blog__back{margin-bottom:1rem}.blog__back a{color:var(--navy-800);font-weight:700}.blog-post{max-width:46rem}.blog-post__body{flex-direction:column;gap:.9rem;margin-top:1.5rem;display:flex}.blog-post__body h2{color:var(--navy-900);margin-top:.6rem;font-size:1.45rem}.blog-post__body p,.blog-post__body li{color:var(--ink);font-size:1.05rem}.blog-post__body ul,.blog-post__body ol{flex-direction:column;gap:.4rem;padding-inline-start:1.2rem;display:flex}.blog-post__body pre{background:var(--navy-950);color:var(--cream);border-radius:var(--radius);padding:1rem 1.1rem;font-size:.86rem;line-height:1.55;overflow-x:auto}.blog-related{border-top:1px solid #0f1f381f;margin-top:2.5rem;padding-top:1.5rem}.blog-related h2{margin-bottom:.75rem;font-size:1.3rem}.blog-related li+li{margin-top:.45rem}.blog-related a{color:var(--navy-800);font-weight:600}.blog-related a:hover{color:var(--blue-500)}.certificates{background:var(--navy-950);color:var(--cream)}.certificates .section__label{color:var(--sage-400)}.certificates .section__title{color:var(--cream)}.certificates .section__lead{color:#f4f6f2b3}.certificates__layout{grid-template-columns:1.1fr 1fr;align-items:start;gap:3rem;display:grid}.certificates__edu{border-top:1px solid #f4f6f21f;margin-top:1.5rem;padding-top:1.5rem}.certificates__edu h3{margin-bottom:.35rem;font-size:1.15rem}.certificates__years{color:var(--blue-400);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.certificates__edu p:last-child{color:#f4f6f2b8;font-size:.95rem}.certificates__list{border-top:1px solid #f4f6f21f;flex-direction:column;display:flex}.certificates__list li{border-bottom:1px solid #f4f6f21f;flex-direction:column;gap:.25rem;padding:1.1rem 0;display:flex}.certificates__list strong{font-family:var(--font-display);font-size:1.1rem;font-weight:500}.certificates__list span{color:#f4f6f2a6;font-size:.85rem}@media (width<=800px){.certificates__layout{grid-template-columns:1fr;gap:2rem}}.contact{background:var(--white)}.contact__layout{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.contact__social{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.contact__icon-btn{border-radius:var(--radius);width:2.85rem;height:2.85rem;color:var(--cream);background:var(--navy-900);transition:transform .25s var(--ease), background .25s var(--ease);justify-content:center;align-items:center;display:inline-flex}.contact__icon-btn svg{width:1.2rem;height:1.2rem}.contact__icon-btn:hover{background:var(--blue-500);transform:translateY(-2px)}.contact__phones{flex-direction:column;gap:.75rem;display:flex}.contact__whatsapp{border-radius:var(--radius);background:var(--cream);width:fit-content;color:var(--navy-900);transition:transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);border:1px solid #0f1f381a;align-items:center;gap:.85rem;padding:.7rem 1rem .7rem .75rem;display:flex}.contact__whatsapp svg{color:#1faa55;flex-shrink:0;width:1.35rem;height:1.35rem}.contact__whatsapp:hover{background:#f0faf3;border-color:#1faa5573;transform:translateY(-2px)}.contact__phone-meta{flex-direction:column;gap:.1rem;display:flex}.contact__country{letter-spacing:.08em;text-transform:uppercase;color:var(--sage-500);font-size:.72rem;font-weight:700}.contact__number{font-size:.98rem;font-weight:600}.contact__form{flex-direction:column;gap:1rem;display:flex}.contact__form label{color:var(--navy-900);flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.contact__form input,.contact__form textarea{border-radius:var(--radius);background:var(--cream);color:var(--ink);resize:vertical;border:1px solid #0f1f382e;padding:.85rem 1rem}.contact__form input:focus,.contact__form textarea:focus{outline:2px solid var(--blue-400);outline-offset:1px}.contact__honeypot{height:0;position:absolute;left:-9999px;overflow:hidden}.contact__status{margin-top:.25rem;font-size:.9rem}.contact__status--ok{color:var(--sage-500)}.contact__status--err{color:#9a3b3b}@media (width<=800px){.contact__layout{grid-template-columns:1fr;gap:2rem}}.experience{background:var(--cream)}.experience__list{flex-direction:column;display:flex}.experience__item{border-top:1px solid #0f1f381f;grid-template-columns:11rem 1fr;gap:1.5rem;padding-block:1.5rem;display:grid}.experience__item:last-child{border-bottom:1px solid #0f1f381f}.experience__period{color:var(--sage-500);padding-top:.2rem;font-size:.88rem;font-weight:600}.experience__body h3{color:var(--navy-900);margin-bottom:.2rem;font-size:1.25rem}.experience__company{color:var(--navy-800);margin-bottom:.45rem;font-weight:600}.experience__detail{color:var(--ink-muted);max-width:40rem;font-size:.97rem}@media (width<=700px){.experience__item{grid-template-columns:1fr;gap:.35rem}}.expertise{background:var(--white)}.expertise__grid{grid-template-columns:repeat(3,1fr);gap:1.75rem 2rem;display:grid}.expertise__item h3{color:var(--navy-900);margin-bottom:.45rem;font-size:1.2rem}.expertise__item p{color:var(--ink-muted);font-size:.98rem}.expertise__item{border-top:2px solid var(--sage-200);padding-top:1rem}@media (width<=900px){.expertise__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.expertise__grid{grid-template-columns:1fr}}.footer{background:var(--navy-950);color:#f4f6f2b3;padding-block:2.25rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.footer__name{font-family:var(--font-display);color:var(--cream);margin-bottom:.25rem;font-size:1.15rem}.footer__brand{color:var(--sage-400);font-size:.85rem}.footer__copy{font-size:.85rem}.hero{min-height:100svh;color:var(--cream);background:#16293c;align-items:center;padding-block:7rem 4rem;display:flex;position:relative;overflow:hidden}.hero__atmosphere{pointer-events:none;background:radial-gradient(45% 40% at 0 100%,#0a16282e,#0000 70%),radial-gradient(40% 35% at 100% 0,#b4cde638,#0000 65%);position:absolute;inset:0}.hero__grid{z-index:1;width:min(100% - 2.5rem, var(--max));grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.hero__copy{animation:heroFade .9s var(--ease) both}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#f4f6f2c7;margin-bottom:var(--space-md);font-size:.78rem;font-weight:600}.hero__name{letter-spacing:-.03em;color:var(--cream);margin-bottom:.65rem;font-size:clamp(2.6rem,6.5vw,4.4rem);font-weight:550}.hero__title{color:#f4f6f2eb;margin-bottom:var(--space-md);font-size:clamp(1.02rem,2vw,1.2rem);font-weight:500;line-height:1.45}.hero__tagline{color:#f4f6f2c7;max-width:36rem;margin-bottom:var(--space-lg);font-size:1.02rem}.hero__actions{flex-wrap:wrap;gap:.85rem;display:flex}.hero .btn--outline{color:var(--cream);background:0 0;border-color:#f4f6f273}.hero .btn--outline:hover{border-color:var(--cream);background:#f4f6f21a}.hero__portrait{aspect-ratio:4/5;width:min(100%,26rem);animation:heroFade 1s var(--ease) .12s both;border-radius:1rem;justify-self:end;overflow:hidden;box-shadow:0 24px 50px #0f1f382e}.hero__portrait img{object-fit:cover;object-position:center 18%;width:100%;height:100%;transition:transform 8s var(--ease)}.hero:hover .hero__portrait img{transform:scale(1.03)}@keyframes heroFade{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero{min-height:auto;padding-block:6.5rem 3rem}.hero__grid{grid-template-columns:1fr;gap:2rem}.hero__portrait{order:-1;justify-self:center;width:min(100%,20rem)}}[dir=rtl] .hero__portrait{justify-self:start}@media (width<=900px){[dir=rtl] .hero__portrait{justify-self:center}}.mafatech{background:var(--cream)}.mafatech__layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:3rem;display:grid}.mafatech__pitch{color:var(--ink-muted);max-width:36rem;margin-bottom:1rem}.mafatech__note{color:var(--sage-500);max-width:34rem;font-size:.95rem}.mafatech__products{border-top:1px solid #0f1f381f;flex-direction:column;display:flex}.mafatech__products a{transition:color .2s var(--ease);border-bottom:1px solid #0f1f381f;flex-direction:column;gap:.2rem;padding:1.15rem 0;display:flex}.mafatech__products a:hover{color:var(--blue-500)}.mafatech__products strong{font-family:var(--font-display);font-size:1.25rem;font-weight:500}.mafatech__products span{color:var(--ink-muted);font-size:.85rem}@media (width<=800px){.mafatech__layout{grid-template-columns:1fr;gap:2rem}}.nav{inset-inline:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:padding .35s var(--ease), box-shadow .35s var(--ease);background:#0a1628f0;padding-block:.95rem;position:fixed;top:0}.nav--scrolled{padding-block:.65rem;box-shadow:0 8px 28px #0a162840}.nav__inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav__brand{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;font-size:1.15rem}.nav__actions{align-items:center;gap:.65rem;display:flex}.nav__lang{color:var(--cream);border-radius:var(--radius);cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease);background:0 0;border:1px solid #f4f6f259;padding:.4rem .7rem;font-size:.82rem;font-weight:600}.nav__lang:hover{background:#f4f6f21a;border-color:#f4f6f299}.nav__lang--mobile{width:100%;margin-top:.75rem;display:none}.nav__links{align-items:center;gap:1.15rem;display:flex}.nav__links a{color:#f4f6f2c7;transition:color .2s var(--ease);font-size:.88rem;font-weight:500}.nav__links a:hover{color:var(--cream)}.nav__toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:.4rem;width:2.5rem;height:2.5rem;padding:.5rem;display:none}.nav__toggle span{background:var(--cream);width:100%;height:2px;display:block}@media (width<=980px){.nav__toggle{display:flex}.nav__lang:not(.nav__lang--mobile){display:none}.nav__lang--mobile{display:block}.nav__links{inset-inline:0;opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);background:#0a1628fa;flex-direction:column;align-items:flex-start;gap:0;padding:.5rem 1.25rem 1.25rem;position:absolute;top:100%;transform:translateY(-.5rem)}.nav__links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav__links a{border-bottom:1px solid #f4f6f214;width:100%;padding:.85rem 0}}.projects{background:linear-gradient(180deg, var(--cream) 0%, var(--cream-soft) 100%)}.projects__grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.project{background:var(--white);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border:1px solid #0f1f3814;flex-direction:column;display:flex;overflow:hidden}.project:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f1f381a}.project__media{aspect-ratio:16/9;background:var(--navy-900);position:relative;overflow:hidden}.project__badge{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-950);background:#e8c96a;border-radius:2px;padding:.35rem .65rem;font-size:.72rem;font-weight:700;position:absolute;top:.85rem;left:.85rem}.project__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.project:hover .project__media img{transform:scale(1.04)}.project__body{flex-direction:column;flex:1;gap:.55rem;padding:1.35rem 1.4rem 1.5rem;display:flex}.project__category{letter-spacing:.08em;text-transform:uppercase;color:var(--sage-500);font-size:.75rem;font-weight:600}.project__title{color:var(--navy-900);font-size:1.45rem}.project__idea{color:var(--ink-muted);flex:1;font-size:.95rem}.project__role{color:var(--navy-800);font-size:.85rem;font-weight:500}.project__tech{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.project__tech li{color:var(--navy-800);background:var(--cream);border-radius:2px;padding:.28rem .55rem;font-size:.75rem;font-weight:600}.client-work{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid #0f1f381f}.client-work__title{color:var(--navy-900);margin-bottom:.5rem;font-size:clamp(1.4rem,2.5vw,1.85rem)}.client-work__lead{color:var(--ink-muted);max-width:38rem;margin-bottom:var(--space-lg)}.client-work__grid{grid-template-columns:repeat(2,1fr);gap:1rem 1.75rem;display:grid}.client-work__grid li{border-top:1px solid #0f1f381a;flex-direction:column;gap:.3rem;padding:1rem 0;display:flex}.client-work__grid strong{font-family:var(--font-display);color:var(--navy-900);font-size:1.05rem;font-weight:500}.client-work__grid span{color:var(--ink-muted);font-size:.92rem}@media (width<=800px){.projects__grid,.client-work__grid{grid-template-columns:1fr}}.services{background:var(--navy-950);color:var(--cream)}.services .section__label{color:var(--sage-400)}.services .section__title{color:var(--cream)}.services .section__lead{color:#f4f6f2b3}.services__list{flex-direction:column;gap:0;display:flex}.services__item{border-top:1px solid #f4f6f21f;grid-template-columns:4.5rem 1fr;gap:1.25rem;padding-block:1.6rem;display:grid}.services__item:last-child{border-bottom:1px solid #f4f6f21f}.services__num{font-family:var(--font-display);color:var(--blue-400);font-size:1.5rem}.services__item h3{margin-bottom:.4rem;font-size:1.3rem}.services__item p{color:#f4f6f2b8;max-width:42rem}@media (width<=560px){.services__item{grid-template-columns:3rem 1fr}}.technologies{background:var(--cream-soft)}.technologies__list{flex-wrap:wrap;gap:.65rem;display:flex}.technologies__list li{color:var(--navy-900);background:var(--white);border:1px solid #0f1f3814;padding:.65rem 1rem;font-size:.92rem;font-weight:600}:root{--navy-950:#0a1628;--navy-900:#0f1f38;--navy-800:#163056;--blue-500:#3b7cc9;--blue-400:#5a9ad9;--sage-500:#6b8f71;--sage-400:#8aad8f;--sage-200:#d4e4d6;--cream:#f4f6f2;--cream-soft:#e8ece6;--ink:#121a24;--ink-muted:#4a5568;--white:#fff;--overlay:#0a1628b8;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3.5rem;--space-2xl:5.5rem;--radius:.35rem;--max:72rem;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.15}p{margin:0}ul{margin:0;padding:0;list-style:none}button,input,textarea{font:inherit}.container{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.section{padding-block:var(--space-2xl)}.section__label{letter-spacing:.12em;text-transform:uppercase;color:var(--sage-500);margin-bottom:var(--space-sm);font-size:.8rem;font-weight:600}.section__title{color:var(--navy-900);margin-bottom:var(--space-md);font-size:clamp(1.85rem,3.5vw,2.6rem)}.section__lead{max-width:38rem;color:var(--ink-muted);margin-bottom:var(--space-xl)}.btn{border-radius:var(--radius);cursor:pointer;transition:transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--blue-500);color:var(--white)}.btn--primary:hover{background:var(--blue-400)}.btn--ghost{color:var(--cream);background:0 0;border-color:#f4f6f273}.btn--ghost:hover{border-color:var(--cream);background:#f4f6f214}.btn--solid{background:var(--navy-900);color:var(--cream)}.btn--solid:hover{background:var(--navy-800)}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(1.25rem)}.reveal.is-visible{opacity:1;transform:translateY(0)}html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:Cairo,DM Sans,system-ui,sans-serif}html[lang=ar] .nav__brand,html[lang=ar] .hero__name,html[lang=ar] .section__title,html[lang=ar] .project__title,html[lang=ar] .footer__name{letter-spacing:0;font-family:Cairo,Fraunces,Georgia,serif}