.ag-tech{color:var(--ink);padding-block:38px 69px;position:relative}.ag-tech-heading{justify-content:center;align-items:center;gap:10px;margin-bottom:44px;display:flex}.agency .ag-tech-heading p{color:var(--muted);margin:0;font-size:18px;line-height:27px}.ag-tech-pause{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.ag-tech-pause:hover{color:var(--ink);background:var(--panel)}.ag-tech-window{direction:ltr;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.ag-tech-track{will-change:transform;width:max-content;animation:35s linear infinite ag-tech-scroll;display:flex}.ag-tech-group{flex:none;align-items:center;gap:64px;padding-inline-end:64px;display:flex}.ag-tech-item{white-space:nowrap;color:var(--ink);letter-spacing:-.04em;flex:none;align-items:center;gap:12px;font-family:Agency Satoshi,Arial,sans-serif;font-size:24px;font-weight:500;line-height:36px;display:flex}.ag-tech-item img{object-fit:contain;width:32px;height:32px;filter:var(--ag-tech-filter,none);opacity:.82;display:block}.dark .ag-tech-item img{filter:invert()}.ag-tech:hover .ag-tech-track,.ag-tech:focus-within .ag-tech-track{animation-play-state:paused}.ag-tech-pause:focus-visible,.ag-footer :focus-visible{outline:2px solid var(--button);outline-offset:5px}.ag-footer{color:var(--ink);padding-block:64px 36px;position:relative}.ag-footer-grid{grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:32px;display:grid}.ag-footer-brand{min-width:0}.ag-footer-logo{color:var(--ink);letter-spacing:-1.2px;align-items:center;gap:12px;font-family:Agency Satoshi,Arial,sans-serif;font-size:32px;line-height:1;text-decoration:none;display:inline-flex}.agency .ag-footer-brand p{color:var(--muted);max-width:280px;margin-block:24px;font-size:16px;line-height:25px}.ag-footer-contact{background:var(--button);color:var(--on-button);min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;display:inline-flex}.ag-footer-contact:hover{opacity:.88}.ag-footer-theme{margin-top:24px}.ag-footer-links{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.agency .ag-footer-links h2{font:inherit;letter-spacing:0;color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:500;line-height:24px}.ag-footer-links a{color:var(--muted);overflow-wrap:anywhere;font-size:14px;line-height:22px;text-decoration:none}.ag-footer-links a:hover{color:var(--ink)}.ag-footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:flex-start;gap:32px;margin-top:64px;padding-top:24px;font-size:13px;line-height:22px;display:flex}.ag-footer-bottom>span{white-space:nowrap}.ag-footer-bottom>details{flex:1;max-width:360px}.ag-footer-bottom summary{cursor:pointer;color:var(--muted);min-height:32px}.ag-footer-bottom details details{margin-top:12px}.agency .ag-footer-bottom p{color:var(--muted);margin-top:10px;font-size:13px;line-height:22px}.ag-footer [id]{scroll-margin-top:112px}@keyframes ag-tech-scroll{to{transform:translate(-50%)}}@media (max-width:1100px){.ag-footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.ag-footer-brand{grid-column:1/-1}.ag-footer .ag-footer-brand p{max-width:400px}}@media (max-width:760px){.ag-tech{padding-block:24px 0}.ag-tech-heading{margin-bottom:32px}.agency .ag-tech-heading p{font-size:16px}.ag-tech-group{gap:36px;padding-inline-end:36px}.ag-tech-item{gap:10px;font-size:22px}.ag-tech-item img{width:28px;height:28px}.ag-footer{padding-block:48px 28px}.ag-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.ag-footer-bottom{flex-direction:column;gap:16px;margin-top:40px;padding-top:24px}.ag-footer-bottom>details{width:100%;max-width:none}}@media (max-width:350px){.ag-footer-grid{grid-template-columns:1fr}.ag-footer-brand{grid-column:auto}}@media (prefers-reduced-motion:reduce){.ag-tech-track{will-change:auto;width:100%;animation:none}.ag-tech-window{overflow:visible;-webkit-mask-image:none;mask-image:none}.ag-tech-group{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;padding:0}.ag-tech-copy,.ag-tech-pause{display:none}.ag-tech-item{font-size:20px}}
.agency.agency{--ag-muted:var(--muted);--ag-accent:var(--button);background:var(--bg);color:var(--ink)}.agency:before{display:none}.agency.agency em,.agency .agency-service-link{color:var(--ink)}.agency a:hover,.agency .agency-service-link:hover{color:var(--ink);opacity:.8}.agency :focus-visible{outline-color:var(--ink)}.agency .agency-button{background:var(--button);color:var(--on-button)}.agency .agency-button:hover{background:var(--button);opacity:.85}.agency .agency-cta-panel{background:var(--bg);border-color:var(--line)}.agency .agency-final:after{background:radial-gradient(ellipse,color-mix(in srgb,var(--ink) 12%,transparent),transparent 65%);filter:blur(40px)}.agency .agency-dialog{background:var(--bg);color:var(--ink);border-color:var(--line)}.agency .agency-dialog-close{color:var(--ink)}.agency .agency-selected-service,.agency .agency-intent{border-color:var(--line)}.agency .agency-dialog input,.agency .agency-dialog select,.agency .agency-dialog textarea{background:var(--panel);color:var(--ink);border-color:var(--line)}.agency .agency-dialog input::placeholder,.agency .agency-dialog textarea::placeholder{color:var(--muted)}.agency .agency-feedback{color:#176438}.agency .agency-feedback-error{color:#b42318}.dark .agency .agency-feedback{color:#b9e5c2}.dark .agency .agency-feedback-error{color:#ffb4a4}.agency .ag-nav,.agency .ag-nav-mobile,.agency-select-content{color:var(--ink);background:color-mix(in srgb,var(--bg) 92%,transparent);border-color:var(--line)}.agency .ag-nav-dropdown{background:var(--bg);border-color:var(--line);box-shadow:0 16px 32px #0002}.agency .ag-nav-dropdown>a,.agency .ag-nav-dropdown>button,.agency .ag-nav-language,.agency .ag-nav-toggle,.agency .ag-nav-mobile-top button,.agency .ag-nav-mobile-top a,.agency .ag-nav-mobile nav a{color:var(--ink)}.agency .ag-nav-dropdown>a:hover,.agency .ag-nav-dropdown>button:hover,.agency-select-item[data-highlighted]{background:var(--panel);color:var(--ink)}.agency .ag-nav-contact{background:var(--button);color:var(--on-button)}.agency .ag-nav-contact:hover{background:var(--button);opacity:.85}.agency .ag-nav-desktop>a:hover,.agency .ag-nav-pages>summary:hover,.agency .ag-nav-mobile nav a:hover{color:var(--muted)}.agency .ag-nav-mobile-bottom{border-color:var(--line);flex-wrap:wrap}.agency .ag-nav :focus-visible,.agency .ag-nav-mobile :focus-visible,.agency-select-content :focus-visible{outline-color:var(--ink)}.agency-theme-toggle{border:1px solid var(--line);background:var(--bg);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.agency-theme-toggle:hover{background:var(--panel)}.agency-ambient{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--ink) 5%,transparent),transparent 70%);height:900px;position:absolute;inset:0 0 auto;overflow:hidden}.agency-ambient canvas{filter:invert();opacity:.65;width:100%;height:100%;display:block}.dark .agency-ambient canvas{filter:none}.ag-footer{border-top:1px solid var(--line)}@media (max-width:760px){.agency .ag-nav{background:0 0;border:0}.agency-ambient{height:650px}}.agency-contact-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.agency-contact-actions .agency-button{gap:9px}.agency-contact-secondary{border:1px solid var(--line);background:var(--bg);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;display:inline-flex}.agency-contact-secondary:hover{background:var(--panel)}@media (max-width:420px){.agency-contact-actions{gap:10px}.agency-contact-actions>*{flex:auto}.agency-contact-secondary{padding-inline:14px}}.agency-work{padding-block:24px 64px}.agency-work-heading{text-align:center;margin-bottom:28px}.agency .agency-work-heading h2{letter-spacing:0;font-size:24px;line-height:1.5}.agency .agency-work-heading p{margin-top:8px;font-size:16px}.agency-work-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.agency-work-grid>a{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;padding:28px 16px;display:flex}.agency-work-grid>a+a{border-inline-start:1px solid var(--line)}.agency-work-grid>a>span:first-child{letter-spacing:-.04em;font-size:32px;font-weight:500;line-height:1.4}.agency:lang(ar) .agency-work-grid>a>span:first-child{letter-spacing:0}.agency-work-link{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}@media (max-width:600px){.agency-work{padding-block:40px 0}.agency-work-grid>a{padding:24px 6px}.agency-work-grid>a>span:first-child{font-size:22px}.agency-work-link{gap:4px;font-size:11px}}.agency-work-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.agency-work-grid>a{padding:22px 12px}.agency-work-grid>a>.agency-work-visual{letter-spacing:0;background:#f7f7f5;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100px;padding:12px;display:flex}.agency-work-visual img{object-fit:contain;width:100%;height:76px}.agency-work-taghmesa img{height:84px}.agency-zamele-wordmark{color:#111827;align-items:center;gap:9px;font-family:Agency Arabic,Arial,sans-serif;font-size:24px;font-weight:700;display:flex}.agency-zamele-wordmark b{color:#fff;background:linear-gradient(135deg,#0969da,#0550ae);border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.agency-tawajoh-wordmark{color:#1b2a41;border-bottom:3px solid #c5a25a;padding-bottom:5px;font-family:Agency Arabic,Arial,sans-serif;font-size:32px;font-weight:700}.agency-payment-preview{text-align:center;max-width:800px;padding-block:0 72px}.agency .agency-payment-preview h2{letter-spacing:0;font-size:24px;line-height:1.5}.agency-payment-audience{flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-block:22px;display:flex}.agency-payment-audience span,.agency-payment-disabled{justify-content:center;align-items:center;gap:9px;display:flex}.agency .agency-payment-preview>p{font-size:15px;line-height:1.8}.agency .agency-payment-disabled{margin-top:16px;font-size:13px}.agency-payment-disabled svg{flex-shrink:0}@media (max-width:1000px){.agency-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-work-grid>a+a{border-inline-start:0}.agency-work-grid>a{border:1px solid var(--line);margin:-1px 0 0 -1px}}@media (max-width:600px){.agency-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-work-grid>a:last-child{grid-column:1/-1}.agency-work-grid>a:last-child .agency-work-visual{max-width:180px}.agency-payment-preview{padding-block:0 48px}.agency .agency-payment-preview h2{font-size:22px}}.agency-portfolio{padding-block:32px}.agency-portfolio-heading{text-align:center;margin-bottom:28px;padding-inline:42px;position:relative}.agency .agency-portfolio-heading h2{letter-spacing:0;font-size:24px;line-height:1.5}.agency .agency-portfolio-heading p{margin-top:8px;font-size:16px}.agency-portfolio-pause{inset-inline-end:0;border:1px solid var(--line);background:var(--bg);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px}.agency-portfolio-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.agency-portfolio-track{will-change:transform;width:max-content;animation:36s linear infinite agency-portfolio-scroll;display:flex}.agency-portfolio-group{flex:none;gap:16px;padding-right:16px;display:flex}.agency-portfolio-card{border:1px solid var(--line);background:var(--bg);border-radius:14px;flex-direction:column;align-items:center;gap:14px;width:240px;padding:16px;display:flex}.agency-portfolio-visual{background:#f7f7f5;border-radius:9px;justify-content:center;align-items:center;width:100%;height:100px;padding:12px;display:flex}.agency-portfolio-visual img{object-fit:contain;width:100%;height:76px}.agency-portfolio-link{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.agency-portfolio-track:hover,.agency-portfolio-track:focus-within{animation-play-state:paused}.agency-portfolio-card:focus-visible{outline-offset:-4px}.agency-portfolio+.agency-portfolio{padding-bottom:48px}.agency-portfolio+.agency-portfolio .agency-portfolio-card{width:400px}.agency-portfolio+.agency-portfolio .agency-portfolio-visual img{max-width:80px}@keyframes agency-portfolio-scroll{to{transform:translate(-50%)}}@media (max-width:760px){.agency-portfolio{padding-block:28px}.agency-portfolio-card,.agency-portfolio+.agency-portfolio .agency-portfolio-card{width:220px}.agency .agency-portfolio-heading h2{font-size:22px}.agency .agency-portfolio-heading p{font-size:14px}.agency-portfolio-group{gap:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.agency-portfolio-track{will-change:auto;width:100%;animation:none}.agency-portfolio-window{overflow:visible;-webkit-mask-image:none;mask-image:none}.agency-portfolio-group{flex-wrap:wrap;justify-content:center;width:100%;padding:0}.agency-portfolio .agency-portfolio-card{width:min(100%,240px)}.agency-portfolio-copy,.agency-portfolio-pause{display:none}}.agency-portfolio-card[href="https://github.com/qentrah/qh"] .agency-portfolio-visual,.agency-portfolio-card[href="https://github.com/qentrah/Kyna"] .agency-portfolio-visual{background:#171717}
.ag-nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:-.02em;background:#0009;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;width:max-content;max-width:calc(100% - 48px);min-height:60px;padding:10px 20px;font-family:Agency Satoshi,Agency Arabic,Arial,sans-serif;font-size:14px;font-weight:500;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.ag-nav a{color:inherit;text-decoration:none}.ag-nav-brand{flex-shrink:0;align-items:center;display:flex}.ag-nav-desktop{align-items:center;gap:24px;display:flex}.ag-nav-desktop>a,.ag-nav-pages>summary{white-space:nowrap;transition:color .2s}.ag-nav-desktop>a:hover,.ag-nav-pages>summary:hover{color:#ffffffa8}.ag-nav-pages{position:relative}.ag-nav-pages>summary{cursor:pointer;align-items:center;gap:5px;min-height:36px;list-style:none;display:flex}.ag-nav-pages>summary::-webkit-details-marker{display:none}.ag-nav-pages[open]>summary svg{transform:rotate(180deg)}.ag-nav-dropdown{top:calc(100% + 14px);background:#090909;border:1px solid #ffffff21;border-radius:10px;width:176px;padding:6px;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 16px 32px #0008}.ag-nav-dropdown>a,.ag-nav-dropdown>button{font:inherit;text-align:start;color:#fff;cursor:pointer;white-space:normal;background:0 0;border:0;border-radius:6px;min-height:40px;padding:10px 12px}.ag-nav-dropdown>a:hover,.ag-nav-dropdown>button:hover{color:#fff;background:#ffffff12}.ag-nav-tools{align-items:center;gap:16px;display:flex}.ag-nav-language{color:#fff;min-height:36px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-size:13px;display:flex}.ag-nav-contact{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#ff4533;border:0;border-radius:8px;min-height:38px;padding:10px 16px;font-size:14px}.ag-nav-contact:hover{background:#e73927}.ag-nav-toggle{display:none}.ag-nav :focus-visible,.ag-nav-mobile :focus-visible,.agency-select-content :focus-visible{outline-offset:4px;outline:2px solid #ff806e}.agency-select-content{z-index:1000;color:#fff;letter-spacing:-.02em;background:#090909;border:1px solid #ffffff21;border-radius:10px;min-width:176px;padding:6px;font-family:Agency Satoshi,Agency Arabic,Arial,sans-serif;font-size:14px;font-weight:500;box-shadow:0 16px 32px #0008}.agency-select-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;justify-content:space-between;align-items:center;gap:20px;min-height:40px;padding:10px 12px;display:flex}.agency-select-item[data-highlighted]{background:#ffffff12}.agency-select-content[dir=rtl],.ag-nav[dir=rtl],.ag-nav-mobile[dir=rtl]{letter-spacing:0;font-family:Agency Arabic,Agency Satoshi,Arial,Tahoma,sans-serif}.ag-nav-mobile{color:#fff;background:#080808;border:1px solid #ffffff1a;border-radius:12px;width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 32px);margin:16px auto auto;padding:0;font-family:Agency Satoshi,Agency Arabic,Arial,sans-serif}.ag-nav-mobile::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000b}.ag-nav-mobile-inner{padding:20px 24px 28px}.ag-nav-mobile-top{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.ag-nav-mobile-top button{color:#fff;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;margin-inline-end:-10px;display:grid}.ag-nav-mobile-top a{color:#fff;display:flex}.ag-nav-mobile nav{gap:4px;display:grid}.ag-nav-mobile nav a{color:#fff;letter-spacing:-.02em;padding:12px 0;font-size:25px;line-height:1.3;text-decoration:none;display:block}.ag-nav-mobile nav a:hover{color:#ffffff8f}.ag-nav-mobile-bottom{border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:24px;display:flex}.ag-nav-mobile .ag-nav-language{font-size:16px}.ag-nav-mobile .ag-nav-contact{padding:12px 24px;font-size:16px}@media (max-width:760px){.ag-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;width:auto;max-width:none;min-height:44px;padding:0;top:16px;left:24px;right:24px;transform:none}.ag-nav-desktop,.ag-nav-tools{display:none}.ag-nav-toggle{color:#fff;background:0 0;border:0;place-items:center;width:44px;height:44px;margin-inline-end:-10px;display:grid}}@media (prefers-reduced-motion:reduce){.ag-nav *{transition:none!important}}.agency-select-content{font-synthesis:none}.agency-select-content[lang=ar]{font-weight:500}.ag-nav[lang=ar] .ag-nav-contact,.ag-nav-mobile[lang=ar] .ag-nav-contact{letter-spacing:0;font-weight:600}.ag-nav-pages>summary svg{transition:transform .18s}.ag-nav-pages[open] .ag-nav-dropdown,.agency-select-content[data-state=open]{transform-origin:top;animation:.16s ease-out ag-nav-popup}.agency-select-content{max-height:var(--radix-select-content-available-height);overflow:hidden}.agency-select-content [data-radix-select-viewport]{max-height:var(--radix-select-content-available-height);overflow-y:auto}@keyframes ag-nav-popup{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.ag-nav-dropdown,.agency-select-content{animation:none!important}.ag-nav-pages>summary svg{transition:none}}