@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#0b0a10;--color-surface:#14121c;--color-surface-2:#1b1826;--color-line:#282438;--color-line-subtle:#201c2e;--color-line-dark:#3a344f;--color-fg:#f6f5fa;--color-fg-2:#b0aac2;--color-fg-3:#a19ab4;--color-brand:#8b5cf6;--color-brand-text:#b89cff;--color-brand-2:#7442ee;--color-brand-soft:#8b5cf61f;--color-mint:#34d399;--color-amber:#fbbf24;--bg-paper:var(--color-bg);--bg-paper-light:var(--color-surface);--bg-paper-card:var(--color-surface);--bg-paper-subtle:var(--color-surface-2);--bg-paper-dark:var(--color-surface-2);--text-ink:var(--color-fg);--text-muted:var(--color-fg-2);--text-subtle:var(--color-fg-3);--text-inverse:var(--color-bg);--border-line:var(--color-line);--border-line-subtle:var(--color-line-subtle);--border-line-dark:var(--color-line-dark);--accent-copper:var(--color-brand-text);--accent-copper-hover:var(--color-brand-2);--accent-copper-light:var(--color-brand-soft);--accent-copper-border:#8b5cf659;--chassis-graphite:#14121c;--chassis-border:#282438;--chassis-screen:#0b0a10;--chassis-subtle:#1b1826;--font-ar:"IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-en:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 4px 16px -2px #00000080;--shadow-lg:0 16px 32px -4px #0009;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--container-max:1280px;--header-height:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;font-size:16px}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-ar);min-height:100vh;line-height:1.6}html[lang=en] body,html[dir=ltr] body{font-family:var(--font-en)}html[lang=ar] body,html[dir=rtl] body{font-family:var(--font-ar)}::selection{background-color:var(--color-brand);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-line);border:3px solid var(--color-bg);background-clip:content-box;border-radius:99px}[dir=rtl]{text-align:right;letter-spacing:normal}[dir=ltr]{text-align:left}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-weight:700;line-height:1.3}[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3{letter-spacing:-.025em;font-weight:800;line-height:1.15}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.container,.container-x{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:1.25rem}@media (min-width:768px){.container,.container-x{padding-inline:2rem}}@media (min-width:1280px){.container,.container-x{padding-inline:2.5rem}}.eyebrow,.numbered-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--color-brand-text);align-items:center;gap:.4rem;font-size:.6875rem;font-weight:700;display:inline-flex}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.editorial-badge{border-radius:var(--radius-full);background-color:var(--color-brand-soft);color:var(--color-brand-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #8b5cf659;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.neutral-badge{border-radius:var(--radius-full);border:1px solid var(--color-line);color:var(--color-fg-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#14121ccc;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-brand);color:#fff;border:1px solid var(--color-brand);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.65rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 10px 25px -5px #8b5cf64d}.btn-primary:hover{background-color:var(--color-brand-2);border-color:var(--color-brand-2);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-fg);border:1px solid var(--color-line);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--color-surface-2);border-color:var(--color-brand);color:var(--color-fg)}.btn-ghost{color:var(--color-fg-2);border-radius:var(--radius-full);background-color:#0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-ghost:hover{background-color:var(--color-surface);color:var(--color-fg)}.card,.editorial-card{background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);color:var(--color-fg);padding:1.75rem;transition:border-color .25s,box-shadow .25s}.card:hover,.editorial-card:hover{box-shadow:var(--shadow-md);border-color:#8b5cf666}.section-header{margin-bottom:2.5rem}.section-title{color:var(--color-fg);letter-spacing:-.02em;margin-top:.4rem;margin-bottom:.75rem;font-size:clamp(1.85rem,3.5vw,2.75rem);font-weight:800}.section-subtitle{color:var(--color-fg-2);max-width:680px;font-size:1.05rem;line-height:1.65}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--color-fg);font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{background-color:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--radius-md);width:100%;color:var(--color-fg);padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-fg-3)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{color:var(--color-fg-3);cursor:not-allowed;opacity:.8;background-color:#14121c99}.form-input:focus:not(:disabled),.form-select:focus:not(:disabled),.form-textarea:focus:not(:disabled){border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-soft);outline:none}.workspace{border:1px solid var(--color-line);background:var(--color-surface);border-radius:20px;min-width:0;overflow:clip}.workspace-notice{background:var(--color-surface-2);color:var(--color-fg-2);border-bottom:1px solid var(--color-line);padding:12px 20px;font-size:14px}.workspace-toolbar,.workspace-bottom,.workspace-routes{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.workspace-devices{flex-wrap:wrap;gap:6px;display:flex}.workspace-toolbar button,.workspace-toolbar a,.workspace-routes button{min-height:40px;font-size:14px}.workspace [aria-pressed=true]{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.workspace-status{color:var(--color-fg-2);min-height:48px;padding:12px 20px;font-size:14px}.workspace-stage{border:4px solid var(--color-line);background:#0b0a10;border-radius:16px;min-width:0;margin:0 20px 20px;padding:0;overflow:clip}.workspace-poster{aspect-ratio:16/10;position:relative}.workspace-poster.phone-poster{aspect-ratio:390/844;max-width:390px;margin:auto}.workspace-start{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 30px #000000b3}.workspace-bottom{color:var(--color-fg-2);justify-content:space-between;font-size:14px}.workspace-expanded{border-radius:4px;margin-inline:calc(-1*min(4vw,40px))}.workspace-expanded .workspace-stage{margin-inline:8px}.workspace a:focus-visible,.workspace button:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.workspace iframe:focus-visible{outline:2px solid var(--color-brand)}@media (max-width:600px){.workspace-toolbar,.workspace-bottom,.workspace-routes{gap:8px;padding:12px}.workspace-stage{border-width:2px;margin:0 4px 12px}.workspace-expanded{margin-inline:0}.workspace-toolbar strong{order:-1;width:100%}.workspace-bottom .btn-primary{justify-content:center;width:100%}}@keyframes rotate-word{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.portfolio-home>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 1200px}@media print{.portfolio-home>section{content-visibility:visible;contain-intrinsic-size:none}}.project-device-stage-section{width:100%;position:relative}.stage-devices-viewport{justify-content:center;align-items:flex-end;gap:2.5rem;width:100%;display:flex}.stage-device-phone{flex-shrink:0;width:220px}.stage-device-laptop{flex:1;min-width:0;max-width:880px}.stage-device-column{flex-direction:column;align-items:center;display:flex}.stage-device-inner{width:100%}.stage-screen-wrapper{width:100%;height:100%;position:relative}.stage-iframe-container{background-color:#0c0a14;width:100%;height:100%;position:relative;overflow:hidden}.stage-iframe-close-btn{z-index:30;color:var(--text-ink,#f6f5fa);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#13111ce6;border:1px solid #8b5cf673;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex;position:absolute;top:8px;right:8px}.stage-iframe-close-btn:hover{background-color:var(--accent-copper,#8b5cf6);color:#fff;border-color:var(--accent-copper,#8b5cf6)}.stage-btn-wrapper{justify-content:center;width:100%;margin-top:1.25rem;display:flex}.btn-device-violet{color:var(--text-ink,#f6f5fa);cursor:pointer;white-space:nowrap;background-color:#8b5cf60f;border:1px solid #8b5cf659;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-device-violet:hover:not(:disabled){border-color:var(--accent-copper,#8b5cf6);color:#fff;background-color:#8b5cf629;box-shadow:0 0 16px #8b5cf640}.btn-device-violet.active{border-color:var(--accent-copper,#8b5cf6);color:var(--accent-copper,#8b5cf6);background-color:#8b5cf638}.btn-device-violet:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border-line,#8b5cf626)}.stage-status-banner{color:var(--text-muted,#b0aac2);background-color:var(--bg-paper-card,#14121c);border:1px solid var(--border-line,#8b5cf626);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;gap:.65rem;margin-top:1.25rem;padding:.65rem 1rem;font-size:.8rem;display:flex}.stage-external-link{color:var(--accent-copper,#8b5cf6);align-items:center;gap:4px;font-weight:600;text-decoration:underline;display:inline-flex}.stage-noscript-fallback{text-align:center;color:var(--text-muted,#b0aac2);margin-top:1rem;padding:.75rem;font-size:.85rem}@media (max-width:768px){.stage-devices-viewport{flex-direction:column-reverse;align-items:center;gap:2.25rem}.stage-device-phone{width:100%;max-width:240px}.stage-device-laptop{width:100%;max-width:100%}}button,.btn-primary,.btn-secondary,.btn-ghost{touch-action:manipulation;min-height:44px}[id]{scroll-margin-top:90px}.workspace-start:hover{transform:translate(-50%,-50%)}.stage-status-banner{flex-wrap:wrap}.stage-screen-wrapper{position:absolute;inset:0}.btn-primary,.workspace [aria-pressed=true]{background-color:var(--color-brand-2);border-color:var(--color-brand-2);color:#fff}.project-card-link{min-height:320px}.project-card-link .editorial-badge{color:var(--color-brand-text);background:#1b1826}.project-card-link{width:100%;min-width:0}.project-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:767px){.project-catalog-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:900px){.desktop-nav{display:flex!important}.desktop-cta{display:inline-flex!important}.mobile-menu-btn{display:none!important}}.stage-poster-start{width:100%;height:100%;min-height:0;text-align:inherit;border:0;padding:0;display:block;position:absolute;inset:0}.stage-poster-start:focus-visible{outline:3px solid var(--color-brand-text);outline-offset:-4px;z-index:2}