:root {
  --navy-950:#061537; --navy-900:#081d46; --navy-800:#0c2c65;
  --blue-700:#075ee7; --blue-600:#0878f7; --blue-500:#0b91ff;
  --ink:#142744; --muted:#697993; --surface:#fff; --page:#f5f8fd;
  --line:#e4ecf6; --shadow:0 14px 40px rgba(22,59,115,.075);
  --radius:22px; --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--page);font-family:'Cairo','Noto Sans Arabic',sans-serif;font-weight:500;line-height:1.8;-webkit-font-smoothing:antialiased}
html[lang="en"] body,html[lang="fr"] body,html[lang="tr"] body{font-family:'Inter',Arial,sans-serif;line-height:1.6}
html[lang="he"] body{font-family:'Heebo',Arial,sans-serif;line-height:1.65}
::selection{background:#bedcff;color:#052657}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #57abff;outline-offset:4px}
img{max-width:100%;display:block}
.icon{width:21px;height:21px;display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
[hidden]{display:none!important}
.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}
.skip-link{position:fixed;z-index:10000;top:12px;inset-inline-start:12px;padding:10px 18px;background:#fff;border-radius:10px;transform:translateY(-150%)}
.skip-link:focus{transform:none}

/* Header */
/* Top navigation stays clean; falling 01010 background appears ONLY in the blue hero. */
.site-header{position:relative;z-index:50;background:linear-gradient(180deg,#ffffff,#f7fbff);border-bottom:1px solid #dae8f9;box-shadow:0 5px 26px rgba(6,35,88,.035)}
/* CSS-only binary rain, identical 16px/sec at every viewport width.
   The mobile motion stays unchanged (36s), while tablets and desktops are
   deliberately slower so the falling digits feel equally calm on larger screens.
   Only one repeated 576px tile moves downward; there is no JavaScript. */
.binary-rain-layer{--binary-fall-duration:36s;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;direction:ltr;isolation:isolate;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent)}
.binary-rain-layer::before{content:"";position:absolute;inset:-576px 0 0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22576%22%20height%3D%22576%22%20viewBox%3D%220%200%20576%20576%22%3E%3Cg%20font-family%3D%22monospace%22%20font-weight%3D%22700%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%3E%3Ctext%20x%3D%2224%22%20y%3D%22513%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2224%22%20y%3D%229%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%2224%22%20y%3D%2281%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2224%22%20y%3D%22225%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%2224%22%20y%3D%22369%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2224%22%20y%3D%22441%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%2224%22%20y%3D%22513%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2224%22%20y%3D%229%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2272%22%20y%3D%22542%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%2272%22%20y%3D%22110%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2272%22%20y%3D%22254%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2272%22%20y%3D%22326%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2272%22%20y%3D%22398%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%2272%22%20y%3D%22470%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2272%22%20y%3D%22542%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%2272%22%20y%3D%2238%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22571%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22139%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22211%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22283%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22355%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22427%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22499%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%2267%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22168%22%20y%3D%22528%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22168%22%20y%3D%2224%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22168%22%20y%3D%2296%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22168%22%20y%3D%22168%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22168%22%20y%3D%22240%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22168%22%20y%3D%22312%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22168%22%20y%3D%22456%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22168%22%20y%3D%2224%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22216%22%20y%3D%22557%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22216%22%20y%3D%2253%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22216%22%20y%3D%22125%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22216%22%20y%3D%22197%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22216%22%20y%3D%22341%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22216%22%20y%3D%22485%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22216%22%20y%3D%22557%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22216%22%20y%3D%2253%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22264%22%20y%3D%22514%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22264%22%20y%3D%2210%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22264%22%20y%3D%22154%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22264%22%20y%3D%22298%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22264%22%20y%3D%22370%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22264%22%20y%3D%22442%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22264%22%20y%3D%22514%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22264%22%20y%3D%2210%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22312%22%20y%3D%2239%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22312%22%20y%3D%22183%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22312%22%20y%3D%22255%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22312%22%20y%3D%22327%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22312%22%20y%3D%22399%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22312%22%20y%3D%22471%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22312%22%20y%3D%22543%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%2268%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%22140%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%22212%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%22284%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%22356%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%22428%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%22572%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22408%22%20y%3D%22529%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22408%22%20y%3D%2225%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22408%22%20y%3D%2297%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22408%22%20y%3D%22169%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22408%22%20y%3D%22241%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22408%22%20y%3D%22385%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22408%22%20y%3D%22529%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22408%22%20y%3D%2225%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22456%22%20y%3D%22558%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22456%22%20y%3D%2254%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22456%22%20y%3D%22126%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22456%22%20y%3D%22270%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22456%22%20y%3D%22414%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22456%22%20y%3D%22486%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22456%22%20y%3D%22558%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.34%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22456%22%20y%3D%2254%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.55%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22504%22%20y%3D%22515%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22504%22%20y%3D%2283%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22504%22%20y%3D%22227%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22504%22%20y%3D%22299%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22504%22%20y%3D%22371%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22504%22%20y%3D%22443%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22504%22%20y%3D%22515%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.46%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22504%22%20y%3D%2211%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.37%22%3E0%3C%2Ftext%3E%3Ctext%20x%3D%22552%22%20y%3D%22544%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22552%22%20y%3D%22112%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22552%22%20y%3D%22184%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22552%22%20y%3D%22256%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22552%22%20y%3D%22328%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22552%22%20y%3D%22400%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.42%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22552%22%20y%3D%22472%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3Ctext%20x%3D%22552%22%20y%3D%2240%22%20fill%3D%22%2360BCFF%22%20fill-opacity%3D%220.51%22%3E1%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:repeat;background-size:576px 576px;background-position:0 0;opacity:.93;will-change:transform;animation:binary-rain-css-only var(--binary-fall-duration, 36s) linear infinite}
@keyframes binary-rain-css-only{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,576px,0)}}
.header-inner,.mobile-nav{position:relative;z-index:1}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;direction:ltr}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;direction:ltr;min-width:0}
.brand img{width:57px;height:57px;object-fit:contain;border-radius:11px;box-shadow:0 2px 9px rgba(8,48,112,.11)}
.brand-words{display:flex;flex-direction:column;justify-content:center;line-height:1.3;gap:3px}
.brand-words strong{white-space:nowrap;font:800 18px/1.35 'Inter',sans-serif;letter-spacing:-.6px;color:#10234a}
.brand-words strong span{color:#0a70ee}
.brand-words strong .brand-last{color:#10234a}
.brand-words small{font-size:11px;color:#6680a4;font-weight:700;direction:rtl;text-align:left;white-space:nowrap}
.desktop-nav{display:flex;gap:7px;align-items:center;justify-content:center;direction:rtl}
.nav-link{position:relative;display:block;padding:12px 17px;color:#52647d;font-size:13px;font-weight:800;transition:color .2s}
.nav-link:hover,.nav-link.is-current{color:#086cef}
.nav-link.is-current::after{content:"";position:absolute;bottom:5px;inset-inline:20px;height:3px;background:#087bff;border-radius:12px}
.header-controls{display:flex;align-items:center;gap:12px;direction:ltr}
.language-selector{position:relative;direction:rtl}
.language-selector summary{border:1px solid #dbe8fb;background:#f4f8ff;border-radius:12px;min-height:44px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:9px;list-style:none;white-space:nowrap;color:#163d76;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .2s,border .2s}
.language-selector summary::-webkit-details-marker{display:none}
.language-selector summary:hover,.language-selector[open] summary{background:#eaf3ff;border-color:#b8d5f6}
.language-selector summary .icon{width:18px;height:18px;color:#116ee2}
.caret{display:block;font:700 18px/1 sans-serif;margin-top:-4px;transition:transform .2s}
.language-selector[open] .caret{transform:rotate(180deg)}
.language-menu{position:absolute;z-index:90;inset-inline-end:0;top:calc(100% + 10px);width:196px;padding:7px;border:1px solid #dce7f6;border-radius:15px;background:#fff;box-shadow:0 18px 48px rgba(10,41,91,.17)}
.language-menu a{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;border-radius:9px;font-size:13px;color:#284466;font-weight:700}
.language-menu a .icon{height:16px;width:16px;color:#0878f7}
.language-menu a:hover,.language-menu a.selected{background:#eff6ff;color:#075ed2}
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;background:#f1f6fe;border:1px solid #dfe9f8;border-radius:12px;padding:10px}
.menu-toggle span{display:block;height:2px;width:22px;background:#12376c;border-radius:3px;transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{background:#fff;border-top:1px solid #e8eef8;padding:12px 24px 22px;box-shadow:0 16px 25px rgba(8,33,70,.08)}
.mobile-nav a{display:block;padding:12px 16px;margin:1px 0;border-radius:10px;font-weight:700;color:#243d63}
.mobile-nav a:hover{color:#086bef;background:#edf6ff}
/* Hero */
.hero-section{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 70% 8%,#0f4589 0%,transparent 42%),radial-gradient(ellipse at 0% 76%,#103877 0%,transparent 44%),linear-gradient(115deg,#071737 3%,#0b2e65 52%,#061a42 100%)}
/* Falling 0/1 characters cover the hero, but sit BEHIND its title, logo and buttons. */

.hero-container{position:relative;z-index:2}

.hero-section::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(#3ca3ff22 1px,transparent 1px),linear-gradient(90deg,#3ca3ff22 1px,transparent 1px);background-size:63px 63px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.hero-section::after{content:"";position:absolute;z-index:-1;left:-140px;top:-180px;width:440px;height:440px;border-radius:50%;background:#188bff;filter:blur(150px);opacity:.13}
.hero-noise{position:absolute;z-index:-1;inset:0;opacity:.26;pointer-events:none;background-image:radial-gradient(circle at 5% 10%,#69bcff 1.4px,transparent 2px),radial-gradient(circle at 57% 30%,#69bcff 1.2px,transparent 2px),radial-gradient(circle at 82% 85%,#69bcff 1px,transparent 2px);background-size:150px 120px,187px 140px,114px 170px}
.hero-grid{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#007dff24,transparent 70%)}
.hero-container{padding-block:69px 62px}
.hero-top{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);gap:34px;align-items:center;min-height:335px}
.hero-copy{position:relative;z-index:2;max-width:690px}
.hero-badge{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid #69a9f652;border-radius:99px;padding:7px 17px;color:#bddbff;font-size:12px;font-weight:700;backdrop-filter:blur(10px)}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#34deca;box-shadow:0 0 0 5px #34deca20}
.hero-eyebrow{margin:19px 0 0;font-size:15px;font-weight:800;color:#83c6ff}
.hero-copy h1{font-size:clamp(37px,4vw,57px);line-height:1.3;letter-spacing:-1px;font-weight:800;max-width:680px;margin:8px 0 18px;text-wrap:balance}
.hero-lead{font-size:15px;color:#c1d9f9;line-height:2.05;max-width:595px;margin:0}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-chips span{display:inline-flex;align-items:center;gap:7px;color:#dcecff;font-weight:700;font-size:11.5px;border:1px solid #8bb8f33d;border-radius:99px;padding:4px 10px;background:#ffffff09}
.hero-chips .icon{color:#43decb;width:15px;height:15px;stroke-width:3}
.hero-art{height:350px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.hero-emblem{position:relative;z-index:3;width:min(92%,322px);height:auto;aspect-ratio:1;object-fit:cover;filter:drop-shadow(0 22px 40px #0004);-webkit-mask-image:radial-gradient(ellipse,#000 34%,#000c 58%,transparent 75%);mask-image:radial-gradient(ellipse,#000 34%,#000c 58%,transparent 75%)}
.art-halo{position:absolute;border:1px solid #5caaf44a;border-radius:50%;width:330px;height:330px;box-shadow:0 0 52px #0b93f618,inset 0 0 38px #168dff11}
.halo-two{width:385px;height:385px;border-style:dashed;opacity:.4}
.orb{position:absolute;border-radius:50%;background:#1595ff;filter:blur(37px);opacity:.22;width:220px;height:220px}
.orb-two{width:170px;height:170px;left:0;top:0;opacity:.13}
.art-point{position:absolute;width:9px;height:9px;border-radius:50%;background:#48aeff;box-shadow:0 0 0 7px #159fff20,0 0 25px #16baff}
.point-one{left:5%;top:35%}.point-two{right:6%;top:55%}.point-three{right:29%;bottom:0}
.hero-action-wrap{position:relative;z-index:5;margin-top:37px;padding-top:25px;border-top:1px solid #a3cfff2c}
.hero-actions-caption{display:flex;align-items:baseline;gap:13px;margin-bottom:17px}
.hero-actions-caption strong{font-size:15px;font-weight:800;color:#fff}
.hero-actions-caption span{font-size:12px;color:#9cc7fa}
.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.action-tile{min-width:0;background:#fff;color:#143869;border:1px solid #d3e8ff;display:flex;align-items:center;gap:13px;border-radius:15px;padding:17px;box-shadow:0 15px 29px #01132e25;transition:transform .25s,box-shadow .25s,border-color .25s}
.action-tile:hover{transform:translateY(-5px);box-shadow:0 22px 38px #00102445;border-color:#75b8fb}
.tile-icon{width:55px;height:55px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;color:white;background:linear-gradient(145deg,#0ba5ff,#075ce1);box-shadow:inset 0 1px #fff5,0 6px 18px #0869df25}
.tile-icon .icon{width:27px;height:27px;stroke-width:2}
.tile-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.6}
.tile-text strong{color:#0d3166;font-size:16px;font-weight:800;white-space:nowrap}
.tile-text small{color:#627b9f;font-size:11px;white-space:nowrap}
.tile-text code{direction:ltr;unicode-bidi:isolate;color:#9aabc0;font:600 10px/1.8 'Inter',monospace;white-space:nowrap;letter-spacing:-.25px}
.action-arrow{margin-inline-start:auto;color:#1880f9;width:17px;height:17px}
html[dir="rtl"] .action-arrow,html[dir="rtl"] .contact-arrow,html[dir="rtl"] .project-visit .icon{transform:scaleX(-1)}

/* Sections */
.section{padding-block:84px}
.section-heading{text-align:center;max-width:710px;margin:0 auto 34px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#0b76eb;font-size:12px;font-weight:800;letter-spacing:.05px}
.eyebrow-line{height:2px;width:21px;background:#0b83fa;border-radius:4px}
h2{margin:7px 0 11px;font-size:clamp(27px,2.6vw,37px);font-weight:800;letter-spacing:-.6px;color:#12274c;line-height:1.5}
.section-heading p,.panel-lead,.about-text>p{color:#667997;font-size:14px;line-height:2;margin:0}
.projects-section{background:linear-gradient(180deg,#f6f9fe,#fff 80%)}
.projects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.project-card{overflow:hidden;border-radius:17px;background:#fff;border:1px solid #e5ecf6;box-shadow:0 9px 30px rgba(15,59,110,.055);display:flex;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s}
.project-card:hover{transform:translateY(-8px);box-shadow:0 18px 38px rgba(15,59,110,.13);border-color:#b2d4fd}
.project-image{position:relative;overflow:hidden;aspect-ratio:1.54;background:#e6effc}
.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.project-card:hover .project-image img{transform:scale(1.055)}
.project-out-icon{position:absolute;inset-inline-end:11px;bottom:11px;display:grid;place-items:center;color:#0e69df;background:#fff;box-shadow:0 4px 15px #1d39642a;width:32px;height:32px;border-radius:9px}
.project-out-icon .icon{width:18px;height:18px;transform:rotate(-45deg)}
.project-body{padding:17px 16px 17px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.project-domain{font:800 14px/1.5 'Inter',Arial,sans-serif;letter-spacing:-.5px;color:#0a4dba;max-width:100%;overflow-wrap:anywhere;text-align:start}
.project-body p{font-size:11.5px;line-height:1.65;color:#71819b;margin:6px 0 13px}
.project-visit{margin-top:auto;display:inline-flex;gap:8px;align-items:center;color:#006eef;font-size:11.5px;font-weight:800}
.project-visit .icon{width:14px;height:14px}

/* About */
.about-section{background:#fff;overflow:hidden;padding-block:76px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}
.about-text>p{max-width:610px;font-size:15px}
.about-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}
.about-chips span{font-size:12px;font-weight:800;padding:8px 13px;background:#edf6ff;color:#186fd1;border:1px solid #dbeafd;border-radius:100px}
.about-illustration{position:relative;height:296px;background:radial-gradient(ellipse at 50% 50%,#cbe6ff 0%,#e6f3ff 55%,transparent 72%);display:grid;place-items:center}
.about-card{position:absolute;border-radius:19px;background:#fff;border:1px solid #bad8fa;box-shadow:0 18px 38px #1165aa22}
.about-card-back{width:320px;height:194px;transform:rotate(-8deg) translate(-20px,-5px);padding:21px;direction:ltr;overflow:hidden}
.screen-dot{display:inline-block;background:#a4bddb;width:9px;height:9px;border-radius:50%;margin-right:7px}
.screen-dot:first-child{background:#ff9c94}.screen-dot:nth-child(2){background:#f8d585}.screen-dot:nth-child(3){background:#9cddc6}
.about-line{height:12px;background:linear-gradient(90deg,#d9eaff,#eff6ff);border-radius:3px;margin-top:14px}
.about-line.top{width:74%;margin-top:24px}.about-line.short{width:45%}.about-line.long{width:92%}.about-line.medium{width:68%}
.about-card-front{width:235px;height:148px;transform:rotate(8deg) translate(72px,35px);display:flex;align-items:center;justify-content:center;gap:18px;padding:18px}
.about-shield{width:63px;height:63px;border-radius:19px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1dbbff,#0866ea);box-shadow:0 10px 19px #0b83e53d}
.about-shield .icon{width:31px;height:31px}
.about-ui-lines{flex:1;display:grid;gap:9px}.about-ui-lines i{background:#d5e7fc;width:100%;height:12px;border-radius:5px}.about-ui-lines i:nth-child(2){width:80%}.about-ui-lines i:nth-child(3){width:65%;background:#aad5fb}
.about-spark{position:absolute;color:#1687fc;font-size:31px}.spark-one{top:16px;right:12%}.spark-two{bottom:8px;left:9%}

/* Contact and languages */
.contact-section{background:#f2f6fc;padding-block:84px 97px}
.bottom-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:23px;align-items:stretch}
.panel-card{position:relative;overflow:hidden;border-radius:22px;padding:31px;background:#fff;border:1px solid #e2eaf5;box-shadow:var(--shadow)}
.panel-card h2{font-size:27px;margin-bottom:9px}
.panel-lead{font-size:12.5px;line-height:1.95}
.contact-list{display:grid;grid-template-columns:1fr;gap:9px;margin-top:26px}
.contact-item{display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid #e8eef7;border-radius:12px;background:#fbfdff;min-height:72px;transition:background .2s,border-color .2s}
a.contact-item:hover{background:#eff7ff;border-color:#c7e1ff}
.contact-icon{width:44px;height:44px;border-radius:12px;background:#e8f2ff;color:#086ded;display:grid;place-items:center;flex-shrink:0}
.contact-icon .icon{width:22px;height:22px}
.contact-icon.whatsapp-icon{background:#e4faf1;color:#09a369}
.contact-icon.location-icon{background:#e9f1ff;color:#326de0}
.contact-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.6}
.contact-copy small{color:#8492a8;font-size:11px;font-weight:600}
.contact-copy strong{color:#173862;font-size:13px;font-weight:800;overflow-wrap:anywhere;text-align:start}
.contact-arrow{width:18px;height:18px;color:#2380f3;margin-inline-start:auto}
.contact-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}
.btn{min-height:44px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn .icon{width:18px;height:18px}
.btn-primary{background:linear-gradient(115deg,#0b8cff,#0665dc);color:#fff;box-shadow:0 9px 20px #0674eb28}.btn-primary:hover{background:#005bd5}
.btn-light{color:#1265d2;background:#edf5ff;border:1px solid #d6e8ff}.btn-light:hover{background:#e2f0ff}
.language-panel{background:linear-gradient(165deg,#fff 0%,#fff 50%,#f0f7ff 100%)}
.language-panel-symbol{position:absolute;top:29px;inset-inline-end:29px;width:47px;height:47px;display:grid;place-items:center;color:#0981f5;background:#eaf4ff;border:1px solid #d8e9ff;border-radius:13px}
.language-panel-symbol .icon{width:25px;height:25px}
.language-panel .panel-lead{max-width:470px}
.language-cards{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.language-card{min-width:0;min-height:87px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid #e2ebf6;border-radius:12px;background:#fff;transition:background .2s,transform .2s,border-color .2s}
.language-card:hover{background:#f0f7ff;border-color:#acd3fc;transform:translateY(-2px)}
.language-card.active{border-color:#89bdff;background:#eaf4ff}
.language-code{color:#0871e6;font:800 10px/1.3 'Inter',sans-serif;letter-spacing:1.3px}
.language-card strong{font-size:13px;color:#183960;line-height:1.5}
.language-card small{color:#91a0b4;font:600 10px/1.5 'Inter',monospace}

/* Footer */
.site-footer{background:linear-gradient(110deg,#071734,#0a2653);color:#cbd8eb}
.footer-main{padding-block:32px 24px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.footer-brand{display:flex;gap:13px;align-items:center;direction:ltr}
.footer-brand img{border-radius:10px;width:52px;height:52px}
.footer-brand>div{display:flex;flex-direction:column;align-items:flex-start;line-height:1.6}
.footer-brand strong{font:800 15px/1.5 'Inter',sans-serif;color:#fff}
.footer-brand p{font-size:11px;margin:3px 0;color:#92a9c9;direction:rtl;text-align:left}
.footer-links{display:flex;gap:24px;flex-wrap:wrap}
.footer-links a{font-size:12px;font-weight:700;color:#c9d8ec;transition:color .2s}.footer-links a:hover{color:#65bdff}
.footer-bottom{border-top:1px solid #ffffff17;display:flex;gap:15px;justify-content:space-between;align-items:center;padding-block:17px 22px;font-size:10.5px;color:#8da5c9}

/* Adapt to long Latin phrases */
html[dir="ltr"] .hero-copy h1{line-height:1.17;letter-spacing:-1.8px}
html[dir="ltr"] .hero-lead{line-height:1.8}
html[dir="ltr"] .tile-text strong{font-size:14px}
html[dir="ltr"] .tile-text small{font-size:11px}
html[dir="ltr"] .brand-words small{direction:ltr}
html[dir="ltr"] .hero-badge,html[dir="ltr"] .eyebrow{letter-spacing:.15px}
html[dir="ltr"] .footer-brand p{direction:ltr}

@media(max-width:1190px){
  .container{width:min(var(--container),calc(100% - 48px))}
  .header-inner{gap:14px}.nav-link{padding-inline:11px}
  .hero-top{gap:10px}.hero-copy h1{font-size:43px}
  .action-tile{gap:10px;padding:13px}.tile-icon{width:49px;height:49px}.tile-text strong{font-size:14px}.tile-text small{font-size:10px}
  .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:880px){
  .desktop-nav{display:none}.menu-toggle{display:flex}
  .header-inner{height:76px}.brand img{height:51px;width:51px}
  .hero-container{padding-block:48px 48px}.hero-top{grid-template-columns:minmax(0,1fr) minmax(230px,.75fr);gap:0;min-height:290px}
  .hero-copy h1{font-size:37px}.hero-lead{font-size:13px}
  .hero-art{height:295px}.art-halo{width:245px;height:245px}.halo-two{width:293px;height:293px}.hero-emblem{width:255px}
  .hero-actions{gap:10px}.action-tile{padding:13px 11px}.tile-icon{width:43px;height:43px;border-radius:11px}.tile-icon .icon{width:23px;height:23px}.tile-text small{display:none}.tile-text code{font-size:9px}
  .about-layout{gap:25px}
  .bottom-grid{grid-template-columns:1fr 1fr;gap:14px}.panel-card{padding:24px}
  .language-card{padding:10px}
}
@media(max-width:690px){
  .container{width:calc(100% - 32px)}
  .header-inner{height:71px}.brand{gap:8px}.brand img{width:43px;height:43px}.brand-words strong{font-size:12.5px}.brand-words small{font-size:9px}
  .language-selector summary{min-height:41px;padding:7px 9px;font-size:11px;gap:5px}
  .header-controls{gap:7px}.menu-toggle{width:41px;height:41px}
  .hero-container{padding-block:32px 36px}
  .hero-top{display:flex;flex-direction:column-reverse;gap:3px;align-items:stretch}
  .hero-art{height:205px;margin-top:-12px}.hero-emblem{width:212px}.art-halo{width:195px;height:195px}.halo-two{width:226px;height:226px}.art-point{width:6px;height:6px}
  .hero-copy{text-align:center;max-width:570px;margin:auto}
  .hero-badge{font-size:10px;padding:4px 12px}.hero-eyebrow{margin-top:14px;font-size:12px}
  .hero-copy h1{font-size:clamp(31px,7.7vw,43px);line-height:1.45;letter-spacing:-.6px;margin:5px 0 10px}
  .hero-lead{font-size:12px;line-height:1.95}
  .hero-chips{margin-top:15px;justify-content:center;gap:6px}.hero-chips span{font-size:9.5px;padding:2px 8px;gap:4px}.hero-chips .icon{width:13px;height:13px}
  .hero-action-wrap{margin-top:27px;padding-top:20px}.hero-actions-caption{flex-direction:column;align-items:center;gap:0;margin-bottom:12px;text-align:center}.hero-actions-caption strong{font-size:14px}.hero-actions-caption span{font-size:10px}
  .hero-actions{grid-template-columns:1fr;gap:9px;max-width:470px;margin-inline:auto}
  .action-tile{padding:10px 12px;gap:12px;border-radius:13px;min-height:71px}.tile-icon{width:49px;height:49px}.tile-icon .icon{width:24px;height:24px}.tile-text strong{font-size:14px}.tile-text small{display:block;font-size:10px}.tile-text code{font-size:9px}.action-arrow{width:18px;height:18px}
  .section{padding-block:53px}.section-heading{margin-bottom:24px}.section-heading h2,h2{font-size:26px}.section-heading p{font-size:12px}
  .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .projects-grid .project-card:last-child:nth-child(odd){grid-column:1 / -1;width:calc(50% - 6px);justify-self:center}.project-body{padding:12px 12px 14px}.project-domain{font-size:12px}.project-body p{font-size:10px;margin:4px 0 11px}.project-visit{font-size:10px}.project-out-icon{width:26px;height:26px;border-radius:7px}.project-out-icon .icon{width:15px;height:15px}
  .about-section{padding-block:50px}.about-layout{grid-template-columns:1fr;gap:4px}.about-text{text-align:start}.about-text>p{font-size:12.5px}.about-chips{gap:7px;margin-top:18px}.about-chips span{font-size:10.5px}.about-illustration{height:250px}.about-card-back{width:280px;height:165px}.about-card-front{width:195px;height:125px}.about-shield{width:52px;height:52px}
  .contact-section{padding-block:55px 65px}.bottom-grid{grid-template-columns:1fr;gap:14px}.panel-card{padding:24px}.panel-card h2{font-size:25px}.language-panel-symbol{top:24px;inset-inline-end:22px}
  .footer-main{padding-block:28px 20px;align-items:flex-start;flex-direction:column;gap:20px}.footer-links{gap:10px 20px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:3px}
}
@media(max-width:380px){
  .container{width:calc(100% - 24px)}
  .brand-words strong{font-size:13px}.brand-words .brand-last{display:none}.brand-words small{font-size:8px}
  .header-inner{gap:6px}.brand img{width:38px;height:38px}
  .language-selector summary{font-size:10px;padding:7px}.language-selector summary .icon{width:15px;height:15px}
  .menu-toggle{width:37px;height:40px}.menu-toggle span{width:19px}
  .hero-copy h1{font-size:30px}
  .projects-grid{gap:8px}.project-domain{font-size:11px}.project-body{padding:10px}
  .contact-item{gap:9px}.contact-copy strong{font-size:11.5px}
  .language-cards{gap:7px}.language-card{padding:9px}
}

/* One seamless 576px cycle / 36 seconds = exactly 16 CSS px/second.
   NO breakpoint-based animation duration. This matters on desktop zoom and tablets. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
  /* Explicitly requested slow binary rain must never be accelerated to .01ms. */
  .binary-rain-layer::before{animation-duration:36s!important}
}