:root{--blue:#06f;--blue-deep:#03c;--ink:#0a0f1c;--bg:#f6f8fc;--surface:#fff;--tint:#ebf2ff;--muted:#5b6474;--line:#e2e8f4;--ok:#1f9d55;--bad:#d64545;--font-display:"Gabarito", "Noto Kufi Arabic", sans-serif;--font-body:"IBM Plex Sans", "IBM Plex Sans Arabic", sans-serif;--font-mono:"IBM Plex Mono", monospace;--shadow:0 12px 32px #0a0f1c14;--nav-bg:#ffffffd1;--footer-bg:#0a0f1c;--dot:#0a0f1c12;--max-width:1180px}:root[data-theme=dark]{--bg:#0a0f1c;--surface:#111a2c;--tint:#0066ff21;--ink:#e9eef8;--muted:#94a0b8;--line:#223049;--shadow:0 12px 32px #00000073;--nav-bg:#0a0f1ccc;--footer-bg:#060a13;--dot:#e9eef814}html[lang=ar]{--font-display:"Noto Kufi Arabic", "Gabarito", sans-serif;--font-body:"IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}html[lang=ar] body,html[lang=ar] .kicker,html[lang=ar] .section-title,html[lang=ar] .chip{letter-spacing:0}html[lang=ar] .kicker,html[lang=ar] .chip,html[lang=ar] .team-role,html[lang=ar] .footer-line,html[lang=ar] .hero-proof{font-family:Noto Kufi Arabic,sans-serif}::selection{background:var(--blue);color:#fff}.kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:1rem;font-size:.78rem}.section{max-width:var(--max-width);margin:0 auto;padding:6.5rem 1.5rem 1.5rem}.section-title{font-family:var(--font-display);margin-bottom:.8rem;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:700;line-height:1.2}.section-sub{color:var(--muted);max-width:46ch;margin-bottom:1rem}.load-error{font-family:var(--font-mono);color:var(--bad);padding:1rem 0}.chip{font-family:var(--font-mono);border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;padding:.18rem .6rem;font-size:.72rem;display:inline-block}.chip-blue{color:var(--blue);background:var(--tint);border-color:#0066ff59}.button{font-family:var(--font-display);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.8rem 1.7rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:inline-block}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-deep);transform:translateY(-2px);box-shadow:0 10px 24px #0066ff4d}.button-ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}.button-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.revealed{opacity:1;transform:none}.logo{direction:ltr;align-items:center;gap:.55rem;display:inline-flex}.wordmark-stack{flex-direction:column;line-height:1.1;display:inline-flex}.wordmark{color:var(--ink);font-family:Gabarito,sans-serif;font-size:1.15rem;font-weight:700}.wordmark-ai{color:var(--blue)}.wordmark-solutions{letter-spacing:.42em;color:var(--muted);margin-top:.15rem;font-family:Gabarito,sans-serif;font-size:.55rem;font-weight:600}.mark-idle .mark-px{animation:px-float 4.5s ease-in-out calc(var(--i) * .25s) infinite alternate}@keyframes px-float{to{transform:translate(-3px,2px)}}.nav{z-index:10;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);width:min(1040px,100% - 1.6rem);box-shadow:var(--shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .7rem .5rem 1.1rem;display:flex;position:fixed;top:.9rem;left:50%;transform:translate(-50%)}[dir=rtl] .nav{padding:.5rem 1.1rem .5rem .7rem}.nav-actions{align-items:center;gap:.5rem;display:flex}.icon-toggle{width:34px;height:34px;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;place-items:center;transition:border-color .2s,color .2s;display:grid}.icon-toggle:hover{border-color:var(--blue);color:var(--blue)}.nav-logo{color:inherit;text-decoration:none}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--blue)}.lang-toggle{font-family:var(--font-display);color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-size:.82rem;font-weight:600;transition:border-color .2s,color .2s}.lang-toggle:hover{border-color:var(--blue);color:var(--blue)}.hero{text-align:center;background:radial-gradient(720px 440px at 50% 12%, #0066ff1f, transparent 65%), var(--bg);justify-content:center;align-items:center;min-height:74vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background-image:radial-gradient(circle, var(--dot) 1px, transparent 1.5px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 62% at 50% 45%,#000,#0000);mask-image:radial-gradient(62% 62% at 50% 45%,#000,#0000)}.hero-px{opacity:.5;border-radius:2px;animation:6s ease-in-out infinite alternate hero-float;position:absolute}@keyframes hero-float{to{transform:translateY(-16px)}}.hero-inner{flex-direction:column;align-items:center;max-width:860px;padding:7.5rem 1.5rem 4rem;display:flex;position:relative}.hero-inner>*{opacity:0;animation:.8s forwards rise;transform:translateY(22px)}.hero-inner>:nth-child(2){animation-delay:.1s}.hero-inner>:nth-child(3){animation-delay:.2s}.hero-inner>:nth-child(4){animation-delay:.3s}.hero-inner>:nth-child(5){animation-delay:.4s}@keyframes rise{to{opacity:1;transform:none}}.hero-headline{font-family:var(--font-display);letter-spacing:-.01em;max-width:22ch;font-size:clamp(2.3rem,5.5vw,4rem);font-weight:800;line-height:1.14}html[lang=ar] .hero-headline{font-size:clamp(2rem,4.6vw,3.3rem);font-weight:700;line-height:1.3}.hero-sub{color:var(--muted);max-width:58ch;margin-top:1.3rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:2.2rem;display:flex}.hero-proof{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);margin-top:2.8rem;padding-top:1.3rem;font-size:.8rem}.hero-proof-label{color:var(--blue);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;display:block}.customers-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin-top:2.2rem;display:grid}.customer-tile{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;height:100%;padding:1.8rem 1.4rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.customer-tile:hover{box-shadow:var(--shadow);border-color:#0066ff59;transform:translateY(-4px)}.customer-tile img{object-fit:contain;max-width:100%;height:62px}.customer-tile span{font-family:var(--font-display);color:#5b6474;text-align:center;font-size:.85rem;font-weight:600}.customer-tile-dark{background:#0a0f1c}.customer-tile-dark span{color:#9aa6bc}.services-index{grid-template-columns:1fr 1fr;column-gap:3.5rem;margin-top:2.2rem;display:grid}.service-row{border-top:1px solid var(--line);grid-template-columns:3rem 1fr auto;align-items:start;gap:1rem;padding:1.3rem .2rem;transition:background .2s;display:grid}.service-row:hover{background:var(--tint)}.service-num{font-family:var(--font-mono);color:var(--blue);padding-top:.3rem;font-size:.8rem}.service-text h3{font-family:var(--font-display);margin-bottom:.3rem;font-size:1.08rem;font-weight:700;transition:color .2s}.service-row:hover .service-text h3{color:var(--blue)}.service-text p{color:var(--muted);font-size:.9rem}.service-icon{color:var(--blue);opacity:.85;margin-top:.2rem}.project-band{background:linear-gradient(135deg, var(--tint), var(--surface) 55%);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:2.5rem;margin-top:2.2rem;padding:2.4rem;display:grid}.project-band h3{font-family:var(--font-display);margin:.8rem 0 .5rem;font-size:1.7rem;font-weight:700}.project-band p{color:var(--muted);max-width:60ch;margin-bottom:1rem}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.2rem;margin-top:1.2rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.7rem;height:100%;padding:1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.project-card:hover{box-shadow:var(--shadow);border-color:#0066ff59;transform:translateY(-4px)}.project-top{justify-content:space-between;align-items:flex-start;margin-bottom:.3rem;display:flex}.project-meta{gap:.5rem;display:flex}.project-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.project-card p{color:var(--muted);flex-grow:1;font-size:.92rem}.project-stack{flex-wrap:wrap;gap:.4rem;display:flex}.project-link{font-family:var(--font-display);color:var(--blue);align-items:center;gap:.3rem;margin-top:.5rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.project-link:hover{text-decoration:underline}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;max-width:860px;margin-top:2.2rem;display:grid}.team-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;height:100%;padding:2rem 1.7rem}.team-avatar{background:var(--tint);border:1px solid var(--line);border-radius:12px;place-items:center;width:88px;height:88px;margin-bottom:1.2rem;display:grid}.team-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.team-role{font-family:var(--font-mono);color:var(--blue);margin:.4rem 0 .9rem;font-size:.78rem}.team-bio{color:var(--muted);font-size:.92rem}.contact-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:.9fr 1.2fr;margin-top:2.2rem;display:grid;overflow:hidden}.contact-info{background:linear-gradient(160deg, var(--blue), var(--blue-deep));color:#fff;flex-direction:column;gap:1rem;padding:2.4rem 2.1rem;display:flex;position:relative}.contact-info h3{font-family:var(--font-display);max-width:16ch;font-size:1.5rem;font-weight:700;line-height:1.3}.contact-info-text{color:#ffffffd9;max-width:34ch;font-size:.95rem}.contact-details{flex-direction:column;gap:.9rem;margin-top:1rem;list-style:none;display:flex}.contact-details li{font-family:var(--font-mono);color:#ffffffeb;align-items:center;gap:.7rem;font-size:.85rem;display:flex}html[lang=ar] .contact-details li{font-family:Noto Kufi Arabic,sans-serif}.contact-pixels{fill:#ffffff47;width:120px;margin-top:auto}.contact-form{flex-direction:column;gap:1rem;padding:2.2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.contact-form input,.contact-form textarea{font-family:var(--font-body);color:var(--ink);background:var(--bg);border:1px solid var(--line);resize:vertical;border-radius:8px;padding:.7rem .9rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0066ff26}.contact-form .button{align-self:flex-start;margin-top:.4rem}.form-note{font-size:.9rem}.form-success{color:var(--ok)}.form-error{color:var(--bad)}.footer{background:var(--footer-bg);color:#fff;margin-top:6rem}.footer-inner{max-width:var(--max-width);flex-direction:column;gap:.7rem;margin:0 auto;padding:3rem 1.5rem;display:flex}.footer-brand{direction:ltr;justify-content:flex-start;align-items:center;gap:.7rem;display:flex}[dir=rtl] .footer-brand{justify-content:flex-end}.footer .wordmark{color:#fff}.footer .wordmark-solutions{color:#ffffff8c}.footer-tag{color:#ffffffbf;font-family:var(--font-display);font-size:1rem}.footer-line{font-family:var(--font-mono);color:#ffffff73;text-align:start;font-size:.78rem}.loader{gap:.45rem;padding:2rem 0;display:flex}.loader-px{background:var(--blue);border-radius:2px;width:10px;height:10px;animation:.9s ease-in-out infinite loader-pulse}.loader-px:nth-child(2){background:var(--blue-deep);animation-delay:.15s}.loader-px:nth-child(3){animation-delay:.3s}@keyframes loader-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.splash{z-index:100;background:var(--bg);cursor:pointer;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.splash-leaving{animation:.45s forwards splash-out}@keyframes splash-out{to{opacity:0}}.splash-bit{font-family:var(--font-mono);color:var(--blue);opacity:0;animation-name:bit-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-6%}@keyframes bit-fall{0%{opacity:0;transform:translateY(0)}8%{opacity:var(--o,.3)}85%{opacity:var(--o,.3)}to{opacity:0;transform:translateY(112vh)}}.splash-center{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.mark-splash .mark-px{opacity:0;animation:px-gather .65s cubic-bezier(.2, .8, .2, 1) calc(.55s + var(--i) * 50ms) forwards}@keyframes px-gather{0%{opacity:0;transform:translate(-34px,18px)scale(.3)}to{opacity:1;transform:none}}.mark-splash .mark-px:nth-child(3n){transform-origin:50%}.mark-splash .mark-b{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s .8s forwards stroke-draw}.mark-splash .mark-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:.4s 1.7s forwards stroke-draw}@keyframes stroke-draw{to{stroke-dashoffset:0}}.mark-splash .mark-node{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.3s cubic-bezier(.3,1.4,.5,1) forwards node-pop;transform:scale(0)}.mark-splash .mark-node:first-of-type{animation-delay:1.85s}.mark-splash .mark-node:nth-of-type(2){animation-delay:1.95s}.mark-splash .mark-node:nth-of-type(3){animation-delay:2.05s}@keyframes node-pop{to{opacity:1;transform:scale(1)}}.splash-word{color:var(--ink);opacity:0;font-family:Gabarito,sans-serif;font-size:2.4rem;font-weight:700;animation:.5s 2.2s forwards word-slide;transform:translate(-26px)}@keyframes word-slide{to{opacity:1;transform:none}}.splash-solutions{letter-spacing:.5em;color:var(--muted);opacity:0;font-family:Gabarito,sans-serif;font-size:.85rem;font-weight:600;animation:.45s 2.6s forwards word-slide;transform:translateY(10px)}@media (width<=900px){.services-index{grid-template-columns:1fr}.project-band{grid-template-columns:1fr;gap:1.5rem}}@media (width<=800px){.nav-links{display:none}.contact-card,.form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-inner>*,.hero-px,.reveal,.mark-idle .mark-px,.loader-px{opacity:1;transition:none;animation:none;transform:none}}