@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-arabic-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-arabic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-arabic-500-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-arabic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-arabic-600-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-arabic-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-arabic-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-arabic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--blue:#0958ff;--blue-dark:#0644d0;--lime:#b7f568;--ink:#101526;--ivory:#f7f8f2;--slate:#616b7a;--line:#dfe2da;--font-en:'Manrope',Arial,sans-serif;--font-ar:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--font-en);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:wait}img{display:block;max-width:100%;height:auto}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none}p,h1,h2,h3{margin:0}p{line-height:1.85}button,summary{touch-action:manipulation}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.site{overflow-x:clip}.locale-ar{font-family:var(--font-ar)}[lang=en],.country-code,.item-number,.placeholder-index,.step-english{font-family:var(--font-en)}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.text-blue{color:var(--blue)}.text-lime{color:var(--lime)}.section{padding-block:112px}section[id]{scroll-margin-top:96px}.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-160%);z-index:300;background:var(--ink);color:white;padding:14px 24px;border-radius:6px}.skip-link:focus{transform:translateY(0)}.tiny-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:100%;background:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:13px 25px;border-radius:7px;font-weight:600;font-size:14px;line-height:1.5;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.locale-ar .button{font-size:16px}.button-primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.button-primary:hover{background:var(--blue-dark);box-shadow:0 6px 18px #245cff1a;transform:translateY(-2px)}.button-primary:disabled{opacity:.7;transform:none;box-shadow:none}.button-text{padding-inline:0;gap:12px}.button-text:hover{color:var(--blue)}.small-arrow{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #cfd4c9;border-radius:50%}.button-outline{border:1px solid var(--line);background:transparent}.button-outline:hover{background:#eef0e9}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;padding:8px;transition:background .2s,transform .2s}.icon-button:hover{background:#e9ece3}.section-label{display:block;font-size:12px;line-height:1.8;font-weight:500;letter-spacing:.04em;margin-block-end:22px;color:var(--slate)}.locale-ar .section-label{font-size:14px;letter-spacing:0}h2{font-size:clamp(32px,3.7vw,48px);font-weight:600;line-height:1.27;letter-spacing:-1.9px}.locale-ar h2{line-height:1.5;letter-spacing:-.7px;font-size:clamp(34px,3.4vw,47px)}.heading-secondary{color:#7b827e}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-block-end:56px}.heading-aside{max-width:342px;font-size:14px;color:var(--slate);line-height:1.85}.locale-ar .heading-aside{font-size:16px}.heading-aside .availability-note{display:flex;align-items:center;gap:9px;margin-block-start:17px;font-size:12px;color:#687162}.heading-aside .availability-note .tiny-dot{background:#6b864e}.locale-ar .heading-aside .availability-note{font-size:13px}
/* Header */
.site-header{position:sticky;inset-block-start:0;z-index:50;background:#f6f7f1f2;border-bottom:1px solid #dfe2daaa;backdrop-filter:blur(14px)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand-logo{display:block;width:174px;flex-shrink:0;direction:ltr}.brand-logo img{width:100%;height:auto}.desktop-nav{display:flex;gap:34px;align-items:center;margin-inline-start:38px}.desktop-nav a{font-size:13px;font-weight:600;position:relative;padding-block:16px}.locale-ar .desktop-nav a{font-size:16px;font-weight:500}.desktop-nav a:after{content:'';position:absolute;inset-inline-start:0;inset-block-end:8px;height:2px;width:0;background:var(--blue);transition:width .2s}.desktop-nav a:hover:after{width:100%}.header-actions{display:flex;gap:27px;align-items:center}.language-switch{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;line-height:1.4;min-height:44px}.language-switch:hover{color:var(--blue)}.header-quote{min-height:44px;font-size:12px;padding:10px 17px;gap:20px}.locale-ar .header-quote{font-size:14px}.menu-toggle{display:none}.mobile-menu{position:absolute;inset-block-start:calc(100% + 8px);inset-inline:16px;background:var(--ivory);padding:12px 22px 16px;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 40px #10152616}.mobile-menu a{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line)}.mobile-menu a:last-child{border:0;color:var(--blue)}
/* Hero */
.hero{padding-block-start:70px}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center;min-height:485px;padding-block-end:70px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-block-end:23px}.locale-ar .eyebrow{font-size:14px;letter-spacing:0}.status-dot{width:7px;height:7px;background:#77a746;border-radius:50%;box-shadow:0 0 0 4px #b7f56832}.hero h1{font-size:clamp(42px,4.7vw,67px);font-weight:600;line-height:1.13;letter-spacing:-3.1px}.hero h1>span{display:block}.locale-ar .hero h1{font-size:clamp(43px,4.4vw,64px);line-height:1.46;letter-spacing:-1.3px;font-weight:600}.hero h1 .hero-extra{font-size:clamp(19px,2vw,28px);font-weight:500;line-height:1.35;letter-spacing:-.9px;margin-block-start:18px;color:var(--ink)}.hero-description{font-size:15px;line-height:1.9;color:var(--slate);max-width:480px;margin-block-start:22px}.locale-ar .hero-description{font-size:18px;max-width:496px}.hero-actions{display:flex;align-items:center;gap:27px;margin-block-start:31px;flex-wrap:wrap}.hero-note{display:flex;gap:10px;align-items:center;font-size:11px;color:#737b76;margin-block-start:27px}.locale-ar .hero-note{font-size:13px}.mini-line{width:21px;height:1px;background:#94a18b}.hero-visual{position:relative;width:100%;min-width:0;padding:47px 0 48px 0;direction:ltr}.visual-orbit{position:absolute;width:84%;height:90%;border:1px solid #ccd4c566;border-radius:50%;top:0;left:4%;transform:rotate(-20deg)}.visual-orbit:after{content:'';position:absolute;width:11px;height:11px;background:var(--lime);border-radius:50%;left:7%;top:19%}.hero-browser{position:relative;z-index:1;border:1px solid #d8ddd3;border-radius:12px;background:white;width:95%;overflow:hidden;box-shadow:0 32px 55px -30px #10152634;transform:rotate(-3deg);margin-inline:auto}.browser-toolbar{height:35px;display:flex;align-items:center;justify-content:space-between;padding-inline:13px;border-bottom:1px solid #e8ebe5;background:#fff;color:#93998e;font-size:8px}.browser-toolbar>span:nth-child(2){background:#f4f6f0;border:1px solid #edf0e8;border-radius:4px;min-width:42%;text-align:center;padding:3px 8px;font-family:var(--font-ar)}.browser-dots{display:inline-flex;gap:4px;align-items:center}.browser-dots i{width:4px;height:4px;border-radius:50%;background:#c8cec3}.browser-dots i:first-child{background:#b7c0ab}.demo-page{padding:23px 24px 21px;background:#fff;direction:ltr}.demo-nav{display:flex;justify-content:space-between;align-items:center}.demo-symbol{display:flex;gap:0;transform:rotate(-35deg);padding:2px}.demo-symbol i{height:11px;width:17px;border:3px solid var(--ink);border-radius:10px;display:block}.demo-symbol i:last-child{margin-left:-5px;border-color:var(--blue)}.demo-nav>div{display:flex;gap:14px;align-items:center}.demo-nav>div i{width:22px;height:3px;background:#c9cfc2}.demo-nav>div b{width:38px;height:11px;border-radius:3px;background:var(--ink)}.demo-content{display:grid;grid-template-columns:1fr 1.05fr;gap:12px;padding-block:39px 32px;align-items:center}.locale-ar .demo-content{direction:rtl}.demo-copy{position:relative;z-index:1;min-width:0}.demo-kicker{display:block;color:#788070;font-size:7px;font-family:var(--font-ar);margin-block-end:13px}.demo-title{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-1px}.locale-ar .demo-title{font-family:var(--font-ar);font-size:27px;letter-spacing:-.5px;line-height:1.5}.demo-button{display:flex;background:var(--blue);color:white;align-items:center;justify-content:space-between;width:76px;height:22px;padding:4px 9px;border-radius:3px;margin-block-start:20px}.demo-button i{width:28px;height:3px;background:white;opacity:.9}.demo-button svg{width:10px;height:10px}.connection-art{position:relative;aspect-ratio:1;background:#f1f3eb;border-radius:7px;overflow:hidden;direction:ltr}.connection-loop{display:block;position:absolute;width:61%;height:38%;border:23px solid var(--blue);border-radius:90px;transform:rotate(-42deg);box-shadow:2px 6px 8px #1c42b426}.loop-one{left:4%;top:27%;z-index:1}.loop-two{left:36%;top:39%;border-color:var(--lime);z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.connection-cross{position:absolute;left:14%;top:8%;font-family:var(--font-en);font-size:25px;font-weight:400;color:#9eaaa0}.art-dot{position:absolute;width:7px;height:7px;bottom:15%;right:16%;background:var(--ink);border-radius:50%}.demo-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #e5e9df;padding-block-start:20px}.demo-bottom>div{display:flex;flex-direction:column;gap:7px}.demo-bottom i{background:#e4e9de;height:4px;border-radius:5px;width:75%}.demo-bottom i:last-child{width:98%;height:3px;background:#f0f2ec}.hero-phone{position:absolute;z-index:2;left:-10px;bottom:7px;transform:rotate(6deg);width:103px;height:204px;border:4px solid var(--ink);border-radius:20px;background:#fafbf7;box-shadow:8px 15px 24px #10152620;overflow:hidden;padding:15px 7px 9px}.phone-notch{position:absolute;top:3px;left:30px;width:34px;height:8px;border-radius:10px;background:var(--ink)}.phone-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.phone-brand img{width:17px;height:17px}.phone-brand i{width:9px;border-block:1px solid var(--ink);height:4px}.phone-art{height:88px;background:#e8eee1;border-radius:4px;position:relative;overflow:hidden}.phone-art span{width:53px;height:30px;border:12px solid var(--blue);border-radius:30px;position:absolute;top:22px;left:2px;transform:rotate(-45deg)}.phone-art span:last-child{border-color:var(--lime);top:35px;left:26px}.phone-lines{display:flex;flex-direction:column;gap:5px;margin-block-start:13px}.phone-lines i{background:#cbd5c2;height:3px;width:84%;border-radius:3px}.phone-lines i:last-child{width:60%;background:#e0e5d9}.phone-button{background:var(--blue);height:12px;width:56%;margin-top:10px;border-radius:3px}.screen-note{position:absolute;z-index:3;right:-12px;bottom:39px;display:flex;gap:7px;align-items:center;background:#fff;border:1px solid #e3e8db;box-shadow:0 8px 24px #1015260a;border-radius:6px;padding:9px 11px;font-size:10px;transform:rotate(-2deg);direction:rtl;font-family:var(--font-ar)}.locale-en .screen-note{direction:ltr;font-family:var(--font-en);font-size:8px}.check-disc{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--lime);color:var(--ink)}.visual-caption{position:absolute;inset-block-end:-14px;inset-inline:40px;font-family:var(--font-ar);font-size:9px;color:#81897a;text-align:center;direction:rtl}.locale-en .visual-caption{font-family:var(--font-en);direction:ltr;font-size:8px}.hero-project-shot{aspect-ratio:16/10;width:100%;object-fit:cover;object-position:top}.market-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;border-block:1px solid var(--line);padding-block:24px}.markets-caption{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--slate);white-space:nowrap}.locale-ar .markets-caption{font-size:13px}.markets{display:flex;align-items:center;gap:32px}.markets>span{display:flex;gap:9px;align-items:center;font-size:12px}.locale-ar .markets>span{font-size:14px}.country-code{font-size:9px!important;color:#6e7866;background:#e9ede3;padding:3px 5px;border-radius:3px;letter-spacing:.04em}.market-end{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.13em;color:#788171}.market-end .tiny-dot{background:#8eaf68;width:4px;height:4px;flex-basis:4px}
/* Work */
.work-section{padding-block-start:100px}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:54px 32px;align-items:start}.project-card{grid-column:span 6;min-width:0}.project-card.featured{grid-column:span 7}.project-card:nth-child(2){grid-column:span 5;margin-block-start:91px}.project-preview{display:block;position:relative;overflow:hidden;width:100%;padding:0;border-radius:9px;text-align:inherit;isolation:isolate;aspect-ratio:16/10}.project-preview>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.project-preview:hover>img{transform:scale(1.025)}.project-preview:focus-visible{outline-offset:5px}.preview-open{position:absolute;inset-block-end:16px;inset-inline-end:16px;background:#fff;color:var(--ink);display:flex;gap:8px;align-items:center;min-height:36px;padding:8px 11px;border-radius:5px;box-shadow:0 2px 10px #1015260a;font-size:11px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.locale-ar .preview-open{font-size:12px}.project-preview:hover .preview-open,.project-preview:focus-visible .preview-open{opacity:1;transform:translateY(0)}.project-placeholder{position:relative;width:100%;height:100%;min-height:130px;display:flex;align-items:center;justify-content:center;background:#e6ebf6;overflow:hidden;direction:ltr}.tone-blue{--placeholder:#cbd9fa;background:#e5ebfa}.tone-sage{--placeholder:#c7d3ba;background:#e4eadd}.tone-sand{--placeholder:#d6cab5;background:#ede7dc}.tone-lavender{--placeholder:#d0c7df;background:#e9e5f1}.tone-ice{--placeholder:#c1d5d8;background:#e1ecec}.tone-ink{--placeholder:#4a5263;background:#20283a}.placeholder-window{width:77%;height:73%;border:1px solid #ffffffd9;border-radius:7px;overflow:hidden;background:#ffffffab;box-shadow:0 17px 25px -18px #10152630;transform:translateY(-4px);transition:transform .4s}.project-preview:hover .placeholder-window{transform:translateY(-9px)}.placeholder-toolbar{height:11%;min-height:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6ddda60;padding-inline:10px;background:#ffffff60}.placeholder-toolbar>span:nth-child(2){width:30%;height:4px;background:#cfd8ce70;border-radius:3px}.placeholder-toolbar>i{width:7px;height:4px;background:#cfd8ce70}.placeholder-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:14%;padding:11% 9% 8%;height:66%;align-items:center}.placeholder-lines{display:flex;flex-direction:column;gap:9px}.placeholder-lines i{background:var(--placeholder);width:95%;height:8px;border-radius:2px;opacity:.8}.placeholder-lines i:nth-child(2){width:75%}.placeholder-lines i:nth-child(3){width:85%;height:3px;margin-top:4px;opacity:.5}.placeholder-lines b{display:block;background:var(--placeholder);width:40%;height:13px;margin-top:5px;border-radius:3px}.placeholder-shape{aspect-ratio:1;background:var(--placeholder);border-radius:6px;opacity:.6;display:flex;align-items:center;justify-content:center}.placeholder-shape span{display:block;width:58%;height:58%;border:1px solid #ffffffa8;border-radius:50%}.placeholder-tiles{height:14%;margin:0 9%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.placeholder-tiles i{background:var(--placeholder);opacity:.25;border-radius:3px}.placeholder-label{position:absolute;bottom:6%;inset-inline:0;display:flex;justify-content:center;gap:7px;align-items:center;color:#6b7567;font-size:10px;direction:rtl;font-family:var(--font-ar)}.locale-en .placeholder-label{font-family:var(--font-en);direction:ltr;font-size:9px}.placeholder-label .tiny-dot{background:#9aa78e;flex-basis:4px;width:4px;height:4px}.tone-ink .placeholder-label{color:#b6bfd1}.tone-ink .placeholder-window{background:#ffffff13;border-color:#ffffff1a}.tone-ink .placeholder-toolbar{background:#ffffff05;border-color:#ffffff0c}.placeholder-index{position:absolute;inset-inline-end:12px;bottom:0;font-size:120px;line-height:1;font-weight:600;letter-spacing:-7px;color:#ffffff66}.tone-ink .placeholder-index{color:#ffffff08}.project-info{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-block-start:19px}.project-info h3{font-size:18px;font-weight:600;letter-spacing:-.4px}.locale-ar .project-info h3{font-size:21px;font-weight:500}.project-info p{font-size:12px;margin-block-start:5px;color:var(--slate)}.locale-ar .project-info p{font-size:14px}.project-arrow{border:1px solid #dce0d5;min-width:38px;min-height:38px;width:38px;height:38px}.project-arrow:hover{background:var(--lime);border-color:var(--lime);transform:rotate(-4deg)}.project-meta{display:flex;flex-wrap:wrap;gap:9px;margin-block-start:12px;font-size:11px;color:var(--slate)}.project-meta span{padding:3px 8px;border:1px solid var(--line);border-radius:4px}
/* Services */
.services-section{background:#fff;border-block:1px solid var(--line)}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block-start:1px solid var(--line)}.service-card{padding:34px 26px 0;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.service-card:first-child{padding-inline-start:0}.service-card:last-child{border:0;padding-inline-end:0}.service-top{display:flex;justify-content:space-between;align-items:start;margin-block-end:31px}.service-icon{width:50px;height:50px;border-radius:9px;background:#f0f3e9;display:flex;justify-content:center;align-items:center;color:var(--ink)}.service-card:nth-child(2) .service-icon{background:#e6edff;color:var(--blue)}.service-card:nth-child(3) .service-icon{background:#e9eef2}.service-card:nth-child(4) .service-icon{background:#e8f5d7}.item-number{font-size:10px;color:#87917d;padding-top:5px}.service-card h3{font-size:18px;font-weight:600;letter-spacing:-.6px;line-height:1.5;margin-block-end:12px;min-height:54px}.locale-ar .service-card h3{font-size:22px;font-weight:500;letter-spacing:-.2px;line-height:1.6;min-height:70px}.service-card>p{font-size:12px;color:var(--slate);line-height:1.9;margin-block-end:20px;flex:1}.locale-ar .service-card>p{font-size:15px}.service-fit{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#66715c;line-height:1.7;margin-block-end:25px}.service-fit .tiny-dot{margin-top:6px;background:#92aa75;width:4px;height:4px;flex-basis:4px}.locale-ar .service-fit{font-size:12px}.service-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;color:var(--blue);font-size:11px;border-block-start:1px solid var(--line);padding-block:17px 0}.locale-ar .service-link{font-size:14px}.service-link:hover svg{transform:translateY(-3px)}.service-link svg{transition:transform .2s}
/* Approach */
.approach-section{background:var(--ink);color:#fff}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.approach-section .section-label{color:#a3ad9e}.approach-intro>p:not(.section-label){color:#aeb7c4;font-size:14px;margin-block-start:24px;max-width:355px}.locale-ar .approach-intro>p:not(.section-label){font-size:17px}.approach-list article{display:flex;gap:27px;padding-block:28px;border-block-end:1px solid #ffffff22}.approach-list article:first-child{padding-block-start:0}.approach-list article:last-child{border:0;padding-block-end:0}.approach-number{font-family:var(--font-en);color:var(--lime);font-size:11px;margin-top:7px}.approach-list h3{font-size:19px;font-weight:500;margin-block-end:9px;letter-spacing:-.4px}.locale-ar .approach-list h3{font-size:24px}.approach-list p{color:#aeb7c4;font-size:13px;line-height:1.95;max-width:440px}.locale-ar .approach-list p{font-size:16px}.approach-art{direction:ltr;position:relative;height:115px;width:225px;margin-block-start:40px}.approach-art>span{position:absolute;width:135px;height:70px;border:1px solid #b7f56880;border-radius:80px;transform:rotate(-33deg);top:10px;left:3px}.approach-art>span:nth-child(2){left:76px;top:34px;border-color:#b7f568b5}.approach-art>i{font-style:normal;position:absolute;left:193px;top:0;color:#b7f568;font-size:26px;font-weight:300}.approach-signature{font-size:8px;letter-spacing:.2em;color:#9da99c;display:block;margin-block-start:14px}
/* Process and FAQ */
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:31px;margin-block-start:65px}.step-rail{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cfd6c7;padding-block-start:19px;margin-block-end:31px;position:relative}.step-rail:before{content:'';width:28px;height:2px;background:var(--blue);position:absolute;top:-1px;inset-inline-start:0}.step-rail>span{font-size:34px;font-weight:500;letter-spacing:-1.5px;color:var(--blue)}.step-rail>svg{color:#a5ad9c;width:17px}.step-english{font-size:9px;letter-spacing:.08em;color:#8a9381;text-transform:uppercase;display:block;margin-block-end:6px}.process-step h3{font-size:20px;font-weight:600;margin-block-end:12px;letter-spacing:-.4px}.locale-ar .process-step h3{font-size:23px;font-weight:500}.process-step p{color:var(--slate);font-size:12px;line-height:1.95}.locale-ar .process-step p{font-size:15px}.process-note{font-size:12px;max-width:260px}.faq-section{background:#eef1e8;border-block:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.85fr 1.25fr;gap:100px}.faq-grid h2{font-size:36px;line-height:1.5}.locale-ar .faq-grid h2{font-size:39px}.faq-intro{font-size:13px;color:var(--slate);margin-block-start:18px;max-width:280px}.locale-ar .faq-intro{font-size:16px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;font-weight:600;color:var(--blue);margin-block-start:27px;min-height:40px}.locale-ar .text-link{font-size:16px}.text-link:hover{color:var(--ink)}.faq-list details{border-block-end:1px solid #d2d9c9}.faq-list details:first-child{border-block-start:1px solid #d2d9c9}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:500;line-height:1.65;cursor:pointer;padding-block:24px}.locale-ar .faq-list summary{font-size:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{flex-shrink:0;transition:transform .25s;color:var(--blue)}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--blue);padding-block-end:15px}.faq-list details>p{font-size:12px;line-height:1.95;color:var(--slate);padding-block-end:25px;padding-inline-end:40px}.locale-ar .faq-list details>p{font-size:15px}
/* Enquiry */
.contact-section{background:var(--blue);color:#fff;position:relative}.contact-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:95px;align-items:start}.contact-intro{padding-block-start:18px}.contact-section .section-label{color:#d6e0ff}.contact-intro h2{font-size:clamp(39px,4vw,58px);line-height:1.2;letter-spacing:-2px;max-width:420px}.locale-ar .contact-intro h2{font-size:54px;line-height:1.5;letter-spacing:-.8px}.contact-description{font-size:15px;line-height:1.95;color:#e3eaff;margin-block-start:27px;max-width:330px}.locale-ar .contact-description{font-size:19px}.contact-spark{display:block;font-size:104px;line-height:1;font-weight:400;color:var(--lime);margin-block:48px 30px;max-width:max-content;font-family:Arial,sans-serif}.contact-foot{font-size:11px;color:#dce5ff;line-height:1.9;max-width:280px}.locale-ar .contact-foot{font-size:14px}.direct-contact{margin-block-start:35px;padding-block-start:24px;border-block-start:1px solid #ffffff44;max-width:340px}.direct-contact>p{color:#dce5ff;font-size:12px;margin-block-end:10px}.contact-direct-link{display:flex;align-items:center;gap:10px;min-height:40px;font-size:14px;width:fit-content}.contact-direct-link:hover{color:var(--lime)}.contact-direct-link>bdi{font-family:var(--font-en);font-size:13px}.form-panel{background:#fff;color:var(--ink);border-radius:12px;padding:34px;box-shadow:0 18px 35px #1235aa22;min-width:0}.form-grid{display:grid;grid-template-columns:1fr;gap:19px}.field{min-width:0}.field label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;line-height:1.6;margin-block-end:8px}.locale-ar .field label{font-size:15px;font-weight:500}.required-mark{color:var(--blue);font-size:14px;margin-inline-start:2px}.optional{font-size:10px;color:#7b8276;font-weight:400;margin-inline-start:5px}.locale-ar .optional{font-size:11px}.field input,.field select,.field textarea{width:100%;background:#f6f7f3;color:var(--ink);border:1px solid #e4e7de;border-radius:5px;min-height:46px;padding:11px 13px;line-height:1.65;transition:border-color .2s;font-size:12px}.locale-ar .field input,.locale-ar .field select,.locale-ar .field textarea{font-size:14px}.field input[type=tel],.field input[type=email]{font-family:var(--font-en);font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#8a9283;opacity:1}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#ba3434;background:#fffafa}.field select{appearance:none;padding-inline-end:35px;cursor:pointer}.select-wrap{position:relative}.select-chevron{position:absolute;inset-inline-end:16px;top:17px;width:7px;height:7px;border-right:1.5px solid #727c68;border-bottom:1.5px solid #727c68;transform:rotate(45deg);pointer-events:none}.field textarea{resize:vertical;min-height:98px;max-height:350px}.field-hint{font-size:9px;color:#747e6a;margin-block-start:5px}.locale-ar .field-hint{font-size:11px}.field-error{font-size:11px;color:#b42323;margin-block-start:5px;line-height:1.65}.locale-ar .field-error{font-size:13px}.submit-button{width:100%;margin-block-start:22px;justify-content:space-between;white-space:normal;text-align:start;font-size:13px}.locale-ar .submit-button{font-size:16px}.submit-button>svg{flex-shrink:0}.privacy-note{font-size:9px;line-height:1.9;text-align:center;color:#737e69;margin-block-start:14px}.locale-ar .privacy-note{font-size:11px}.privacy-note button{font-size:inherit;color:var(--blue);padding:0 2px;text-decoration:underline;text-underline-offset:3px}.submit-error{color:#a42525;background:#fff1ef;border:1px solid #f0d8d5;border-radius:5px;padding:12px;font-size:12px;margin-block-start:17px;line-height:1.8}.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.success-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:560px;padding:24px 5px;outline:none}.success-icon{display:flex;align-items:center;justify-content:center;background:#e5f7cf;color:#376a12;border-radius:50%;height:82px;width:82px;margin-block-end:25px}.success-state h3{font-size:30px;letter-spacing:-.5px;font-weight:600}.success-state>p{color:var(--slate);font-size:14px;margin-block-start:16px;max-width:320px}.success-reference{display:flex;gap:15px;align-items:center;background:#f3f5ee;padding:12px 20px;border-radius:6px;margin-block:26px;font-size:11px;color:var(--slate)}.success-reference code{color:var(--ink);font-size:12px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Footer and mobile contact */
.site-footer{padding-block:56px 25px;background:var(--ivory)}.footer-main{display:grid;grid-template-columns:1fr 1.2fr .6fr;gap:50px;align-items:start;padding-block-end:41px}.footer-logo{width:165px;margin-block-end:15px}.footer-main p{font-size:10px;color:var(--slate);line-height:1.9}.locale-ar .footer-main p{font-size:13px}.footer-statement{padding-top:3px}.footer-statement>span{font-size:22px;font-weight:500;letter-spacing:-.4px}.locale-ar .footer-statement>span{font-size:25px;letter-spacing:0}.footer-statement p{margin-block-start:9px}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.footer-contact>a{font-size:11px}.footer-contact .language-switch{font-size:12px}.footer-contact bdi{font-family:var(--font-en)}.footer-bottom{border-block-start:1px solid var(--line);padding-block-start:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#77816d;font-size:9px}.locale-ar .footer-bottom{font-size:11px}.footer-bottom>div{display:flex;align-items:center;gap:25px}.footer-bottom button{font-size:inherit;padding:7px 0}.footer-bottom a{display:flex;align-items:center;gap:10px;padding-block:7px}.footer-bottom a:hover,.footer-bottom button:hover{color:var(--blue)}.mobile-contact-bar{display:none}
/* Dialogs */
.site-dialog{border:0;padding:0;border-radius:12px;color:var(--ink);background:var(--ivory);width:min(1000px,calc(100vw - 56px));max-height:calc(100dvh - 56px);box-shadow:0 40px 100px #10152644;overscroll-behavior:contain}.site-dialog::backdrop{background:#101526a8;backdrop-filter:blur(5px)}.dialog-content{padding:32px;cursor:default}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-block-end:25px}.dialog-header .section-label{margin-block-end:4px;font-size:11px}.dialog-header h2{font-size:27px;line-height:1.5}.locale-ar .dialog-header h2{font-size:30px}.dialog-close{border:1px solid #d6ddd0;flex-shrink:0}.dialog-preview{border-radius:7px;overflow:hidden;background:#eef0ea}.dialog-preview>img{width:100%;height:auto}.dialog-preview.mobile-device{max-width:380px;margin-inline:auto}.dialog-preview .project-placeholder{height:auto;aspect-ratio:16/9}.dialog-preview>p{font-size:12px;color:var(--slate);padding:18px 25px;text-align:center;line-height:1.8}.dialog-project-details{padding-block-start:24px;font-size:13px;color:var(--slate)}.locale-ar .dialog-project-details{font-size:16px}.dialog-project-details dl{display:flex;gap:35px;flex-wrap:wrap}.dialog-project-details dl div{min-width:120px}.dialog-project-details dt{font-size:11px;color:#87907e;margin-bottom:7px}.dialog-project-details dd{margin:0;color:var(--ink)}.dialog-project-details .button{margin-block-start:18px}.device-tabs{display:flex;gap:10px;margin-block-end:17px}.device-tabs button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:transparent;border-radius:5px;padding:8px 13px;font-size:12px}.device-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.privacy-dialog{width:min(630px,calc(100vw - 40px))}.privacy-content{font-size:14px;color:var(--slate);line-height:2}.privacy-content p{line-height:2.2}.privacy-content>a{display:flex;gap:12px;align-items:center;margin-top:20px;color:var(--blue);font-size:13px}.privacy-content bdi{font-family:var(--font-en)}.privacy-content .text-link{font-size:13px}.consent-panel{position:fixed;z-index:100;inset-block-end:24px;inset-inline-start:24px;max-width:370px;width:calc(100% - 48px);border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px;box-shadow:0 16px 60px #10152625}.consent-panel h2{font-size:20px;letter-spacing:-.3px}.locale-ar .consent-panel h2{font-size:24px}.consent-panel p{font-size:12px;color:var(--slate);margin-block:12px 18px}.locale-ar .consent-panel p{font-size:14px}.consent-panel>div{display:flex;gap:12px}.consent-panel .button{min-height:40px;padding:8px 20px;font-size:12px}.locale-ar .consent-panel .button{font-size:14px}
/* Laptop */
@media(min-width:1500px){.hero{padding-block-start:90px}.hero-grid{min-height:565px;padding-block-end:90px}.hero-visual{max-width:590px}.demo-title{font-size:25px}.locale-ar .demo-title{font-size:32px}.connection-loop{border-width:26px}.hero-phone{width:114px;height:225px;left:-14px;bottom:0}.phone-art{height:104px}.hero h1{font-size:71px}.locale-ar .hero h1{font-size:68px}}
@media(max-width:1190px){.container{width:calc(100% - 80px)}.header-inner{gap:22px}.desktop-nav{margin-inline-start:0;gap:24px}.brand-logo{width:152px}.header-actions{gap:20px}.hero-grid{gap:35px}.hero h1{font-size:54px}.locale-ar .hero h1{font-size:51px}.hero h1 .hero-extra{font-size:23px}.hero-description{font-size:14px}.locale-ar .hero-description{font-size:17px}.hero-phone{left:-8px;width:88px;height:176px;border-width:3px;border-radius:17px;padding:14px 6px 6px}.phone-notch{left:26px;width:29px;height:6px}.phone-art{height:69px}.screen-note{right:-5px;bottom:35px;font-size:9px}.visual-caption{inset-inline:30px}.demo-page{padding:19px 21px}.demo-content{padding-block:30px 26px}.locale-ar .demo-title{font-size:23px}.demo-title{font-size:18px}.connection-loop{border-width:19px}.market-end{display:none}.markets{gap:27px}.section{padding-block:90px}.section-heading{gap:40px}.heading-aside{max-width:300px}.services-grid{grid-template-columns:repeat(2,1fr);gap:40px 0}.service-card{padding-inline:28px!important;padding-block-start:28px}.service-card:nth-child(2n){border-inline-end:0}.service-card:nth-child(2n+1){padding-inline-start:0!important}.service-card:nth-child(2n){padding-inline-end:0!important}.service-card h3{min-height:0!important}.service-card>p{font-size:14px}.locale-ar .service-card>p{font-size:17px}.service-fit{font-size:11px}.service-link{font-size:13px}.approach-grid{gap:70px}.faq-grid{gap:65px}.contact-grid{gap:60px}.contact-intro h2{font-size:49px}.locale-ar .contact-intro h2{font-size:47px}.form-panel{padding:29px}.footer-main{gap:30px}.footer-statement>span{font-size:20px}.locale-ar .footer-statement>span{font-size:22px}}
/* Tablet */
@media(max-width:940px){.container{width:calc(100% - 56px)}.desktop-nav{display:none}.header-inner{min-height:80px}.header-actions{gap:22px}.menu-toggle{display:inline-flex}.header-quote{min-height:42px}.hero{padding-block-start:55px}.hero-grid{grid-template-columns:1fr 1fr;gap:30px;padding-block-end:58px;min-height:auto}.hero h1{font-size:42px;letter-spacing:-2px}.locale-ar .hero h1{font-size:40px;letter-spacing:-.9px}.hero h1 .hero-extra{font-size:19px;letter-spacing:-.4px}.hero-description{font-size:13px;line-height:1.9}.locale-ar .hero-description{font-size:16px}.hero-actions{gap:20px;margin-block-start:25px}.hero-actions .button{font-size:12px;gap:10px;min-height:48px;padding-inline:17px}.locale-ar .hero-actions .button{font-size:14px}.hero-actions .button-text{padding-inline:0}.eyebrow{font-size:9px;margin-block-end:17px}.locale-ar .eyebrow{font-size:12px}.hero-note{font-size:9px;line-height:1.8;align-items:flex-start;gap:8px;margin-block-start:20px}.locale-ar .hero-note{font-size:11px}.mini-line{flex:0 0 16px;margin-top:9px}.hero-visual{padding-block:32px 40px}.demo-page{padding:16px}.demo-content{padding-block:24px 23px}.demo-title{font-size:15px}.locale-ar .demo-title{font-size:20px}.demo-kicker{font-size:5px;margin-block-end:10px}.demo-button{width:62px;height:18px;margin-block-start:13px}.connection-loop{border-width:15px}.connection-cross{font-size:17px}.demo-bottom{padding-block-start:14px;gap:11px}.browser-toolbar{height:27px;padding-inline:9px;font-size:6px}.browser-toolbar>span:nth-child(2){padding:2px 6px}.hero-phone{width:74px;height:148px;left:-3px;bottom:7px;border-radius:15px;padding:12px 5px 4px}.phone-notch{left:19px;width:28px;height:5px}.phone-brand{margin-bottom:8px}.phone-brand img{width:14px;height:14px}.phone-art{height:59px}.phone-art span{border-width:9px;width:42px;height:24px;top:15px;left:0}.phone-art span:last-child{top:27px;left:19px}.phone-lines{gap:3px;margin-top:9px}.phone-lines i{height:2px}.phone-button{height:8px;margin-top:7px}.screen-note{font-size:7px;padding:7px 8px;bottom:33px;right:-8px;gap:5px}.locale-en .screen-note{font-size:6px}.check-disc{width:15px;height:15px}.check-disc svg{width:10px}.visual-caption{font-size:7px;inset-inline:25px;bottom:-8px}.locale-en .visual-caption{font-size:6px}.market-strip{gap:20px;padding-block:20px}.markets-caption{font-size:10px}.locale-ar .markets-caption{font-size:12px}.markets{gap:18px}.markets>span{font-size:11px}.locale-ar .markets>span{font-size:13px}.country-code{font-size:8px!important}.section{padding-block:76px}h2{font-size:33px;letter-spacing:-1.2px}.locale-ar h2{font-size:36px}.section-heading{margin-block-end:40px;gap:30px;align-items:flex-start}.heading-aside{max-width:255px;font-size:12px}.locale-ar .heading-aside{font-size:14px}.heading-aside .availability-note{font-size:10px;line-height:1.7}.project-grid{gap:38px 24px}.project-card:nth-child(2){margin-block-start:65px}.project-info h3{font-size:17px}.locale-ar .project-info h3{font-size:21px}.project-info p{font-size:10px}.locale-ar .project-info p{font-size:12px}.placeholder-label{font-size:8px}.locale-en .placeholder-label{font-size:7px}.placeholder-lines{gap:6px}.placeholder-lines i{height:5px}.placeholder-lines i:nth-child(3){height:2px;margin-top:2px}.placeholder-lines b{height:10px;margin-top:3px}.placeholder-index{font-size:92px}.preview-open{inset-inline-end:10px;inset-block-end:10px;padding:6px 9px;font-size:9px}.approach-grid{gap:45px}.approach-list article{gap:20px;padding-block:23px}.approach-list h3{font-size:17px}.locale-ar .approach-list h3{font-size:22px}.approach-list p{font-size:12px}.locale-ar .approach-list p{font-size:15px}.approach-intro>p:not(.section-label){font-size:13px}.locale-ar .approach-intro>p:not(.section-label){font-size:16px}.process-grid{gap:20px;margin-block-start:40px}.process-step p{font-size:11px}.locale-ar .process-step p{font-size:14px}.process-step h3{font-size:19px}.locale-ar .process-step h3{font-size:20px}.faq-grid{gap:45px;grid-template-columns:.85fr 1.15fr}.faq-grid h2{font-size:31px}.locale-ar .faq-grid h2{font-size:34px}.faq-list summary{font-size:13px;gap:20px;padding-block:20px}.locale-ar .faq-list summary{font-size:17px}.faq-list details>p{padding-inline-end:20px}.contact-grid{gap:38px;grid-template-columns:.9fr 1.1fr}.contact-intro h2{font-size:42px}.locale-ar .contact-intro h2{font-size:43px}.contact-description{font-size:14px}.locale-ar .contact-description{font-size:17px}.form-panel{padding:25px}.locale-ar .field label{font-size:14px}.locale-ar .submit-button{font-size:14px}.contact-spark{font-size:90px;margin-block:40px 28px}.footer-main{grid-template-columns:.9fr 1.2fr .6fr;gap:25px}.footer-statement>span{font-size:18px}.locale-ar .footer-statement>span{font-size:20px}.footer-logo{width:145px}.footer-main p{font-size:9px}.locale-ar .footer-main p{font-size:11px}}
/* Mobile */
@media(max-width:700px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.site-header{backdrop-filter:blur(10px)}.header-inner{min-height:72px;gap:18px}.brand-logo{width:139px}.header-actions{gap:13px}.language-switch{font-size:10px;gap:5px}.language-switch svg{width:14px}.language-switch[lang=ar]{font-size:13px}.header-quote{display:none}.menu-toggle{min-height:40px;min-width:40px;padding:6px;margin-inline-end:-6px}.hero{padding-block-start:36px}.hero-grid{grid-template-columns:1fr;gap:8px;min-height:0;padding-block-end:40px}.hero-copy{max-width:560px}.eyebrow{font-size:10px;letter-spacing:.05em;margin-block-end:18px}.locale-ar .eyebrow{font-size:13px}.hero h1{font-size:clamp(38px,8.5vw,57px);line-height:1.14;letter-spacing:-2.1px}.locale-ar .hero h1{font-size:clamp(37px,8.65vw,58px);line-height:1.43;letter-spacing:-.8px}.hero h1 .hero-extra{font-size:clamp(17px,4.4vw,24px);margin-block-start:13px;letter-spacing:-.6px}.hero-description{font-size:14px;line-height:1.85;max-width:480px;margin-block-start:18px}.locale-ar .hero-description{font-size:17px;line-height:1.95;max-width:520px}.hero-actions{margin-block-start:23px;gap:24px;flex-wrap:nowrap}.hero-actions .button{font-size:13px;min-height:49px;gap:15px;padding-inline:21px}.locale-ar .hero-actions .button{font-size:15px}.hero-actions .button-text{padding-inline:0;gap:10px}.small-arrow{width:27px;height:27px}.small-arrow svg{width:15px}.hero-note{margin-block-start:18px;font-size:10px;align-items:center}.locale-ar .hero-note{font-size:12px}.mini-line{margin-top:0}.hero-visual{width:min(100%,500px);justify-self:center;padding:42px 14px 38px;margin-block-start:17px}.hero-browser{width:91%;transform:rotate(-3deg)}.browser-toolbar{height:29px;font-size:6px}.demo-page{padding:19px}.demo-content{padding-block:25px}.demo-title{font-size:19px;letter-spacing:-.5px}.locale-ar .demo-title{font-size:27px;line-height:1.45}.demo-kicker{font-size:6px}.demo-button{width:69px;height:20px;margin-block-start:16px}.connection-loop{border-width:20px}.connection-cross{font-size:22px}.demo-bottom{padding-block-start:17px}.hero-phone{left:10px;bottom:11px;width:86px;height:174px;border-radius:16px;padding:14px 5px 6px}.phone-notch{left:24px;width:29px;height:6px}.phone-art{height:72px}.phone-brand img{width:17px;height:17px}.phone-brand{margin-bottom:11px}.phone-art span{width:47px;height:28px;border-width:11px;top:20px}.phone-art span:last-child{top:31px;left:22px}.phone-lines{gap:5px;margin-top:10px}.phone-button{margin-top:9px;height:10px}.screen-note{right:4px;bottom:30px;font-size:9px;padding:8px 9px}.locale-en .screen-note{font-size:7px}.check-disc{width:16px;height:16px}.visual-caption{font-size:8px;bottom:-1px;inset-inline:40px}.locale-en .visual-caption{font-size:7px}.visual-orbit{left:10%;top:7%;width:77%;height:88%}.market-strip{flex-direction:column;gap:17px;padding-block:21px}.markets-caption{font-size:11px}.locale-ar .markets-caption{font-size:13px}.markets{gap:23px;justify-content:center;flex-wrap:wrap}.markets>span{font-size:10px;gap:6px}.locale-ar .markets>span{font-size:13px}.country-code{padding:2px 4px}.section{padding-block:64px}section[id]{scroll-margin-top:82px}.section-label{font-size:11px;margin-block-end:15px}.locale-ar .section-label{font-size:13px}h2{font-size:32px;line-height:1.3;letter-spacing:-1.2px}.locale-ar h2{font-size:35px;line-height:1.5;letter-spacing:-.4px}.section-heading{display:block;margin-block-end:32px}.heading-aside{max-width:440px;font-size:13px;margin-block-start:20px}.locale-ar .heading-aside{font-size:15px}.heading-aside .availability-note{font-size:11px;margin-block-start:12px}.locale-ar .heading-aside .availability-note{font-size:12px}.project-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.project-card.featured{grid-column:1/-1}.project-card{grid-column:span 1}.project-card:nth-child(2){grid-column:span 1;margin-block-start:0}.project-card:nth-child(6){grid-column:1/-1}.project-preview{border-radius:7px}.placeholder-toolbar{min-height:14px;padding-inline:6px}.placeholder-toolbar .browser-dots{gap:2px}.placeholder-toolbar .browser-dots i{width:3px;height:3px}.placeholder-window{height:70%;border-radius:4px}.placeholder-layout{gap:11%;padding:9% 8%}.placeholder-lines{gap:4px}.placeholder-lines i{height:4px}.placeholder-lines i:nth-child(3){height:2px}.placeholder-lines b{height:6px;margin-top:2px}.placeholder-tiles{gap:5px;height:12%;margin-inline:8%}.placeholder-tiles i{border-radius:2px}.placeholder-shape{border-radius:3px}.placeholder-index{font-size:73px;letter-spacing:-5px;inset-inline-end:7px}.placeholder-label{font-size:7px;bottom:5%;gap:5px}.locale-en .placeholder-label{font-size:6px}.placeholder-label .tiny-dot{width:3px;height:3px;flex-basis:3px}.project-card.featured .placeholder-window,.project-card:nth-child(6) .placeholder-window{height:73%}.project-card.featured .placeholder-layout,.project-card:nth-child(6) .placeholder-layout{padding:11% 9% 8%;gap:14%}.project-card.featured .placeholder-toolbar,.project-card:nth-child(6) .placeholder-toolbar{min-height:20px;padding-inline:10px}.project-card.featured .placeholder-lines,.project-card:nth-child(6) .placeholder-lines{gap:7px}.project-card.featured .placeholder-lines i,.project-card:nth-child(6) .placeholder-lines i{height:7px}.project-card.featured .placeholder-lines i:nth-child(3),.project-card:nth-child(6) .placeholder-lines i:nth-child(3){height:3px}.project-card.featured .placeholder-lines b,.project-card:nth-child(6) .placeholder-lines b{height:11px;margin-top:5px}.project-card.featured .placeholder-label,.project-card:nth-child(6) .placeholder-label{font-size:10px;bottom:6%}.locale-en .project-card.featured .placeholder-label,.locale-en .project-card:nth-child(6) .placeholder-label{font-size:8px}.project-card.featured .placeholder-index,.project-card:nth-child(6) .placeholder-index{font-size:110px}.project-info{gap:5px;margin-block-start:12px}.project-info h3{font-size:13px;letter-spacing:-.2px}.locale-ar .project-info h3{font-size:17px}.project-info p{font-size:10px;line-height:1.75;margin-block-start:4px}.locale-ar .project-info p{font-size:12px}.project-arrow{width:29px;height:29px;min-width:29px;min-height:29px;padding:5px;margin-top:2px}.project-arrow svg{width:15px;height:15px}.project-card.featured .project-info h3,.project-card:nth-child(6) .project-info h3{font-size:18px}.locale-ar .project-card.featured .project-info h3,.locale-ar .project-card:nth-child(6) .project-info h3{font-size:22px}.project-card.featured .project-info p,.project-card:nth-child(6) .project-info p{font-size:12px}.locale-ar .project-card.featured .project-info p,.locale-ar .project-card:nth-child(6) .project-info p{font-size:14px}.preview-open{display:none}.project-meta{font-size:9px;margin-top:8px;gap:5px}.services-grid{grid-template-columns:1fr;gap:0;border-top:0}.service-card{border-inline-end:0;border-block-start:1px solid var(--line)!important;padding:25px 0 28px!important}.service-card:last-child{padding-block-end:0!important}.service-top{margin-block-end:20px;align-items:center}.service-icon{width:46px;height:46px}.service-icon svg{width:25px}.item-number{font-size:11px}.service-card h3{font-size:23px;margin-block-end:10px}.locale-ar .service-card h3{font-size:27px}.service-card>p{font-size:14px;margin-block-end:16px;max-width:490px}.locale-ar .service-card>p{font-size:17px}.service-fit{font-size:11px;margin-block-end:20px}.locale-ar .service-fit{font-size:13px}.service-link{padding-top:13px;font-size:13px}.locale-ar .service-link{font-size:15px}.approach-grid{grid-template-columns:1fr;gap:42px}.approach-intro>p:not(.section-label){max-width:470px;font-size:14px;margin-block-start:20px}.locale-ar .approach-intro>p:not(.section-label){font-size:17px}.approach-art{display:none}.approach-signature{margin-block-start:25px;font-size:7px}.approach-list article{gap:22px;padding-block:24px}.approach-list h3{font-size:20px;margin-block-end:8px}.locale-ar .approach-list h3{font-size:25px}.approach-list p{font-size:13px}.locale-ar .approach-list p{font-size:16px}.approach-number{font-size:11px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 25px;margin-block-start:32px}.step-rail{margin-block-end:20px;padding-block-start:14px}.step-rail>span{font-size:30px}.process-step h3{font-size:20px;margin-block-end:10px}.locale-ar .process-step h3{font-size:22px}.process-step p{font-size:12px}.locale-ar .process-step p{font-size:14px}.step-english{font-size:8px}.process-note{margin-top:18px;max-width:370px;font-size:12px}.locale-ar .process-note{font-size:14px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid h2{font-size:32px}.locale-ar .faq-grid h2{font-size:35px}.faq-intro{font-size:13px;max-width:360px;margin-block-start:12px}.locale-ar .faq-intro{font-size:16px}.faq-grid .text-link{margin-block-start:14px;font-size:13px}.locale-ar .faq-grid .text-link{font-size:15px}.faq-list summary{padding-block:21px;font-size:14px;gap:20px}.locale-ar .faq-list summary{font-size:18px}.faq-list summary svg{width:18px}.faq-list details>p{font-size:13px;padding-inline-end:16px}.locale-ar .faq-list details>p{font-size:16px}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-intro{padding-top:0}.contact-intro h2{font-size:42px;line-height:1.2;max-width:440px;letter-spacing:-1.5px}.locale-ar .contact-intro h2{font-size:44px;line-height:1.5}.contact-description{font-size:15px;margin-block-start:16px;max-width:400px}.locale-ar .contact-description{font-size:18px}.contact-spark{position:absolute;inset-inline-end:21px;top:50px;font-size:55px;margin:0;opacity:.35;pointer-events:none}.contact-foot{font-size:11px;max-width:340px;margin-block-start:16px}.locale-ar .contact-foot{font-size:13px}.direct-contact{margin-top:21px;padding-top:17px;max-width:100%}.form-panel{padding:25px 23px;border-radius:9px}.form-grid{gap:19px}.field label{font-size:13px}.locale-ar .field label{font-size:16px}.field input,.field select,.field textarea,.locale-ar .field input,.locale-ar .field select,.locale-ar .field textarea{font-size:16px;min-height:49px}.field input[type=tel],.field input[type=email],.locale-ar .field input[type=tel],.locale-ar .field input[type=email]{font-size:16px}.field textarea{min-height:105px}.field-hint{font-size:10px}.locale-ar .field-hint{font-size:12px}.optional{font-size:10px}.locale-ar .optional{font-size:12px}.privacy-note{font-size:10px;line-height:1.9}.locale-ar .privacy-note{font-size:12px}.submit-button{font-size:13px;gap:15px;min-height:53px;padding-inline:17px}.locale-ar .submit-button{font-size:16px}.success-state{min-height:470px}.success-state h3{font-size:27px}.success-state>p{font-size:14px}.success-state .button{font-size:12px;gap:14px;padding-inline:20px}.locale-ar .success-state .button{font-size:15px}.site-footer{padding-block:38px calc(96px + env(safe-area-inset-bottom,0px))}.footer-main{grid-template-columns:1fr auto;gap:28px 20px;padding-block-end:28px}.footer-main>div:first-child{grid-column:1}.footer-logo{width:148px;margin-bottom:12px}.footer-statement{grid-column:1/-1;grid-row:2;padding-top:0}.footer-statement>span{font-size:23px}.locale-ar .footer-statement>span{font-size:24px}.footer-main p{font-size:11px}.locale-ar .footer-main p{font-size:13px}.footer-contact{grid-column:2;grid-row:1}.footer-contact .language-switch{font-size:11px;gap:6px;min-height:30px}.footer-contact .language-switch[lang=ar]{font-size:14px}.footer-contact>a{font-size:9px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;font-size:10px;padding-block-start:20px}.locale-ar .footer-bottom{font-size:11px}.footer-bottom>div{gap:24px;flex-wrap:wrap}.mobile-contact-bar{position:fixed;z-index:45;inset-inline:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;align-items:center;padding:7px;border-radius:10px;border:1px solid #d6ddcf;background:#f7f8f2f5;backdrop-filter:blur(12px);box-shadow:0 6px 30px #10152620;transition:transform .2s,visibility .2s,opacity .2s}.mobile-contact-bar>.button{min-height:45px;flex:1;font-size:12px;gap:20px;border-radius:5px}.locale-ar .mobile-contact-bar>.button{font-size:15px}.mobile-whatsapp{display:flex;align-items:center;justify-content:center;gap:6px;padding-inline:12px;font-size:11px;min-height:45px}.locale-ar .mobile-whatsapp{font-size:13px}.mobile-whatsapp>svg:last-child{display:none}.mobile-contact-bar[data-hidden=true]{transform:translateY(130%);opacity:0;visibility:hidden;pointer-events:none}.site-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 28px);border-radius:9px}.dialog-content{padding:22px 18px}.dialog-header{gap:15px;margin-block-end:20px}.dialog-header h2{font-size:24px}.locale-ar .dialog-header h2{font-size:27px}.dialog-close{width:38px;height:38px;min-width:38px;min-height:38px}.dialog-preview .project-placeholder{aspect-ratio:16/11}.dialog-preview .placeholder-window{height:73%}.dialog-preview .placeholder-layout{padding:11% 9% 8%;gap:14%}.dialog-preview .placeholder-lines{gap:7px}.dialog-preview .placeholder-lines i{height:6px}.dialog-preview .placeholder-lines i:nth-child(3){height:3px}.dialog-preview .placeholder-lines b{height:11px}.dialog-preview .placeholder-label{font-size:10px;bottom:6%}.dialog-preview>p{font-size:12px;padding:17px}.dialog-project-details{font-size:13px}.locale-ar .dialog-project-details{font-size:15px}.privacy-content{font-size:14px}.locale-ar .privacy-content{font-size:16px}.consent-panel{inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;padding:22px}.consent-panel .button{min-height:44px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.brand-logo{width:126px}.header-actions{gap:9px}.hero h1{font-size:37px}.locale-ar .hero h1{font-size:35px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:16px;font-size:12px}.locale-ar .hero-actions .button{font-size:14px}.hero-actions .button-text{padding-inline:0}.hero-note{font-size:9px}.locale-ar .hero-note{font-size:11px}.locale-ar .demo-title{font-size:23px}.demo-title{font-size:17px}.connection-loop{border-width:16px}.hero-phone{width:76px;height:153px;left:3px}.phone-art{height:59px}.screen-note{right:-4px;bottom:23px;font-size:8px}.locale-en .screen-note{font-size:6px}.visual-caption{inset-inline:25px;font-size:7px}.locale-en .visual-caption{font-size:6px}.markets{gap:13px}.markets>span{font-size:9px}.locale-ar .markets>span{font-size:12px}.project-grid{gap:27px 14px}.project-placeholder{min-height:0}.project-info p{font-size:9px}.locale-ar .project-info p{font-size:11px}.placeholder-label{font-size:6px}.locale-en .placeholder-label{font-size:5px}.placeholder-lines{gap:3px}.placeholder-lines i{height:3px}.form-panel{padding:23px 18px}.contact-intro h2{font-size:37px}.locale-ar .contact-intro h2{font-size:40px}.contact-spark{font-size:44px;top:57px}}
@media(hover:none){.project-preview:active .placeholder-window{transform:translateY(-6px)}.button-primary:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-browser,.hero-phone,.screen-note{transform:none}}

/* Contrast refinements for small, meaningful labels. */
.hero-note,.markets-caption,.market-end,.country-code,.item-number,.step-english,.field-hint,.optional,.privacy-note,.footer-bottom,.dialog-project-details dt{color:#5e6857}
.visual-caption{color:#65705e}.heading-aside .availability-note{color:#59654f}.placeholder-label{color:#596650}.tone-ink .placeholder-label{color:#bec8d8}.locale-ar .placeholder-label,.locale-en .placeholder-label{font-size:max(9px,.65vw)}.field input::placeholder,.field textarea::placeholder{color:#70796a}.demo-kicker{color:#59654f}
@media(max-width:700px){.project-card:not(.featured):not(:nth-child(6)) .placeholder-label{font-size:9px}.project-card:not(.featured):not(:nth-child(6)) .placeholder-label .tiny-dot{display:none}.project-card:not(.featured):not(:nth-child(6)) .project-arrow{min-width:36px;min-height:36px;width:36px;height:36px}.locale-en .project-card:not(.featured):not(:nth-child(6)) .placeholder-label{font-size:8px}}

@media(max-width:700px){.project-placeholder{min-height:0}}

/* PIX District: identity, motion, and the editable technology ribbon. */
.brand-logo{width:196px}.brand-logo img{aspect-ratio:1000/295;object-fit:contain}.footer-logo{width:190px}
.technology-section{padding-block:44px 36px;border-block:1px solid var(--line);background:#f0f2eb;overflow:hidden}
.technology-heading{display:flex;justify-content:space-between;align-items:center;gap:36px;margin-block-end:32px}.technology-heading .section-label{display:flex;align-items:center;gap:10px;margin-block-end:12px;font-size:11px;letter-spacing:1.2px}.technology-heading .tiny-dot{background:var(--blue)}.technology-heading h2{font-size:clamp(23px,2.5vw,34px);line-height:1.35;letter-spacing:-1.1px}.locale-ar .technology-heading h2{letter-spacing:-.5px;font-size:clamp(27px,2.8vw,35px);line-height:1.6}.technology-aside{display:flex;align-items:center;gap:24px;max-width:410px}.technology-aside p{font-size:13px;color:var(--slate);line-height:1.8}.locale-ar .technology-aside p{font-size:16px}.technology-toggle{border:1px solid #ccd2c7;background:var(--ivory);border-radius:50%;width:42px;height:42px;min-width:42px;min-height:42px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.technology-toggle:hover{background:var(--lime);border-color:var(--lime)}
.technology-marquee{overflow:hidden;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.technology-track{display:flex;width:max-content;animation:pix-marquee 48s linear infinite;will-change:transform}.technology-group{display:flex;align-items:center;flex-shrink:0}.technology-item{display:flex;align-items:center;gap:52px;padding-inline:26px;min-height:85px}.technology-item>img{display:block;width:166px;height:52px;object-fit:contain;max-width:none}.technology-wordpress>img{width:182px}.technology-shopify>img{width:148px}.technology-custom{display:flex;align-items:center;gap:13px;color:var(--ink);font:600 18px var(--font-en);white-space:nowrap}.technology-custom[dir=rtl]{font-family:var(--font-ar);font-size:21px}.technology-custom svg{color:var(--blue);flex-shrink:0}.technology-separator{color:#b8c6a3;font-size:25px;line-height:1}.technology-marquee:hover .technology-track,.technology-marquee[data-paused=true] .technology-track{animation-play-state:paused}
@keyframes pix-marquee{to{transform:translateX(-50%)}}
.hero-copy>.eyebrow{animation:pix-enter .75s both}.hero-copy>h1{animation:pix-enter .85s .1s both}.hero-description{animation:pix-enter .85s .2s both}.hero-actions{animation:pix-enter .85s .3s both}.hero-note{animation:pix-enter .85s .4s both}.hero-visual{animation:pix-visual-enter 1.05s .15s both}.hero-browser{animation:pix-browser-float 7s 1.3s ease-in-out infinite}.hero-phone{animation:pix-phone-float 6s 1.5s ease-in-out infinite}.screen-note{animation:pix-note-float 5s 1.8s ease-in-out infinite}
.pixel-accents{position:absolute;inset:0;pointer-events:none}.pixel-accents i{position:absolute;display:block;width:13px;height:13px;border-radius:3px;background:var(--blue);animation:pix-pixel-drift 6s ease-in-out infinite}.pixel-accents i:nth-child(1){top:3%;left:20%}.pixel-accents i:nth-child(2){bottom:12%;right:4%;width:20px;height:20px;background:var(--lime);animation-delay:-2s}.pixel-accents i:nth-child(3){top:23%;right:7%;width:8px;height:8px;animation-delay:-4s}
[data-reveal]{transition:opacity .65s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}[data-reveal-pending=true]{opacity:0;transform:translateY(24px)}.project-card:nth-child(2n),.service-card:nth-child(2),.process-step:nth-child(2){--reveal-delay:80ms}.service-card:nth-child(3),.process-step:nth-child(3){--reveal-delay:140ms}.service-card:nth-child(4),.process-step:nth-child(4){--reveal-delay:200ms}
@keyframes pix-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pix-visual-enter{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pix-browser-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(-2deg)}}
@keyframes pix-phone-float{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(8px) rotate(4deg)}}
@keyframes pix-note-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes pix-pixel-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-11px) rotate(10deg)}}
@media(max-width:900px){.brand-logo{width:174px}.technology-heading{gap:25px}.technology-aside{max-width:310px;gap:15px}.technology-item{gap:36px;padding-inline:20px}}
@media(max-width:600px){.brand-logo{width:158px}.footer-logo{width:168px}.technology-section{padding-block:30px 24px}.technology-heading{align-items:flex-start;gap:18px;margin-block-end:20px;flex-direction:column}.technology-heading .section-label{font-size:10px;margin-block-end:8px}.technology-heading h2{font-size:25px;max-width:310px}.locale-ar .technology-heading h2{font-size:29px}.technology-aside{max-width:none;width:100%;justify-content:space-between}.technology-aside p{font-size:12px;max-width:330px}.locale-ar .technology-aside p{font-size:15px}.technology-toggle{width:38px;height:38px;min-width:38px;min-height:38px}.technology-item{min-height:68px;gap:28px;padding-inline:17px}.technology-item>img{width:136px;height:43px}.technology-wordpress>img{width:152px}.technology-shopify>img{width:123px}.technology-custom{font-size:15px;gap:10px}.technology-custom[dir=rtl]{font-size:18px}.technology-custom svg{width:25px;height:25px}.technology-separator{font-size:20px}.technology-track{animation-duration:44s}}
@media(max-width:370px){.brand-logo{width:140px}}
@media(prefers-reduced-motion:reduce){[data-reveal-pending=true]{opacity:1;transform:none}.hero-copy>*,.hero-visual,.hero-browser,.hero-phone,.screen-note,.pixel-accents i,.technology-track{animation:none!important;translate:none;transform:none;opacity:1}.technology-marquee{mask-image:none}.technology-track{width:100%;will-change:auto}.technology-group{width:100%;justify-content:center;flex-wrap:wrap}.technology-group[aria-hidden=true],.technology-item[aria-hidden=true],.technology-separator,.technology-toggle{display:none}.technology-item{padding-inline:18px;gap:0;min-height:76px}}

/* Visitor-controlled light and dark themes. */
.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;flex-shrink:0}.theme-toggle:hover{background:#e9ece3}.theme-toggle svg{pointer-events:none}
html[data-theme=dark]{--blue:#91b0ff;--blue-dark:#a8c1ff;--ink:#edf2fc;--ivory:#0e1420;--slate:#b5c0d0;--line:#2b374a;color-scheme:dark}
[data-theme=dark] .site-header{background:#0e1420ed;border-color:var(--line)}
[data-theme=dark] .brand-logo{padding:7px 9px;background:#f7f8f2;border-radius:8px}
[data-theme=dark] .button-primary,[data-theme=dark] .skip-link{background:#245ce3;color:#fff;border-color:#245ce3}
[data-theme=dark] .button-primary:hover{background:#356df1;border-color:#356df1}
[data-theme=dark] .icon-button:hover,[data-theme=dark] .button-outline:hover{background:#253248}
[data-theme=dark] .heading-secondary{color:#a9b6c8}
[data-theme=dark] .hero-note,[data-theme=dark] .visual-caption,[data-theme=dark] .market-end,[data-theme=dark] .heading-aside .availability-note,[data-theme=dark] .service-fit,[data-theme=dark] .item-number,[data-theme=dark] .step-english,[data-theme=dark] .footer-bottom{color:#aebcd0}
[data-theme=dark] .country-code{color:#c3d1e4;background:#1e2a3d}
[data-theme=dark] .hero-browser{border-color:#3b475a;box-shadow:0 30px 55px -20px #0007}
[data-theme=dark] .demo-page,[data-theme=dark] .browser-toolbar,[data-theme=dark] .hero-phone{--ink:#101526;--blue:#0958ff;color:#101526}
[data-theme=dark] .hero-phone{border-color:#101526}
[data-theme=dark] .screen-note{background:#1b283b;border-color:#35435a;color:#edf2fc}
[data-theme=dark] .check-disc{color:#101526}
[data-theme=dark] .project-placeholder:not(.tone-ink){color:#101526}
[data-theme=dark] .preview-open{background:#172337;color:#edf2fc}
[data-theme=dark] .project-arrow:hover,[data-theme=dark] .technology-toggle:hover{background:var(--lime);color:#101526;border-color:var(--lime)}
[data-theme=dark] .services-section{background:#121c2b}
[data-theme=dark] .service-icon{background:#203047;color:#edf2fc}
[data-theme=dark] .service-card:nth-child(2) .service-icon{background:#1c3157;color:#a4beff}
[data-theme=dark] .service-card:nth-child(3) .service-icon{background:#233344}
[data-theme=dark] .service-card:nth-child(4) .service-icon{background:#263c30;color:#cbeca6}
[data-theme=dark] .approach-section{background:#080e18;color:#fff}
[data-theme=dark] .faq-section,[data-theme=dark] .technology-section{background:#141e2c}
[data-theme=dark] .technology-toggle{border-color:#3c4b63}
[data-theme=dark] .technology-item>img{background:#f7f8f2;border-radius:9px;padding:8px 10px}
[data-theme=dark] .technology-separator{color:#729062}
[data-theme=dark] .contact-section{background:#123c94}
[data-theme=dark] .form-panel,[data-theme=dark] .consent-panel{background:#172133;color:#edf2fc}
[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea{background:#0f1928;border-color:#3a475d;color:#edf2fc}
[data-theme=dark] .field input::placeholder,[data-theme=dark] .field textarea::placeholder{color:#99a7bc}
[data-theme=dark] .field-hint,[data-theme=dark] .privacy-note,[data-theme=dark] .optional,[data-theme=dark] .dialog-project-details dt{color:#adbad0}
[data-theme=dark] .field-error{color:#ffb0b8}
[data-theme=dark] .field input[aria-invalid=true],[data-theme=dark] .field select[aria-invalid=true],[data-theme=dark] .field textarea[aria-invalid=true]{background:#301d29;border-color:#f08d99}
[data-theme=dark] .submit-error{color:#ffc4c9;background:#3b1e29;border-color:#754553}
[data-theme=dark] .success-reference,[data-theme=dark] .dialog-preview{background:#202d40}
[data-theme=dark] .device-tabs button[aria-pressed=true]{background:#245ce3;color:#fff;border-color:#245ce3}
[data-theme=dark] .mobile-contact-bar{background:#121d2df5;border-color:#39485f}
@media(max-width:600px){.theme-toggle{width:34px;height:34px;min-width:34px;min-height:34px}.header-actions{gap:9px}.brand-logo{width:145px}}
@media(max-width:370px){.brand-logo{width:122px}.theme-toggle{width:32px;height:32px;min-width:32px;min-height:32px}}

[data-theme=dark] .markets-caption{color:#b5c0d0}

/* Social profiles in the website footer. */
.footer-socials{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-block:0 24px;font-family:var(--font-en)}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--ink);transition:color .2s,border-color .2s,background .2s}
.footer-socials a:hover{color:var(--blue);border-color:currentColor}
.footer-socials a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:700px){.footer-socials{justify-content:flex-start;gap:10px}.footer-socials a{font-size:12px}}

/* Focused contact page for campaign visitors. */
.contact-page .contact-section{padding-block:42px 50px;min-height:calc(100svh - 100px)}
.contact-page .contact-grid{align-items:start;gap:65px;grid-template-columns:.85fr 1.15fr}
.contact-page .contact-intro{padding-block-start:25px}.contact-page .contact-intro h1{font-size:clamp(38px,4vw,60px);line-height:1.18;letter-spacing:-1.5px;max-width:500px}.locale-ar.contact-page .contact-intro h1{line-height:1.5;letter-spacing:0}
.contact-page .form-panel{padding:28px}.contact-page .form-grid{gap:18px}.contact-page .contact-spark{display:none}.contact-page .contact-description{margin-block-start:16px}.contact-page .contact-foot{margin-block-start:22px}
.contact-optional summary{cursor:pointer;font-size:13px;padding:6px 0;color:var(--slate)}.contact-optional>.form-grid{margin-block-start:16px}.contact-page .success-state{min-height:420px}
@media(max-width:700px){.contact-page .contact-section{padding-block:20px 32px;min-height:0}.contact-page .contact-grid{grid-template-columns:1fr;gap:18px}.contact-page .contact-intro{padding:0}.contact-page .contact-intro .section-label,.contact-page .contact-foot{display:none}.contact-page .contact-intro h1,.locale-ar.contact-page .contact-intro h1{font-size:30px;line-height:1.35;letter-spacing:0}.contact-page .contact-description,.locale-ar.contact-page .contact-description{font-size:14px;margin-block-start:8px;line-height:1.7}.contact-page .form-panel{padding:20px}.contact-page .form-grid{gap:13px}.contact-page .field input,.contact-page .field select{min-height:44px}.contact-page .submit-button{min-height:48px;margin-block-start:16px}.contact-page .site-footer{padding-block:32px}.contact-page .contact-optional summary{font-size:12px}.contact-page .privacy-note{margin-block-start:12px}}

.desktop-nav a[aria-current=page]{color:var(--blue)}