@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--ink:#191727;--purple:#6235d9;--light:#f5f3fa;--line:#e1ddea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Tajawal,Arial,sans-serif;font-size:17px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6}a:focus-visible,button:focus-visible{outline:3px solid #f5a500;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-inline:44px}header{max-width:1360px;margin:auto;padding:28px 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:30px;font-weight:900;line-height:1.1}.brand small{display:block;font:10px Arial;letter-spacing:2px;margin-top:9px}.brand-dot{color:var(--purple);margin-right:8px}nav{display:flex;gap:32px;font-weight:500;font-size:16px}nav a:hover{color:var(--purple)}.contact-top{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:16px}.contact-top span{margin-right:20px}.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:75px;padding-block:78px 88px;align-items:center}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:9px;color:var(--purple);margin-bottom:22px}.eyebrow>span{width:24px;height:2px;background:currentColor}h1{font-size:clamp(48px,5.2vw,72px);line-height:1.25;letter-spacing:-2px;margin:0 0 24px;font-weight:900}em{font-style:normal;color:var(--purple)}.hero-copy>p{max-width:540px;color:#696474;line-height:1.95;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:12px 20px;font-size:15px;font-weight:700;border-radius:7px}.primary{color:#fff;background:var(--purple)}.outline{border:1px solid var(--line)}.button:hover{transform:translateY(-2px)}.hero-art{min-height:480px;background:var(--purple);color:white;border-radius:16px;position:relative;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background-image:radial-gradient(#ffffff20 1px,transparent 1px);background-size:18px 18px;transform:rotate(-2deg)}.art-top{display:flex;justify-content:space-between;align-items:center;direction:ltr}.art-top>span{font:11px/1.7 Arial;letter-spacing:2px}.art-top svg{width:65px;height:65px;color:#d5fb7c;stroke-width:5}.big-name{font-size:102px;line-height:1.1;font-weight:900;text-align:center;transform:rotate(2deg)}.big-name span{display:block;font-size:48px;margin-top:8px}.art-bottom{display:flex;align-items:center;justify-content:space-between;font-size:18px;line-height:1.6}.art-badge{border:1px solid #ffffff70;border-radius:50%;padding:15px 23px;font-size:15px;text-align:center;transform:rotate(12deg)}.floating-tag{position:absolute;bottom:90px;left:-27px;display:flex;gap:12px;background:#dbfa9b;color:var(--ink);padding:13px 20px;border-radius:7px;transform:rotate(7deg);font-weight:700;font-size:16px}.ticker{display:flex;gap:38px;align-items:center;justify-content:center;background:var(--ink);color:#d8f7a3;padding:21px 25px;flex-wrap:wrap;font-size:21px}.ticker span{color:white;font-size:18px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:100px}h2{font-size:40px;line-height:1.35;letter-spacing:-1px;margin:0;font-weight:800}.lead{font-size:22px;line-height:1.8;margin-top:0}p{color:#696474}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.chips span{font-size:13px;background:var(--light);padding:5px 12px;border-radius:5px}.expertise{background:var(--light);padding-block:80px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-heading p{font-size:16px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid article{background:#fff;border:1px solid var(--line);padding:25px 22px;border-radius:9px;position:relative}.service-grid article>svg{width:35px;height:35px;color:var(--purple);margin-bottom:28px}.number{position:absolute;left:22px;top:26px;font-size:13px;color:#9792a3}.service-grid h3{font-size:21px;line-height:1.4;margin:0 0 16px}.service-grid p{font-size:16px;line-height:1.8;margin:0 0 28px}.service-foot{border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--purple)}.experience{padding-block:90px}.subtle{font-size:14px;color:#787180}.timeline article{display:grid;grid-template-columns:260px 1fr;gap:45px;border-top:1px solid var(--line);padding:30px 0}.date{font-size:17px;font-weight:700}.date span{display:block;font-size:12px;font-weight:400;color:#787180}.timeline h3{font-size:25px;margin:0}.timeline h4{color:var(--purple);font-size:16px;font-weight:500;margin:4px 0 12px}.timeline p{font-size:16px;margin:0;max-width:750px}.timeline a{font-size:14px;display:inline-block;margin-top:14px;border-bottom:1px solid}.skill-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.skill-strip span{border:1px solid var(--line);border-radius:30px;padding:6px 17px;font-size:14px}.documents{padding-block:30px 90px}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.doc-card{padding:0;text-align:right;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--ink)}.doc-image{background:var(--light);padding:24px;height:270px;overflow:hidden}.doc-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s;filter:drop-shadow(0 5px 5px #22163315)}.doc-card:hover img{transform:scale(1.05)}.doc-caption{padding:20px;display:flex;justify-content:space-between;gap:15px}.doc-caption strong{display:block;font-size:17px;line-height:1.6}.doc-caption small{color:#787180;font-size:13px}.doc-caption>span{color:var(--purple)}.contact{background:#ede7ff;border-radius:18px;padding:55px;margin-bottom:55px}.contact h2{font-size:58px}.contact-row{display:flex;justify-content:space-between;gap:30px;align-items:end}.contact-row p{margin-bottom:0}.email{font:clamp(16px,2.1vw,25px) Arial;display:block;border-bottom:1px solid #afa1cb;padding-bottom:15px;overflow-wrap:anywhere;direction:ltr}.email span{margin-left:12px}.phone{display:block;text-align:right;margin-top:14px;font-family:Arial;font-size:17px}footer{display:flex;justify-content:space-between;align-items:center;padding-block:20px 35px;gap:20px;font-size:14px}footer .brand{font-size:24px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}dialog{border:0;border-radius:10px;width:min(950px,94vw);max-height:92vh;padding:0;background:#eee}dialog::backdrop{background:#171320cc}dialog>img{display:block;width:100%;height:auto}.dialog-bar{position:sticky;top:0;display:flex;align-items:center;gap:18px;background:white;padding:12px 20px;border-bottom:1px solid var(--line)}.dialog-bar h3{font-size:16px;margin:0;flex:1}.dialog-bar a{font-size:14px;color:var(--purple)}.dialog-bar button{background:var(--light);border:0;border-radius:50%;width:40px;height:40px;font-size:27px}
@media(max-width:1000px){.wrap{padding-inline:28px}.hero{gap:40px}.hero-art{min-height:420px}.big-name{font-size:82px}.service-grid{grid-template-columns:repeat(2,1fr)}.about{gap:40px}.timeline article{grid-template-columns:190px 1fr;gap:25px}.contact{margin-inline:28px}.ticker{gap:18px}}
@media(max-width:700px){header{padding:20px;gap:10px;flex-wrap:wrap}.brand{font-size:26px}nav{order:3;justify-content:space-between;width:100%;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:8px;font-size:14px}.contact-top{font-size:14px}.wrap{padding-inline:22px}.hero{grid-template-columns:1fr;gap:44px;padding-block:42px 55px}h1{font-size:51px}.hero-art{min-height:380px;margin-inline:8px;transform:rotate(-1deg)}.floating-tag{left:-12px}.big-name{font-size:90px}.hero-copy>p{font-size:17px}.actions{gap:8px}.button{padding:12px 13px;font-size:14px;gap:10px}.ticker{gap:12px;padding:18px}.ticker span{font-size:14px}.about{grid-template-columns:1fr;gap:28px;padding-block:60px}h2{font-size:33px}.lead{font-size:20px}.section-heading{display:block}.section-heading p,.subtle{display:block;margin-top:20px}.expertise{padding-block:55px}.service-grid{gap:12px}.service-grid article{padding:20px 16px}.service-grid h3{font-size:19px}.service-grid p{font-size:15px}.service-foot{font-size:12px}.experience{padding-block:55px}.timeline article{grid-template-columns:1fr;gap:12px}.timeline h3{font-size:22px}.date{font-size:14px}.document-grid{grid-template-columns:repeat(2,1fr);gap:12px}.doc-image{height:190px;padding:14px}.doc-caption{padding:13px;gap:5px}.doc-caption strong{font-size:14px}.doc-caption small{font-size:12px}.documents{padding-bottom:55px}.contact{margin-inline:15px;padding:30px 22px}.contact h2{font-size:45px}.contact-row{display:block}.contact-row>div{margin-top:30px}.email{font-size:16px}.contact-row p{font-size:16px}footer{flex-wrap:wrap;font-size:12px}footer>span{order:3;width:100%}.dialog-bar{gap:10px;padding:10px}.dialog-bar h3{font-size:13px}.dialog-bar a{font-size:12px}}
@media(max-width:360px){.service-grid,.document-grid{grid-template-columns:1fr}h1{font-size:44px}.big-name{font-size:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}