:root{--bg:#01203d;--panel:#062b45;--text:#ffffff;--muted:#c6d8dd;--accent:#dce74d;--line:#356075}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.btn{cursor:pointer;border:0;border-radius:8px;background:#dce74d;color:#01203d;display:inline-block;padding:12px 23px;font-weight:bold;text-align:center}button:hover,.btn:hover{background:#76c365;text-decoration:none}.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.secondary:hover{color:#01203d}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.preview{background:#00804f;color:#ffffff;text-align:center;font-size:14px;padding:8px 20px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.logo{font:bold 25px Arial;letter-spacing:4px}.logo span{color:var(--accent)}nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}section{padding:72px 0;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:80px 0}.eyebrow{color:var(--accent);font-size:14px}h1{font-size:clamp(36px,5vw,66px);line-height:1.35;letter-spacing:-1px;margin:20px 0}h1 span{color:var(--accent)}h2{font-size:32px;line-height:1.5;margin:8px 0 16px}h3{font-size:22px;line-height:1.5;margin:10px 0}p{color:var(--muted);margin:8px 0 24px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.scope{border:1px solid var(--line);background:var(--panel);padding:34px;border-radius:14px}.scope-row{padding:19px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center}.scope-row:last-child{border:0}.num{font:24px Arial;color:var(--accent)}.scope-row p{font-size:14px;margin:4px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-head p{max-width:480px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel);display:flex;flex-direction:column}.card.featured{border-color:var(--accent)}.tag{color:var(--accent);font-size:14px}.price{font-size:40px;line-height:1.5;margin:12px 0;direction:rtl}.price small{font-size:16px;font-weight:normal;color:var(--muted)}ul{padding-right:22px;color:var(--muted);margin:0 0 24px}li{margin:8px 0}.card button{margin-top:auto;width:100%}.note{font-size:14px;color:var(--muted);margin-top:22px}.portfolio{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{padding:38px;border:1px solid var(--line);border-radius:12px;background:#00804f}.project.alt{background:#01203d}.project .wordmark{font-size:46px;font-weight:bold;margin:32px 0}.project .roles{color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{border-top:2px solid var(--accent);padding-top:20px}.step p{font-size:14px}.request{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.form{background:var(--panel);padding:30px;border-radius:12px;border:1px solid var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;margin-bottom:6px}input,select,textarea{width:100%;min-width:0;padding:12px;background:#01203d;border:1px solid #4f5b61;border-radius:6px;color:var(--text);font-size:16px}textarea{min-height:110px;resize:vertical}.wide{grid-column:1/-1}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.consent{display:flex;gap:10px;align-items:start;margin:20px 0}.consent input{width:18px;height:18px;margin-top:6px;flex-shrink:0}.consent label{font-size:14px}.summary{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}.summary pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:var(--muted)}[hidden]{display:none!important}.faq{max-width:850px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:bold}details p{margin:14px 0 0}footer{padding:30px 0;color:var(--muted);display:flex;justify-content:space-between;gap:20px;font-size:14px}.status{font-size:14px;color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:850px){.hero,.request{grid-template-columns:1fr;gap:30px}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.hero{padding:50px 0}.section-head{display:block}.section-head p{margin-top:12px}.portfolio{grid-template-columns:1fr}.nav{align-items:start;flex-direction:column}nav{gap:18px}section{padding:48px 0}.card{padding:25px}footer{flex-direction:column}}@media(max-width:480px){.wrap{width:calc(100% - 32px)}.fields{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.form,.scope,.project{padding:23px}.btn{padding:11px 18px}h1{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{display:inline-flex;align-items:center;padding:12px 16px}.brand img{width:160px;height:75px;object-fit:contain}.nav{align-items:center}footer{align-items:center}.brand-icon{width:36px;height:36px;flex-shrink:0;filter:brightness(0) invert(1)}.step .brand-icon{margin-bottom:8px}.scope-row{gap:22px}.asset-options{margin:0;padding:16px;border:1px solid var(--line);border-radius:6px}.asset-options legend{font-size:14px;padding:0 6px}.asset-options legend span{color:var(--muted)}.asset-options label{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:16px;cursor:pointer}.asset-options input{width:18px;height:18px;flex-shrink:0;accent-color:#dce74d}.asset-options .note{margin:12px 0 0}.showcase{padding:0;background:var(--panel);overflow:hidden}.project-heading{padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:16px}.project-heading h3{margin:0}.project-kind{color:var(--muted);font-size:14px}.client-logo{width:76px;height:76px;object-fit:contain}.oudya-logo{background:#fff;border-radius:8px}.project-stage{aspect-ratio:4/3;background:#07182a;display:flex;align-items:center;justify-content:center}.project-main{width:100%;height:100%;object-fit:contain}.project-thumbs{display:flex;gap:10px;padding:16px 25px}.project-thumb{padding:0;width:76px;height:62px;overflow:hidden;background:#07182a;border:2px solid transparent;border-radius:6px}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-thumb[aria-pressed="true"]{border-color:#dce74d}.project-thumb:hover{background:#07182a;border-color:#76c365}.project-footer{padding:0 25px 25px}.project-footer .roles{margin-bottom:16px}@media(max-width:480px){.project-heading{padding:18px}.project-thumbs{padding:14px 18px}.project-footer{padding:0 18px 18px}}
.portfolio{grid-template-columns:1fr;gap:40px}.gallery-project{background:transparent;border:0;overflow:visible}.gallery-project .project-heading{padding:0 0 20px}.project-identity{display:flex;gap:18px;align-items:center}.project-identity .client-logo{width:64px;height:64px}.project-gallery{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:540px;direction:ltr}.gallery-photo{position:relative;background:#07182a;border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden;min-width:0;min-height:0}.gallery-photo:hover{background:#07182a}.gallery-photo img{width:100%;height:100%;object-fit:contain;display:block}.photo-1{grid-row:1/3}.zoom-label{position:absolute;bottom:14px;right:14px;padding:5px 12px;border-radius:6px;background:#01203d;color:#fff;font-size:14px;opacity:0;transition:opacity .15s}.gallery-photo:hover .zoom-label,.gallery-photo:focus-visible .zoom-label{opacity:1}.gallery-caption{display:flex;justify-content:space-between;gap:18px;margin-top:15px;font-size:14px;color:var(--muted)}.gallery-caption p{margin:0}.gallery-project:nth-child(2) .project-gallery{grid-template-columns:1fr 1.35fr}.gallery-project:nth-child(2) .photo-1{grid-column:2}.gallery-project:nth-child(2) .photo-2,.gallery-project:nth-child(2) .photo-3{grid-column:1}.gallery-project:nth-child(2) .photo-2{grid-row:1}.gallery-project:nth-child(2) .photo-3{grid-row:2}#photo-viewer{width:min(1100px,94vw);max-height:94vh;padding:22px;border:1px solid var(--line);border-radius:14px;background:#01203d;color:#fff}#photo-viewer::backdrop{background:rgba(0,0,0,.88)}.viewer-head,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-head h3{margin:0}.viewer-head{margin-bottom:18px}#viewer-image{display:block;width:100%;height:65vh;object-fit:contain;background:#07182a}.viewer-controls{margin-top:18px}.viewer-controls button:disabled{opacity:.4;cursor:default}@media(max-width:650px){.project-gallery,.gallery-project:nth-child(2) .project-gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}.photo-1,.gallery-project:nth-child(2) .photo-1{grid-column:1/3;grid-row:1;aspect-ratio:16/9}.photo-2,.photo-3,.gallery-project:nth-child(2) .photo-2,.gallery-project:nth-child(2) .photo-3{grid-column:auto;grid-row:2;aspect-ratio:1}.gallery-caption{flex-direction:column;gap:4px}.project-identity{gap:10px}.gallery-project .project-heading{gap:12px}.project-heading .btn{font-size:14px;padding:8px 12px}.zoom-label{opacity:1;bottom:8px;right:8px;font-size:12px;padding:3px 7px}.viewer-head h3{font-size:18px}#photo-viewer{padding:14px}#viewer-image{height:60vh}}
.project-gallery,.gallery-project:nth-child(2) .project-gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.photo-1,.gallery-project:nth-child(2) .photo-1{grid-column:1/3;grid-row:1;aspect-ratio:auto}.photo-2,.photo-3,.gallery-project:nth-child(2) .photo-2,.gallery-project:nth-child(2) .photo-3{grid-column:auto;grid-row:2;aspect-ratio:auto}.gallery-photo img{height:auto;object-fit:contain}.photo-2 img,.photo-3 img{height:320px;object-fit:contain}@media(max-width:650px){.photo-2 img,.photo-3 img{height:200px}}@media(max-width:400px){.photo-2 img,.photo-3 img{height:155px}}.independent-services{margin-top:30px;padding:26px;border:1px solid var(--line);border-radius:12px}.independent-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.independent-grid h3{font-size:20px}.independent-grid p{font-size:16px}@media(max-width:650px){.independent-grid{grid-template-columns:1fr;gap:0}}.independent-grid .brand-icon{margin-top:16px;margin-bottom:2px}.steps{grid-template-columns:repeat(3,1fr)}.reading{max-width:760px;margin:auto;padding:56px 0}.reading p,.reading li{font-size:18px}.reading h1{font-size:clamp(32px,5vw,52px)}.reading h2{font-size:26px;margin-top:36px}.article-card{display:block}.article-card p{margin-bottom:0}.article-card .tag{display:block;margin-bottom:16px}.article-card:hover{border-color:var(--accent);text-decoration:none}.intro-services{margin-top:24px}.intro-services .card img{margin-bottom:16px}@media(max-width:650px){.steps{grid-template-columns:1fr}.reading{padding:36px 0}nav{gap:14px}.brand img{width:135px}}.nav{position:sticky;top:0;z-index:20;background:#01203d;padding:12px 0}.nav .brand{padding:4px 0}.nav .brand img{height:60px}html{scroll-padding-top:125px}@media(max-width:850px){.nav{flex-direction:row;flex-wrap:wrap;gap:8px}.nav nav{width:100%;gap:12px;font-size:13px}.nav .brand img{height:44px;width:120px}html{scroll-padding-top:145px}}[aria-invalid="true"]{border:2px solid #ff8e8e!important;outline-color:#ff8e8e!important}.field-error{color:#ffaaaa;font-size:14px;margin:6px 0 0}.consent:has([aria-invalid="true"]){border:1px solid #ff8e8e;padding:12px;border-radius:6px}