:root{--bg:#080d19;--panel:#111929;--panel2:#0e1727;--text:#f5f7fc;--muted:#a2adbf;--line:rgba(191,211,231,.13);--accent:#a3ffc8;--violet:#b0a8ff;--gold:#e4fd97;--container:1180px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.85 'IBM Plex Sans Arabic',system-ui,sans-serif;overflow-x:hidden}html[lang=en] body{font-family:'DM Sans',system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#101622}.container{max-width:var(--container);margin:auto;padding-inline:28px}.site-grid{position:absolute;inset:0 0 auto;height:900px;z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(to right,transparent 99.5%,rgba(128,156,202,.05) 100%);background-size:70px 70px;mask-image:linear-gradient(black,transparent)}.skip-link{position:absolute;inset-inline-start:12px;top:-80px;padding:8px 15px;background:#fff;color:#111;z-index:100}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,13,25,.87);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.header-row{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:inline-flex;align-items:center;gap:12px;font:bold 20px/1 'DM Sans',sans-serif;letter-spacing:-.8px;white-space:nowrap}.wordmark .brand-period{color:var(--accent)}.mark{font:900 25px/1 'DM Sans',sans-serif;width:38px;height:38px;display:grid;place-items:center;position:relative;color:#121a22;background:var(--accent);border-radius:11px;transform:skew(-4deg)}.mark-dot{position:absolute;width:6px;height:6px;background:#142638;border-radius:50%;bottom:6px;right:6px}.desktop-nav{display:flex;align-items:center;gap:31px}.desktop-nav a{font-size:13px;color:#c3cbda;transition:color .2s}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:11px}.lang-btn{border:1px solid var(--line);background:#131c2b;color:var(--text);padding:8px 12px;border-radius:10px;display:flex;align-items:center;gap:7px;direction:ltr;font:700 12px 'DM Sans',sans-serif}.language-symbol{color:var(--accent);font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:10px 22px;border-radius:12px;border:1px solid transparent;font-weight:600;font-size:14px;line-height:1.4;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#0a2019}.button-primary:hover{background:#c4ffde}.button-sm{min-height:40px;padding:9px 16px;font-size:12px}.button-ghost{color:#e9f0f6;background:rgba(255,255,255,.035);border-color:var(--line)}.button-ghost:hover{border-color:rgba(163,255,200,.5)}.arrow-icon{font-size:19px;line-height:1}.menu-btn{display:none;width:43px;height:43px;border:1px solid var(--line);background:#10192a;border-radius:11px;place-items:center;padding:12px}.menu-btn span{display:block;width:20px;height:2px;margin:3px auto;background:#fff;border-radius:3px}.mobile-nav{display:none}
.section-pad{padding-block:110px}.hero{padding-block:114px 110px;position:relative;isolation:isolate}.hero-glow{position:absolute;z-index:-1;pointer-events:none;inset:-140px 0 auto auto;width:72%;height:760px;background:radial-gradient(ellipse closest-side at 55% 50%,rgba(58,90,129,.18),transparent);filter:blur(28px)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:35px}.hero-copy{max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(163,255,200,.19);background:rgba(163,255,200,.055);color:#c7f8d9;font-size:12px;padding:7px 13px;border-radius:50px;font-weight:600}.eyebrow-pulse{flex:0 0 8px;width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(163,255,200,.11)}h1,h2,h3,p{margin-top:0}h1{font-weight:700;font-size:clamp(44px,5.5vw,76px);line-height:1.33;letter-spacing:-2.7px;margin:24px 0 22px}html[lang=en] h1{line-height:1.13;letter-spacing:-3.4px}.gradient-text{background:linear-gradient(100deg,#b8ffb8 0%,#9df5d6 55%,#9fc7f2);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-sub{color:#bdc9d8;line-height:2.05;max-width:575px;font-size:16px;margin-bottom:28px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.hero-meta{margin-top:27px;display:flex;align-items:center;gap:9px;color:#8d9aab;font-size:12px}.tiny-check{color:var(--accent)}.hero-art{height:505px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px dashed rgba(143,174,217,.12);border-radius:50%;width:470px;height:470px;transform:rotate(-26deg)}.orbit-two{width:375px;height:375px;border-style:solid;border-color:rgba(146,162,198,.08)}.tiny-star{position:absolute;color:var(--accent);font-size:24px}.tiny-star-one{top:18px;right:12px}.tiny-star-two{bottom:38px;left:48px}.process-panel{z-index:2;width:min(100%,440px);background:linear-gradient(146deg,#18243a,#101b2a 75%);border:1px solid rgba(199,227,246,.2);border-radius:21px;box-shadow:0 35px 100px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);transform:rotate(-2deg);overflow:hidden}.panel-top,.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(214,235,244,.1);direction:ltr;font-family:'DM Sans',sans-serif}.panel-dots{display:flex;gap:5px}.panel-dots i{display:block;height:7px;width:7px;border-radius:50%;background:#3b4a63}.panel-dots i:first-child{background:#ff8a81}.panel-dots i:nth-child(2){background:#ffd18c}.panel-dots i:nth-child(3){background:#a7ffc8}.panel-tag{font-size:10px;color:#8b9aad;letter-spacing:1.8px}.panel-check{font-size:10px;color:var(--accent)}.panel-body{padding:28px 26px 22px}.mini-kicker{font-size:13px;color:#95a8bc;margin-bottom:18px}.workflow-item{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);padding:13px 12px;border-radius:12px}.flow-num{font:600 11px 'DM Sans',sans-serif;color:#8093aa}.flow-icon{width:36px;height:36px;border:1px solid rgba(158,190,235,.13);display:grid;place-items:center;color:#d5e3ff;background:#283851;border-radius:10px;font-size:23px}.flow-icon.icon-green{background:#1e4139;color:#a3ffc8}.flow-icon.icon-violet{background:#373157;color:#c0b7ff}.flow-text{flex:1;display:flex;flex-direction:column;line-height:1.5}.flow-text strong{font-size:13px;color:#f5f8ff}.flow-text small{font-size:11px;color:#93a1b4}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.workflow-link{height:14px;border-inline-start:1px dashed #6b879e;margin-inline-start:48px}.panel-bottom{border-bottom:0;border-top:1px solid rgba(214,235,244,.1);color:#98a7ba;font-size:11px;font-family:inherit}.down-arrow{font-size:15px;color:var(--accent);margin-left:4px}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:#eff8f4;padding:11px 13px;border:1px solid rgba(170,214,203,.22);background:rgba(22,39,51,.93);box-shadow:0 12px 40px rgba(0,0,0,.25);border-radius:12px;backdrop-filter:blur(16px)}.float-card-left{left:-7px;bottom:96px;transform:rotate(3deg)}.float-card-right{right:-7px;top:94px;transform:rotate(3deg)}.float-symbol{color:var(--accent);font:800 22px 'DM Sans',sans-serif}.float-symbol.little-gear{font-size:20px}
.trustline{background:#101726;border-block:1px solid var(--line)}.trustline-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:21px}.trustline-wrap>span{color:#78889c;font-size:11px;white-space:nowrap}.trustline-wrap>div{display:flex;gap:30px;align-items:center;color:#c3cdd9;font-size:12px;font-weight:600;flex-wrap:wrap}.separator{color:#718c86;font-size:13px}.section-overline{font:700 11px/1.3 'DM Sans',sans-serif;letter-spacing:2.5px;color:var(--accent);display:block;direction:ltr;text-align:start;margin-bottom:19px}h2{font-size:clamp(35px,4.2vw,56px);line-height:1.48;letter-spacing:-1.6px;font-weight:700;margin-bottom:0}html[lang=en] h2{line-height:1.19;letter-spacing:-2.1px}h2 em{font-style:normal;color:#95a9bd}.section-header{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.section-header p{max-width:360px;color:#9aabbb;font-size:15px;line-height:1.95;margin:0 0 9px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{background:#111a29;border:1px solid var(--line);border-radius:18px;min-height:336px;padding:23px 22px;display:flex;flex-direction:column;transition:transform .24s,border-color .24s,background .24s}.service-card:hover{transform:translateY(-6px);border-color:rgba(163,255,200,.39);background:#162131}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.service-icon{background:#1c2c39;border:1px solid #2d4854;color:var(--accent);width:49px;height:49px;border-radius:14px;display:grid;place-items:center;font-size:25px;line-height:1}.service-number{font:700 12px 'DM Sans',sans-serif;color:#5e7089}.service-card h3{font-size:18px;line-height:1.55;margin-bottom:13px}.service-card p{color:#9aaabd;font-size:13px;line-height:1.9;margin-bottom:23px}.service-tag{margin-top:auto;color:#c5e6d0;font-size:11px;display:inline-flex;align-items:center;gap:6px}.service-tag:before{content:'•';color:var(--accent);font-size:16px}
.approach{background:linear-gradient(180deg,#101929 0%,#0b1321 100%);border-block:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}.approach-copy p{color:#9aaabd;line-height:2;max-width:400px;margin:28px 0 24px}.inline-link{display:inline-flex;align-items:center;gap:40px;color:var(--accent);font-weight:600;font-size:14px;border-bottom:1px solid rgba(163,255,200,.4);padding-bottom:9px}.approach-list{border-top:1px solid var(--line)}.approach-row{display:grid;grid-template-columns:32px 1fr 20px;gap:14px;align-items:start;padding:24px 3px;border-bottom:1px solid var(--line)}.approach-row>span{font:700 12px 'DM Sans',sans-serif;color:#9ab2aa;padding-top:7px}.approach-row h3{font-size:17px;margin-bottom:5px}.approach-row p{color:#8f9dad;font-size:13px;margin:0}.approach-row b{font-size:20px;color:#667f81;font-weight:400}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{background:#101a29;border:1px solid var(--line);border-radius:19px;overflow:hidden;padding-bottom:28px}.project-art{height:295px;position:relative;overflow:hidden;display:grid;place-items:center}.olive-art{background:radial-gradient(ellipse at 60% 40%,#9da67b,#303d33 70%,#26312d);}.olive-art:before{content:'';position:absolute;width:540px;height:540px;border:1px solid #bec5ac44;border-radius:50%;top:-190px;left:-110px}.mock-browser{width:72%;height:220px;background:#1a231f;border:1px solid rgba(225,243,189,.35);border-radius:12px;box-shadow:0 35px 80px #111a1455;transform:rotate(-5deg);position:relative;padding:16px 22px}.mock-top{font:600 10px 'DM Sans',sans-serif;color:#9cae93;letter-spacing:1px;display:flex;justify-content:space-between}.mock-logo{font:800 52px 'DM Sans',sans-serif;letter-spacing:-3px;color:#f0e9d7;text-align:center;margin-top:34px}.mock-logo span{font-size:11px;vertical-align:top;letter-spacing:normal}.mock-caption{display:flex;justify-content:space-between;font:600 9px 'DM Sans',sans-serif;letter-spacing:1.2px;color:#b2c6a6;border-top:1px solid #a7b9a044;padding-top:11px;margin-top:12px}.mock-caption span{font-size:16px}.mock-circles{position:absolute;bottom:16px;left:20px;display:flex;gap:5px}.mock-circles i{width:6px;height:6px;border-radius:50%;background:#bdd58c}.purple-art{background:radial-gradient(circle at 50% 45%,#65608d,#252b49 60%,#1a223b);}.athar-rings{position:absolute;width:265px;height:265px;border:1px solid #aab3ee45;border-radius:50%;box-shadow:0 0 0 34px #adaee20a,0 0 0 72px #adaee20d}.athar-core{z-index:1;font-size:77px;font-weight:700;line-height:1;text-align:center;letter-spacing:-3px;text-shadow:0 15px 25px #050b2050}.athar-core span{display:block;font:700 12px 'DM Sans',sans-serif;letter-spacing:8px;margin-top:18px;color:#d3dcfb}.athar-case{position:absolute;right:28px;bottom:20px;left:28px;display:flex;justify-content:space-between;color:#b8c1df;font:700 10px 'DM Sans',sans-serif;letter-spacing:1px}.athar-case span{font-size:17px}.project-meta{display:flex;align-items:center;justify-content:space-between;margin:25px 25px 14px;color:#76899f;font:600 12px 'DM Sans',sans-serif}.pill{font:600 11px 'IBM Plex Sans Arabic',sans-serif;color:#badcc9;background:#19322c;border:1px solid #305345;padding:5px 11px;border-radius:7px}.project-card h3{font:700 21px 'DM Sans',sans-serif;letter-spacing:-.5px;direction:ltr;text-align:start;margin:0 25px 12px}.project-card p{color:#9aa9bd;margin:0 25px;font-size:13px;line-height:2}.project-link{display:inline-flex;align-items:center;gap:11px;margin:17px 25px 0;color:var(--accent);font-size:12px;font-weight:600}.work-note{color:#73849a;font-size:12px;margin:22px 0 0}
.about{padding-top:25px}.about-shell{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:95px;padding:65px;background:#121d2b;border:1px solid var(--line);border-radius:23px}.about-symbol{height:280px;display:grid;place-items:center;position:relative}.about-symbol>span:first-child{width:180px;height:180px;border:1px solid #638f8770;background:radial-gradient(circle at 45% 22%,#244d46,#10252f 74%);border-radius:45px;display:grid;place-items:center;transform:rotate(-12deg);font:900 110px 'DM Sans',sans-serif;color:var(--accent);box-shadow:0 25px 55px #0004}.symbol-orbit{position:absolute;width:265px;height:265px;border:1px dashed #9fcfa838;border-radius:50%;transform:rotate(10deg)}.about-copy p{color:#a6b5c4;line-height:2.05;margin:25px 0}.about-info{display:flex;flex-wrap:wrap;gap:10px}.about-info>span{border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:11px;color:#bccfce;display:flex;align-items:center;gap:8px}.info-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.contact{padding-top:85px}.contact-grid{display:grid;grid-template-columns:1fr .95fr;align-items:start;gap:100px}.contact-copy p{margin:26px 0;color:#9aaabd;max-width:430px}.email-link{font:700 clamp(19px,2.4vw,29px) 'DM Sans',sans-serif;display:inline-flex;gap:20px;align-items:center;direction:ltr;color:var(--accent);border-bottom:1px solid #8dceb266;padding-bottom:12px}.contact-card{background:#141e2d;border:1px solid rgba(193,213,241,.16);padding:30px;border-radius:19px;box-shadow:0 35px 85px #01081035}.contact-card-head{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:700;margin-bottom:22px}.contact-card form{display:flex;flex-direction:column;gap:8px}.contact-card label{font-size:12px;color:#cdd6e3;font-weight:600;margin-top:10px}.contact-card input,.contact-card textarea,.contact-card select{background:#0d1623;color:#f4f7fc;border:1px solid #2b3b51;border-radius:9px;padding:11px 13px;font-size:13px;width:100%;outline:none;min-height:47px;resize:vertical}.contact-card input:focus,.contact-card textarea:focus,.contact-card select:focus{border-color:var(--accent)}.contact-card input::placeholder,.contact-card textarea::placeholder{color:#617187}.contact-card select{color:#ceddeb}.contact-card select option{background:#111b2b}.full-width{width:100%;margin-top:13px}.form-note{margin:3px 0;color:#73849b;font-size:11px}.form-status{font-size:12px;color:#b5e8c9}.footer{border-top:1px solid var(--line);background:#0b1120}.footer-inner{padding-block:40px 25px}.small-mark{width:31px;height:31px;font-size:20px;border-radius:8px}.footer-brand{font-size:17px}.footer-inner>span{color:#7e91a6;font-size:12px;display:block;margin:14px 0 32px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8494a8;font:500 12px 'DM Sans','IBM Plex Sans Arabic',sans-serif}.footer-bottom a:hover{color:var(--accent)}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:1;transform:none}.eyebrow-pulse{animation:pulse 3s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(163,255,200,.025)}}}
@media(max-width:1080px){.desktop-nav{gap:16px}.hero-grid{gap:10px}.float-card-left{left:0}.float-card-right{right:0}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:275px}.approach-grid,.contact-grid{gap:52px}.about-shell{gap:40px}.hero-art{scale:.94}}
@media(max-width:760px){.container{padding-inline:20px}.header-row{min-height:70px}.desktop-nav,.header-cta{display:none}.menu-btn{display:block}.mobile-nav{display:flex;flex-direction:column;gap:0;padding:8px 20px 17px;background:#10192a;border-top:1px solid var(--line)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:14px;color:#cdd6e4}.section-pad{padding-block:74px}.hero{padding-top:74px;padding-bottom:50px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{max-width:620px}.hero-art{height:450px;scale:1}.hero-glow{width:100%}.hero-meta{font-size:11px}h1{font-size:clamp(42px,9.4vw,63px);letter-spacing:-1.7px}.hero-sub{font-size:14px}.trustline-wrap{flex-direction:column;gap:13px;align-items:start}.trustline-wrap>div{gap:11px 16px}.section-header{display:block;margin-bottom:30px}.section-header p{margin-top:19px;max-width:500px}.approach-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-shell{grid-template-columns:1fr;padding:28px;gap:5px}.about-symbol{height:180px}.about-symbol>span:first-child{width:120px;height:120px;border-radius:29px;font-size:70px}.symbol-orbit{width:174px;height:174px}.project-art{height:230px}.mock-browser{width:85%;height:188px}.mock-logo{font-size:40px}.work{padding-top:78px}.contact{padding-top:75px}}
@media(max-width:520px){.wordmark{font-size:17px}.mark{width:34px;height:34px;font-size:22px}.hero-buttons{flex-direction:column}.hero-buttons .button{width:100%}.hero-art{height:375px}.process-panel{width:93%;transform:rotate(-1deg)}.panel-body{padding:18px 14px}.workflow-item{padding:11px 9px;gap:8px}.flow-text small{font-size:10px}.flow-text strong{font-size:12px}.float-card{font-size:9px;max-width:185px;padding:9px}.float-card-left{bottom:14px;left:-4px}.float-card-right{top:9px;right:-4px}.orbit{width:350px;height:350px}.orbit-two{width:295px;height:295px}.services-grid,.project-grid{grid-template-columns:1fr}.service-card{min-height:230px}.project-art{height:255px}h2{font-size:36px}.about-shell{padding:24px}.contact-card{padding:22px}.footer-bottom{flex-wrap:wrap}.footer-bottom a:nth-child(2){order:3;flex-basis:100%}}