/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Neo Sans', sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .static {
    position: static;
  }
  .hidden {
    display: none;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

:root{--bg:#f6f8ff;--bg2:#edf3fb;--text:#111827;--muted:#4b5563;--border:#c9d3e166;--glass:#ffffff80;--field:#ffffffb3;--blue:#0ea5e9;--pink:#ec4899;--purple:#8b5cf6;--header:#f7f9ffd9}.dark{--bg:#111827;--bg2:#1f2937;--text:#f9fafb;--muted:#a5aebc;--border:#ffffff17;--glass:#ffffff05;--field:#0e17274d;--header:#111827d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:linear-gradient(135deg, var(--bg), var(--bg2), var(--bg));color:var(--text);font:16px/1.8 "Neo Sans",sans-serif;overflow-x:clip}html[lang=ar] body{font-family:"Neo Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img{max-width:100%;display:block}svg{width:22px;height:22px;flex-shrink:0}[x-cloak]{display:none !important}.skip{position:fixed;top:-100px;z-index:99;background:#fff;color:#111;padding:14px}.skip:focus{top:0}.ambient-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient-bg span{position:absolute;width:450px;height:450px;border-radius:50%;filter:blur(95px);opacity:.2;animation:blob 15s ease-in-out infinite alternate}.ambient-bg span:nth-child(1){background:linear-gradient(90deg, #38bdf8, #ec4899);top:-70px;left:15%}.ambient-bg span:nth-child(2){background:linear-gradient(90deg, #a855f7, #ec4899);top:5%;right:18%;animation-delay:-5s}.ambient-bg span:nth-child(3){background:linear-gradient(90deg, #3b82f6, #06b6d4);bottom:-130px;left:40%;animation-delay:-10s}@keyframes blob{to{transform:translate(50px, 60px) scale(1.15)}}.section-shell{position:relative;max-width:1320px;margin:auto;padding:88px 32px}.gradient-text{background:linear-gradient(90deg, #38bdf8, #ec4899, #0284c7);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.glass{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:0 18px 45px rgba(15,23,42,.0392156863)}.header{position:fixed;top:0;inset-inline:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px;padding:15px max(32px,(100vw - 1280px)/2);background:var(--header);backdrop-filter:blur(18px)}.brand{display:flex;gap:13px;align-items:center;font-family:"Neo Sans",sans-serif;font-weight:800;font-size:21px;white-space:nowrap;direction:ltr}.brand-mark{width:49px;height:49px;border-radius:13px;background:linear-gradient(135deg, #38bdf8, #ec4899);color:#fff;display:grid;place-items:center;font-size:29px;box-shadow:0 6px 14px rgba(0,0,0,.0666666667)}.brand small{display:block;font-size:12px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:2px}.desktop-nav{display:flex;gap:29px;font-weight:500}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:-4px;inset-inline-start:0;height:2px;width:0;background:linear-gradient(90deg, var(--blue), var(--pink));transition:width .25s}.desktop-nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:13px}.language{font-size:14px;font-weight:600;padding:8px}.icon-button{border:0;background:var(--border);width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 27px;border:1px solid rgba(0,0,0,0);border-radius:13px;color:#fff;background:linear-gradient(100deg, #0284c7, #db2777);font-weight:600;line-height:1.6;transition:transform .2s,box-shadow .2s;cursor:pointer}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(2,132,199,.2)}.button-outline{background:var(--glass);color:var(--text);border:1px solid rgba(14,165,233,.3333333333)}.menu-button,#mobile-nav{display:none}.hero{min-height:830px;display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center;padding-top:155px;padding-bottom:80px}.availability{display:inline-flex;align-items:center;gap:12px;border-radius:30px;padding:7px 18px;background:var(--glass);font-size:14px;font-weight:500}.availability>span{background:var(--blue);width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 5px rgba(14,165,233,.0666666667)}.hero h1{font-size:clamp(52px,5.4vw,80px);font-weight:900;line-height:1.25;letter-spacing:0;margin:26px 0 22px}.hero h1 small{display:block;font-size:34px;font-weight:300;color:var(--muted);margin-bottom:14px;letter-spacing:0}html[lang=ar] .hero h1{font-size:clamp(45px,4.4vw,65px);line-height:1.65;letter-spacing:0}.hero-role{font-size:clamp(23px,2.3vw,31px);font-weight:700;line-height:1.6}.typing-cursor{color:var(--blue);font-weight:400;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero-copy>p{color:var(--muted);font-size:19px;line-height:1.9;margin:27px 0}.skill-orbs{display:flex;gap:10px;flex-wrap:wrap}.skill-orbs span{border-radius:25px;padding:7px 15px;font-size:13px;font-weight:700;color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.0666666667);background:linear-gradient(90deg, #3b82f6, #06b6d4)}.skill-orbs span:nth-child(2){background:linear-gradient(90deg, #a855f7, #ec4899)}.skill-orbs span:nth-child(3){background:linear-gradient(90deg, #eab308, #f97316)}.skill-orbs span:nth-child(4){background:linear-gradient(90deg, #06b6d4, #2563eb)}.skill-orbs span:nth-child(5){background:linear-gradient(90deg, #22c55e, #10b981)}.skill-orbs span:nth-child(6){background:linear-gradient(90deg, #6366f1, #9333ea)}.hero-buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:31px}.call-link{display:flex;align-items:center;gap:8px;padding:10px 6px;color:var(--blue);font-weight:500}.social-row{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:14px;color:var(--muted)}.social-row a{border:1px solid var(--border);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-family:"Neo Sans",sans-serif;font-weight:700;font-size:17px}.social-row a:hover{color:var(--blue)}.hero-art{height:570px;position:relative;min-width:0;direction:ltr}.portrait-ring{position:absolute;width:390px;height:390px;padding:7px;border-radius:50%;background:linear-gradient(135deg, #0ea5e9, #ec4899, #8b5cf6);top:137px;left:50%;transform:translateX(-50%);box-shadow:0 25px 50px rgba(2,132,199,.1647058824)}.portrait{border:5px solid rgba(255,255,255,.4666666667);border-radius:50%;overflow:hidden;width:100%;height:100%;background:var(--bg2)}.portrait img{height:100%;width:100%;object-fit:cover}.code-window{position:absolute;top:15px;right:-7px;width:325px;padding:22px 26px;border-radius:22px;z-index:2;background:rgba(255,255,255,.3137254902)}.dark .code-window{background:rgba(23,33,51,.5490196078)}.window-dots{display:flex;gap:8px;margin-bottom:14px}.window-dots i{width:11px;height:11px;border-radius:50%;background:#f87171}.window-dots i:nth-child(2){background:#fbbf24}.window-dots i:nth-child(3){background:#34d399}.code-window pre{font-size:14px;line-height:1.9;margin:0;font-family:monospace;color:#8b5cf6}.code-window pre b{font-weight:400;color:#3b82f6}.code-window pre em{font-style:normal;color:#22a766}.code-window pre strong{color:#ec4899}.orbit-icon{position:absolute;color:#fff;display:grid;place-items:center;width:49px;height:49px;font-size:25px;box-shadow:0 10px 20px rgba(0,0,0,.0666666667)}.orbit-one{left:-20px;top:46%;border-radius:10px;background:#0ea5e9;transform:rotate(-8deg)}.orbit-two{right:-22px;top:40%;border-radius:50%;background:#ec4899}.orbit-three{bottom:-23px;left:46%;border-radius:9px;background:#8b5cf6;transform:rotate(45deg)}.floating-stat{position:absolute;border-radius:18px;padding:14px 21px;text-align:center;z-index:3;min-width:110px}.floating-stat strong{font-size:34px;display:block;font-weight:800;line-height:1.4}.floating-stat span{color:var(--muted);font-size:13px}.floating-stat.first{bottom:0;left:-6px}.floating-stat.second{bottom:20px;right:-5px}.floating-stat.second strong{font-size:25px}.clients{padding-block:35px 55px;border-block:1px solid var(--border)}.clients h2{text-align:center;font-size:20px;color:var(--muted);font-weight:500;margin:0 0 25px}.logo-strip{display:flex;align-items:center;justify-content:center;gap:30px;overflow-x:auto;padding:12px 4px;scroll-snap-type:x mandatory}.client-logo{flex:0 0 155px;scroll-snap-align:start;background:#fff;border-radius:12px;padding:15px}.client-logo img{width:125px;height:55px;object-fit:contain}.section-title{text-align:center;margin:0 auto 52px;max-width:790px}.section-badge{display:inline-block;background:rgba(14,165,233,.0823529412);color:var(--blue);border:1px solid rgba(14,165,233,.2);border-radius:30px;padding:5px 20px;font-size:14px;font-weight:600}.section-title h2{font-size:clamp(32px,4vw,49px);font-weight:800;line-height:1.5;margin:15px 0 16px}.section-title p{font-size:18px;color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}.about-photo{border-radius:27px;position:relative;padding:10px;max-width:475px}.about-photo>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}.photo-badge{position:absolute;inset-inline-end:-20px;bottom:28px;padding:16px 25px;border-radius:15px;display:flex;gap:12px;align-items:center;background:var(--header);font-weight:500}.photo-badge svg{color:var(--blue)}.about-copy h3{font-size:30px;font-weight:700;line-height:1.65;margin:0 0 18px}.about-copy p{color:var(--muted);font-size:16px;line-height:1.95;margin:0 0 15px}.expertise-list{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:26px}.expertise-list span{display:flex;align-items:center;gap:8px;font-size:14px}.expertise-list svg{width:16px;color:#0ea5e9}.expertise-line{height:4px;border-radius:4px;background:linear-gradient(90deg, #0ea5e9, #ec4899);margin-top:9px}.line-1{background:linear-gradient(90deg, #8b5cf6, #ec4899)}.line-2{background:linear-gradient(90deg, #22c55e, #06b6d4)}.line-3{background:linear-gradient(90deg, #f59e0b, #ef4444)}.service-grid,.project-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:28px}.service-card{padding:32px;border-radius:23px;transition:transform .25s,border-color .25s}.service-card:hover,.project-card:hover{transform:translateY(-7px);border-color:rgba(14,165,233,.3333333333)}.service-icon{width:61px;height:61px;border-radius:15px;color:#fff;display:grid;place-items:center;background:linear-gradient(135deg, #0ea5e9, #2563eb)}.service-icon svg{width:30px;height:30px}.color-1{background:linear-gradient(135deg, #a855f7, #ec4899)}.color-2{background:linear-gradient(135deg, #22c55e, #10b981)}.color-3{background:linear-gradient(135deg, #f97316, #ec4899)}.color-4{background:linear-gradient(135deg, #6366f1, #8b5cf6)}.color-5{background:linear-gradient(135deg, #06b6d4, #0ea5e9)}.service-card h3{font-size:23px;font-weight:700;margin:23px 0 13px}.service-card p{font-size:16px;color:var(--muted);line-height:1.9;min-height:88px;margin-bottom:18px}.service-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:7px}.service-card li{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.service-card li svg{width:16px;color:#22c55e}.service-card button{background:none;border:0;color:var(--blue);padding:0;font-size:15px;font-weight:500}.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-15px 0 35px}.filters button{padding:7px 18px;border:1px solid var(--border);border-radius:25px;background:var(--glass);color:var(--muted);font-size:14px}.filters button.active{background:linear-gradient(90deg, #0284c7, #db2777);color:#fff}.project-card{border-radius:22px;overflow:hidden;transition:transform .25s,border-color .25s}.project-image{overflow:hidden}.project-image img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.05)}.project-body{padding:24px}.project-category{background:rgba(14,165,233,.0784313725);border:1px solid rgba(14,165,233,.1647058824);border-radius:20px;padding:4px 11px;color:var(--blue);font-size:12px;display:inline-block}.project-body h3{font:700 25px/1.3 "Neo Sans",sans-serif;margin:18px 0}.project-view{font-size:14px;color:var(--muted)}.center-action{text-align:center;margin-top:38px}.process-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:23px}.process-grid article{padding:30px;border-radius:20px}.step-no{font:800 38px "Neo Sans",sans-serif}.process-grid h3{font-size:21px;margin:18px 0 12px}.process-grid p{color:var(--muted);font-size:15px;margin:0}.faq-list{max-width:850px;margin:auto;display:grid;gap:15px}.faq-list details{border-radius:17px;padding:0 25px}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:19px 0;font-size:17px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{color:var(--blue)}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list p{color:var(--muted);margin:0 0 22px}.contact-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:65px}.contact-copy h3{font-size:27px;margin:0 0 20px}.contact-copy>p{color:var(--muted);font-size:17px}.contact-method{display:flex;align-items:center;gap:18px;padding:20px;border-radius:17px;margin-top:20px}.contact-method>span{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;background:rgba(14,165,233,.0862745098);color:var(--blue)}.contact-method:nth-of-type(2)>span{color:#22c55e;background:rgba(34,197,94,.0862745098)}.contact-method:nth-of-type(3)>span{color:#a855f7;background:rgba(168,85,247,.0862745098)}.contact-method small{display:block;font-size:13px;color:var(--muted)}.contact-method strong{display:block;font-size:17px;font-weight:500}.contact-copy .privacy-note{font-size:13px;line-height:1.9;margin-top:26px}.inquiry-form{border-radius:25px;padding:32px}.inquiry-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-bottom:18px;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{width:100%;min-width:0;background:var(--field);border:1px solid var(--border);border-radius:11px;padding:11px 14px;color:var(--text);font-size:16px;font-weight:400;line-height:1.75}textarea{resize:vertical}select option{background:var(--bg);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.6}.inquiry-form small{font-size:12px;font-weight:400;color:var(--muted)}.form-submit{width:100%}.form-submit .ph{font-size:22px}.form-note{font-size:12px;color:var(--muted);text-align:center;margin:13px 0 0}dialog{max-width:620px;width:calc(100% - 34px);max-height:90dvh;overflow:auto;margin:auto;padding:28px;border-radius:22px;background:var(--bg);color:var(--text);border:1px solid var(--border)}dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-head h3{font-size:22px;margin:0}.dialog-head button{font-size:27px;flex-shrink:0}.message-preview{margin:15px 0 20px;font-size:14px}.dialog-head+p{color:var(--muted)}footer{position:relative;border-top:1px solid var(--border);padding:55px max(32px,(100vw - 1256px)/2) 25px;background:var(--glass)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footer-grid>div>a:not(.brand){display:block;font-size:15px;color:var(--muted);margin:8px 0}.footer-grid h4{font-size:18px;margin:0 0 18px}.footer-grid p{max-width:350px;color:var(--muted);font-size:15px;line-height:1.9}.footer-bottom{border-top:1px solid var(--border);margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}@font-face{font-family:Phosphor;src:url(/a8ec91790d90f0697957.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}.ph{font-family:Phosphor !important;font-style:normal;font-weight:400;line-height:1}.ph-whatsapp-logo:before{content:""}.ph-plus:before{content:""}@media(min-width: 1800px){.section-shell{max-width:1580px}.hero{min-height:950px}.header{padding-inline:max(40px,(100vw - 1520px)/2)}.portrait-ring{width:460px;height:460px}.hero-art{height:640px}}@media(max-width: 1150px){.desktop-nav{gap:17px;font-size:14px}.brand{font-size:18px}.hero{gap:35px}.portrait-ring{width:335px;height:335px;top:155px}.code-window{width:285px;padding:20px;right:0}.code-window pre{font-size:12px}.floating-stat.second{right:0}.hero h1{font-size:58px}.hero-art{height:550px}.service-card{padding:25px}.about-grid{gap:45px}.contact-grid{gap:35px}.header{gap:18px;padding-inline:25px}.brand small{font-size:10px}.header-cta{padding-inline:20px}.process-grid{gap:16px}.process-grid article{padding:24px}}@media(max-width: 950px){.desktop-nav{display:none}.menu-button{display:grid}.header-cta{display:none}.header{height:80px;min-height:80px}.hero{grid-template-columns:1fr;max-width:750px;padding-top:135px;gap:30px;text-align:center}.hero h1,html[lang=ar] .hero h1{font-size:54px}.hero h1 small{font-size:29px}.hero-copy>p{max-width:630px;margin-inline:auto}.hero-buttons,.skill-orbs,.social-row{justify-content:center}.hero-art{max-width:460px;width:100%;margin:auto;height:560px}.portrait-ring{width:370px;height:370px}.code-window{right:-5px;width:305px}.floating-stat.first{left:0;bottom:0}.floating-stat.second{bottom:25px}.about-grid{grid-template-columns:1fr 1fr;gap:35px}.service-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.project-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.process-grid{grid-template-columns:repeat(2, 1fr)}#mobile-nav{position:fixed;top:80px;inset-inline:0;z-index:49;background:var(--header);backdrop-filter:blur(20px);padding:20px 30px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:18px}.section-shell{padding-inline:25px}.contact-grid{grid-template-columns:1fr}.contact-copy{max-width:100%}.footer-grid{gap:35px}.about-copy h3{font-size:26px}.expertise-list{grid-template-columns:1fr}.hero-role{font-size:29px}}@media(max-width: 640px){.header{padding:14px 18px}.brand{font-size:17px}.brand-mark{width:43px;height:43px}.brand small{font-size:9px}.header-actions{gap:5px}.icon-button{width:37px;height:37px}.section-shell{padding:60px 20px}.hero{padding-top:125px}.hero h1,html[lang=ar] .hero h1{font-size:43px;letter-spacing:0}.hero h1 small{font-size:25px}.hero-role{font-size:24px}.hero-copy>p{font-size:17px}.skill-orbs{gap:8px}.skill-orbs span{font-size:12px;padding:6px 11px}.hero-art{height:465px;max-width:350px;margin-top:20px}.portrait-ring{width:290px;height:290px;top:138px;padding:5px}.code-window{width:260px;right:0;top:0;padding:19px}.floating-stat{padding:10px 13px;min-width:88px;border-radius:13px}.floating-stat strong{font-size:27px}.floating-stat span{font-size:11px}.floating-stat.second strong{font-size:20px}.floating-stat.second{bottom:10px;right:-3px}.floating-stat.first{left:-1px;bottom:-7px}.orbit-icon{width:40px;height:40px;font-size:21px}.hero-buttons{gap:10px}.button{padding:12px 22px;font-size:15px}.hero-buttons .call-link{font-size:14px}.section-title{margin-bottom:35px}.section-title h2{font-size:33px}.section-title p{font-size:16px}.about-grid{grid-template-columns:1fr;gap:35px}.about-photo{max-width:360px;margin:auto;width:calc(100% - 15px)}.photo-badge{inset-inline-end:-10px;padding:13px 20px}.about-copy h3{font-size:26px}.about-copy p{font-size:16px}.expertise-list{grid-template-columns:1fr 1fr;gap:18px 12px}.expertise-list span{font-size:12px}.service-grid,.project-grid{grid-template-columns:1fr;gap:22px}.service-card{padding:29px}.service-card p{min-height:0}.process-grid{gap:14px}.process-grid article{padding:22px 18px}.process-grid h3{font-size:18px}.process-grid p{font-size:14px}.step-no{font-size:31px}.faq-list details{padding-inline:20px}.faq-list summary{font-size:16px}.faq-list p{font-size:14px}.inquiry-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.contact-copy h3{font-size:25px}.contact-copy>p{font-size:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}footer{padding:40px 22px 22px}.footer-bottom{flex-wrap:wrap;font-size:11px}.clients{padding-block:35px}.logo-strip{justify-content:flex-start}.clients h2{font-size:18px}.brand-mark{flex-shrink:0}}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
@font-face{font-family:"Neo Sans";src:url("/assets/fonts/neo-sans-regular.ttf") format("truetype");font-style:normal;font-weight:100 400;font-display:swap}@font-face{font-family:"Neo Sans";src:url("/assets/fonts/neo-sans-medium.ttf") format("truetype");font-style:normal;font-weight:500 600;font-display:swap}@font-face{font-family:"Neo Sans";src:url("/assets/fonts/neo-sans-bold.ttf") format("truetype");font-style:normal;font-weight:700 900;font-display:swap}.motion-reveal{opacity:0;translate:0 28px;transition:opacity .75s ease,translate .85s cubic-bezier(0.2, 0.7, 0.2, 1),transform .3s ease,border-color .3s ease;transition-delay:var(--reveal-delay, 0ms),var(--reveal-delay, 0ms),0ms,0ms}.motion-reveal.is-visible{opacity:1;translate:0 0}.header{transition:box-shadow .35s ease,border-color .35s ease;border-bottom:1px solid rgba(0,0,0,0)}.header.is-scrolled{box-shadow:0 8px 32px rgba(15,23,42,.0509803922);border-color:var(--border)}.reading-progress{position:absolute;bottom:-1px;inset-inline:0;height:2px;background:linear-gradient(90deg, var(--blue), var(--purple), var(--pink));transform:scaleX(0);transform-origin:left;pointer-events:none}html[dir=rtl] .reading-progress{transform-origin:right}.hero-art{transform:translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0)}.code-window{animation:float-code 6s ease-in-out infinite}.floating-stat.first{animation:float-badge 5.5s ease-in-out infinite}.floating-stat.second{animation:float-badge 6.5s ease-in-out -2s infinite reverse}.portrait-ring .orbit-icon{--orbit-phase: 0s;transform:none;animation:float-orbit 4.5s ease-in-out infinite,orbit-shape 12s ease-in-out infinite;animation-delay:var(--orbit-phase),var(--orbit-phase)}.portrait-ring .orbit-two{--orbit-phase: -4s}.portrait-ring .orbit-three{--orbit-phase: -8s}.orbit-symbol{grid-area:1/1;line-height:1;opacity:0;animation:orbit-symbol 12s ease-in-out infinite;animation-delay:calc(var(--orbit-phase) + var(--symbol-phase))}.orbit-symbol:nth-child(1){--symbol-phase: 0s;opacity:1}.orbit-symbol:nth-child(2){--symbol-phase: -9s}.orbit-symbol:nth-child(3){--symbol-phase: -6s}.orbit-symbol:nth-child(4){--symbol-phase: -3s}.portrait-ring{background-size:250% 250%;animation:gradient-drift 8s ease-in-out infinite}.hero .gradient-text{background-size:250% 100%;animation:gradient-drift 9s ease-in-out infinite}.availability>span{position:relative}.availability>span::after{content:"";position:absolute;inset:-5px;border:1px solid var(--blue);border-radius:50%;animation:availability-pulse 3s ease-out infinite}.skill-orbs span{transition:transform .3s ease,box-shadow .3s ease}.skill-orbs span:hover{transform:translateY(-5px) rotate(-3deg);box-shadow:0 10px 22px rgba(2,132,199,.2)}.social-row a,.icon-button{transition:transform .25s ease,background .25s ease,border-color .25s ease}.social-row a:hover,.icon-button:hover{transform:translateY(-3px);border-color:var(--blue)}.button{position:relative;overflow:hidden;isolation:isolate}.button::after{content:"";position:absolute;inset:-80% -60%;z-index:-1;pointer-events:none;background:linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, 0.2078431373) 50%, transparent 58%);transform:translateX(-80%);transition:transform .65s ease}.button:hover::after{transform:translateX(80%)}.service-card,.project-card,.process-grid article{position:relative;transform-style:flat}.service-card::after,.project-card::after,.process-grid article::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--light-x, 50%) var(--light-y, 50%), rgba(56, 189, 248, 0.1411764706), transparent 70%);opacity:0;transition:opacity .3s}.process-grid article:not(.motion-reveal){transition:transform .3s ease,border-color .3s ease}.pointer-active::after{opacity:1}.service-icon{transition:transform .35s cubic-bezier(0.2, 0.8, 0.2, 1)}.service-card:hover .service-icon{transform:rotate(-7deg) scale(1.08)}.faq-list summary i{transition:transform .3s ease}.faq-list details[open] p{animation:faq-enter .35s ease both}.contact-method{transition:transform .3s ease,border-color .3s ease}a.contact-method:hover{transform:translateY(-4px);border-color:rgba(14,165,233,.3333333333)}.client-logo{transition:transform .3s ease}.client-logo:hover{transform:translateY(-4px)}.pointer-follower{display:none}@media(hover: hover)and (pointer: fine)and (prefers-reduced-motion: no-preference){.pointer-follower{display:block;position:fixed;left:0;top:0;width:0;height:0;z-index:80;pointer-events:none;opacity:0;transition:opacity .25s ease}.pointer-follower.is-visible{opacity:1}.pointer-follower::before{content:"";position:absolute;width:32px;height:32px;border-radius:50%;border:1px solid rgba(56,189,248,.6509803922);transform:translate(-50%, -50%);transition:width .25s,height .25s,border-color .25s,background .25s}.pointer-follower::after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle, rgba(56, 189, 248, 0.0705882353), rgba(139, 92, 246, 0.0274509804) 40%, transparent 70%);transform:translate(-50%, -50%)}.pointer-follower.is-interactive::before{width:52px;height:52px;border-color:rgba(236,72,153,.5019607843);background:rgba(236,72,153,.031372549)}.pointer-active{transform:perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-5px) !important}}@keyframes float-code{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -15px;rotate:1deg}}@keyframes float-badge{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes float-orbit{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes orbit-shape{0%,100%{border-radius:12px;rotate:-8deg;background-color:#0ea5e9}25%{border-radius:50%;rotate:0deg;background-color:#ec4899}50%{border-radius:11px;rotate:45deg;background-color:#8b5cf6}75%{border-radius:50% 16% 50% 16%;rotate:0deg;background-color:#0891b2}}@keyframes orbit-symbol{0%,19%,100%{opacity:1;transform:scale(1) rotate(0deg)}25%,94%{opacity:0;transform:scale(0.4) rotate(-40deg)}}@keyframes gradient-drift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes availability-pulse{0%{transform:scale(0.6);opacity:.8}75%,100%{transform:scale(1.65);opacity:0}}@keyframes faq-enter{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}.page-idle *,.page-idle *::before,.page-idle *::after,.hero.motion-idle *,.hero.motion-idle *::before,.hero.motion-idle *::after{animation-play-state:paused !important}@media(prefers-reduced-motion: reduce){.motion-reveal{opacity:1;translate:none;transition:none}.hero-art{transform:none}.pointer-follower{display:none}*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
.typewriter-slot{--specialty-glow: #38bdf8;position:relative;isolation:isolate;display:inline-grid;max-width:100%;vertical-align:top;text-align:start}.typewriter-slot[data-specialty="1"]{--specialty-glow: #e879f9}.typewriter-slot[data-specialty="2"]{--specialty-glow: #fbbf24}.typewriter-slot[data-specialty="3"]{--specialty-glow: #a78bfa}.typewriter-slot[data-specialty="4"]{--specialty-glow: #2dd4bf}.typewriter-slot::before{content:"";position:absolute;inset:10% -2%;z-index:-1;border-radius:50%;background-color:var(--specialty-glow);filter:blur(16px);opacity:.28;pointer-events:none;transition:background-color .8s ease;animation:specialty-glow 3.8s ease-in-out infinite}@keyframes specialty-glow{0%,100%{opacity:.22;transform:scale(0.94, 0.85)}50%{opacity:.38;transform:scale(1.04, 1.15)}}.typewriter-sizer,.typewriter-live{grid-area:1/1}.typewriter-sizer{visibility:hidden;pointer-events:none}.typewriter-live{position:relative;align-self:start}.typewriter-slot[data-typing=false] .typing-cursor{visibility:hidden}.typewriter-toggle{margin-top:8px;padding:6px 12px;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--glass);color:var(--text);font-size:14px;font-weight:400}.typewriter-toggle:not([hidden]){display:block}.back-to-top{position:fixed;inset-inline-end:20px;bottom:calc(20px + env(safe-area-inset-bottom, 0px));z-index:50;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.2509803922);border-radius:50%;color:#fff;background:linear-gradient(135deg, #0284c7, #a855f7);box-shadow:0 6px 24px rgba(2,132,199,.2509803922);transition:transform .2s ease,box-shadow .2s ease}.back-to-top svg{width:22px;height:22px}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 9px 28px rgba(168,85,247,.3333333333)}.social-row{flex-wrap:wrap}.social-row svg{width:19px;height:19px}.portfolio-page{padding-top:125px}.portfolio-heading{max-width:880px;margin:0 auto 32px;text-align:center}.portfolio-back{display:block;font-size:14px;color:var(--muted);margin:0 0 16px}.portfolio-heading h1{font-size:clamp(36px,4vw,48px);line-height:1.3;margin:16px 0}.portfolio-heading>p{color:var(--muted);font-size:18px;margin:12px 0}.portfolio-totals{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-top:16px;color:var(--muted)}.portfolio-totals b{color:var(--text);font-size:24px;margin-inline-end:6px}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.portfolio-search{display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--border);border-radius:14px;padding:0 16px;flex:1 1 300px;max-width:460px}.portfolio-search svg{color:var(--blue);width:20px}.portfolio-search input{background:none;border:0;padding-inline:0}.portfolio-search:focus-within{outline:2px solid var(--blue);outline-offset:3px}.portfolio-search input:focus-visible{outline:0}.portfolio-toolbar .filters{margin:0}.portfolio-results{color:var(--muted);font-size:14px;margin:24px 0}.portfolio-page .project-body h3{font-size:21px;line-height:1.5;overflow-wrap:anywhere}.portfolio-page .project-body{padding:22px}.portfolio-page .project-image{background:var(--bg2)}.portfolio-empty{text-align:center;padding:50px 24px;border-radius:22px}.portfolio-empty p,.portfolio-closing p{color:var(--muted)}.portfolio-closing{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:70px;padding:35px;border-radius:24px}.portfolio-closing>div{flex:1 1 380px}.portfolio-closing h2{margin:0;font-size:28px}.portfolio-closing p{margin:10px 0 0}.portfolio-behance{color:var(--blue);font-size:14px}@media(max-width: 640px){.portfolio-page{padding-top:115px}.portfolio-heading{margin-bottom:35px}.portfolio-heading h1{font-size:36px}.portfolio-heading>p{font-size:16px}.portfolio-search{max-width:none}.portfolio-toolbar .filters{justify-content:flex-start;gap:8px}.portfolio-toolbar .filters button{font-size:13px;padding:7px 13px}.portfolio-closing{padding:26px}.portfolio-closing h2{font-size:24px}}