:root{
  --bg:#06101b;
  --bg-soft:#0a1726;
  --panel:#0d1c2d;
  --panel-2:#101f31;
  --text:#f6fbff;
  --muted:#91a8bc;
  --muted-2:#6f869b;
  --line:rgba(182,214,239,.12);
  --line-strong:rgba(96,215,255,.28);
  --cyan:#55dbff;
  --cyan-2:#26bff5;
  --blue:#6478ff;
  --violet:#9a79ff;
  --green:#6de5b5;
  --shadow:0 30px 90px rgba(0,0,0,.32);
  --shadow-soft:0 16px 46px rgba(0,0,0,.24);
  --radius:30px;
  --radius-md:22px;
  --radius-sm:15px;
  --shell:1220px;
  --header:82px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 10% 0%,rgba(85,219,255,.07),transparent 27rem),
    linear-gradient(180deg,#06101b 0%,#07121f 55%,#050e18 100%);
  color:var(--text);
  font-family:"Manrope","Cairo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
html[dir="rtl"] body{font-family:"Cairo","Manrope",sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{display:block;max-width:100%}
::selection{background:rgba(85,219,255,.25);color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#06101b}
::-webkit-scrollbar-thumb{background:#17334b;border:2px solid #06101b;border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:#25506e}

.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}
.section{position:relative;padding:118px 0;isolation:isolate}
.section::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none}

/* header */
.site-header{
  position:fixed;inset:0 0 auto;z-index:1000;height:var(--header);
  display:flex;align-items:center;
  background:rgba(5,15,25,.58);border-bottom:1px solid transparent;
  backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);
  transition:.28s ease;
}
.site-header.is-scrolled{background:rgba(5,15,25,.9);border-color:var(--line);box-shadow:0 12px 38px rgba(0,0,0,.18)}
.nav-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(85,219,255,.12),rgba(100,120,255,.1));border:1px solid var(--line);box-shadow:inset 0 0 25px rgba(85,219,255,.06)}
.brand-mark img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(85,219,255,.2))}
.brand-word{font-size:20px;font-weight:800;letter-spacing:-.7px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:5px}
.nav-item{position:relative;display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#b9cbd9;font-size:14px;font-weight:700;cursor:pointer;transition:.22s ease}
.nav-item:hover,.nav-item.is-active{color:#fff;background:rgba(255,255,255,.052)}
.nav-item::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--cyan),var(--blue));transform:scaleX(0);transition:.22s ease}
.nav-item:hover::after,.nav-item.is-active::after{transform:scaleX(1)}
.nav-drop-trigger i{font-size:9px;transition:.2s ease}
.nav-dropdown{position:relative}
.nav-dropdown.is-open .nav-drop-trigger i{transform:rotate(180deg)}
.nav-drop-menu{position:absolute;top:calc(100% + 14px);inset-inline-start:50%;width:245px;padding:9px;border:1px solid var(--line);border-radius:18px;background:rgba(8,22,36,.98);box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-7px);transition:.2s ease}
.nav-dropdown.is-open .nav-drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-drop-menu a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#b7cadb;font-size:13px;font-weight:700;transition:.18s ease}
.nav-drop-menu a:hover{background:rgba(85,219,255,.075);color:#fff}
.nav-drop-menu i{width:20px;text-align:center;color:var(--cyan)}
.language-switch{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:13px;background:linear-gradient(145deg,rgba(85,219,255,.08),rgba(100,120,255,.07));color:#d7f6ff;font-size:13px;font-weight:800;transition:.2s ease}
.language-switch:hover{transform:translateY(-2px);border-color:rgba(85,219,255,.45)}
.nav-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);cursor:pointer}
.nav-toggle span{display:block;width:19px;height:2px;margin:4px auto;border-radius:2px;background:#fff;transition:.22s ease}

/* shared typography */
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#9dc7dc;font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
html[dir="rtl"] .eyebrow{letter-spacing:.2px}
.eyebrow span{width:30px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.section-heading{max-width:780px;margin-bottom:48px}
.section-heading.centered{margin-inline:auto;text-align:center}
.section-heading.centered .eyebrow{justify-content:center}
.section-heading h2,.section-copy h2,.contact-copy h2{margin:0;color:#fff;font-size:clamp(37px,5vw,64px);line-height:1.08;letter-spacing:-2.7px;font-weight:800}
html[dir="rtl"] .section-heading h2,html[dir="rtl"] .section-copy h2,html[dir="rtl"] .contact-copy h2{letter-spacing:-1px}
.section-heading p,.section-lead,.contact-copy>p{margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.9}
.heading-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.heading-row>div{max-width:790px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:0 22px;border:1px solid transparent;border-radius:16px;font-size:14px;font-weight:800;transition:.23s ease}
.btn-primary{color:#04111b;background:linear-gradient(135deg,#76e8ff,var(--cyan));box-shadow:0 15px 36px rgba(38,191,245,.18)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(38,191,245,.25)}
.btn-ghost{color:#d6e4ef;background:rgba(255,255,255,.045);border-color:var(--line)}
.btn-ghost:hover{transform:translateY(-3px);color:#fff;border-color:rgba(85,219,255,.25);background:rgba(85,219,255,.06)}
.btn.compact{min-height:48px;padding-inline:18px;white-space:nowrap}

/* hero */
.hero{position:relative;min-height:100svh;padding:calc(var(--header) + 92px) 0 50px;overflow:hidden;background:linear-gradient(180deg,rgba(6,16,27,.2),rgba(6,16,27,.95));isolation:isolate}
.hero-grid-lines{position:absolute;inset:0;z-index:-4;opacity:.18;background-image:linear-gradient(rgba(126,171,205,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(126,171,205,.18) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,#000 0%,transparent 86%)}
.hero::before{content:"";position:absolute;z-index:-3;left:-10%;top:-16%;width:56vw;height:56vw;border-radius:50%;background:radial-gradient(circle,rgba(85,219,255,.11),transparent 66%);filter:blur(8px)}
.hero::after{content:"";position:absolute;z-index:-3;right:-17%;bottom:-38%;width:62vw;height:62vw;border-radius:50%;background:radial-gradient(circle,rgba(100,120,255,.1),transparent 67%);filter:blur(14px)}
.hero-orb{position:absolute;z-index:-2;border-radius:50%;filter:blur(4px);pointer-events:none}
.hero-orb-one{width:11px;height:11px;left:8%;top:32%;background:var(--cyan);box-shadow:0 0 32px 10px rgba(85,219,255,.28);animation:drift 7s ease-in-out infinite}
.hero-orb-two{width:8px;height:8px;right:7%;top:25%;background:var(--violet);box-shadow:0 0 28px 9px rgba(154,121,255,.3);animation:drift 9s ease-in-out infinite reverse}
@keyframes drift{50%{transform:translate(22px,35px)}}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);align-items:center;gap:70px}
.hero-copy{padding-top:10px}
.hero-badge{width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;margin-bottom:27px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#a8bfd1;font-size:11px;font-weight:800;letter-spacing:.55px}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(109,229,181,.1)}
.hero-kicker{margin:0 0 15px;color:#d9f8ff;font-size:16px;font-weight:700}
.hero h1{margin:0;max-width:760px;font-size:clamp(54px,7vw,94px);line-height:.96;letter-spacing:-5.2px;font-weight:800}
html[dir="rtl"] .hero h1{letter-spacing:-2.2px;line-height:1.05}
.hero h1 span,.hero h1 strong{display:block}
.hero h1 span{color:#fff}
.hero h1 strong{margin-top:7px;background:linear-gradient(90deg,var(--cyan),#88e8ff 42%,#91a1ff 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:680px;margin:27px 0 0;color:#9bb0c2;font-size:17px;line-height:1.85}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.hero-tags span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:#859caf;background:rgba(255,255,255,.028);font-size:11px;font-weight:700}
.hero-tags i{color:#6fdff9}
.hero-visual{position:relative;min-height:520px;display:flex;align-items:center}
.product-window{position:relative;width:100%;border:1px solid rgba(161,203,232,.16);border-radius:26px;background:linear-gradient(145deg,rgba(15,32,50,.94),rgba(8,22,36,.97));box-shadow:0 42px 110px rgba(0,0,0,.43),inset 0 1px rgba(255,255,255,.05);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}
html[dir="rtl"] .product-window{transform:perspective(1200px) rotateY(4deg) rotateX(2deg)}
.window-topbar{height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(2,11,19,.45)}
.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#31516a}.window-dots i:first-child{background:#59ddff}.window-dots i:nth-child(2){background:#7288ff}
.window-address{justify-self:center;width:54%;padding:6px 10px;border:1px solid rgba(255,255,255,.04);border-radius:8px;color:#637d92;background:rgba(255,255,255,.025);font-size:9px;text-align:center;letter-spacing:.7px}
.window-signal{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(85,219,255,.05)}.window-signal span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.window-content{display:grid;grid-template-columns:63px 1fr;min-height:410px}
.visual-sidebar{padding:17px 10px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:20px;background:rgba(2,12,20,.24)}
.visual-sidebar img{width:28px;height:28px;object-fit:contain;margin-bottom:15px}.visual-sidebar i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#4f6c83;font-size:12px}.visual-sidebar i:nth-of-type(2){color:var(--cyan);background:rgba(85,219,255,.07)}
.visual-main{padding:26px}
.visual-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:22px}.visual-heading span{color:#668095;font-size:9px;letter-spacing:1px}.visual-heading b{color:#d9e6f0;font-size:14px}
.visual-cards{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:155px 125px;gap:13px}
.visual-card{position:relative;border:1px solid rgba(169,209,236,.11);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));overflow:hidden}
.visual-card-wide{padding:18px}.mini-label{color:#6f899d;font-size:8px;font-weight:800;letter-spacing:1px}.code-lines{display:grid;gap:9px;margin-top:21px}.code-lines i{display:block;height:6px;border-radius:8px;background:#183149}.code-lines i:nth-child(1){width:72%;background:linear-gradient(90deg,rgba(85,219,255,.56),#183149)}.code-lines i:nth-child(2){width:54%}.code-lines i:nth-child(3){width:83%}.code-lines i:nth-child(4){width:65%}.code-lines i:nth-child(5){width:40%}
.visual-progress{position:absolute;left:18px;right:18px;bottom:16px;height:5px;border-radius:10px;background:#12283a;overflow:hidden}.visual-progress span{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.metric-card{display:flex;align-items:center;justify-content:center;flex-direction:column}.metric-card small{color:#6f879a;font-size:9px}.metric-card strong{font-size:47px;line-height:1;color:#fff;letter-spacing:-3px}.metric-card em{position:absolute;right:15px;top:12px;color:var(--green);font-style:normal}
.phone-card,.desktop-card{display:flex;align-items:center;justify-content:center;gap:9px;color:#8da5b8;font-size:11px;font-weight:700}.phone-card i,.desktop-card i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:rgba(85,219,255,.08);color:var(--cyan);font-size:15px}.desktop-card i{color:#91a1ff;background:rgba(100,120,255,.08)}
.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(8,24,39,.92);box-shadow:0 16px 40px rgba(0,0,0,.32);backdrop-filter:blur(10px);color:#91aabe;font-size:9px;line-height:1.35}.floating-note i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#07121e;background:var(--cyan)}.floating-note b{color:#eef9ff;font-size:11px}.note-one{left:-30px;top:75px}.note-two{right:-20px;bottom:75px}.note-two i{background:#9c8bff}
.stats-strip{margin-top:63px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
.stats-strip>div{display:flex;align-items:center;justify-content:center;gap:11px;min-height:54px;border-inline-end:1px solid var(--line)}.stats-strip>div:last-child{border:0}.stats-strip strong{font-size:30px;letter-spacing:-1.5px}.stats-strip span{max-width:100px;color:#7890a4;font-size:11px;line-height:1.4;font-weight:700}

/* about */
.about-section{background:radial-gradient(circle at 90% 20%,rgba(100,120,255,.07),transparent 30rem)}
.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);align-items:center;gap:90px}
.section-copy{max-width:690px}.about-points{display:grid;gap:8px;margin-top:39px}.about-point{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:19px 0;border-top:1px solid var(--line)}.about-point b{color:#5a768b;font-size:11px;letter-spacing:1px}.about-point h3{margin:0 0 7px;font-size:15px}.about-point p{margin:0;color:#8299ab;font-size:13px;line-height:1.7}
.about-art{position:relative;min-height:520px}.about-photo{position:absolute;inset:20px 0 20px 65px;border:1px solid var(--line);border-radius:35px;overflow:hidden;background:#0b1b2a;box-shadow:var(--shadow)}html[dir="rtl"] .about-photo{inset:20px 65px 20px 0}.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,15,25,.42))}.about-photo img{width:100%;height:100%;object-fit:cover}
.about-stamp{position:absolute;left:0;top:40px;width:140px;height:140px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:50%;background:rgba(7,23,38,.93);box-shadow:var(--shadow-soft);transform:rotate(-9deg)}html[dir="rtl"] .about-stamp{left:auto;right:0;transform:rotate(9deg)}.about-stamp span{font-size:9px;color:#7791a5;letter-spacing:3px}.about-stamp b{font-size:21px;color:var(--cyan);letter-spacing:-.5px}
.about-code-card{position:absolute;right:-10px;bottom:0;min-width:280px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(6,21,34,.94);box-shadow:var(--shadow-soft)}html[dir="rtl"] .about-code-card{right:auto;left:-10px}.about-code-card>div{display:flex;gap:5px;margin-bottom:10px}.about-code-card i{width:6px;height:6px;border-radius:50%;background:#36536a}.about-code-card i:first-child{background:var(--cyan)}.about-code-card code{color:#8fb5c8;font-size:11px}

/* process */
.process-section{border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.025);background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.003))}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-card{position:relative;min-height:275px;padding:28px 23px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.022);overflow:hidden;transition:.25s ease}.process-card:hover{transform:translateY(-6px);border-color:rgba(85,219,255,.22);background:rgba(85,219,255,.025)}.process-card::after{content:"";position:absolute;right:-55px;bottom:-60px;width:140px;height:140px;border:1px solid rgba(85,219,255,.12);border-radius:50%}.process-number{position:absolute;right:18px;top:16px;color:#28465c;font-size:38px;font-weight:800;letter-spacing:-2px}html[dir="rtl"] .process-number{right:auto;left:18px}.process-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:48px;border:1px solid var(--line);border-radius:15px;background:#0b1c2c;color:var(--cyan);font-size:18px}.process-card h3{margin:0 0 10px;font-size:17px}.process-card p{margin:0;color:#7e95a8;font-size:13px;line-height:1.7}

/* services */
.services-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px}.service-card{position:relative;min-height:330px;padding:29px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(14,32,50,.92),rgba(8,22,36,.9));overflow:hidden;transition:.26s ease}.service-card:hover{transform:translateY(-6px);border-color:rgba(85,219,255,.2);box-shadow:var(--shadow-soft)}.service-card-large{grid-row:span 2;min-height:675px}.service-card-accent{grid-column:span 2;min-height:330px;background:radial-gradient(circle at 85% 20%,rgba(100,120,255,.12),transparent 22rem),linear-gradient(145deg,rgba(14,32,50,.93),rgba(8,22,36,.9))}
.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.service-top span{color:#5f788c;font-size:11px;font-weight:800}.service-top i{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--cyan);background:rgba(85,219,255,.045)}.service-card h3{max-width:460px;margin:0 0 14px;font-size:24px;letter-spacing:-.9px}.service-card p{max-width:520px;margin:0;color:#8298aa;font-size:13px;line-height:1.8}.service-link{position:absolute;left:29px;bottom:29px;display:flex;align-items:center;gap:10px;color:#d9ecf7;font-size:12px;font-weight:800}.service-link i{color:var(--cyan)}html[dir="rtl"] .service-link{left:auto;right:29px}.web-art{position:absolute;left:40px;right:40px;bottom:92px;height:220px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0b1c2d,#081625);overflow:hidden}.web-art::before{content:"";position:absolute;left:18px;right:18px;top:18px;height:11px;border-radius:8px;background:#132c41;box-shadow:0 29px #10283c,0 58px #10283c,0 87px #10283c}.web-art::after{content:"";position:absolute;right:18px;top:47px;width:34%;height:100px;border-radius:13px;background:linear-gradient(145deg,rgba(85,219,255,.12),rgba(100,120,255,.06))}.web-art span{position:absolute;z-index:2;left:18px;height:6px;border-radius:8px;background:#2f4b60}.web-art span:nth-child(1){top:52px;width:31%;background:rgba(85,219,255,.43)}.web-art span:nth-child(2){top:81px;width:22%}.web-art span:nth-child(3){top:110px;width:27%}
.ai-radar{position:absolute;right:38px;bottom:28px;width:185px;height:185px;border:1px solid rgba(154,121,255,.15);border-radius:50%;background:radial-gradient(circle,rgba(154,121,255,.09),transparent 60%)}html[dir="rtl"] .ai-radar{right:auto;left:38px}.ai-radar::before,.ai-radar::after{content:"";position:absolute;border:1px solid rgba(85,219,255,.11);border-radius:50%}.ai-radar::before{inset:24px}.ai-radar::after{inset:52px}.ai-radar span{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px rgba(85,219,255,.55)}.ai-radar i{position:absolute;width:6px;height:6px;border-radius:50%;background:#8d7dff}.ai-radar i:nth-child(2){left:29px;top:61px}.ai-radar i:nth-child(3){right:33px;top:37px}.ai-radar i:nth-child(4){right:19px;bottom:54px}

/* projects */
.featured-projects{background:radial-gradient(circle at 8% 35%,rgba(85,219,255,.055),transparent 26rem)}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{min-width:0;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(14,31,49,.9),rgba(7,20,33,.94));overflow:hidden;transition:.27s ease}.project-card:hover{transform:translateY(-7px);border-color:rgba(85,219,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.project-media{position:relative;height:235px;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 45%,rgba(85,219,255,.09),transparent 48%),#091827;overflow:hidden}.project-media::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(133,178,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(133,178,210,.055) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to top,#000,transparent 80%)}.project-media img{position:relative;z-index:2;width:175px;height:175px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 15px 28px rgba(0,0,0,.3));transition:.35s ease}.project-card:hover .project-media img{transform:scale(1.04) rotate(-1deg)}.project-category{position:absolute;z-index:3;left:15px;top:15px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(6,18,30,.82);color:#9db8ca;font-size:9px;font-weight:800;letter-spacing:.5px}html[dir="rtl"] .project-category{left:auto;right:15px}
.project-body{min-height:285px;padding:24px;display:flex;flex-direction:column}.project-body h3{margin:0 0 12px;font-size:20px;line-height:1.3;letter-spacing:-.5px}.project-body p{margin:0;color:#7f96a8;font-size:12.5px;line-height:1.78;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.project-client{display:flex;align-items:center;gap:8px;margin-top:12px;color:#718a9d;font-size:10px}.project-client strong{color:#a9bdcc;font-size:10px}.project-actions{margin-top:auto;padding-top:23px}.text-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid var(--line);color:#d9edf7;font-size:11px;font-weight:800}.text-link i{color:var(--cyan)}.text-link.is-muted{color:#657f93}.text-link.is-muted i{color:#526b7d}
.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-btn{padding:9px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:#8198aa;font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease}.filter-btn:hover,.filter-btn.is-active{color:#eafaff;border-color:rgba(85,219,255,.22);background:rgba(85,219,255,.065)}.project-card.is-hidden{display:none}

/* clients */
.clients-section{border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.clients-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:85px}.client-count{display:flex;align-items:flex-end;gap:12px;margin-top:33px}.client-count strong{font-size:62px;line-height:.9;letter-spacing:-4px;color:#fff}.client-count span{max-width:110px;color:#617b8f;font-size:11px;font-weight:700;line-height:1.4}.logo-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.client-logo{position:relative;min-height:145px;padding:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.025);overflow:hidden;transition:.22s ease}.client-logo:hover{transform:translateY(-4px);border-color:rgba(85,219,255,.2);background:rgba(85,219,255,.027)}.client-logo img{width:82px;height:72px;object-fit:contain;filter:grayscale(15%);transition:.2s ease}.client-logo:hover img{transform:scale(1.07);filter:none}.client-logo span{position:absolute;left:10px;right:10px;bottom:8px;color:#526d80;font-size:8px;font-weight:800;text-align:center;opacity:0;transition:.2s ease}.client-logo:hover span{opacity:1}

/* team */
.team-layout{display:grid;grid-template-columns:1.05fr .75fr;align-items:center;gap:90px}.team-card{min-height:430px;display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#0d1d2e,#081725);overflow:hidden;box-shadow:var(--shadow-soft)}.team-photo{position:relative;min-height:430px;background:radial-gradient(circle at 50% 25%,rgba(85,219,255,.1),transparent 45%),#091827}.team-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(6,16,27,.28))}.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.team-info{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}.team-status{display:flex;align-items:center;gap:8px;color:#7f99ac;font-size:10px;font-weight:800;letter-spacing:.8px}.team-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(109,229,181,.5)}.team-info h3{margin:20px 0 8px;font-size:31px;letter-spacing:-1.5px}.team-info p{margin:0;color:#8198aa;font-size:12.5px;line-height:1.8}.team-info .team-role{margin-bottom:17px;color:var(--cyan);font-size:11px;font-weight:800}.team-stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.team-stack span{padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:#7990a3;font-size:8px;font-weight:800}.team-quote{margin-top:34px;padding:24px;border-inline-start:2px solid var(--cyan);background:linear-gradient(90deg,rgba(85,219,255,.045),transparent)}.team-quote i{margin-bottom:12px;color:#35576e;font-size:21px}.team-quote p{margin:0;color:#9cb2c1;font-size:15px;line-height:1.7;font-weight:700}

/* contact */
.contact-section{padding-top:80px}.contact-card{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:70px;padding:65px;border:1px solid rgba(85,219,255,.18);border-radius:34px;background:radial-gradient(circle at 84% 20%,rgba(85,219,255,.08),transparent 25rem),radial-gradient(circle at 15% 80%,rgba(100,120,255,.08),transparent 22rem),linear-gradient(145deg,#0c2033,#071725);box-shadow:var(--shadow);overflow:hidden}.contact-copy{position:relative;z-index:2}.contact-copy h2{font-size:clamp(40px,4.6vw,62px)}.contact-copy .btn{margin-top:29px}.contact-options{position:relative;z-index:2;display:grid;gap:9px;align-content:center}.contact-options>a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);transition:.2s ease}.contact-options>a:hover{transform:translateX(5px);border-color:rgba(85,219,255,.2);background:rgba(85,219,255,.035)}html[dir="rtl"] .contact-options>a:hover{transform:translateX(-5px)}.contact-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(85,219,255,.07);color:var(--cyan)}.contact-options small{display:block;margin-bottom:2px;color:#5d778b;font-size:9px;font-weight:800}.contact-options strong{color:#cce0ec;font-size:12px}.contact-options>a>i{color:#506c80;font-size:11px}.contact-decoration{position:absolute;right:-15px;bottom:-18px;display:flex;gap:16px;color:rgba(85,219,255,.035);font-size:84px;font-weight:800;letter-spacing:-8px;pointer-events:none}html[dir="rtl"] .contact-decoration{right:auto;left:-15px}

/* footer */
.site-footer{margin-top:110px;padding:72px 0 25px;border-top:1px solid var(--line);background:#050e18}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:70px}.footer-brand p{max-width:370px;margin:20px 0 0;color:#6f8699;font-size:12.5px;line-height:1.8}.socials{display:flex;gap:8px;margin-top:22px}.socials a{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:#8198ab;background:rgba(255,255,255,.02);transition:.2s ease}.socials a:hover{transform:translateY(-3px);color:var(--cyan);border-color:rgba(85,219,255,.22)}.site-footer h3{margin:0 0 18px;color:#d9e7f0;font-size:12px;letter-spacing:.8px;text-transform:uppercase}.footer-links{display:grid;gap:10px}.footer-links a{width:max-content;max-width:100%;color:#6f879a;font-size:11px;font-weight:700;transition:.2s ease}.footer-links a:hover{color:#d7edf8;transform:translateX(3px)}html[dir="rtl"] .footer-links a:hover{transform:translateX(-3px)}.footer-contact-links a{display:flex;align-items:center;gap:9px}.footer-contact-links i{width:16px;color:#5fb8d4}.footer-bottom{margin-top:54px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#4f687b;font-size:9px;font-weight:700;letter-spacing:.3px}.footer-dotline{display:flex;gap:5px}.footer-dotline i{width:5px;height:5px;border-radius:50%;background:#28465b}.footer-dotline i:first-child{background:var(--cyan)}

/* project listing pages */
.page-hero{position:relative;padding:calc(var(--header) + 95px) 0 72px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 20%,rgba(85,219,255,.08),transparent 30rem),linear-gradient(180deg,#071321,#06101b)}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(140,183,212,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(140,183,212,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.page-hero-inner{position:relative;z-index:2}.back-link{display:inline-flex;align-items:center;gap:9px;margin-bottom:36px;color:#70899c;font-size:10px;font-weight:800;transition:.2s ease}.back-link:hover{color:#d7edf8}.page-hero h1{max-width:850px;margin:0;font-size:clamp(49px,7vw,90px);line-height:1;letter-spacing:-5px;font-weight:800}.page-hero p{max-width:720px;margin:24px 0 0;color:#8ba2b4;font-size:16px;line-height:1.8}.page-hero-meta{display:flex;align-items:flex-end;gap:11px;margin-top:32px}.page-hero-meta strong{font-size:44px;line-height:.85;color:var(--cyan);letter-spacing:-3px}.page-hero-meta span{color:#5f798d;font-size:10px;font-weight:800}.project-library{padding-top:72px}.project-library .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}

/* RTL */
html[dir="rtl"] .main-nav,html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-copy,html[dir="rtl"] .section-heading,html[dir="rtl"] .project-body,html[dir="rtl"] .team-info,html[dir="rtl"] .contact-copy{text-align:right}
html[dir="rtl"] .hero-badge{letter-spacing:0}
html[dir="rtl"] .service-link i,html[dir="rtl"] .heading-row .btn i,html[dir="rtl"] .back-link i{transform:rotate(180deg)}

/* responsive */
@media (max-width:1100px){
  :root{--header:74px}.shell{width:min(var(--shell),calc(100% - 36px))}
  .nav-shell{gap:18px}.main-nav{gap:1px}.nav-item{padding-inline:9px;font-size:12px}.language-switch span{display:none}.language-switch{width:42px;height:42px;justify-content:center;padding:0}
  .hero-layout{grid-template-columns:1fr .86fr;gap:35px}.hero h1{font-size:clamp(52px,7.6vw,82px)}.hero-visual{min-height:460px}.floating-note{display:none}
  .split-layout{gap:55px}.process-grid{grid-template-columns:repeat(2,1fr)}
  .services-grid{grid-template-columns:1fr 1fr}.service-card-large{grid-row:auto;min-height:420px}.service-card-accent{grid-column:span 2}.web-art{display:none}
  .projects-grid,.project-library .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients-layout{gap:45px}.team-layout{gap:50px}.contact-card{gap:45px;padding:48px}.footer-grid{gap:40px}
}

@media (max-width:860px){
  .nav-shell{grid-template-columns:auto auto auto;justify-content:space-between}.nav-toggle{display:block;order:2}.language-switch{order:3}.main-nav{position:absolute;left:18px;right:18px;top:calc(var(--header) - 3px);display:flex;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(6,18,30,.985);box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s ease}.main-nav.is-open{opacity:1;visibility:visible;transform:none}.nav-item{width:100%;justify-content:space-between;padding:12px 13px;font-size:13px}.nav-item::after{display:none}.nav-dropdown{width:100%}.nav-drop-menu{position:static;width:100%;margin-top:5px;padding:5px;border:0;border-radius:12px;background:rgba(255,255,255,.025);box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}.nav-dropdown.is-open .nav-drop-menu{display:block;transform:none}.nav-drop-menu a{font-size:12px}
  .nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hero{padding-top:calc(var(--header) + 66px)}.hero-layout{grid-template-columns:1fr;gap:48px}.hero-copy{max-width:760px}.hero-visual{min-height:auto;max-width:680px;width:100%;margin-inline:auto}.product-window{transform:none!important}.hero h1{font-size:clamp(55px,12vw,88px)}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip>div:nth-child(2){border-inline-end:0}.stats-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .section{padding:92px 0}.split-layout{grid-template-columns:1fr}.about-art{min-height:470px;max-width:650px;width:100%;margin-inline:auto}.about-photo{inset:15px 45px 15px 45px!important}.about-stamp{left:0!important;right:auto!important}.about-code-card{right:0!important;left:auto!important}html[dir="rtl"] .about-stamp{right:0!important;left:auto!important}html[dir="rtl"] .about-code-card{left:0!important;right:auto!important}
  .clients-layout,.team-layout,.contact-card{grid-template-columns:1fr}.section-copy{max-width:none}.team-card{max-width:720px}.contact-card{gap:38px}.footer-grid{grid-template-columns:1.2fr .8fr}.footer-grid>div:last-child{grid-column:1/-1}.heading-row{align-items:flex-start;flex-direction:column;gap:24px}
}

@media (max-width:620px){
  .shell{width:calc(100% - 28px)}.section{padding:78px 0}.section-heading h2,.section-copy h2,.contact-copy h2{font-size:clamp(34px,10vw,48px);letter-spacing:-1.6px}.section-heading p,.section-lead,.contact-copy>p{font-size:15px;line-height:1.8}
  .brand-word{font-size:17px}.brand-mark{width:39px;height:39px}.brand-mark img{width:30px;height:30px}
  .hero{padding-bottom:30px}.hero h1{font-size:clamp(48px,14.4vw,68px);letter-spacing:-3.7px}.hero-kicker{font-size:14px}.hero-lead{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-tags{gap:6px}.hero-tags span{font-size:9px}.product-window{border-radius:19px}.window-content{grid-template-columns:49px 1fr;min-height:330px}.visual-sidebar{padding:12px 6px;gap:14px}.visual-sidebar img{width:22px;height:22px}.visual-main{padding:16px}.visual-heading b{font-size:10px}.visual-cards{grid-template-columns:1fr 1fr;grid-template-rows:128px 94px;gap:8px}.visual-card-wide{padding:12px}.metric-card strong{font-size:34px}.stats-strip{margin-top:43px}.stats-strip strong{font-size:25px}.stats-strip span{font-size:9px}
  .about-art{min-height:390px}.about-photo{inset:10px 20px!important;border-radius:25px}.about-stamp{width:105px;height:105px;padding:15px;top:20px}.about-stamp b{font-size:16px}.about-stamp span{font-size:7px}.about-code-card{min-width:auto;max-width:260px}.about-code-card code{font-size:9px}
  .process-grid,.services-grid,.projects-grid,.project-library .projects-grid{grid-template-columns:1fr}.service-card-large,.service-card,.service-card-accent{grid-column:auto;min-height:330px}.service-card-accent{min-height:365px}.ai-radar{width:130px;height:130px;right:20px;bottom:20px}html[dir="rtl"] .ai-radar{right:auto;left:20px}.ai-radar::before{inset:18px}.ai-radar::after{inset:38px}
  .project-media{height:215px}.project-body{min-height:260px}.logo-wall{grid-template-columns:repeat(2,1fr)}.client-logo{min-height:125px}.client-logo:last-child{grid-column:1/-1}.client-count strong{font-size:50px}
  .team-card{grid-template-columns:1fr}.team-photo{min-height:360px}.team-info{padding:30px 24px}.contact-card{padding:29px 20px;border-radius:25px}.contact-options>a{grid-template-columns:44px 1fr auto;padding:11px}.contact-options strong{font-size:10px}.contact-decoration{font-size:58px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;gap:20px;flex-direction:column}
  .page-hero{padding-top:calc(var(--header) + 63px);padding-bottom:58px}.page-hero h1{font-size:clamp(46px,14vw,66px);letter-spacing:-3px}.page-hero p{font-size:14px}.project-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-btn{white-space:nowrap}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}