{"id":2727,"date":"2019-01-11T14:33:32","date_gmt":"2019-01-11T14:33:32","guid":{"rendered":"https:\/\/democontent.codex-themes.com\/sites-elementor\/agency-digital\/?page_id=2"},"modified":"2026-06-14T08:21:14","modified_gmt":"2026-06-14T08:21:14","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/digicastweb.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nDigitalCast \u2014 Digital Futures<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n\r\n:root{\r\n --c:#00D4FF;\r\n --c2:#00FFE7;\r\n --bg:#04080F;\r\n --bg2:#060C18;\r\n --glass:rgba(255,255,255,0.04);\r\n --border:rgba(0,212,255,0.18);\r\n --border2:rgba(0,212,255,0.35);\r\n --text:#E8F0FF;\r\n --muted:rgba(232,240,255,0.42);\r\n --glow:rgba(0,212,255,0.12);\r\n --glow2:rgba(0,212,255,0.25);\r\n}\r\n\r\nhtml{scroll-behavior:smooth}\r\n\r\nbody{\r\n background:var(--bg);\r\n color:var(--text);\r\n font-family:'DM Sans',sans-serif;\r\n font-weight:300;\r\n cursor:none;\r\n overflow-x:hidden;\r\n min-height:100vh;\r\n -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CURSOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#cur-dot,#cur-ring{\r\n position:fixed;\r\n border-radius:50%;\r\n pointer-events:none;\r\n z-index:9999;\r\n transition:transform 0.15s ease;\r\n}\r\n#cur-dot{\r\n width:6px;height:6px;\r\n background:var(--c);\r\n margin:-3px 0 0 -3px;\r\n box-shadow:0 0 10px var(--c),0 0 20px var(--c);\r\n}\r\n#cur-ring{\r\n width:36px;height:36px;\r\n border:1.5px solid rgba(0,212,255,0.6);\r\n margin:-18px 0 0 -18px;\r\n transition:width 0.3s ease,height 0.3s ease,margin 0.3s ease,border-color 0.3s ease,background 0.3s ease;\r\n}\r\n#cur-ring.hover{\r\n width:56px;height:56px;\r\n margin:-28px 0 0 -28px;\r\n border-color:var(--c);\r\n background:rgba(0,212,255,0.06);\r\n}\r\n#cur-ring.click{\r\n width:44px;height:44px;\r\n margin:-22px 0 0 -22px;\r\n background:rgba(0,212,255,0.15);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BACKGROUND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.bg-grid{\r\n position:fixed;inset:0;z-index:0;pointer-events:none;\r\n background-image:\r\n linear-gradient(rgba(0,212,255,0.035) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(0,212,255,0.035) 1px,transparent 1px);\r\n background-size:64px 64px;\r\n}\r\n.bg-glow{\r\n position:fixed;inset:0;z-index:0;pointer-events:none;\r\n background:radial-gradient(ellipse 60% 50% at 70% 50%,rgba(0,212,255,0.055) 0%,transparent 70%),\r\n radial-gradient(ellipse 40% 30% at 20% 80%,rgba(0,255,231,0.04) 0%,transparent 60%);\r\n}\r\n.noise{\r\n position:fixed;inset:0;z-index:0;pointer-events:none;\r\n opacity:0.025;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n background-size:200px 200px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nnav{\r\n position:fixed;top:0;left:0;right:0;z-index:500;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:24px 48px;\r\n border-bottom:1px solid rgba(0,212,255,0.07);\r\n background:rgba(4,8,15,0.7);\r\n backdrop-filter:blur(20px);\r\n -webkit-backdrop-filter:blur(20px);\r\n}\r\n.logo{\r\n font-family:'Syne',sans-serif;font-weight:800;font-size:22px;\r\n letter-spacing:-0.02em;\r\n background:linear-gradient(135deg,#fff 0%,var(--c) 100%);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n background-clip:text;\r\n}\r\n.logo span{color:var(--c);-webkit-text-fill-color:var(--c)}\r\n.nav-links{display:flex;align-items:center;gap:36px}\r\n.nav-links a{\r\n font-size:13px;font-weight:400;letter-spacing:0.06em;text-transform:uppercase;\r\n color:var(--muted);text-decoration:none;\r\n transition:color 0.2s;\r\n}\r\n.nav-links a:hover{color:var(--text)}\r\n.nav-cta{\r\n font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;\r\n color:var(--bg);background:var(--c);\r\n padding:10px 22px;border:none;border-radius:100px;\r\n cursor:none;transition:all 0.25s ease;\r\n}\r\n.nav-cta:hover{background:var(--c2);transform:translateY(-1px);box-shadow:0 0 24px rgba(0,212,255,0.4)}\r\n\r\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.hero{\r\n position:relative;z-index:1;\r\n min-height:100vh;\r\n display:grid;grid-template-columns:1fr 1fr;\r\n align-items:center;\r\n padding:0 48px;\r\n max-width:1400px;margin:0 auto;\r\n gap:60px;\r\n}\r\n.hero-left{padding-top:80px}\r\n\r\n.badge{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;\r\n color:var(--c);\r\n border:1px solid var(--border);border-radius:100px;\r\n padding:6px 16px;margin-bottom:36px;\r\n background:rgba(0,212,255,0.06);\r\n}\r\n.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--c);animation:pulse 2s ease infinite}\r\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.85)}}\r\n\r\nh1{\r\n font-family:'Syne',sans-serif;font-weight:800;\r\n font-size:clamp(54px,6vw,90px);line-height:0.92;\r\n letter-spacing:-0.04em;margin-bottom:28px;\r\n}\r\nh1 .line1{display:block;color:var(--text)}\r\nh1 .line2{\r\n display:block;\r\n background:linear-gradient(135deg,var(--c) 0%,var(--c2) 100%);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n background-clip:text;\r\n}\r\nh1 .line3{display:block;color:rgba(232,240,255,0.55)}\r\n\r\n.hero-sub{\r\n font-size:16px;font-weight:300;line-height:1.7;\r\n color:var(--muted);max-width:440px;margin-bottom:44px;\r\n}\r\n\r\n.cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:56px}\r\n.btn-primary{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-size:13px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;\r\n background:var(--c);color:var(--bg);\r\n padding:14px 28px;border-radius:100px;border:none;cursor:none;\r\n transition:all 0.3s ease;text-decoration:none;\r\n box-shadow:0 0 30px rgba(0,212,255,0.3),inset 0 1px 0 rgba(255,255,255,0.2);\r\n}\r\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 48px rgba(0,212,255,0.5),inset 0 1px 0 rgba(255,255,255,0.2)}\r\n.btn-primary svg{transition:transform 0.3s ease}\r\n.btn-primary:hover svg{transform:translate(3px,-3px)}\r\n.btn-outline{\r\n display:inline-flex;align-items:center;gap:8px;\r\n font-size:13px;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;\r\n color:var(--text);background:transparent;\r\n padding:14px 28px;border-radius:100px;cursor:none;text-decoration:none;\r\n border:1px solid rgba(232,240,255,0.2);\r\n transition:all 0.3s ease;\r\n}\r\n.btn-outline:hover{border-color:var(--c);color:var(--c);background:rgba(0,212,255,0.06)}\r\n\r\n.stats-row{display:flex;gap:40px}\r\n.stat-item{}\r\n.stat-num{\r\n font-family:'Syne',sans-serif;font-size:32px;font-weight:800;\r\n color:var(--text);letter-spacing:-0.03em;line-height:1;margin-bottom:4px;\r\n}\r\n.stat-num span{color:var(--c)}\r\n.stat-label{font-size:11px;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}\r\n\r\n\/* \u2500\u2500\u2500 CARDS CONTAINER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.hero-right{\r\n position:relative;height:540px;\r\n}\r\n\r\n\/* Floating cards *\/\r\n.card{\r\n position:absolute;\r\n width:220px;\r\n background:var(--glass);\r\n border:1px solid var(--border);\r\n border-radius:20px;\r\n padding:22px;\r\n cursor:none;\r\n backdrop-filter:blur(20px);\r\n -webkit-backdrop-filter:blur(20px);\r\n transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),\r\n box-shadow 0.4s ease,\r\n border-color 0.3s ease,\r\n background 0.3s ease;\r\n will-change:transform;\r\n user-select:none;\r\n}\r\n.card::before{\r\n content:'';position:absolute;inset:-1px;border-radius:21px;\r\n background:linear-gradient(135deg,rgba(0,212,255,0.15),transparent 60%);\r\n opacity:0;transition:opacity 0.3s ease;z-index:-1;\r\n}\r\n.card:hover{\r\n transform:translateY(-8px) scale(1.02) !important;\r\n box-shadow:0 20px 60px rgba(0,212,255,0.2),0 0 0 1px rgba(0,212,255,0.3),inset 0 1px 0 rgba(255,255,255,0.08);\r\n border-color:rgba(0,212,255,0.45);\r\n background:rgba(0,212,255,0.07);\r\n}\r\n.card:hover::before{opacity:1}\r\n\r\n.card-num{\r\n font-size:10px;font-weight:500;letter-spacing:0.18em;color:var(--c);\r\n text-transform:uppercase;margin-bottom:18px;opacity:0.7;\r\n}\r\n.card-icon{\r\n width:42px;height:42px;border-radius:12px;\r\n background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.2);\r\n display:flex;align-items:center;justify-content:center;margin-bottom:16px;\r\n}\r\n.card-icon svg{width:20px;height:20px;stroke:var(--c);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}\r\n.card-title{\r\n font-family:'Syne',sans-serif;font-size:16px;font-weight:700;\r\n color:var(--text);margin-bottom:8px;letter-spacing:-0.01em;line-height:1.2;\r\n}\r\n.card-tag{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0.04em}\r\n.card-arrow{\r\n position:absolute;bottom:20px;right:20px;\r\n width:28px;height:28px;border-radius:50%;\r\n background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.2);\r\n display:flex;align-items:center;justify-content:center;\r\n opacity:0;transition:opacity 0.3s,transform 0.3s;\r\n}\r\n.card-arrow svg{width:12px;height:12px;stroke:var(--c);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}\r\n.card:hover .card-arrow{opacity:1;transform:translate(2px,-2px)}\r\n\r\n\/* Individual card positions & float animations *\/\r\n.card-1{top:20px;left:0;rotate:\u22122deg;animation:float1 7s ease-in-out infinite}\r\n.card-2{top:10px;left:250px;rotate:3deg;animation:float2 6s ease-in-out infinite 0.8s}\r\n.card-3{top:195px;left:110px;rotate:-1deg;animation:float3 8s ease-in-out infinite 1.5s}\r\n.card-4{top:360px;left:10px;rotate:2deg;animation:float4 7.5s ease-in-out infinite 0.4s}\r\n.card-5{top:355px;left:255px;rotate:-3deg;animation:float5 6.5s ease-in-out infinite 1.2s}\r\n\r\n@keyframes float1{0%,100%{transform:translateY(0px) rotate(-2deg)}50%{transform:translateY(-12px) rotate(-2deg)}}\r\n@keyframes float2{0%,100%{transform:translateY(0px) rotate(3deg)}50%{transform:translateY(-16px) rotate(3deg)}}\r\n@keyframes float3{0%,100%{transform:translateY(0px) rotate(-1deg)}50%{transform:translateY(-10px) rotate(-1deg)}}\r\n@keyframes float4{0%,100%{transform:translateY(0px) rotate(2deg)}50%{transform:translateY(-14px) rotate(2deg)}}\r\n@keyframes float5{0%,100%{transform:translateY(0px) rotate(-3deg)}50%{transform:translateY(-11px) rotate(-3deg)}}\r\n\r\n\/* Connecting lines (decorative) *\/\r\n.card-line{\r\n position:absolute;pointer-events:none;z-index:-1;\r\n stroke:var(--c);stroke-width:0.5;stroke-dasharray:4 6;opacity:0.2;fill:none;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 EXPANDED OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#overlay{\r\n position:fixed;inset:0;z-index:800;\r\n display:flex;align-items:stretch;\r\n opacity:0;pointer-events:none;\r\n transition:opacity 0.5s ease;\r\n}\r\n#overlay.active{opacity:1;pointer-events:all}\r\n#overlay-bg{\r\n position:absolute;inset:0;\r\n background:rgba(3,6,14,0.96);\r\n clip-path:circle(0% at var(--ox,50%) var(--oy,50%));\r\n transition:clip-path 0.65s cubic-bezier(0.77,0,0.18,1);\r\n backdrop-filter:blur(24px);\r\n}\r\n#overlay.active #overlay-bg{clip-path:circle(150% at var(--ox,50%) var(--oy,50%))}\r\n#overlay-glow{\r\n position:absolute;inset:0;pointer-events:none;\r\n background:radial-gradient(ellipse 55% 60% at var(--ox,50%) var(--oy,50%),rgba(0,212,255,0.1) 0%,transparent 65%);\r\n opacity:0;transition:opacity 0.8s 0.3s;\r\n}\r\n#overlay.active #overlay-glow{opacity:1}\r\n\r\n#overlay-content{\r\n position:relative;z-index:1;\r\n width:100%;display:grid;grid-template-columns:1fr 1fr;\r\n align-items:center;padding:80px 80px;gap:80px;\r\n opacity:0;transform:translateY(24px);\r\n transition:opacity 0.5s 0.4s ease,transform 0.5s 0.4s ease;\r\n}\r\n#overlay.active #overlay-content{opacity:1;transform:translateY(0)}\r\n\r\n.ov-num{\r\n font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;\r\n color:var(--c);margin-bottom:20px;opacity:0.8;\r\n}\r\n.ov-title{\r\n font-family:'Syne',sans-serif;font-size:clamp(52px,6vw,88px);\r\n font-weight:800;letter-spacing:-0.04em;line-height:0.92;\r\n color:var(--text);margin-bottom:32px;\r\n}\r\n.ov-title .accent{\r\n display:block;\r\n background:linear-gradient(135deg,var(--c),var(--c2));\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.ov-desc{\r\n font-size:16px;font-weight:300;line-height:1.75;\r\n color:rgba(232,240,255,0.6);max-width:460px;margin-bottom:44px;\r\n}\r\n.ov-stats{display:flex;gap:44px;margin-bottom:48px}\r\n.ov-stat{}\r\n.ov-stat-val{\r\n font-family:'Syne',sans-serif;font-size:38px;font-weight:800;\r\n color:var(--c);letter-spacing:-0.03em;line-height:1;margin-bottom:6px;\r\n}\r\n.ov-stat-label{font-size:11px;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}\r\n\r\n.ov-cta-row{display:flex;gap:16px;align-items:center}\r\n\r\n\/* Case study cards (right side of overlay) *\/\r\n.ov-right{display:flex;flex-direction:column;gap:20px}\r\n.ov-case{\r\n background:rgba(255,255,255,0.04);border:1px solid rgba(0,212,255,0.15);\r\n border-radius:18px;padding:26px;\r\n transform:translateX(40px);opacity:0;\r\n transition:transform 0.5s ease,opacity 0.5s ease;\r\n}\r\n#overlay.active .ov-case{transform:translateX(0);opacity:1}\r\n#overlay.active .ov-case:nth-child(1){transition-delay:0.55s}\r\n#overlay.active .ov-case:nth-child(2){transition-delay:0.7s}\r\n#overlay.active .ov-case:nth-child(3){transition-delay:0.85s}\r\n\r\n.ov-case-label{font-size:10px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--c);margin-bottom:10px;opacity:0.7}\r\n.ov-case-title{font-family:'Syne',sans-serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-0.01em}\r\n.ov-case-meta{font-size:13px;font-weight:300;color:var(--muted);line-height:1.5}\r\n.ov-case-result{\r\n display:inline-block;margin-top:12px;font-size:11px;font-weight:500;\r\n letter-spacing:0.1em;text-transform:uppercase;color:var(--c);\r\n background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.2);\r\n padding:4px 12px;border-radius:100px;\r\n}\r\n\r\n\/* Close button *\/\r\n#close-btn{\r\n position:fixed;top:32px;right:40px;z-index:850;\r\n width:48px;height:48px;border-radius:50%;cursor:none;\r\n background:rgba(255,255,255,0.05);border:1px solid rgba(0,212,255,0.2);\r\n display:flex;align-items:center;justify-content:center;\r\n opacity:0;transform:rotate(-90deg);\r\n transition:opacity 0.4s 0.6s,transform 0.4s 0.6s,background 0.2s;\r\n}\r\n#overlay.active #close-btn{opacity:1;transform:rotate(0deg)}\r\n#close-btn:hover{background:rgba(0,212,255,0.15);border-color:var(--c)}\r\n#close-btn svg{width:18px;height:18px;stroke:var(--text);stroke-width:1.5;fill:none;stroke-linecap:round}\r\n\r\n\/* Watermark bg number *\/\r\n#ov-watermark{\r\n position:absolute;right:-20px;top:50%;transform:translateY(-50%);\r\n font-family:'Syne',sans-serif;font-size:280px;font-weight:800;\r\n color:rgba(0,212,255,0.03);letter-spacing:-0.05em;pointer-events:none;\r\n user-select:none;white-space:nowrap;\r\n}\r\n\r\n\/* Scan line decoration *\/\r\n.scan-line{\r\n position:fixed;top:0;left:0;right:0;height:1px;\r\n background:linear-gradient(90deg,transparent,var(--c),transparent);\r\n opacity:0.3;z-index:2;pointer-events:none;\r\n animation:scan 8s linear infinite;\r\n}\r\n@keyframes scan{\r\n 0%{top:0;opacity:0}\r\n 5%{opacity:0.3}\r\n 95%{opacity:0.3}\r\n 100%{top:100vh;opacity:0}\r\n}\r\n\r\n\/* \u2500\u2500\u2500 MARQUEE STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.marquee-wrap{\r\n position:relative;z-index:1;\r\n border-top:1px solid rgba(0,212,255,0.1);\r\n border-bottom:1px solid rgba(0,212,255,0.1);\r\n padding:14px 0;overflow:hidden;background:rgba(0,212,255,0.025);\r\n}\r\n.marquee-track{\r\n display:flex;gap:0;\r\n animation:marquee 28s linear infinite;\r\n white-space:nowrap;\r\n}\r\n.marquee-track span{\r\n display:inline-flex;align-items:center;gap:32px;\r\n font-size:11px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;\r\n color:var(--muted);padding:0 32px;flex-shrink:0;\r\n}\r\n.marquee-track span i{color:var(--c);font-style:normal}\r\n@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\r\n\/* \u2500\u2500\u2500 FLOATING UI ELEMENTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.float-el{\r\n position:absolute;pointer-events:none;\r\n border:1px solid rgba(0,212,255,0.1);border-radius:12px;\r\n background:rgba(0,212,255,0.04);\r\n font-size:10px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;\r\n color:rgba(0,212,255,0.5);padding:6px 14px;\r\n animation:floatEl 10s ease-in-out infinite;\r\n}\r\n.float-el-1{top:200px;right:80px;animation-delay:0s}\r\n.float-el-2{top:420px;right:60px;animation-delay:3s}\r\n.float-el-3{top:300px;left:48px;animation-delay:6s}\r\n@keyframes floatEl{0%,100%{transform:translateY(0);opacity:0.6}50%{transform:translateY(-10px);opacity:1}}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media(max-width:900px){\r\n nav{padding:20px 24px}\r\n .nav-links{display:none}\r\n .hero{\r\n grid-template-columns:1fr;padding:0 24px;\r\n align-items:flex-start;padding-top:100px;gap:0;min-height:auto;padding-bottom:60px;\r\n }\r\n .hero-left{padding-top:0}\r\n h1{font-size:clamp(44px,10vw,64px)}\r\n .hero-right{\r\n height:auto;width:100%;overflow-x:auto;\r\n display:flex;flex-direction:row;gap:16px;\r\n padding:24px 0 24px;position:static;\r\n }\r\n .card{\r\n position:static!important;\r\n rotate:0deg!important;\r\n animation:none!important;\r\n flex-shrink:0;width:200px;\r\n transform:none!important;\r\n }\r\n #overlay-content{\r\n grid-template-columns:1fr;padding:80px 24px 40px;\r\n overflow-y:auto;height:100vh;\r\n }\r\n .ov-right{display:none}\r\n .ov-title{font-size:clamp(40px,10vw,58px)}\r\n #ov-watermark{display:none}\r\n .float-el{display:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Cursor -->\r\n<div id=\"cur-dot\"><\/div>\r\n<div id=\"cur-ring\"><\/div>\r\n\r\n<!-- Background layers -->\r\n<div class=\"bg-grid\"><\/div>\r\n<div class=\"bg-glow\"><\/div>\r\n<div class=\"noise\"><\/div>\r\n<div class=\"scan-line\"><\/div>\r\n\r\n<!-- Floating UI elements -->\r\n<div class=\"float-el float-el-1\">\u2191 247% ROAS<\/div>\r\n<div class=\"float-el float-el-2\">Live \u2022 Campaign<\/div>\r\n<div class=\"float-el float-el-3\">\u2726 Award 2024<\/div>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <div class=\"logo\">Digital<span>Cast<\/span><\/div>\r\n <div class=\"nav-links\">\r\n <a href=\"#\">Work<\/a>\r\n <a href=\"#\">Services<\/a>\r\n <a href=\"#\">Studio<\/a>\r\n <a href=\"#\">Journal<\/a>\r\n <a href=\"#\">Contact<\/a>\r\n <\/div>\r\n <button class=\"nav-cta\">Start Project<\/button>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n <div class=\"hero-left\">\r\n <div class=\"badge\">\r\n <span class=\"badge-dot\"><\/span>\r\n Digital Innovation Studio\r\n <\/div>\r\n\r\n <h1>\r\n <span class=\"line1\">We craft<\/span>\r\n <span class=\"line2\">digital<\/span>\r\n <span class=\"line3\">futures.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-sub\">\r\n Award-winning agency transforming brands through immersive web experiences, strategic marketing, and unforgettable design.\r\n <\/p>\r\n\r\n <div class=\"cta-row\">\r\n <a href=\"#\" class=\"btn-primary\">\r\n Explore Work\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M7 17L17 7M17 7H7M17 7v10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"btn-outline\">Our Services<\/a>\r\n <\/div>\r\n\r\n <div class=\"stats-row\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\">280<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Projects Delivered<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\">50<span>M+<\/span><\/div>\r\n <div class=\"stat-label\">Audience Reached<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\">98<span>%<\/span><\/div>\r\n <div class=\"stat-label\">Client Retention<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARDS -->\r\n <div class=\"hero-right\" id=\"cards-container\">\r\n\r\n <svg style=\"position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none\">\r\n <line x1=\"110\" y1=\"80\" x2=\"165\" y2=\"100\" class=\"card-line\"\/>\r\n <line x1=\"340\" y1=\"80\" x2=\"260\" y2=\"195\" class=\"card-line\"\/>\r\n <line x1=\"165\" y1=\"250\" x2=\"110\" y2=\"380\" class=\"card-line\"\/>\r\n <line x1=\"260\" y1=\"250\" x2=\"340\" y2=\"375\" class=\"card-line\"\/>\r\n <\/svg>\r\n\r\n <!-- Card 1: Web Design -->\r\n <div class=\"card card-1\" data-id=\"0\" style=\"top:20px;left:0\">\r\n <div class=\"card-num\">01<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Web Design<\/div>\r\n <div class=\"card-tag\">Immersive Experiences<\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\" stroke=\"currentColor\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2: Branding -->\r\n <div class=\"card card-2\" data-id=\"1\" style=\"top:10px;left:250px\">\r\n <div class=\"card-num\">02<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26\"\/><\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Branding<\/div>\r\n <div class=\"card-tag\">Identity & Visual Language<\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\" stroke=\"currentColor\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3: Social Media -->\r\n <div class=\"card card-3\" data-id=\"2\" style=\"top:195px;left:108px;width:240px\">\r\n <div class=\"card-num\">03<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><path d=\"M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98\"\/><\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Social Media<\/div>\r\n <div class=\"card-tag\">Viral Content Ecosystems<\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\" stroke=\"currentColor\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4: SEO -->\r\n <div class=\"card card-4\" data-id=\"3\" style=\"top:360px;left:10px\">\r\n <div class=\"card-num\">04<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35M11 8v6M8 11h6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"card-title\">SEO<\/div>\r\n <div class=\"card-tag\">Organic Growth Engine<\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\" stroke=\"currentColor\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 5: Advertising -->\r\n <div class=\"card card-5\" data-id=\"4\" style=\"top:355px;left:250px\">\r\n <div class=\"card-num\">05<\/div>\r\n <div class=\"card-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 8s-4 5-10 5-10 5-10 5V6s4 5 10 5 10-5 10-5V8z\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg>\r\n <\/div>\r\n <div class=\"card-title\">Ad Campaigns<\/div>\r\n <div class=\"card-tag\">Precision Architecture<\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7v10\" stroke=\"currentColor\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"marquee-wrap\">\r\n <div class=\"marquee-track\" id=\"marquee-track\">\r\n <span>Web Design <i>\u2726<\/i> Branding <i>\u2726<\/i> Social Media <i>\u2726<\/i> SEO <i>\u2726<\/i> Ad Campaigns <i>\u2726<\/i> UI\/UX <i>\u2726<\/i> Motion Design <i>\u2726<\/i> E-Commerce <i>\u2726<\/i> Analytics <i>\u2726<\/i> Growth Hacking <i>\u2726<\/i><\/span>\r\n <span>Web Design <i>\u2726<\/i> Branding <i>\u2726<\/i> Social Media <i>\u2726<\/i> SEO <i>\u2726<\/i> Ad Campaigns <i>\u2726<\/i> UI\/UX <i>\u2726<\/i> Motion Design <i>\u2726<\/i> E-Commerce <i>\u2726<\/i> Analytics <i>\u2726<\/i> Growth Hacking <i>\u2726<\/i><\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- EXPANDED OVERLAY -->\r\n<div id=\"overlay\">\r\n <div id=\"overlay-bg\"><\/div>\r\n <div id=\"overlay-glow\"><\/div>\r\n <div id=\"ov-watermark\">01<\/div>\r\n <div id=\"overlay-content\">\r\n <div class=\"ov-left\">\r\n <div class=\"ov-num\" id=\"ov-num\">01 \/ Service<\/div>\r\n <h2 class=\"ov-title\"><span class=\"line1\" id=\"ov-t1\"><\/span><span class=\"accent\" id=\"ov-t2\"><\/span><\/h2>\r\n <p class=\"ov-desc\" id=\"ov-desc\"><\/p>\r\n <div class=\"ov-stats\" id=\"ov-stats\"><\/div>\r\n <div class=\"ov-cta-row\">\r\n <a href=\"#\" class=\"btn-primary\">View Case Studies <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M7 17L17 7M17 7H7M17 7v10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg><\/a>\r\n <a href=\"#\" class=\"btn-outline\">Start a Project<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ov-right\" id=\"ov-cases\"><\/div>\r\n <\/div>\r\n <button id=\"close-btn\" aria-label=\"Close\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 6L6 18M6 6l12 12\" stroke=\"currentColor\"\/><\/svg>\r\n <\/button>\r\n<\/div>\r\n\r\n<script>\r\nconst data=[\r\n {\r\n num:\"01\",t1:\"Web\",t2:\"Design\",\r\n desc:\"We build pixel-perfect, award-winning digital interfaces that turn visitors into customers. From concept to deployment, every pixel is intentional.\",\r\n stats:[{v:\"180+\",l:\"Sites Launched\"},{v:\"4.2s\",l:\"Avg Load Time\"},{v:\"94\",l:\"Lighthouse Score\"}],\r\n cases:[\r\n {label:\"E-Commerce\",title:\"NovaBay Retail Platform\",meta:\"Complete redesign of a luxury e-commerce platform serving 2M+ users monthly.\",result:\"\u2191 312% Conversion\"},\r\n {label:\"SaaS\",title:\"Orbit Analytics Dashboard\",meta:\"Designing a complex data visualization platform with real-time updates and custom charts.\",result:\"\u2191 67% Engagement\"},\r\n {label:\"Portfolio\",title:\"Lumi\u00e8re Studios\",meta:\"Cinematic portfolio experience with WebGL animations and immersive scroll storytelling.\",result:\"Awwwards SOTD\"}\r\n ]\r\n },\r\n {\r\n num:\"02\",t1:\"Brand\",t2:\"Identity\",\r\n desc:\"We craft distinctive brand systems that resonate across every touchpoint. From logo marks to full visual languages that stand the test of time.\",\r\n stats:[{v:\"95+\",l:\"Brands Built\"},{v:\"12\",l:\"Design Awards\"},{v:\"100%\",l:\"Brand Recall\"}],\r\n cases:[\r\n {label:\"Rebrand\",title:\"Axiom Fintech\",meta:\"Complete identity overhaul for a Series-B fintech company entering European markets.\",result:\"3\u00d7 Media Coverage\"},\r\n {label:\"Startup\",title:\"Lune Beauty Co.\",meta:\"Building a brand from scratch: naming, identity, packaging, and campaign assets.\",result:\"$2M Seed Raised\"},\r\n {label:\"Corporate\",title:\"Vantage Group\",meta:\"Multi-brand architecture system for a holding company with 8 sub-brands.\",result:\"Consistency +91%\"}\r\n ]\r\n },\r\n {\r\n num:\"03\",t1:\"Social\",t2:\"Marketing\",\r\n desc:\"We engineer content ecosystems that grow audiences, deepen engagement, and build communities around your brand organically and at scale.\",\r\n stats:[{v:\"50M+\",l:\"Reach\/Month\"},{v:\"8.4%\",l:\"Avg Engagement\"},{v:\"420%\",l:\"Follower Growth\"}],\r\n cases:[\r\n {label:\"Fashion\",title:\"ELEV8 Streetwear\",meta:\"Built a 1.2M following in 18 months through creator collaborations and trend-forward content.\",result:\"$4.8M Revenue\"},\r\n {label:\"B2B\",title:\"Nexus Software\",meta:\"LinkedIn-first strategy turning a tech brand into a thought-leadership powerhouse.\",result:\"147% Pipeline \u2191\"},\r\n {label:\"F&B\",title:\"Solstice Caf\u00e9 Chain\",meta:\"Hyper-local social campaigns across 24 locations driving foot traffic and UGC.\",result:\"+89% Walk-ins\"}\r\n ]\r\n },\r\n {\r\n num:\"04\",t1:\"Search\",t2:\"Optimisation\",\r\n desc:\"We dominate search rankings with technical precision, content strategy, and link building that drives lasting organic growth and qualified traffic.\",\r\n stats:[{v:\"#1\",l:\"Avg Ranking\"},{v:\"5.2\u00d7\",l:\"Traffic Growth\"},{v:\"89%\",l:\"Keywords Won\"}],\r\n cases:[\r\n {label:\"Legal\",title:\"Harlow & Associates\",meta:\"Took a law firm from page 5 to #1 across 40 high-intent legal search terms in 6 months.\",result:\"\u2191 580% Leads\"},\r\n {label:\"Health\",title:\"MediCore Clinics\",meta:\"Local SEO domination across 12 clinic locations, capturing 80% of local search share.\",result:\"34K+ Monthly Visits\"},\r\n {label:\"SaaS\",title:\"Qore Platform\",meta:\"Technical SEO overhaul and content scaling strategy for a B2B SaaS platform.\",result:\"$2.1M Organic ARR\"}\r\n ]\r\n },\r\n {\r\n num:\"05\",t1:\"Ad\",t2:\"Campaigns\",\r\n desc:\"We architect precision performance campaigns across every major platform, turning ad spend into measurable, scalable returns your competitors can't match.\",\r\n stats:[{v:\"247%\",l:\"Avg ROAS\"},{v:\"$18M+\",l:\"Ad Spend Managed\"},{v:\"0.8%\",l:\"Avg CPA Drop\"}],\r\n cases:[\r\n {label:\"D2C\",title:\"Prism Wellness Brand\",meta:\"Meta + TikTok funnel strategy scaling from $20K to $400K\/mo spend with ROAS maintained.\",result:\"11.4\u00d7 ROAS\"},\r\n {label:\"B2B\",title:\"CloudSpend SaaS\",meta:\"LinkedIn ABM campaign targeting Fortune 500 with personalised creative sequences.\",result:\"$3.2M Pipeline\"},\r\n {label:\"Retail\",title:\"Croft Department Store\",meta:\"Google Shopping + YouTube campaigns driving seasonal peaks and year-round baseline.\",result:\"\u2191 189% Revenue\"}\r\n ]\r\n }\r\n];\r\n\r\nlet activeCard=null,isMobile=window.innerWidth<=900;\r\n\r\n\/* \u2500 Cursor \u2500 *\/\r\nconst dot=document.getElementById('cur-dot'),ring=document.getElementById('cur-ring');\r\nlet mx=0,my=0,rx=0,ry=0;\r\ndocument.addEventListener('mousemove',e=>{\r\n mx=e.clientX;my=e.clientY;\r\n dot.style.left=mx+'px';dot.style.top=my+'px';\r\n});\r\n(function animRing(){\r\n rx+=(mx-rx)*0.12;ry+=(my-ry)*0.12;\r\n ring.style.left=rx+'px';ring.style.top=ry+'px';\r\n requestAnimationFrame(animRing);\r\n})();\r\ndocument.querySelectorAll('.card,.btn-primary,.btn-outline,.nav-cta,#close-btn,.nav-links a').forEach(el=>{\r\n el.addEventListener('mouseenter',()=>ring.classList.add('hover'));\r\n el.addEventListener('mouseleave',()=>ring.classList.remove('hover'));\r\n});\r\ndocument.addEventListener('mousedown',()=>ring.classList.add('click'));\r\ndocument.addEventListener('mouseup',()=>ring.classList.remove('click'));\r\n\r\n\/* \u2500 Parallax on cards \u2500 *\/\r\nconst container=document.getElementById('cards-container');\r\nconst cards=[...document.querySelectorAll('.card')];\r\ndocument.addEventListener('mousemove',e=>{\r\n if(isMobile||activeCard!==null)return;\r\n const cx=window.innerWidth\/2,cy=window.innerHeight\/2;\r\n const dx=(e.clientX-cx)\/cx,dy=(e.clientY-cy)\/cy;\r\n cards.forEach((c,i)=>{\r\n const depth=[1,1.4,1.1,1.3,1.2][i];\r\n const tx=dx*10*depth,ty=dy*8*depth;\r\n const baseRot=[-2,3,-1,2,-3][i];\r\n c.style.transform=`translate(${tx}px,${ty}px) rotate(${baseRot}deg)`;\r\n });\r\n});\r\n\r\n\/* \u2500 Card click \u2192 expand overlay \u2500 *\/\r\nconst overlay=document.getElementById('overlay');\r\nconst ovBg=document.getElementById('overlay-bg');\r\nconst wm=document.getElementById('ov-watermark');\r\n\r\nfunction openCard(el){\r\n const id=parseInt(el.dataset.id);\r\n const d=data[id];\r\n const rect=el.getBoundingClientRect();\r\n const ox=Math.round(rect.left+rect.width\/2);\r\n const oy=Math.round(rect.top+rect.height\/2);\r\n\r\n overlay.style.setProperty('--ox',ox+'px');\r\n overlay.style.setProperty('--oy',oy+'px');\r\n\r\n document.getElementById('ov-num').textContent=d.num+' \/ Service';\r\n document.getElementById('ov-t1').textContent=d.t1+' ';\r\n document.getElementById('ov-t2').textContent=d.t2;\r\n document.getElementById('ov-desc').textContent=d.desc;\r\n wm.textContent=d.num;\r\n\r\n const statsEl=document.getElementById('ov-stats');\r\n statsEl.innerHTML=d.stats.map(s=>`<div class=\"ov-stat\"><div class=\"ov-stat-val\">${s.v}<\/div><div class=\"ov-stat-label\">${s.l}<\/div><\/div>`).join('');\r\n\r\n const casesEl=document.getElementById('ov-cases');\r\n casesEl.innerHTML=d.cases.map(c=>`\r\n <div class=\"ov-case\">\r\n <div class=\"ov-case-label\">${c.label}<\/div>\r\n <div class=\"ov-case-title\">${c.title}<\/div>\r\n <div class=\"ov-case-meta\">${c.meta}<\/div>\r\n <span class=\"ov-case-result\">${c.result}<\/span>\r\n <\/div>`).join('');\r\n\r\n document.body.style.overflow='hidden';\r\n overlay.classList.add('active');\r\n activeCard=id;\r\n}\r\n\r\nfunction closeOverlay(){\r\n overlay.classList.remove('active');\r\n document.body.style.overflow='';\r\n activeCard=null;\r\n}\r\n\r\ncards.forEach(c=>c.addEventListener('click',()=>openCard(c)));\r\ndocument.getElementById('close-btn').addEventListener('click',closeOverlay);\r\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape'&&activeCard!==null)closeOverlay()});\r\n\r\n\/* Resize *\/\r\nwindow.addEventListener('resize',()=>{isMobile=window.innerWidth<=900});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b946b2 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile thegem-e-con-layout-thegem e-flex e-con e-parent\" data-id=\"5b946b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"thegem_container_layout":"thegem"}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-afc70bb flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"afc70bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>DigitalCast \u2014 Digital Agency<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:100vh0;box-sizing:border-box;}\r\nhtml{scroll-behavior:smooth;}\r\nbody{background:#050a0f;color:#fff;font-family:'DM Sans',sans-serif;overflow-x:hidden;}\r\n\r\n\/* THREE.JS CANVAS \u2014 only behind hero *\/\r\n#c{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:0;}\r\n\r\n\/* NAV *\/\r\nnav{\r\n position:fixed;top:0;left:0;right:0;z-index:999;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:18px 7vw;\r\n background:rgba(5,10,15,0.85);\r\n backdrop-filter:blur(20px);\r\n border-bottom:1px solid rgba(0,212,200,0.08);\r\n}\r\n.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}\r\n.nav-logo img{height:40px;width:40px;object-fit:contain;border-radius:8px;}\r\n.nav-logo-text{font-family:'Syne',sans-serif;font-size:19px;font-weight:700;color:#fff;}\r\n.nav-links{display:flex;gap:32px;list-style:none;}\r\n.nav-links a{font-size:13px;letter-spacing:0.04em;color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.3s;text-transform:uppercase;}\r\n.nav-links a:hover{color:#00d4c8;}\r\n.nav-cta{\r\n padding:10px 26px;\r\n background:linear-gradient(135deg,#00d4c8,#736EFE);\r\n border:none;border-radius:100px;\r\n font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;\r\n color:#050a0f;cursor:pointer;\r\n transition:transform 0.3s,box-shadow 0.3s;\r\n}\r\n.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,212,200,0.35);}\r\n\r\n\/* HERO *\/\r\n#home{\r\n position:relative;\r\n height:100vh;\r\n display:flex;align-items:center;\r\n padding:1000 8vw;\r\n overflow:hidden;\r\n}\r\n.hero-vignette{\r\n position:absolute;inset:0;z-index:1;\r\n background:radial-gradient(ellipse at center,transparent 40%,rgba(5,10,15,0.75) 100%);\r\n pointer-events:none;\r\n}\r\n.hero-content{position:relative;z-index:2;max-width:620px;}\r\n.eyebrow{\r\n font-size:11px;font-weight:300;letter-spacing:0.38em;text-transform:uppercase;\r\n color:#00d4c8;margin-bottom:2rem;\r\n display:flex;align-items:center;gap:14px;\r\n animation:fadeUp 0.8s cubic-bezier(0.22,1,0.36,1) forwards;\r\n}\r\n.eyebrow-line{width:40px;height:1px;background:#00d4c8;flex-shrink:0;}\r\nh1{\r\n font-family:'Syne',sans-serif;\r\n font-size:clamp(52px,7vw,96px);\r\n font-weight:800;line-height:0.96;letter-spacing:-0.025em;\r\n margin-bottom:1.8rem;\r\n animation:fadeUp 1s cubic-bezier(0.22,1,0.36,1) 0.2s both;\r\n}\r\n.w1{display:block;color:#fff;}\r\n.w2{display:block;color:rgba(255,255,255,0.14);}\r\n.w3{\r\n display:block;\r\n background:linear-gradient(135deg,#00d4c8,#736EFE);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n}\r\n.hero-desc{\r\n font-size:16px;font-weight:300;line-height:1.8;\r\n color:rgba(255,255,255,0.5);max-width:420px;margin-bottom:2.8rem;\r\n animation:fadeUp 1s cubic-bezier(0.22,1,0.36,1) 0.4s both;\r\n}\r\n.cta-row{\r\n display:flex;gap:18px;align-items:center;\r\n animation:fadeUp 1s cubic-bezier(0.22,1,0.36,1) 0.6s both;\r\n}\r\n.btn-p{\r\n padding:15px 38px;\r\n background:linear-gradient(135deg,#00d4c8,#736EFE);\r\n border:none;border-radius:100px;\r\n font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;\r\n color:#050a0f;cursor:pointer;\r\n transition:transform 0.35s,box-shadow 0.35s;\r\n}\r\n.btn-p:hover{transform:translateY(-3px);box-shadow:0 20px 56px rgba(0,212,200,0.35);}\r\n.btn-g{\r\n font-family:'DM Sans',sans-serif;font-size:14px;font-weight:300;\r\n color:rgba(255,255,255,0.45);background:none;border:none;cursor:pointer;\r\n display:inline-flex;align-items:center;gap:8px;transition:color 0.3s;\r\n}\r\n.btn-g:hover{color:#fff;}\r\n.arr{\r\n display:inline-flex;align-items:center;justify-content:center;\r\n width:30px;height:30px;border:1px solid rgba(255,255,255,0.18);border-radius:50%;\r\n font-size:13px;transition:transform 0.3s;\r\n}\r\n.btn-g:hover .arr{transform:translateX(4px);}\r\n.hero-stats{\r\n position:absolute;bottom:44px;left:8vw;right:8vw;z-index:2;\r\n display:flex;align-items:center;gap:40px;\r\n animation:fadeUp 1s cubic-bezier(0.22,1,0.36,1) 0.9s both;\r\n}\r\n.hs-num{font-family:'Syne',sans-serif;font-size:26px;font-weight:700;}\r\n.hs-num span{background:linear-gradient(135deg,#00d4c8,#736EFE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}\r\n.hs-lbl{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.28);margin-top:3px;}\r\n.hs-div{width:1px;height:32px;background:rgba(255,255,255,0.1);flex-shrink:0;}\r\n.scroll-hint{\r\n position:absolute;bottom:40px;right:8vw;z-index:2;\r\n display:flex;flex-direction:column;align-items:center;gap:10px;\r\n animation:fadeUp 1s forwards 1.1s both;\r\n}\r\n.s-lbl{font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.22);writing-mode:vertical-rl;}\r\n.s-bar{width:1px;height:52px;background:linear-gradient(to bottom,#00d4c8,transparent);animation:sbar 2.4s ease-in-out infinite;}\r\n\r\n\/* \u2500\u2500 ALL CONTENT SECTIONS \u2014 solid backgrounds \u2500\u2500 *\/\r\n.content-wrap{\r\n position:relative;\r\n z-index:10;\r\n background:#050a0f;\r\n}\r\n\r\n\/* ABOUT *\/\r\n#about{\r\n background:#080f1a;\r\n padding:120px 8vw;\r\n border-top:1px solid rgba(0,212,200,0.1);\r\n}\r\n.sec-tag{\r\n display:inline-flex;align-items:center;gap:10px;\r\n font-size:11px;letter-spacing:0.35em;text-transform:uppercase;color:#00d4c8;\r\n margin-bottom:1.2rem;\r\n}\r\n.sec-tag-line{width:30px;height:1px;background:#00d4c8;flex-shrink:0;}\r\n.sec-title{\r\n font-family:'Syne',sans-serif;\r\n font-size:clamp(34px,4vw,56px);\r\n font-weight:800;letter-spacing:-0.02em;line-height:1.05;\r\n color:#fff;margin-bottom:1rem;\r\n}\r\n.sec-sub{font-size:16px;font-weight:300;line-height:1.8;color:rgba(255,255,255,0.5);max-width:520px;}\r\n.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:64px;}\r\n.about-text{font-size:15px;font-weight:300;line-height:1.9;color:rgba(255,255,255,0.5);margin-top:1.6rem;}\r\n.about-text strong{color:#fff;font-weight:500;}\r\n.af-list{margin-top:2.4rem;display:flex;flex-direction:column;gap:16px;}\r\n.af-item{\r\n display:flex;align-items:flex-start;gap:16px;\r\n padding:20px 22px;\r\n background:#0d1825;\r\n border:1px solid rgba(0,212,200,0.1);\r\n border-radius:16px;\r\n transition:border-color 0.3s,transform 0.3s;\r\n}\r\n.af-item:hover{border-color:rgba(0,212,200,0.35);transform:translateX(5px);}\r\n.af-icon{\r\n width:42px;height:42px;flex-shrink:0;border-radius:12px;\r\n background:linear-gradient(135deg,rgba(0,212,200,0.15),rgba(115,110,254,0.15));\r\n display:flex;align-items:center;justify-content:center;font-size:20px;\r\n}\r\n.af-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;}\r\n.af-desc{font-size:13px;font-weight:300;color:rgba(255,255,255,0.45);line-height:1.6;}\r\n.about-visual{\r\n background:linear-gradient(135deg,rgba(0,212,200,0.05),rgba(115,110,254,0.07));\r\n border:1px solid rgba(0,212,200,0.12);border-radius:24px;\r\n padding:48px 40px;text-align:center;position:relative;overflow:hidden;\r\n}\r\n.about-visual::before{\r\n content:'';position:absolute;top:-30%;right:-10%;\r\n width:260px;height:260px;border-radius:50%;\r\n background:radial-gradient(circle,rgba(0,212,200,0.1),transparent 70%);\r\n}\r\n.av-logo{position:relative;z-index:1;}\r\n.av-logo img{width:80px;height:80px;object-fit:contain;margin-bottom:16px;border-radius:12px;}\r\n.av-brand{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:#fff;margin-bottom:6px;}\r\n.av-tag{font-size:13px;color:rgba(255,255,255,0.4);letter-spacing:0.06em;}\r\n.about-badges{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px;}\r\n.ab{\r\n padding:20px 16px;border:1px solid rgba(0,212,200,0.1);border-radius:14px;\r\n background:rgba(255,255,255,0.02);\r\n}\r\n.ab-num{font-family:'Syne',sans-serif;font-size:28px;font-weight:800;background:linear-gradient(135deg,#00d4c8,#736EFE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}\r\n.ab-lbl{font-size:11px;color:rgba(255,255,255,0.35);letter-spacing:0.08em;text-transform:uppercase;margin-top:4px;}\r\n\r\n\/* SERVICES *\/\r\n#services{\r\n background:#050a0f;\r\n padding:120px 8vw;\r\n border-top:1px solid rgba(0,212,200,0.08);\r\n}\r\n.svc-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;gap:40px;flex-wrap:wrap;}\r\n.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}\r\n.svc-card{\r\n padding:36px 30px;\r\n background:#0d1825;\r\n border:1px solid rgba(0,212,200,0.1);\r\n border-radius:20px;\r\n position:relative;overflow:hidden;\r\n transition:border-color 0.4s,transform 0.4s;\r\n}\r\n.svc-card::before{\r\n content:'';position:absolute;top:0;left:0;right:0;height:2px;\r\n background:linear-gradient(90deg,#00d4c8,#736EFE);\r\n transform:scaleX(0);transform-origin:left;\r\n transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n.svc-card:hover{border-color:rgba(0,212,200,0.3);transform:translateY(-6px);}\r\n.svc-card:hover::before{transform:scaleX(1);}\r\n.svc-icon{\r\n width:52px;height:52px;border-radius:14px;margin-bottom:22px;\r\n background:linear-gradient(135deg,rgba(0,212,200,0.15),rgba(115,110,254,0.12));\r\n display:flex;align-items:center;justify-content:center;font-size:24px;\r\n}\r\n.svc-name{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:10px;}\r\n.svc-desc{font-size:13px;font-weight:300;line-height:1.75;color:rgba(255,255,255,0.45);}\r\n.svc-link{\r\n display:inline-flex;align-items:center;gap:6px;\r\n margin-top:22px;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;\r\n color:#00d4c8;opacity:0;transition:opacity 0.3s;\r\n}\r\n.svc-card:hover .svc-link{opacity:1;}\r\n\r\n\/* CLIENTS *\/\r\n#clients{\r\n background:#080f1a;\r\n padding:120px 8vw;\r\n border-top:1px solid rgba(0,212,200,0.08);\r\n}\r\n.clients-head{text-align:center;margin-bottom:64px;}\r\n.clients-head .sec-sub{margin:0.8rem auto 0;}\r\n.clients-logos{\r\n display:grid;grid-template-columns:repeat(4,1fr);\r\n border:1px solid rgba(0,212,200,0.1);border-radius:20px;overflow:hidden;\r\n margin-bottom:56px;\r\n}\r\n.cl-item{\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;\r\n padding:40px 24px;\r\n background:#0d1825;\r\n border-right:1px solid rgba(0,212,200,0.08);\r\n border-bottom:1px solid rgba(0,212,200,0.08);\r\n transition:background 0.3s;\r\n}\r\n.cl-item:hover{background:rgba(0,212,200,0.05);}\r\n.cl-ico{\r\n width:54px;height:54px;border-radius:14px;\r\n background:linear-gradient(135deg,rgba(0,212,200,0.12),rgba(115,110,254,0.12));\r\n display:flex;align-items:center;justify-content:center;font-size:26px;\r\n}\r\n.cl-name{font-family:'Syne',sans-serif;font-size:14px;font-weight:600;color:#fff;}\r\n.cl-type{font-size:11px;color:rgba(255,255,255,0.35);letter-spacing:0.06em;text-transform:uppercase;}\r\n.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}\r\n.testi{\r\n padding:30px;background:#0d1825;\r\n border:1px solid rgba(0,212,200,0.1);border-radius:18px;\r\n}\r\n.testi-stars{display:flex;gap:3px;margin-bottom:18px;color:#00d4c8;font-size:14px;}\r\n.testi-text{font-size:14px;font-weight:300;line-height:1.8;color:rgba(255,255,255,0.5);margin-bottom:22px;font-style:italic;}\r\n.testi-author{display:flex;align-items:center;gap:12px;}\r\n.testi-av{\r\n width:38px;height:38px;border-radius:50%;\r\n background:linear-gradient(135deg,#00d4c8,#736EFE);\r\n display:flex;align-items:center;justify-content:center;\r\n font-family:'Syne',sans-serif;font-size:12px;font-weight:700;color:#050a0f;\r\n}\r\n.testi-name{font-family:'Syne',sans-serif;font-size:13px;font-weight:600;color:#fff;}\r\n.testi-co{font-size:11px;color:rgba(255,255,255,0.35);}\r\n\r\n\/* FOOTER *\/\r\nfooter{\r\n background:#020508;\r\n padding:64px 8vw 32px;\r\n border-top:1px solid rgba(0,212,200,0.08);\r\n}\r\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;margin-bottom:48px;}\r\n.footer-brand img{height:42px;width:42px;object-fit:contain;border-radius:8px;margin-bottom:12px;display:block;}\r\n.footer-brand-name{font-family:'Syne',sans-serif;font-size:19px;font-weight:700;color:#fff;margin-bottom:12px;}\r\n.footer-brand p{font-size:13px;font-weight:300;line-height:1.8;color:rgba(255,255,255,0.38);max-width:270px;}\r\n.footer-col h4{font-family:'Syne',sans-serif;font-size:12px;font-weight:600;color:#fff;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:18px;}\r\n.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px;}\r\n.footer-col a{font-size:13px;font-weight:300;color:rgba(255,255,255,0.38);text-decoration:none;transition:color 0.3s;}\r\n.footer-col a:hover{color:#00d4c8;}\r\n.footer-bottom{\r\n display:flex;justify-content:space-between;align-items:center;\r\n padding-top:24px;border-top:1px solid rgba(255,255,255,0.05);\r\n font-size:12px;color:rgba(255,255,255,0.2);\r\n}\r\n.footer-bottom span{color:#00d4c8;}\r\n\r\n\/* CURSOR GLOW *\/\r\n.cglow{\r\n position:fixed;pointer-events:none;z-index:5;\r\n width:360px;height:360px;border-radius:50%;\r\n background:radial-gradient(circle,rgba(0,212,200,0.07),transparent 70%);\r\n transform:translate(-50%,-50%);\r\n transition:left 0.05s,top 0.05s;\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}\r\n@keyframes sbar{0%,100%{opacity:0.3;}50%{opacity:1;}}\r\n.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.9s cubic-bezier(0.22,1,0.36,1),transform 0.9s cubic-bezier(0.22,1,0.36,1);}\r\n.reveal.on{opacity:1;transform:none;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- CURSOR GLOW -->\r\n<div class=\"cglow\" id=\"glow\"><\/div>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <a class=\"nav-logo\" href=\"#home\">\r\n <img src=\"data:image\/png;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb\/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7\/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7\/wAARCACgAKADASIAAhEBAxEB\/8QAHQAAAgMAAwEBAAAAAAAAAAAAAAgFBgcCAwQBCf\/EAFEQAAEDAwIDBAUEDAoIBwAAAAECAwQABREGBxIhMQhBUWETFCJxkRUydIEJFhc2QlKTobGy0dIjN1RVVmKClLPCJCczOXN1osFFU2NytOHw\/8QAHAEBAAIDAQEBAAAAAAAAAAAAAAUGAwQHAgEI\/8QAOhEAAQMCAgcFBQcEAwAAAAAAAQACAwQRBTEGEiFBUWGxInGBkdETMjOhwQcUIzRCQ3IVUmLhJJLw\/9oADAMBAAIRAxEAPwBMqKKKIiiiiiIoork2hbiwhtKlqUcBKRkmiLjRVht+iNXT0hUXT1wWk9FKZKR8VYqUTtVr5ScjTzmPOSyP89bLaOoeLtjJ8CtCTFaGI2fMwHm4D6qlUVa5m3Ot4iSp7TkwgdfRhLn6pNVydBmwHfQzYj8Zz8V1spP56xyQSxe+0jvFlmgrKeo+DI13cQei89FFFYlsoooooiKKKKIiiiiiIooooiKKKKIipCw2W6X2emDaYT0t9XchPJI8SegHmasO2egrjrKflPFGtrSgH5JH\/SnxV+imZ0tpy0aatqYFoiIZQB7a8ZW4fFR7zU5heCyVnbf2WfM93qqfpFpbBhV4Yhry8Nw7\/Tosu0bsdFaSiTqiYZDnUxY54UDyK+p+rFapY9P2SxtBu02uLEAGMtoHEferqfrNSdFXSlw+npR+G3bx3+a5LiOOV+IuJqJCRwyHlkiiiit1RKK6ZsSLNYLEyMzIaV1Q6gKSfqNd1FfCARYr61xabjNZtqzZzS92St22JXaJR5gs+02T5oPT6sViWt9Bah0k6VT43pYhOESmQVNn3\/inyNNtXCQwxJjrjyWW3mXBwrQ4kKSoeBB61C12BU1QCWDVdyy8lbsI0yr6BwbK72jOBz8Dn53CSKitk3b2lNvbevmmGlLipyt+GOamh3qR4p8uorG6o9XRy0kns5B\/tdgwvFabE4BNTm43jeDwKKKKK1VIrddBbL2HUOkLbeZN1ubT0tn0i0NlHCDk9Mpz3VPDs+aZP\/jV3+Lf7tXLZkf6r7B9FH6TVzQKsH3WH2bTq7guUVOOYg2pkY2U2DiN3FY6Ozzpj+erx8W\/3a8d82E03Ass6c3eLspceM46lKi3glKSQD7PlW41F6u+9O8fQX\/8NVaroI7ZLJFjleXtBlOfJIxVn230jL1hqFEBnibit+3KfA\/2aP2noP8A6qtNoW44lttJUtRCUgdST3U2O1WlGtJ6UYiqQn118B2WvHMrI+bnwT0+PjX3B8O++z9r3Rn6eKtmlWO\/0mkvH8R+xvLifDrZWGy2yDZ7YxbbcwliMwnhQhP6T4k+NeyiiuitaGgAZLhD3ue4ucbkooorhIeajsrffdQ00gZUtagEpHiSaE2XwAk2C50VnGo95NJWtxTMNci6Op5H1dOEZ\/8AcrGfqzVXc38HH\/B6a9j+tL5\/q1Gy4zRRGzpB4XPRWCn0VxeobrsgNudh1IK2+isls2+lgkuJRc7ZMg56rSoOpHvxg\/mrSbDfLTfofrdonszGe8tnmnyI6g++tinr6ep2RPB6+S0a7Bq6g21MRaOOY8xsUjXKvg619HWtkqNC5AeNL5v3t4m1Or1PZWOGE6v\/AEtlA5MrJ+ePBJPwPvpgxXCbEjToT0KWyl6O+gocQoZCknkRUTiVIyriLHZ7jwKn8CxaXC6kTMy3jiP\/AGSR6irDuJpp7Seq5dnc4lNIPHHcP4bZ5pPv7j5g1Xq549jo3Frswu9wTMnjbLGbhwuE42zH8V9g+ij9Jq5oFU3Zcf6r7B9FH6TVzT0qwF34be4LjlWP+XL\/ACd1X2ovV33p3j6C\/wD4aqlKi9XfenePoL\/+GqsLsikPxG94Ss7CWAXrXjMh5HFHtyfWVZHIrBwgfHn9VM\/WTdmW2Jj6UnXNSfblyeAH+qgftJrWas+A04ho2ne7b6fJaemlcarFXtvsZ2R9fmiiiippVNR+o7zAsFnkXW5PBqOynJ8VHuSB3k0r24uvbvrCaoPOKj25Cv4GIg+yB3FX4yv\/AMKsXaF1U5ddTmwx3T6lbjhYB5LeI5k+7p8ay6qLjuKvmkMEZ7Iz5n0XZNDtHI6WnbWTtvI7aL\/pG7xPHw4ooooquK+IqQsF5udiuKLhapbkaQj8JJ5EeBHQjyNR9FemuLCHNNivEkbJGljxcHMFNLtruRatTWkquEiNb7ixgPtOOBCVf1kZPMeXdVtF9sf8827+9I\/bSW0VY4tJZmsDXsBPG6oNT9ntLJM58Upa07rXt43TqC\/WP+ebd\/ekftrsTfrF\/PVt\/vSP20k9FfHaRvd+3814b9nsQ\/fP\/Ueq3\/tKRbPdbDDvUG4wX5cJz0S0tPpUpTSvIHJwrHxNYBRVw2g0q5qzW0SGpsqhMKD8tWOQbT3fWcD66hqiU1c2sG2JVroaVuDUJY9+s1lzfLZnZNTtzAXbNC2SC4kpcahNhQPceEE\/pqxVxQK5VKv2WHBcsc8yOLzmTfzRUHuA+I2hr4+o4CID36hqcrPe0NdBbdrLkgK4XJhRGR58SgVf9IVWGQ2aStmhiMtTGwbyOq8Ox7Aj7X2cAc3EuOHzy4r\/ALYq61U9n\/4tLF9G\/wAxq2VeaEWpox\/iOiqeMOLsQnJ\/vd1KK65TyY8V2Qv5rSCtXuAzXZUfqblpu5kfyN39Q1sPOq0laUTQ+RrTvKTafJdmzn5j6uJ19xTiz4knJrVOz3D01enbhaL1aYUuUkB9hbzYKinopP1cj9ZrJKl9H3yTpvUcO8xclUdeVIzjjQeSkn3jNcwoahsNQ2SQXF9t9q\/Q+MUL6ugfBCdV1uzY22jL0TR\/aBov+jNt\/Iij7QNF\/wBGbb+RFTlouEW62yPcoLodjSGw42od4P8A3r1V0htNTuFwwW7guBvxCuY4tdK4Ef5H1VZ+0DRf9Gbb+RFQet9qdO3iyLYs0CLa56PaZdaRwpUfxVY7j+atCr6K8yUNNIwtLBY8lkgxmvgkbIyZ1xxJI8iktvtnuVjuLlvusRyNIbPNKxyI8Qe8eYrwU5mpdN2XUkP1W8wGpKB81RGFo80qHMVll82EjOOKXZb44wk9GpTfHj+0nH6KptZo\/PE4mHtD5rqeF6dUdQwNq+w7xIPltHj5rBqK15OwepS5g3i0hPjlzPw4asmndgrcy4ly+Xp6WBzLUZHowfLiOT+io9uF1RNi2ymZdKsKjbcS35AE\/RYppTTl31PdW7bZ4i33VH2lY9hsfjKPcKbTbDRUHRVgTBjkOyncLlSMYLi8d3gkdw\/bUppyw2jT8EQrPAZhsjqG081HxUepPmal0CpGGibTC52uVJxjSGTEz7Ng1Y+G89\/ouxPSvtA6UV4JuVEjJFLn2rdRJk3m36bYXlMNBkPgH8NXJIPmE8\/7Vbxqy+Q9N6emXqesJZjNlWO9avwUjzJwKSfUV1lXy+TLvNXxSJbynV+AyeQHkByHurSq5LN1eKteitCZZzUOGxuXefQJptoP4tLF9G\/zGrXVU2g\/i0sX0b\/MatddDovy8f8AEdFzHFvz8\/8AN3UoqO1P97V0+hvfqGpGo7U\/3tXT6G9+oayy+4e5atP8ZneOqTCiiiuTL9NLV9iNfJscwaeuz3DbpK8sOKPJhw9x8En8x+umJBBAIOQehpH62LaHdb5NbZsWpnlKiJwmPLVklodyVeKfA93u6WrA8ZEYFPOdm48ORXNtMNFHVDjW0bbu\/U0b+Y58Rv71v1fRXWw60+yh5hxDjawFIWk5Cge8Gu2rkTsXKbEGxX1Nc09a4iuaa1pCs7Auaa7EiuCa7Eio2Zy3oguxArtQK60Cu5FQ87lKQtX2vji0NtqccWlCEjKlKOAB4k11T5kWBDdmTZDceO0kqcccVhKR4k0tO9O7juow7YtOrcYtOeF5\/mlcny8keXU9\/hUdLK2MXKm8NwubEJNVg2bzuH++Sj9+tw\/tuu4tdrdJs0JZ4FDpIc6FfuHMD499ZhRRUS95ebldSpKWOkhEUY2BbpoLdzTFi0fbbRMjXRUiKzwOFplBSTknkSsePhU593LR\/wDJLz+Qb\/fpb6KmY8frI2BjbWGzJVqfQnC55XSvDruJJ27ztTIfdy0f\/JLz+Qb\/AH68l53p0nMtE2I1Fu4cfjuNpKmEYypJAz7fnS\/R2XpMhuPHaceedWENttpKlLUTgAAcySe6vZeLJebMptN4tFwtxdBLYlRltceOuOIDNenaRVhFiR5LwzQXCmODgHbOaj6KKKglcUUVJtaev71pN3asdzctwSVGWmIssgA4J48cOAQe+oyiK36D3Cv+kXA3EeEmDnK4jxyjz4T1Sfd8DW6aQ3Z0pfUobkyhapZ5FuUQlBPkvp8cUrlFStFjFTSDVBu3gfoq1i+itBiZMjm6r\/7h9RkevNPEy4282HGnEOIV0Uk5B+uu5NJdp69ait8ppix3K4svOLCG2Yziv4RROAkJHziT3Yq8Sdxt1dOeiReES43pAfRi4W70ZXjrjKQTUy3SKJ47bSPn6KmzaAVcZ\/Bka4c7g\/VM6mu1IpXfu5a34cD5MB8fVj+9UfP3h19LSU\/LCY4P\/kMISfjjNYJcYgdkCkOhWIX7RaPE+ibJ+RHisqfkvtMNJGVLcWEpHvJrOtab1aTsSFsW1w3qYOQTHV\/BA+bnT4ZpZLvfb1eHOO63WbNP\/rvqWB7gTgVHVET15f7osrLQ6HxRbah+tyGwevRWvX2vtRazk8V0lcEVJy3EZ9lpHnjvPmc1VKKK0HOLjcq2wwxwMDIxYDgiiiiviyp8ezqzpqx9jw60n6Rs15l22POlFMmK2VvejcWQkrKSR0xnniqzttu7tBu9qWPofWG0lkshuJLMORH4CPSEcklaUIUgnGARnngd9WDab\/d73n\/ldz\/XcpP9niobr6TKSQfliL0\/4qaIr9vhtndtld7rSxpsP3BDklmfYSpouuOLS6OFopA9tQWAMDqCPGoztCaz3V1fJtC9z7BKtDkZDghB61OQ\/SAlPFgLHtYwOnSmd7ZAR927ZI4HH8uJ9+PWYtQnb7tPy9uFtpZOMoE95yMVDqkLdaST+eiJWdI7Wbi6ttK7tpzR13uMBAP+kNMHgXjqEk44z5JzUYNE6yNsmXQaSvxgQVLRLlC3O+ijqR88LXw4SU9+SMd9Ox2zdwb1tFo\/SWldvn02JMkOJS4w2kltlkIAQnIIGSsEnry8zUhbdS3LWHYYv2orz6uq5S7NO9adaaDfplpKkcagORUQkZPfREsNh19vTE2Ge0pbdMzHdCqiSG1z02V1bYaWtRcPpwOEYUVDPdjHdV17KvZ0te4umrldtbw9RWpKXGjbnEoLCJLS0E8aStB4x05p5c61Hbv\/AHds3\/k9x\/8AkO1K9gTW2otV7f3K23uW2\/GsKo8K3pSylBbZDZABKQCroOZyaIkY1jpa+6Z1Au1Xax3W2urWoxWpsVbTjzfGUpUkKAKgcYyOpqzwtj93JtrFzj7fX1UYp4hxR+FZHiEHCj8Kudp3U17qjtDWy\/TLBG1rfLap2Fa4JjpbSAFrKVewAMpKlHiPTqTyplrMx2orrudadR3Ruz2PTgdbTMsrcxDqUs9FkkAkr6kHi64oiSbaiHMt+92kIU+K\/ElM6igodZfbKHG1CQjkpJ5g++mQ+yVJUu76KSlJUosygABkk8TdSXa4tMCJ2pdqLpGjNtSp8+IJK0pwXC3LbCSfE4VjPgBXLt9hCtxNskuY4DJWFZ8PTNZoi5M6G227OG0UDVet9NR9T6tnKQhLEgBSUvEcRbQFApSlAHNWCSfeBXo2j1JtD2i3bjpS+bYW2wXZqKXmHIZSFFAOCUOISghQKgcEEHzry\/ZLCfkXRgycesSTj+yikytdzuNqk+tWu4S4L\/CU+ljPKbXg9RlJBxRFZdxdB3PS26d20HFakXOZDmFhhLDRW4+kgKQQlPMkpUk4FSk7Y\/dyFazc5G319TGCeIlMfiWB4lAyofCrf2UtVa5h7j3CdpfRiNbailxwgyJ0hQVGbBHEsuqOE5wkZJ6DA8Ka7aG3dopvdF+77gzbWNMTUOqVb2ZCF+qE820ownPI4BOTmiL84kMvOSEx0NOKeUrgS2EkqKs4xjrnyrQWtjN3nLWLkjb2\/GOU8QBjYcx\/w\/n\/AFYphZ\/2i6O7f0mRfW4UCA\/HS8wt1ISy1McaThZ7k5PFz7lKzV63Rsm\/9s3nb1\/oie7qbSwCFt2Rm5hppbXAApBbUQhRPNQWMnp7qIks2y0NeNV7i23TarHeHm\/lBhm6JjRVlyIyp1KHFrwk+jABPNQwO+td7VvZ+i7cNWuZom26jukBTDztykrZL7cYI4cFakIAQME81eFSLW9Wq5HahtE2HphGjLndJUKz3yI40HFvoMhOSrjQClRSoDI54A51pv2QHcDVGl7XadNWaa2xbL\/Dks3FtTCFlxPsjAURlPJR6Yoi93ZyhQtSdjFWkjerfb5VzjT4qVyHQPRlbqwFFOc451UtsdhdDbT6oi653C3NsElm2L9PEjNuJQlbo6KOVFSyk4ISkczj3FMqKImI3H3bY3U7UWi7pBC2LDa7zBjwfTeyVI9ZQpbqh+DxH4ADNaH2+9RMW\/W23l7tcmNLdtzjskBt0KGUONKAOOmcUmlFEX6A7\/6EidpTQemtT7f6gtfp4XpFBMt0pSEOBPGhfCFFC0lA5EeNSLml2tGdiXUOmkXiHd1wrNOQ\/JiK4mvSkrK0JPfwqJT9XQVgG3mgNhr1o21yHd6JmnbwuMk3aMtz0SC6fnBIWlOR3ciqrVvXvDttpTYo7P7XXF29B6P6q9NweBtsq4nCVEDjWvmPZGAFHwxRFadvrjb0fY+JsNc6KmSbRcQGS6kLyX3cDhzmoL7G7qK0xk6p03JmssXCQ6zJjtOLCS8kBSVcOepHLIHjSbVzZddYdS6y4ttxJylSFEEe4iiJzNiNJo2T7T8q1a2uVpS9qC2vLtUpt08GVPjDaisDhWoJPLn3DJzUjuXtRLtnaHZ3Y1vr21RtNC6MPQW1uqVJUeJIbYQgjhCQeqgTgZJHWkllS5Up0OypLz7g5BTiyoj6zXKVNmS0oTKlvvhAwgOOFXD7s9KIna7XrsV\/fjZy6R5sZ6Mi7NNOLbdSoNkSmFe0QeXIn4Gq39kZuUZ69aKft05h5bLclQUy6FcCgpsg8unSlBooifLUTul+1bs1bYtuv0G1aytqg6YshYBQ9w8K0lPzi2vkQpIOOXfkVG7F7DWrZqVdNZbv3vS7rCIpaYjrIdZSCQSs+lSOJXs4AAzzNJEw86w6l1h1bTiTlKkKII+sV2zJ02Zj1uZIkcPT0rhVj4miJ6eyDuDo3UG4u46bc3Cski7zm5Fsj8CGSuMhBQAlIwMjkopH4586jtqNrXtsO0Q1qfcTX1ofuV2elN2xhD6lPyStClFx3jA9GAkHxHEQAaSFpxbTiXGlqQtJylSTgg++uyXKky3fSypDz7mMcTqyo495oibnee07cX3thvw9xZ6m7FdbUwIkyPLDbbb4ASONfMBJ4VDJ6EjNTugdlNztAb2Rbjo3UiG9uUzA8XF3QLbMU8y2tsn2lY5BQGOhyKSOvWm5XFMb1VNwlhjGPRB5XBjwxnFETN9q3X2jpvad0feLPLjy2bA\/ENzlx1BaFFuQHCkKHJXCnlkeOO6tM7cOgZ+4mjLXrvTN0tUi12ODIkvkvEl5pQSoFopBCjgdCRSG16Uz5yYpiJmyRHPVoOq4PhnFEXmooooiKKKKIiiiiiIooooiKKKKIiiiiiIooooiKKKKIiiiiiIooooi\/9k=\" alt=\"DigitalCast logo\">\r\n <span class=\"nav-logo-text\">DigitalCast<\/span>\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#clients\">Clients<\/a><\/li>\r\n <\/ul>\r\n <button class=\"nav-cta\" onclick=\"document.getElementById('clients').scrollIntoView({behavior:'smooth'})\">Get Started<\/button>\r\n<\/nav>\r\n\r\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\r\n<section id=\"home\">\r\n <canvas id=\"c\"><\/canvas>\r\n <div class=\"hero-vignette\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"eyebrow\"><span class=\"eyebrow-line\"><\/span>Creative Digital Agency<\/div>\r\n <h1><span class=\"w1\">We<\/span><span class=\"w2\">Build<\/span><span class=\"w3\">Futures.<\/span><\/h1>\r\n <p class=\"hero-desc\">We craft immersive digital experiences at the intersection of bold design and cutting-edge technology.<\/p>\r\n <div class=\"cta-row\">\r\n <button class=\"btn-p\" onclick=\"document.getElementById('services').scrollIntoView({behavior:'smooth'})\">Explore Services<\/button>\r\n <button class=\"btn-g\" onclick=\"document.getElementById('about').scrollIntoView({behavior:'smooth'})\">About Us <span class=\"arr\">\u2192<\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div><div class=\"hs-num\"><span>200<\/span>+<\/div><div class=\"hs-lbl\">Projects Done<\/div><\/div>\r\n <div class=\"hs-div\"><\/div>\r\n <div><div class=\"hs-num\"><span>8<\/span>yr<\/div><div class=\"hs-lbl\">Experience<\/div><\/div>\r\n <div class=\"hs-div\"><\/div>\r\n <div><div class=\"hs-num\"><span>98<\/span>%<\/div><div class=\"hs-lbl\">Satisfaction<\/div><\/div>\r\n <div class=\"hs-div\"><\/div>\r\n <div><div class=\"hs-num\"><span>50<\/span>+<\/div><div class=\"hs-lbl\">Happy Clients<\/div><\/div>\r\n <\/div>\r\n <div class=\"scroll-hint\"><span class=\"s-lbl\">Scroll<\/span><div class=\"s-bar\"><\/div><\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 ALL CONTENT BELOW HERO \u2500\u2500 -->\r\n<div class=\"content-wrap\">\r\n\r\n<!-- ABOUT -->\r\n<section id=\"about\">\r\n <div class=\"sec-tag reveal\"><span class=\"sec-tag-line\"><\/span>Who We Are<\/div>\r\n <h2 class=\"sec-title reveal\">Turning Vision Into<br>Digital Reality<\/h2>\r\n\r\n <div class=\"about-grid\">\r\n <div>\r\n <p class=\"about-text reveal\">\r\n At <strong>DigitalCast<\/strong>, we are a passionate team of designers, developers, and digital strategists who believe great digital experiences have the power to transform businesses.<br><br>\r\n Founded in 2016, we have grown from a small startup into a full-service digital agency trusted by brands worldwide. We blend creativity with technology to build products people love.\r\n <\/p>\r\n <div class=\"af-list\">\r\n <div class=\"af-item reveal\">\r\n <div class=\"af-icon\">\ud83c\udfaf<\/div>\r\n <div><div class=\"af-title\">Strategy-First Approach<\/div><div class=\"af-desc\">Every project starts with deep research and a clear strategic roadmap aligned to your goals.<\/div><\/div>\r\n <\/div>\r\n <div class=\"af-item reveal\">\r\n <div class=\"af-icon\">\u26a1<\/div>\r\n <div><div class=\"af-title\">Agile & Fast Delivery<\/div><div class=\"af-desc\">We move quickly without sacrificing quality, delivering results on time and within budget.<\/div><\/div>\r\n <\/div>\r\n <div class=\"af-item reveal\">\r\n <div class=\"af-icon\">\ud83d\udd12<\/div>\r\n <div><div class=\"af-title\">Reliable Long-Term Partner<\/div><div class=\"af-desc\">We build lasting relationships, providing ongoing support and continuous growth.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal\">\r\n <div class=\"about-visual\">\r\n <div class=\"av-logo\">\r\n <img src=\"data:image\/png;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb\/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7\/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7\/wAARCACgAKADASIAAhEBAxEB\/8QAHQAAAgMAAwEBAAAAAAAAAAAAAAgFBgcCAwQBCf\/EAFEQAAEDAwIDBAUEDAoIBwAAAAECAwQABREGBxIhMQhBUWETFCJxkRUydIEJFhc2QlKTobGy0dIjN1RVVmKClLPCJCczOXN1osFFU2NytOHw\/8QAHAEBAAIDAQEBAAAAAAAAAAAAAAUGAwQHAgEI\/8QAOhEAAQMCAgcFBQcEAwAAAAAAAQACAwQRBTEGEiFBUWGxInGBkdETMjOhwQcUIzRCQ3IVUmLhJJLw\/9oADAMBAAIRAxEAPwBMqKKKIiiiiiIoork2hbiwhtKlqUcBKRkmiLjRVht+iNXT0hUXT1wWk9FKZKR8VYqUTtVr5ScjTzmPOSyP89bLaOoeLtjJ8CtCTFaGI2fMwHm4D6qlUVa5m3Ot4iSp7TkwgdfRhLn6pNVydBmwHfQzYj8Zz8V1spP56xyQSxe+0jvFlmgrKeo+DI13cQei89FFFYlsoooooiKKKKIiiiiiIooooiKKKKIipCw2W6X2emDaYT0t9XchPJI8SegHmasO2egrjrKflPFGtrSgH5JH\/SnxV+imZ0tpy0aatqYFoiIZQB7a8ZW4fFR7zU5heCyVnbf2WfM93qqfpFpbBhV4Yhry8Nw7\/Tosu0bsdFaSiTqiYZDnUxY54UDyK+p+rFapY9P2SxtBu02uLEAGMtoHEferqfrNSdFXSlw+npR+G3bx3+a5LiOOV+IuJqJCRwyHlkiiiit1RKK6ZsSLNYLEyMzIaV1Q6gKSfqNd1FfCARYr61xabjNZtqzZzS92St22JXaJR5gs+02T5oPT6sViWt9Bah0k6VT43pYhOESmQVNn3\/inyNNtXCQwxJjrjyWW3mXBwrQ4kKSoeBB61C12BU1QCWDVdyy8lbsI0yr6BwbK72jOBz8Dn53CSKitk3b2lNvbevmmGlLipyt+GOamh3qR4p8uorG6o9XRy0kns5B\/tdgwvFabE4BNTm43jeDwKKKKK1VIrddBbL2HUOkLbeZN1ubT0tn0i0NlHCDk9Mpz3VPDs+aZP\/jV3+Lf7tXLZkf6r7B9FH6TVzQKsH3WH2bTq7guUVOOYg2pkY2U2DiN3FY6Ozzpj+erx8W\/3a8d82E03Ass6c3eLspceM46lKi3glKSQD7PlW41F6u+9O8fQX\/8NVaroI7ZLJFjleXtBlOfJIxVn230jL1hqFEBnibit+3KfA\/2aP2noP8A6qtNoW44lttJUtRCUgdST3U2O1WlGtJ6UYiqQn118B2WvHMrI+bnwT0+PjX3B8O++z9r3Rn6eKtmlWO\/0mkvH8R+xvLifDrZWGy2yDZ7YxbbcwliMwnhQhP6T4k+NeyiiuitaGgAZLhD3ue4ucbkooorhIeajsrffdQ00gZUtagEpHiSaE2XwAk2C50VnGo95NJWtxTMNci6Op5H1dOEZ\/8AcrGfqzVXc38HH\/B6a9j+tL5\/q1Gy4zRRGzpB4XPRWCn0VxeobrsgNudh1IK2+isls2+lgkuJRc7ZMg56rSoOpHvxg\/mrSbDfLTfofrdonszGe8tnmnyI6g++tinr6ep2RPB6+S0a7Bq6g21MRaOOY8xsUjXKvg619HWtkqNC5AeNL5v3t4m1Or1PZWOGE6v\/AEtlA5MrJ+ePBJPwPvpgxXCbEjToT0KWyl6O+gocQoZCknkRUTiVIyriLHZ7jwKn8CxaXC6kTMy3jiP\/AGSR6irDuJpp7Seq5dnc4lNIPHHcP4bZ5pPv7j5g1Xq549jo3Frswu9wTMnjbLGbhwuE42zH8V9g+ij9Jq5oFU3Zcf6r7B9FH6TVzT0qwF34be4LjlWP+XL\/ACd1X2ovV33p3j6C\/wD4aqlKi9XfenePoL\/+GqsLsikPxG94Ss7CWAXrXjMh5HFHtyfWVZHIrBwgfHn9VM\/WTdmW2Jj6UnXNSfblyeAH+qgftJrWas+A04ho2ne7b6fJaemlcarFXtvsZ2R9fmiiiippVNR+o7zAsFnkXW5PBqOynJ8VHuSB3k0r24uvbvrCaoPOKj25Cv4GIg+yB3FX4yv\/AMKsXaF1U5ddTmwx3T6lbjhYB5LeI5k+7p8ay6qLjuKvmkMEZ7Iz5n0XZNDtHI6WnbWTtvI7aL\/pG7xPHw4ooooquK+IqQsF5udiuKLhapbkaQj8JJ5EeBHQjyNR9FemuLCHNNivEkbJGljxcHMFNLtruRatTWkquEiNb7ixgPtOOBCVf1kZPMeXdVtF9sf8827+9I\/bSW0VY4tJZmsDXsBPG6oNT9ntLJM58Upa07rXt43TqC\/WP+ebd\/ekftrsTfrF\/PVt\/vSP20k9FfHaRvd+3814b9nsQ\/fP\/Ueq3\/tKRbPdbDDvUG4wX5cJz0S0tPpUpTSvIHJwrHxNYBRVw2g0q5qzW0SGpsqhMKD8tWOQbT3fWcD66hqiU1c2sG2JVroaVuDUJY9+s1lzfLZnZNTtzAXbNC2SC4kpcahNhQPceEE\/pqxVxQK5VKv2WHBcsc8yOLzmTfzRUHuA+I2hr4+o4CID36hqcrPe0NdBbdrLkgK4XJhRGR58SgVf9IVWGQ2aStmhiMtTGwbyOq8Ox7Aj7X2cAc3EuOHzy4r\/ALYq61U9n\/4tLF9G\/wAxq2VeaEWpox\/iOiqeMOLsQnJ\/vd1KK65TyY8V2Qv5rSCtXuAzXZUfqblpu5kfyN39Q1sPOq0laUTQ+RrTvKTafJdmzn5j6uJ19xTiz4knJrVOz3D01enbhaL1aYUuUkB9hbzYKinopP1cj9ZrJKl9H3yTpvUcO8xclUdeVIzjjQeSkn3jNcwoahsNQ2SQXF9t9q\/Q+MUL6ugfBCdV1uzY22jL0TR\/aBov+jNt\/Iij7QNF\/wBGbb+RFTlouEW62yPcoLodjSGw42od4P8A3r1V0htNTuFwwW7guBvxCuY4tdK4Ef5H1VZ+0DRf9Gbb+RFQet9qdO3iyLYs0CLa56PaZdaRwpUfxVY7j+atCr6K8yUNNIwtLBY8lkgxmvgkbIyZ1xxJI8iktvtnuVjuLlvusRyNIbPNKxyI8Qe8eYrwU5mpdN2XUkP1W8wGpKB81RGFo80qHMVll82EjOOKXZb44wk9GpTfHj+0nH6KptZo\/PE4mHtD5rqeF6dUdQwNq+w7xIPltHj5rBqK15OwepS5g3i0hPjlzPw4asmndgrcy4ly+Xp6WBzLUZHowfLiOT+io9uF1RNi2ymZdKsKjbcS35AE\/RYppTTl31PdW7bZ4i33VH2lY9hsfjKPcKbTbDRUHRVgTBjkOyncLlSMYLi8d3gkdw\/bUppyw2jT8EQrPAZhsjqG081HxUepPmal0CpGGibTC52uVJxjSGTEz7Ng1Y+G89\/ouxPSvtA6UV4JuVEjJFLn2rdRJk3m36bYXlMNBkPgH8NXJIPmE8\/7Vbxqy+Q9N6emXqesJZjNlWO9avwUjzJwKSfUV1lXy+TLvNXxSJbynV+AyeQHkByHurSq5LN1eKteitCZZzUOGxuXefQJptoP4tLF9G\/zGrXVU2g\/i0sX0b\/MatddDovy8f8AEdFzHFvz8\/8AN3UoqO1P97V0+hvfqGpGo7U\/3tXT6G9+oayy+4e5atP8ZneOqTCiiiuTL9NLV9iNfJscwaeuz3DbpK8sOKPJhw9x8En8x+umJBBAIOQehpH62LaHdb5NbZsWpnlKiJwmPLVklodyVeKfA93u6WrA8ZEYFPOdm48ORXNtMNFHVDjW0bbu\/U0b+Y58Rv71v1fRXWw60+yh5hxDjawFIWk5Cge8Gu2rkTsXKbEGxX1Nc09a4iuaa1pCs7Auaa7EiuCa7Eio2Zy3oguxArtQK60Cu5FQ87lKQtX2vji0NtqccWlCEjKlKOAB4k11T5kWBDdmTZDceO0kqcccVhKR4k0tO9O7juow7YtOrcYtOeF5\/mlcny8keXU9\/hUdLK2MXKm8NwubEJNVg2bzuH++Sj9+tw\/tuu4tdrdJs0JZ4FDpIc6FfuHMD499ZhRRUS95ebldSpKWOkhEUY2BbpoLdzTFi0fbbRMjXRUiKzwOFplBSTknkSsePhU593LR\/wDJLz+Qb\/fpb6KmY8frI2BjbWGzJVqfQnC55XSvDruJJ27ztTIfdy0f\/JLz+Qb\/AH68l53p0nMtE2I1Fu4cfjuNpKmEYypJAz7fnS\/R2XpMhuPHaceedWENttpKlLUTgAAcySe6vZeLJebMptN4tFwtxdBLYlRltceOuOIDNenaRVhFiR5LwzQXCmODgHbOaj6KKKglcUUVJtaev71pN3asdzctwSVGWmIssgA4J48cOAQe+oyiK36D3Cv+kXA3EeEmDnK4jxyjz4T1Sfd8DW6aQ3Z0pfUobkyhapZ5FuUQlBPkvp8cUrlFStFjFTSDVBu3gfoq1i+itBiZMjm6r\/7h9RkevNPEy4282HGnEOIV0Uk5B+uu5NJdp69ait8ppix3K4svOLCG2Yziv4RROAkJHziT3Yq8Sdxt1dOeiReES43pAfRi4W70ZXjrjKQTUy3SKJ47bSPn6KmzaAVcZ\/Bka4c7g\/VM6mu1IpXfu5a34cD5MB8fVj+9UfP3h19LSU\/LCY4P\/kMISfjjNYJcYgdkCkOhWIX7RaPE+ibJ+RHisqfkvtMNJGVLcWEpHvJrOtab1aTsSFsW1w3qYOQTHV\/BA+bnT4ZpZLvfb1eHOO63WbNP\/rvqWB7gTgVHVET15f7osrLQ6HxRbah+tyGwevRWvX2vtRazk8V0lcEVJy3EZ9lpHnjvPmc1VKKK0HOLjcq2wwxwMDIxYDgiiiiviyp8ezqzpqx9jw60n6Rs15l22POlFMmK2VvejcWQkrKSR0xnniqzttu7tBu9qWPofWG0lkshuJLMORH4CPSEcklaUIUgnGARnngd9WDab\/d73n\/ldz\/XcpP9niobr6TKSQfliL0\/4qaIr9vhtndtld7rSxpsP3BDklmfYSpouuOLS6OFopA9tQWAMDqCPGoztCaz3V1fJtC9z7BKtDkZDghB61OQ\/SAlPFgLHtYwOnSmd7ZAR927ZI4HH8uJ9+PWYtQnb7tPy9uFtpZOMoE95yMVDqkLdaST+eiJWdI7Wbi6ttK7tpzR13uMBAP+kNMHgXjqEk44z5JzUYNE6yNsmXQaSvxgQVLRLlC3O+ijqR88LXw4SU9+SMd9Ox2zdwb1tFo\/SWldvn02JMkOJS4w2kltlkIAQnIIGSsEnry8zUhbdS3LWHYYv2orz6uq5S7NO9adaaDfplpKkcagORUQkZPfREsNh19vTE2Ge0pbdMzHdCqiSG1z02V1bYaWtRcPpwOEYUVDPdjHdV17KvZ0te4umrldtbw9RWpKXGjbnEoLCJLS0E8aStB4x05p5c61Hbv\/AHds3\/k9x\/8AkO1K9gTW2otV7f3K23uW2\/GsKo8K3pSylBbZDZABKQCroOZyaIkY1jpa+6Z1Au1Xax3W2urWoxWpsVbTjzfGUpUkKAKgcYyOpqzwtj93JtrFzj7fX1UYp4hxR+FZHiEHCj8Kudp3U17qjtDWy\/TLBG1rfLap2Fa4JjpbSAFrKVewAMpKlHiPTqTyplrMx2orrudadR3Ruz2PTgdbTMsrcxDqUs9FkkAkr6kHi64oiSbaiHMt+92kIU+K\/ElM6igodZfbKHG1CQjkpJ5g++mQ+yVJUu76KSlJUosygABkk8TdSXa4tMCJ2pdqLpGjNtSp8+IJK0pwXC3LbCSfE4VjPgBXLt9hCtxNskuY4DJWFZ8PTNZoi5M6G227OG0UDVet9NR9T6tnKQhLEgBSUvEcRbQFApSlAHNWCSfeBXo2j1JtD2i3bjpS+bYW2wXZqKXmHIZSFFAOCUOISghQKgcEEHzry\/ZLCfkXRgycesSTj+yikytdzuNqk+tWu4S4L\/CU+ljPKbXg9RlJBxRFZdxdB3PS26d20HFakXOZDmFhhLDRW4+kgKQQlPMkpUk4FSk7Y\/dyFazc5G319TGCeIlMfiWB4lAyofCrf2UtVa5h7j3CdpfRiNbailxwgyJ0hQVGbBHEsuqOE5wkZJ6DA8Ka7aG3dopvdF+77gzbWNMTUOqVb2ZCF+qE820ownPI4BOTmiL84kMvOSEx0NOKeUrgS2EkqKs4xjrnyrQWtjN3nLWLkjb2\/GOU8QBjYcx\/w\/n\/AFYphZ\/2i6O7f0mRfW4UCA\/HS8wt1ISy1McaThZ7k5PFz7lKzV63Rsm\/9s3nb1\/oie7qbSwCFt2Rm5hppbXAApBbUQhRPNQWMnp7qIks2y0NeNV7i23TarHeHm\/lBhm6JjRVlyIyp1KHFrwk+jABPNQwO+td7VvZ+i7cNWuZom26jukBTDztykrZL7cYI4cFakIAQME81eFSLW9Wq5HahtE2HphGjLndJUKz3yI40HFvoMhOSrjQClRSoDI54A51pv2QHcDVGl7XadNWaa2xbL\/Dks3FtTCFlxPsjAURlPJR6Yoi93ZyhQtSdjFWkjerfb5VzjT4qVyHQPRlbqwFFOc451UtsdhdDbT6oi653C3NsElm2L9PEjNuJQlbo6KOVFSyk4ISkczj3FMqKImI3H3bY3U7UWi7pBC2LDa7zBjwfTeyVI9ZQpbqh+DxH4ADNaH2+9RMW\/W23l7tcmNLdtzjskBt0KGUONKAOOmcUmlFEX6A7\/6EidpTQemtT7f6gtfp4XpFBMt0pSEOBPGhfCFFC0lA5EeNSLml2tGdiXUOmkXiHd1wrNOQ\/JiK4mvSkrK0JPfwqJT9XQVgG3mgNhr1o21yHd6JmnbwuMk3aMtz0SC6fnBIWlOR3ciqrVvXvDttpTYo7P7XXF29B6P6q9NweBtsq4nCVEDjWvmPZGAFHwxRFadvrjb0fY+JsNc6KmSbRcQGS6kLyX3cDhzmoL7G7qK0xk6p03JmssXCQ6zJjtOLCS8kBSVcOepHLIHjSbVzZddYdS6y4ttxJylSFEEe4iiJzNiNJo2T7T8q1a2uVpS9qC2vLtUpt08GVPjDaisDhWoJPLn3DJzUjuXtRLtnaHZ3Y1vr21RtNC6MPQW1uqVJUeJIbYQgjhCQeqgTgZJHWkllS5Up0OypLz7g5BTiyoj6zXKVNmS0oTKlvvhAwgOOFXD7s9KIna7XrsV\/fjZy6R5sZ6Mi7NNOLbdSoNkSmFe0QeXIn4Gq39kZuUZ69aKft05h5bLclQUy6FcCgpsg8unSlBooifLUTul+1bs1bYtuv0G1aytqg6YshYBQ9w8K0lPzi2vkQpIOOXfkVG7F7DWrZqVdNZbv3vS7rCIpaYjrIdZSCQSs+lSOJXs4AAzzNJEw86w6l1h1bTiTlKkKII+sV2zJ02Zj1uZIkcPT0rhVj4miJ6eyDuDo3UG4u46bc3Cski7zm5Fsj8CGSuMhBQAlIwMjkopH4586jtqNrXtsO0Q1qfcTX1ofuV2elN2xhD6lPyStClFx3jA9GAkHxHEQAaSFpxbTiXGlqQtJylSTgg++uyXKky3fSypDz7mMcTqyo495oibnee07cX3thvw9xZ6m7FdbUwIkyPLDbbb4ASONfMBJ4VDJ6EjNTugdlNztAb2Rbjo3UiG9uUzA8XF3QLbMU8y2tsn2lY5BQGOhyKSOvWm5XFMb1VNwlhjGPRB5XBjwxnFETN9q3X2jpvad0feLPLjy2bA\/ENzlx1BaFFuQHCkKHJXCnlkeOO6tM7cOgZ+4mjLXrvTN0tUi12ODIkvkvEl5pQSoFopBCjgdCRSG16Uz5yYpiJmyRHPVoOq4PhnFEXmooooiKKKKIiiiiiIooooiKKKKIiiiiiIooooiKKKKIiiiiiIooooi\/9k=\" alt=\"DigitalCast\">\r\n <div class=\"av-brand\">DigitalCast<\/div>\r\n <div class=\"av-tag\">Crafting Digital Excellence Since 2016<\/div>\r\n <\/div>\r\n <div class=\"about-badges\">\r\n <div class=\"ab\"><div class=\"ab-num\">200+<\/div><div class=\"ab-lbl\">Projects<\/div><\/div>\r\n <div class=\"ab\"><div class=\"ab-num\">50+<\/div><div class=\"ab-lbl\">Clients<\/div><\/div>\r\n <div class=\"ab\"><div class=\"ab-num\">8yr<\/div><div class=\"ab-lbl\">Experience<\/div><\/div>\r\n <div class=\"ab\"><div class=\"ab-num\">98%<\/div><div class=\"ab-lbl\">Satisfaction<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICES -->\r\n<section id=\"services\">\r\n <div class=\"svc-intro\">\r\n <div>\r\n <div class=\"sec-tag reveal\"><span class=\"sec-tag-line\"><\/span>What We Do<\/div>\r\n <h2 class=\"sec-title reveal\">Our Core Services<\/h2>\r\n <\/div>\r\n <p class=\"sec-sub reveal\">From concept to launch \u2014 we cover every aspect of your digital presence with precision and creativity.<\/p>\r\n <\/div>\r\n <div class=\"svc-grid\">\r\n <div class=\"svc-card reveal\">\r\n <div class=\"svc-icon\">\ud83c\udf10<\/div>\r\n <div class=\"svc-name\">Website Development<\/div>\r\n <div class=\"svc-desc\">Beautiful, performant websites built with modern technologies. From landing pages to complex web apps, we create digital experiences that convert.<\/div>\r\n <div class=\"svc-link\">Learn more \u2192<\/div>\r\n <\/div>\r\n <div class=\"svc-card reveal\">\r\n <div class=\"svc-icon\">\u2601\ufe0f<\/div>\r\n <div class=\"svc-name\">Hosting & Maintenance<\/div>\r\n <div class=\"svc-desc\">Reliable cloud hosting with 99.9% uptime, security monitoring, regular updates, and dedicated technical support to keep your site running flawlessly.<\/div>\r\n <div class=\"svc-link\">Learn more \u2192<\/div>\r\n <\/div>\r\n <div class=\"svc-card reveal\">\r\n <div class=\"svc-icon\">\ud83d\udcf1<\/div>\r\n <div class=\"svc-name\">App Development<\/div>\r\n <div class=\"svc-desc\">Native and cross-platform mobile apps for iOS & Android. We build intuitive applications that users love and that drive real business results.<\/div>\r\n <div class=\"svc-link\">Learn more \u2192<\/div>\r\n <\/div>\r\n <div class=\"svc-card reveal\">\r\n <div class=\"svc-icon\">\ud83d\udce3<\/div>\r\n <div class=\"svc-name\">Digital Marketing<\/div>\r\n <div class=\"svc-desc\">Data-driven campaigns that grow your audience. Social media, email, paid ads, and analytics \u2014 all managed under one expert roof.<\/div>\r\n <div class=\"svc-link\">Learn more \u2192<\/div>\r\n <\/div>\r\n <div class=\"svc-card reveal\">\r\n <div class=\"svc-icon\">\u270d\ufe0f<\/div>\r\n <div class=\"svc-name\">SEO & Content Writing<\/div>\r\n <div class=\"svc-desc\">Rank higher, reach further. Compelling content strategies and technical SEO that drive organic traffic and deliver sustainable growth.<\/div>\r\n <div class=\"svc-link\">Learn more \u2192<\/div>\r\n <\/div>\r\n <div class=\"svc-card reveal\">\r\n <div class=\"svc-icon\">\ud83e\udd16<\/div>\r\n <div class=\"svc-name\">AI Automation<\/div>\r\n <div class=\"svc-desc\">Leverage AI to automate repetitive tasks, gain insights from data, and build intelligent workflows that save time and boost productivity.<\/div>\r\n <div class=\"svc-link\">Learn more \u2192<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CLIENTS -->\r\n<section id=\"clients\">\r\n <div class=\"clients-head\">\r\n <div class=\"sec-tag reveal\" style=\"justify-content:center;\"><span class=\"sec-tag-line\"><\/span>Trusted By<\/div>\r\n <h2 class=\"sec-title reveal\">Brands Who Trust Us<\/h2>\r\n <p class=\"sec-sub reveal\">Forward-thinking companies across industries \u2014 from ambitious startups to established enterprises.<\/p>\r\n <\/div>\r\n\r\n <div class=\"clients-logos reveal\">\r\n <div class=\"cl-item\"><div class=\"cl-ico\">\ud83c\udfe2<\/div><div class=\"cl-name\">NovaTech<\/div><div class=\"cl-type\">Technology<\/div><\/div>\r\n <div class=\"cl-item\"><div class=\"cl-ico\">\ud83d\udcbc<\/div><div class=\"cl-name\">Vertex Corp<\/div><div class=\"cl-type\">Enterprise<\/div><\/div>\r\n <div class=\"cl-item\"><div class=\"cl-ico\">\ud83d\ude80<\/div><div class=\"cl-name\">LaunchPad<\/div><div class=\"cl-type\">Startup<\/div><\/div>\r\n <div class=\"cl-item\"><div class=\"cl-ico\">\ud83c\udf3f<\/div><div class=\"cl-name\">GreenLeaf<\/div><div class=\"cl-type\">E-Commerce<\/div><\/div>\r\n <div class=\"cl-item\"><div class=\"cl-ico\">\ud83c\udf93<\/div><div class=\"cl-name\">EduSphere<\/div><div class=\"cl-type\">Education<\/div><\/div>\r\n <div class=\"cl-item\"><div class=\"cl-ico\">\ud83c\udfe5<\/div><div class=\"cl-name\">MediCore<\/div><div class=\"cl-type\">Healthcare<\/div><\/div>\r\n <div class=\"cl-item\"><div class=\"cl-ico\">\ud83d\udcca<\/div><div class=\"cl-name\">FinStream<\/div><div class=\"cl-type\">Fintech<\/div><\/div>\r\n <div class=\"cl-item\"><div class=\"cl-ico\">\ud83c\udfa8<\/div><div class=\"cl-name\">Artisan Co<\/div><div class=\"cl-type\">Creative<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"testi-grid\">\r\n <div class=\"testi reveal\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"DigitalCast completely transformed our online presence. Their creativity and technical expertise exceeded every expectation \u2014 our conversion rate doubled within 3 months.\"<\/p>\r\n <div class=\"testi-author\"><div class=\"testi-av\">AK<\/div><div><div class=\"testi-name\">Ahmed Karim<\/div><div class=\"testi-co\">CEO, NovaTech<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testi reveal\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"Working with DigitalCast on our mobile app was seamless. They understood our vision from day one and delivered a polished product our users absolutely love.\"<\/p>\r\n <div class=\"testi-author\"><div class=\"testi-av\">SR<\/div><div><div class=\"testi-name\">Sara Rashid<\/div><div class=\"testi-co\">Product Lead, LaunchPad<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"testi reveal\">\r\n <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testi-text\">\"The AI automation solutions they built saved us over 30 hours per week. An incredibly talented team that delivers real, measurable results. Highly recommended.\"<\/p>\r\n <div class=\"testi-author\"><div class=\"testi-av\">MN<\/div><div><div class=\"testi-name\">Mohamed Nasser<\/div><div class=\"testi-co\">CTO, FinStream<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/div><!-- end content-wrap -->\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <img src=\"data:image\/png;base64,\/9j\/4AAQSkZJRgABAQAAAQABAAD\/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb\/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7\/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7\/wAARCACgAKADASIAAhEBAxEB\/8QAHQAAAgMAAwEBAAAAAAAAAAAAAAgFBgcCAwQBCf\/EAFEQAAEDAwIDBAUEDAoIBwAAAAECAwQABREGBxIhMQhBUWETFCJxkRUydIEJFhc2QlKTobGy0dIjN1RVVmKClLPCJCczOXN1osFFU2NytOHw\/8QAHAEBAAIDAQEBAAAAAAAAAAAAAAUGAwQHAgEI\/8QAOhEAAQMCAgcFBQcEAwAAAAAAAQACAwQRBTEGEiFBUWGxInGBkdETMjOhwQcUIzRCQ3IVUmLhJJLw\/9oADAMBAAIRAxEAPwBMqKKKIiiiiiIoork2hbiwhtKlqUcBKRkmiLjRVht+iNXT0hUXT1wWk9FKZKR8VYqUTtVr5ScjTzmPOSyP89bLaOoeLtjJ8CtCTFaGI2fMwHm4D6qlUVa5m3Ot4iSp7TkwgdfRhLn6pNVydBmwHfQzYj8Zz8V1spP56xyQSxe+0jvFlmgrKeo+DI13cQei89FFFYlsoooooiKKKKIiiiiiIooooiKKKKIipCw2W6X2emDaYT0t9XchPJI8SegHmasO2egrjrKflPFGtrSgH5JH\/SnxV+imZ0tpy0aatqYFoiIZQB7a8ZW4fFR7zU5heCyVnbf2WfM93qqfpFpbBhV4Yhry8Nw7\/Tosu0bsdFaSiTqiYZDnUxY54UDyK+p+rFapY9P2SxtBu02uLEAGMtoHEferqfrNSdFXSlw+npR+G3bx3+a5LiOOV+IuJqJCRwyHlkiiiit1RKK6ZsSLNYLEyMzIaV1Q6gKSfqNd1FfCARYr61xabjNZtqzZzS92St22JXaJR5gs+02T5oPT6sViWt9Bah0k6VT43pYhOESmQVNn3\/inyNNtXCQwxJjrjyWW3mXBwrQ4kKSoeBB61C12BU1QCWDVdyy8lbsI0yr6BwbK72jOBz8Dn53CSKitk3b2lNvbevmmGlLipyt+GOamh3qR4p8uorG6o9XRy0kns5B\/tdgwvFabE4BNTm43jeDwKKKKK1VIrddBbL2HUOkLbeZN1ubT0tn0i0NlHCDk9Mpz3VPDs+aZP\/jV3+Lf7tXLZkf6r7B9FH6TVzQKsH3WH2bTq7guUVOOYg2pkY2U2DiN3FY6Ozzpj+erx8W\/3a8d82E03Ass6c3eLspceM46lKi3glKSQD7PlW41F6u+9O8fQX\/8NVaroI7ZLJFjleXtBlOfJIxVn230jL1hqFEBnibit+3KfA\/2aP2noP8A6qtNoW44lttJUtRCUgdST3U2O1WlGtJ6UYiqQn118B2WvHMrI+bnwT0+PjX3B8O++z9r3Rn6eKtmlWO\/0mkvH8R+xvLifDrZWGy2yDZ7YxbbcwliMwnhQhP6T4k+NeyiiuitaGgAZLhD3ue4ucbkooorhIeajsrffdQ00gZUtagEpHiSaE2XwAk2C50VnGo95NJWtxTMNci6Op5H1dOEZ\/8AcrGfqzVXc38HH\/B6a9j+tL5\/q1Gy4zRRGzpB4XPRWCn0VxeobrsgNudh1IK2+isls2+lgkuJRc7ZMg56rSoOpHvxg\/mrSbDfLTfofrdonszGe8tnmnyI6g++tinr6ep2RPB6+S0a7Bq6g21MRaOOY8xsUjXKvg619HWtkqNC5AeNL5v3t4m1Or1PZWOGE6v\/AEtlA5MrJ+ePBJPwPvpgxXCbEjToT0KWyl6O+gocQoZCknkRUTiVIyriLHZ7jwKn8CxaXC6kTMy3jiP\/AGSR6irDuJpp7Seq5dnc4lNIPHHcP4bZ5pPv7j5g1Xq549jo3Frswu9wTMnjbLGbhwuE42zH8V9g+ij9Jq5oFU3Zcf6r7B9FH6TVzT0qwF34be4LjlWP+XL\/ACd1X2ovV33p3j6C\/wD4aqlKi9XfenePoL\/+GqsLsikPxG94Ss7CWAXrXjMh5HFHtyfWVZHIrBwgfHn9VM\/WTdmW2Jj6UnXNSfblyeAH+qgftJrWas+A04ho2ne7b6fJaemlcarFXtvsZ2R9fmiiiippVNR+o7zAsFnkXW5PBqOynJ8VHuSB3k0r24uvbvrCaoPOKj25Cv4GIg+yB3FX4yv\/AMKsXaF1U5ddTmwx3T6lbjhYB5LeI5k+7p8ay6qLjuKvmkMEZ7Iz5n0XZNDtHI6WnbWTtvI7aL\/pG7xPHw4ooooquK+IqQsF5udiuKLhapbkaQj8JJ5EeBHQjyNR9FemuLCHNNivEkbJGljxcHMFNLtruRatTWkquEiNb7ixgPtOOBCVf1kZPMeXdVtF9sf8827+9I\/bSW0VY4tJZmsDXsBPG6oNT9ntLJM58Upa07rXt43TqC\/WP+ebd\/ekftrsTfrF\/PVt\/vSP20k9FfHaRvd+3814b9nsQ\/fP\/Ueq3\/tKRbPdbDDvUG4wX5cJz0S0tPpUpTSvIHJwrHxNYBRVw2g0q5qzW0SGpsqhMKD8tWOQbT3fWcD66hqiU1c2sG2JVroaVuDUJY9+s1lzfLZnZNTtzAXbNC2SC4kpcahNhQPceEE\/pqxVxQK5VKv2WHBcsc8yOLzmTfzRUHuA+I2hr4+o4CID36hqcrPe0NdBbdrLkgK4XJhRGR58SgVf9IVWGQ2aStmhiMtTGwbyOq8Ox7Aj7X2cAc3EuOHzy4r\/ALYq61U9n\/4tLF9G\/wAxq2VeaEWpox\/iOiqeMOLsQnJ\/vd1KK65TyY8V2Qv5rSCtXuAzXZUfqblpu5kfyN39Q1sPOq0laUTQ+RrTvKTafJdmzn5j6uJ19xTiz4knJrVOz3D01enbhaL1aYUuUkB9hbzYKinopP1cj9ZrJKl9H3yTpvUcO8xclUdeVIzjjQeSkn3jNcwoahsNQ2SQXF9t9q\/Q+MUL6ugfBCdV1uzY22jL0TR\/aBov+jNt\/Iij7QNF\/wBGbb+RFTlouEW62yPcoLodjSGw42od4P8A3r1V0htNTuFwwW7guBvxCuY4tdK4Ef5H1VZ+0DRf9Gbb+RFQet9qdO3iyLYs0CLa56PaZdaRwpUfxVY7j+atCr6K8yUNNIwtLBY8lkgxmvgkbIyZ1xxJI8iktvtnuVjuLlvusRyNIbPNKxyI8Qe8eYrwU5mpdN2XUkP1W8wGpKB81RGFo80qHMVll82EjOOKXZb44wk9GpTfHj+0nH6KptZo\/PE4mHtD5rqeF6dUdQwNq+w7xIPltHj5rBqK15OwepS5g3i0hPjlzPw4asmndgrcy4ly+Xp6WBzLUZHowfLiOT+io9uF1RNi2ymZdKsKjbcS35AE\/RYppTTl31PdW7bZ4i33VH2lY9hsfjKPcKbTbDRUHRVgTBjkOyncLlSMYLi8d3gkdw\/bUppyw2jT8EQrPAZhsjqG081HxUepPmal0CpGGibTC52uVJxjSGTEz7Ng1Y+G89\/ouxPSvtA6UV4JuVEjJFLn2rdRJk3m36bYXlMNBkPgH8NXJIPmE8\/7Vbxqy+Q9N6emXqesJZjNlWO9avwUjzJwKSfUV1lXy+TLvNXxSJbynV+AyeQHkByHurSq5LN1eKteitCZZzUOGxuXefQJptoP4tLF9G\/zGrXVU2g\/i0sX0b\/MatddDovy8f8AEdFzHFvz8\/8AN3UoqO1P97V0+hvfqGpGo7U\/3tXT6G9+oayy+4e5atP8ZneOqTCiiiuTL9NLV9iNfJscwaeuz3DbpK8sOKPJhw9x8En8x+umJBBAIOQehpH62LaHdb5NbZsWpnlKiJwmPLVklodyVeKfA93u6WrA8ZEYFPOdm48ORXNtMNFHVDjW0bbu\/U0b+Y58Rv71v1fRXWw60+yh5hxDjawFIWk5Cge8Gu2rkTsXKbEGxX1Nc09a4iuaa1pCs7Auaa7EiuCa7Eio2Zy3oguxArtQK60Cu5FQ87lKQtX2vji0NtqccWlCEjKlKOAB4k11T5kWBDdmTZDceO0kqcccVhKR4k0tO9O7juow7YtOrcYtOeF5\/mlcny8keXU9\/hUdLK2MXKm8NwubEJNVg2bzuH++Sj9+tw\/tuu4tdrdJs0JZ4FDpIc6FfuHMD499ZhRRUS95ebldSpKWOkhEUY2BbpoLdzTFi0fbbRMjXRUiKzwOFplBSTknkSsePhU593LR\/wDJLz+Qb\/fpb6KmY8frI2BjbWGzJVqfQnC55XSvDruJJ27ztTIfdy0f\/JLz+Qb\/AH68l53p0nMtE2I1Fu4cfjuNpKmEYypJAz7fnS\/R2XpMhuPHaceedWENttpKlLUTgAAcySe6vZeLJebMptN4tFwtxdBLYlRltceOuOIDNenaRVhFiR5LwzQXCmODgHbOaj6KKKglcUUVJtaev71pN3asdzctwSVGWmIssgA4J48cOAQe+oyiK36D3Cv+kXA3EeEmDnK4jxyjz4T1Sfd8DW6aQ3Z0pfUobkyhapZ5FuUQlBPkvp8cUrlFStFjFTSDVBu3gfoq1i+itBiZMjm6r\/7h9RkevNPEy4282HGnEOIV0Uk5B+uu5NJdp69ait8ppix3K4svOLCG2Yziv4RROAkJHziT3Yq8Sdxt1dOeiReES43pAfRi4W70ZXjrjKQTUy3SKJ47bSPn6KmzaAVcZ\/Bka4c7g\/VM6mu1IpXfu5a34cD5MB8fVj+9UfP3h19LSU\/LCY4P\/kMISfjjNYJcYgdkCkOhWIX7RaPE+ibJ+RHisqfkvtMNJGVLcWEpHvJrOtab1aTsSFsW1w3qYOQTHV\/BA+bnT4ZpZLvfb1eHOO63WbNP\/rvqWB7gTgVHVET15f7osrLQ6HxRbah+tyGwevRWvX2vtRazk8V0lcEVJy3EZ9lpHnjvPmc1VKKK0HOLjcq2wwxwMDIxYDgiiiiviyp8ezqzpqx9jw60n6Rs15l22POlFMmK2VvejcWQkrKSR0xnniqzttu7tBu9qWPofWG0lkshuJLMORH4CPSEcklaUIUgnGARnngd9WDab\/d73n\/ldz\/XcpP9niobr6TKSQfliL0\/4qaIr9vhtndtld7rSxpsP3BDklmfYSpouuOLS6OFopA9tQWAMDqCPGoztCaz3V1fJtC9z7BKtDkZDghB61OQ\/SAlPFgLHtYwOnSmd7ZAR927ZI4HH8uJ9+PWYtQnb7tPy9uFtpZOMoE95yMVDqkLdaST+eiJWdI7Wbi6ttK7tpzR13uMBAP+kNMHgXjqEk44z5JzUYNE6yNsmXQaSvxgQVLRLlC3O+ijqR88LXw4SU9+SMd9Ox2zdwb1tFo\/SWldvn02JMkOJS4w2kltlkIAQnIIGSsEnry8zUhbdS3LWHYYv2orz6uq5S7NO9adaaDfplpKkcagORUQkZPfREsNh19vTE2Ge0pbdMzHdCqiSG1z02V1bYaWtRcPpwOEYUVDPdjHdV17KvZ0te4umrldtbw9RWpKXGjbnEoLCJLS0E8aStB4x05p5c61Hbv\/AHds3\/k9x\/8AkO1K9gTW2otV7f3K23uW2\/GsKo8K3pSylBbZDZABKQCroOZyaIkY1jpa+6Z1Au1Xax3W2urWoxWpsVbTjzfGUpUkKAKgcYyOpqzwtj93JtrFzj7fX1UYp4hxR+FZHiEHCj8Kudp3U17qjtDWy\/TLBG1rfLap2Fa4JjpbSAFrKVewAMpKlHiPTqTyplrMx2orrudadR3Ruz2PTgdbTMsrcxDqUs9FkkAkr6kHi64oiSbaiHMt+92kIU+K\/ElM6igodZfbKHG1CQjkpJ5g++mQ+yVJUu76KSlJUosygABkk8TdSXa4tMCJ2pdqLpGjNtSp8+IJK0pwXC3LbCSfE4VjPgBXLt9hCtxNskuY4DJWFZ8PTNZoi5M6G227OG0UDVet9NR9T6tnKQhLEgBSUvEcRbQFApSlAHNWCSfeBXo2j1JtD2i3bjpS+bYW2wXZqKXmHIZSFFAOCUOISghQKgcEEHzry\/ZLCfkXRgycesSTj+yikytdzuNqk+tWu4S4L\/CU+ljPKbXg9RlJBxRFZdxdB3PS26d20HFakXOZDmFhhLDRW4+kgKQQlPMkpUk4FSk7Y\/dyFazc5G319TGCeIlMfiWB4lAyofCrf2UtVa5h7j3CdpfRiNbailxwgyJ0hQVGbBHEsuqOE5wkZJ6DA8Ka7aG3dopvdF+77gzbWNMTUOqVb2ZCF+qE820ownPI4BOTmiL84kMvOSEx0NOKeUrgS2EkqKs4xjrnyrQWtjN3nLWLkjb2\/GOU8QBjYcx\/w\/n\/AFYphZ\/2i6O7f0mRfW4UCA\/HS8wt1ISy1McaThZ7k5PFz7lKzV63Rsm\/9s3nb1\/oie7qbSwCFt2Rm5hppbXAApBbUQhRPNQWMnp7qIks2y0NeNV7i23TarHeHm\/lBhm6JjRVlyIyp1KHFrwk+jABPNQwO+td7VvZ+i7cNWuZom26jukBTDztykrZL7cYI4cFakIAQME81eFSLW9Wq5HahtE2HphGjLndJUKz3yI40HFvoMhOSrjQClRSoDI54A51pv2QHcDVGl7XadNWaa2xbL\/Dks3FtTCFlxPsjAURlPJR6Yoi93ZyhQtSdjFWkjerfb5VzjT4qVyHQPRlbqwFFOc451UtsdhdDbT6oi653C3NsElm2L9PEjNuJQlbo6KOVFSyk4ISkczj3FMqKImI3H3bY3U7UWi7pBC2LDa7zBjwfTeyVI9ZQpbqh+DxH4ADNaH2+9RMW\/W23l7tcmNLdtzjskBt0KGUONKAOOmcUmlFEX6A7\/6EidpTQemtT7f6gtfp4XpFBMt0pSEOBPGhfCFFC0lA5EeNSLml2tGdiXUOmkXiHd1wrNOQ\/JiK4mvSkrK0JPfwqJT9XQVgG3mgNhr1o21yHd6JmnbwuMk3aMtz0SC6fnBIWlOR3ciqrVvXvDttpTYo7P7XXF29B6P6q9NweBtsq4nCVEDjWvmPZGAFHwxRFadvrjb0fY+JsNc6KmSbRcQGS6kLyX3cDhzmoL7G7qK0xk6p03JmssXCQ6zJjtOLCS8kBSVcOepHLIHjSbVzZddYdS6y4ttxJylSFEEe4iiJzNiNJo2T7T8q1a2uVpS9qC2vLtUpt08GVPjDaisDhWoJPLn3DJzUjuXtRLtnaHZ3Y1vr21RtNC6MPQW1uqVJUeJIbYQgjhCQeqgTgZJHWkllS5Up0OypLz7g5BTiyoj6zXKVNmS0oTKlvvhAwgOOFXD7s9KIna7XrsV\/fjZy6R5sZ6Mi7NNOLbdSoNkSmFe0QeXIn4Gq39kZuUZ69aKft05h5bLclQUy6FcCgpsg8unSlBooifLUTul+1bs1bYtuv0G1aytqg6YshYBQ9w8K0lPzi2vkQpIOOXfkVG7F7DWrZqVdNZbv3vS7rCIpaYjrIdZSCQSs+lSOJXs4AAzzNJEw86w6l1h1bTiTlKkKII+sV2zJ02Zj1uZIkcPT0rhVj4miJ6eyDuDo3UG4u46bc3Cski7zm5Fsj8CGSuMhBQAlIwMjkopH4586jtqNrXtsO0Q1qfcTX1ofuV2elN2xhD6lPyStClFx3jA9GAkHxHEQAaSFpxbTiXGlqQtJylSTgg++uyXKky3fSypDz7mMcTqyo495oibnee07cX3thvw9xZ6m7FdbUwIkyPLDbbb4ASONfMBJ4VDJ6EjNTugdlNztAb2Rbjo3UiG9uUzA8XF3QLbMU8y2tsn2lY5BQGOhyKSOvWm5XFMb1VNwlhjGPRB5XBjwxnFETN9q3X2jpvad0feLPLjy2bA\/ENzlx1BaFFuQHCkKHJXCnlkeOO6tM7cOgZ+4mjLXrvTN0tUi12ODIkvkvEl5pQSoFopBCjgdCRSG16Uz5yYpiJmyRHPVoOq4PhnFEXmooooiKKKKIiiiiiIooooiKKKKIiiiiiIooooiKKKKIiiiiiIooooi\/9k=\" alt=\"DigitalCast\">\r\n <div class=\"footer-brand-name\">DigitalCast<\/div>\r\n <p>We build the digital experiences that define tomorrow's brands. Creative. Precise. Impactful.<\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Company<\/h4>\r\n <ul>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#clients\">Clients<\/a><\/li>\r\n <li><a href=\"#\">Careers<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Services<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Web Development<\/a><\/li>\r\n <li><a href=\"#\">App Development<\/a><\/li>\r\n <li><a href=\"#\">AI Automation<\/a><\/li>\r\n <li><a href=\"#\">SEO & Content<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Contact<\/h4>\r\n <ul>\r\n <li><a href=\"#\">hello@digitalcast.io<\/a><\/li>\r\n <li><a href=\"#\">+1 (555) 000-1234<\/a><\/li>\r\n <li><a href=\"#\">LinkedIn<\/a><\/li>\r\n <li><a href=\"#\">Twitter \/ X<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <div>\u00a9 2025 <span>DigitalCast<\/span>. All rights reserved.<\/div>\r\n <div>Built with passion & precision.<\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- THREE.JS -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n<script>\r\n\/* \u2500\u2500 THREE.JS SCENE (hero only) \u2500\u2500 *\/\r\n(function(){\r\n const canvas=document.getElementById('c');\r\n const W=()=>window.innerWidth, H=()=>window.innerHeight;\r\n const renderer=new THREE.WebGLRenderer({canvas,antialias:true,alpha:true});\r\n renderer.setPixelRatio(Math.min(devicePixelRatio,2));\r\n renderer.setSize(W(),H());\r\n renderer.setClearColor(0x050a0f,1);\r\n const scene=new THREE.Scene();\r\n scene.fog=new THREE.FogExp2(0x050a0f,0.032);\r\n const camera=new THREE.PerspectiveCamera(60,W()\/H(),0.1,200);\r\n camera.position.set(0,0,18);\r\n const lerp=(a,b,t)=>a+(b-a)*t;\r\n const mouse={x:0,y:0,tx:0,ty:0};\r\n document.addEventListener('mousemove',e=>{\r\n mouse.tx=(e.clientX\/W()-0.5)*2;\r\n mouse.ty=(e.clientY\/H()-0.5)*2;\r\n const g=document.getElementById('glow');\r\n if(g){g.style.left=e.clientX+'px';g.style.top=e.clientY+'px';}\r\n });\r\n \/\/ Torus knot\r\n const kGeo=new THREE.TorusKnotGeometry(4,1.05,200,20,2,3);\r\n const kMat=new THREE.MeshStandardMaterial({color:0x00d4c8,emissive:0x736EFE,emissiveIntensity:0.35,metalness:0.9,roughness:0.12});\r\n const knot=new THREE.Mesh(kGeo,kMat);\r\n knot.position.set(6,0,0);scene.add(knot);\r\n const kw=new THREE.Mesh(kGeo,new THREE.MeshBasicMaterial({color:0xffffff,wireframe:true,opacity:0.04,transparent:true}));\r\n kw.position.copy(knot.position);scene.add(kw);\r\n \/\/ Orbiting icos\r\n const icoG=new THREE.Group();icoG.position.copy(knot.position);scene.add(icoG);\r\n const icos=[{r:7.5,sp:0.4,sz:0.55,ph:0},{r:9,sp:0.28,sz:0.38,ph:2.1},{r:6.8,sp:0.55,sz:0.3,ph:4.2},{r:10,sp:0.18,sz:0.7,ph:1.05},{r:8.2,sp:0.35,sz:0.25,ph:3.14}].map(d=>{\r\n const m=new THREE.Mesh(new THREE.IcosahedronGeometry(d.sz,0),new THREE.MeshStandardMaterial({color:0x736EFE,emissive:0x00d4c8,emissiveIntensity:0.5,metalness:0.8,roughness:0.2}));\r\n icoG.add(m);return{mesh:m,...d,angle:d.ph};\r\n });\r\n \/\/ Rings\r\n [[5.5,0.015,[0.4,0,0.3]],[7.2,0.012,[1.2,0.5,0.1]],[9.8,0.01,[0.2,1,0.8]]].forEach(([r,tb,rot])=>{\r\n const m=new THREE.Mesh(new THREE.TorusGeometry(r,tb,4,120),new THREE.MeshBasicMaterial({color:0x00d4c8,opacity:0.2,transparent:true}));\r\n m.rotation.set(...rot);m.position.copy(knot.position);scene.add(m);\r\n });\r\n \/\/ Particles\r\n const PC=2200,pos=new Float32Array(PC*3),col=new Float32Array(PC*3);\r\n const cc=new THREE.Color(0x00d4c8),cp=new THREE.Color(0x736EFE),cw=new THREE.Color(0xffffff);\r\n for(let i=0;i<PC;i++){\r\n const r=12+Math.random()*26,th=Math.random()*Math.PI*2,ph=Math.acos(2*Math.random()-1);\r\n pos[i*3]=r*Math.sin(ph)*Math.cos(th)+6;pos[i*3+1]=r*Math.sin(ph)*Math.sin(th);pos[i*3+2]=r*Math.cos(ph);\r\n const t=Math.random(),c=t<0.33?cc:t<0.66?cp:cw;col[i*3]=c.r;col[i*3+1]=c.g;col[i*3+2]=c.b;\r\n }\r\n const pg=new THREE.BufferGeometry();\r\n pg.setAttribute('position',new THREE.BufferAttribute(pos,3));\r\n pg.setAttribute('color',new THREE.BufferAttribute(col,3));\r\n const pts=new THREE.Points(pg,new THREE.PointsMaterial({size:0.07,vertexColors:true,transparent:true,opacity:0.65,sizeAttenuation:true,depthWrite:false}));\r\n scene.add(pts);\r\n \/\/ Lights\r\n scene.add(new THREE.AmbientLight(0x0a0a2a,2));\r\n const l1=new THREE.PointLight(0x00d4c8,3,35);l1.position.set(8,6,10);scene.add(l1);\r\n const l2=new THREE.PointLight(0x736EFE,2.5,30);l2.position.set(-5,-4,8);scene.add(l2);\r\n scene.add(new THREE.PointLight(0xffffff,1,20)).position.set(0,10,5);\r\n let t=0,intro=0;\r\n function animate(){\r\n requestAnimationFrame(animate);t+=0.008;\r\n mouse.x=lerp(mouse.x,mouse.tx,0.04);mouse.y=lerp(mouse.y,mouse.ty,0.04);\r\n intro=Math.min(1,intro+0.012);const ei=1-Math.pow(1-intro,3);\r\n camera.position.x=lerp(camera.position.x,mouse.x*2.5,0.04);\r\n camera.position.y=lerp(camera.position.y,-mouse.y*1.5,0.04);\r\n camera.lookAt(new THREE.Vector3(6,0,0));\r\n knot.rotation.x=t*0.25;knot.rotation.y=t*0.35+mouse.x*0.3;knot.rotation.z=t*0.15;knot.scale.setScalar(ei);\r\n kw.rotation.copy(knot.rotation);kw.scale.copy(knot.scale);\r\n icos.forEach((ic,i)=>{\r\n ic.angle+=ic.sp*0.012;\r\n ic.mesh.position.set(Math.cos(ic.angle)*ic.r,Math.sin(ic.angle*0.7+i)*1.5+Math.sin(t*0.3+i)*0.3,Math.sin(ic.angle)*ic.r*0.5);\r\n ic.mesh.rotation.x+=0.02;ic.mesh.rotation.y+=0.03;\r\n ic.mesh.scale.setScalar(ei*(0.9+Math.sin(t*0.8+i*1.3)*0.1));\r\n });\r\n pts.rotation.y=t*0.04;pts.rotation.x=Math.sin(t*0.02)*0.1;\r\n l1.position.x=8+Math.sin(t*0.5)*3;l1.position.y=6+Math.cos(t*0.4)*2;\r\n l2.position.x=-5+Math.cos(t*0.3)*3;l2.position.y=-4+Math.sin(t*0.6)*2;\r\n renderer.render(scene,camera);\r\n }\r\n animate();\r\n window.addEventListener('resize',()=>{camera.aspect=W()\/H();camera.updateProjectionMatrix();renderer.setSize(W(),H());});\r\n})();\r\n\r\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\nconst revealEls=document.querySelectorAll('.reveal');\r\nconst obs=new IntersectionObserver(entries=>{\r\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('on');obs.unobserve(e.target);}});\r\n},{threshold:0.1,rootMargin:'0px 0px -30px 0px'});\r\nrevealEls.forEach(el=>obs.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0001be7 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"0001be7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"thegem_container_layout":"thegem"}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-77710e1 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"77710e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<title>DigitalCast Web Services \u2014 We Craft Digital Futures<\/title>\r\n<meta name=\"description\" content=\"Award-winning digital agency transforming brands through immersive web experiences, strategic marketing, and unforgettable design.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* =========================================================\r\n DigitalCast Web Services \u2014 Light Premium Theme\r\n Design system + components\r\n ========================================================= *\/\r\n\r\n:root{\r\n --bg:#eef2fb;\r\n --bg-2:#e7ecf8;\r\n --surface:#ffffff;\r\n --ink:#0b1020;\r\n --ink-soft:#23304a;\r\n --muted:#5d6678;\r\n --muted-2:#8a93a6;\r\n --line:rgba(11,16,32,.08);\r\n --line-2:rgba(11,16,32,.12);\r\n\r\n --cyan:#11d9ce;\r\n --blue:#2b7bff;\r\n --violet:#6e4dff;\r\n\r\n --grad:linear-gradient(120deg,#11d9ce 0%,#2b7bff 52%,#6e4dff 100%);\r\n --grad-soft:linear-gradient(120deg,rgba(17,217,206,.18),rgba(43,123,255,.18),rgba(110,77,255,.18));\r\n\r\n --glass-bg:rgba(255,255,255,.55);\r\n --glass-brd:rgba(255,255,255,.75);\r\n --glass-shadow:0 24px 70px -28px rgba(24,48,110,.35);\r\n\r\n --radius:22px;\r\n --radius-sm:14px;\r\n --radius-lg:30px;\r\n\r\n --container:1200px;\r\n --ease:cubic-bezier(.22,.61,.36,1);\r\n\r\n --font-display:\"Space Grotesk\",system-ui,sans-serif;\r\n --font-body:\"Inter\",system-ui,sans-serif;\r\n}\r\n\r\n*{box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nhtml.lenis,html.lenis body{height:auto}\r\nbody{\r\n margin:0;\r\n font-family:var(--font-body);\r\n color:var(--ink);\r\n background:var(--bg);\r\n -webkit-font-smoothing:antialiased;\r\n text-rendering:optimizeLegibility;\r\n overflow-x:hidden;\r\n line-height:1.6;\r\n}\r\na{color:inherit;text-decoration:none}\r\nimg{max-width:100%;display:block}\r\nbutton{font-family:inherit;cursor:pointer;border:0;background:none}\r\nul{margin:0;padding:0;list-style:none}\r\n\r\n\/* ---------- ambient background ---------- *\/\r\n.bg-fx{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}\r\n.bg-fx .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}\r\n.bg-fx .b1{width:46vw;height:46vw;left:-10vw;top:-8vw;background:radial-gradient(circle at 30% 30%,#7af0e9,#11d9ce 55%,transparent 72%)}\r\n.bg-fx .b2{width:42vw;height:42vw;right:-12vw;top:8vw;background:radial-gradient(circle at 60% 40%,#8db7ff,#2b7bff 55%,transparent 72%)}\r\n.bg-fx .b3{width:40vw;height:40vw;left:18vw;bottom:-14vw;background:radial-gradient(circle at 50% 50%,#b6a4ff,#6e4dff 55%,transparent 72%);opacity:.4}\r\n#fx-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5}\r\n.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.04;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\r\n\r\n\/* ---------- layout ---------- *\/\r\n.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}\r\n.section{padding:120px 0;position:relative}\r\n.section--tight{padding:88px 0}\r\n@media(max-width:820px){.section{padding:78px 0}}\r\n\r\n.eyebrow{\r\n display:inline-flex;align-items:center;gap:9px;\r\n font-family:var(--font-display);font-size:12.5px;font-weight:600;letter-spacing:.18em;\r\n text-transform:uppercase;color:var(--muted);\r\n padding:7px 14px;border-radius:100px;border:1px solid var(--line-2);\r\n background:var(--glass-bg);backdrop-filter:blur(8px);\r\n}\r\n.eyebrow::before{content:\"\";width:7px;height:7px;border-radius:50%;background:var(--grad)}\r\n\r\n.h-display{font-family:var(--font-display);font-weight:600;line-height:1.04;letter-spacing:-.02em;margin:0}\r\n.section-head{max-width:680px;margin-bottom:54px}\r\n.section-head h2{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.06;letter-spacing:-.025em;margin:18px 0 0}\r\n.section-head p{color:var(--muted);font-size:1.05rem;margin:16px 0 0;max-width:560px}\r\n.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n\r\n\/* ---------- buttons ---------- *\/\r\n.btn{\r\n display:inline-flex;align-items:center;justify-content:center;gap:10px;\r\n font-family:var(--font-display);font-weight:600;font-size:.95rem;\r\n padding:15px 26px;border-radius:100px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s;\r\n white-space:nowrap;\r\n}\r\n.btn svg{width:17px;height:17px}\r\n.btn-primary{color:#fff;background:var(--grad);background-size:160% 160%;box-shadow:0 14px 34px -12px rgba(43,123,255,.7)}\r\n.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 46px -12px rgba(43,123,255,.85);background-position:100% 0}\r\n.btn-ghost{color:var(--ink);background:var(--surface);border:1px solid var(--line-2);box-shadow:0 8px 24px -16px rgba(24,48,110,.5)}\r\n.btn-ghost:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 16px 34px -14px rgba(24,48,110,.5)}\r\n.btn-sm{padding:11px 18px;font-size:.85rem}\r\n\r\n\/* ---------- preloader ---------- *\/\r\n.loader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;transition:opacity .6s ease,visibility .6s}\r\n.loader.done{opacity:0;visibility:hidden}\r\n.loader .mark{width:64px;height:64px;animation:floaty 2s ease-in-out infinite}\r\n.loader .bar{width:180px;height:3px;border-radius:4px;background:var(--line-2);overflow:hidden}\r\n.loader .bar i{display:block;height:100%;width:40%;background:var(--grad);border-radius:4px;animation:load 1.1s var(--ease) infinite}\r\n@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}\r\n@keyframes floaty{50%{transform:translateY(-8px)}}\r\n\r\n\/* ---------- cursor ---------- *\/\r\n.cursor{position:fixed;top:0;left:0;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--blue);transform:translate(-50%,-50%);pointer-events:none;z-index:9000;transition:width .25s,height .25s,background .25s,border-color .25s;mix-blend-mode:multiply}\r\n.cursor.big{width:74px;height:74px;background:rgba(43,123,255,.08);border-color:transparent}\r\n@media(max-width:1024px){.cursor{display:none}}\r\n\r\n\/* ---------- header \/ nav ---------- *\/\r\n.nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:padding .4s var(--ease)}\r\n.nav-inner{\r\n display:flex;align-items:center;justify-content:space-between;gap:24px;\r\n margin:16px auto 0;max-width:var(--container);padding:11px 14px 11px 22px;\r\n border-radius:100px;border:1px solid var(--glass-brd);\r\n background:var(--glass-bg);backdrop-filter:blur(18px);\r\n box-shadow:var(--glass-shadow);transition:margin .4s var(--ease)\r\n}\r\n.nav.scrolled .nav-inner{margin-top:10px}\r\n.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}\r\n.brand .mark{width:34px;height:34px}\r\n.brand b{font-weight:700}\r\n.nav-links{display:flex;align-items:center;gap:6px}\r\n.nav-links a{font-family:var(--font-display);font-weight:500;font-size:.92rem;color:var(--ink-soft);padding:9px 14px;border-radius:100px;transition:background .25s,color .25s}\r\n.nav-links a:hover{background:rgba(43,123,255,.08);color:var(--blue)}\r\n.nav-right{display:flex;align-items:center;gap:10px}\r\n.nav-toggle{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);align-items:center;justify-content:center}\r\n.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);position:relative;transition:.3s}\r\n.nav-toggle span::before,.nav-toggle span::after{content:\"\";position:absolute;left:0;width:18px;height:2px;background:var(--ink);transition:.3s}\r\n.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}\r\n.nav-open .nav-toggle span{background:transparent}\r\n.nav-open .nav-toggle span::before{top:0;transform:rotate(45deg)}\r\n.nav-open .nav-toggle span::after{top:0;transform:rotate(-45deg)}\r\n\r\n.mobile-menu{position:fixed;inset:0;z-index:999;background:rgba(238,242,251,.92);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:40px;transform:translateY(-100%);transition:transform .5s var(--ease);visibility:hidden}\r\n.nav-open .mobile-menu{transform:translateY(0);visibility:visible}\r\n.mobile-menu a{font-family:var(--font-display);font-weight:600;font-size:2rem;letter-spacing:-.02em;padding:10px 0;border-bottom:1px solid var(--line)}\r\n.mobile-menu .btn{margin-top:28px;align-self:flex-start}\r\n\r\n@media(max-width:980px){\r\n .nav-links{display:none}\r\n .nav-right .btn{display:none}\r\n .nav-toggle{display:flex}\r\n}\r\n\r\n\/* ---------- hero ---------- *\/\r\n.hero{position:relative;padding:190px 0 60px;text-align:center}\r\n.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.7rem,7.4vw,6rem);line-height:.98;letter-spacing:-.035em;margin:26px auto 0;max-width:14ch}\r\n.hero p.sub{max-width:620px;margin:24px auto 0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.18rem)}\r\n.hero .cta{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}\r\n.hero-stats{display:flex;justify-content:center;gap:18px;margin-top:64px;flex-wrap:wrap}\r\n.stat-card{\r\n min-width:200px;flex:1;max-width:240px;padding:26px 24px;border-radius:var(--radius);\r\n background:var(--glass-bg);border:1px solid var(--glass-brd);backdrop-filter:blur(16px);\r\n box-shadow:var(--glass-shadow);text-align:left\r\n}\r\n.stat-card .num{font-family:var(--font-display);font-weight:700;font-size:2.7rem;letter-spacing:-.03em;line-height:1}\r\n.stat-card .lbl{color:var(--muted);font-size:.92rem;margin-top:8px}\r\n\r\n\/* ---------- ticker ---------- *\/\r\n.ticker{position:relative;padding:22px 0;margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}\r\n.ticker-track{display:flex;gap:42px;width:max-content;animation:scrollx 26s linear infinite}\r\n.ticker:hover .ticker-track{animation-play-state:paused}\r\n.ticker span{font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--ink-soft);display:inline-flex;align-items:center;gap:42px;white-space:nowrap}\r\n.ticker span::after{content:\"\u2726\";color:var(--blue)}\r\n@keyframes scrollx{to{transform:translateX(-50%)}}\r\n\r\n\/* ---------- clients ---------- *\/\r\n.clients{padding:60px 0}\r\n.clients .label{text-align:center;font-family:var(--font-display);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin-bottom:30px}\r\n.logos{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}\r\n.logos-track{display:flex;gap:18px;width:max-content;animation:scrollx 38s linear infinite}\r\n.logo-chip{display:flex;align-items:center;gap:9px;padding:13px 22px;border-radius:100px;border:1px solid var(--line);background:var(--surface);font-family:var(--font-display);font-weight:600;font-size:.98rem;color:var(--muted-2);filter:grayscale(1);opacity:.7;transition:.35s;white-space:nowrap}\r\n.logo-chip i{width:9px;height:9px;border-radius:50%;background:var(--grad)}\r\n.logo-chip:hover{filter:grayscale(0);opacity:1;color:var(--ink);border-color:var(--line-2);transform:translateY(-2px)}\r\n\r\n\/* ---------- about ---------- *\/\r\n.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}\r\n.about-grid .lead{font-size:1.12rem;color:var(--muted);margin:18px 0 26px}\r\n.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}\r\n.spec{display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);font-weight:500;font-size:.95rem;transition:.3s}\r\n.spec:hover{transform:translateX(4px);border-color:var(--blue);box-shadow:0 10px 26px -18px rgba(43,123,255,.7)}\r\n.spec i{width:20px;height:20px;flex:0 0 auto;color:var(--blue)}\r\n.about-visual{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4\/4.4;background:var(--grad);box-shadow:0 40px 90px -40px rgba(43,123,255,.6);display:flex;align-items:flex-end;padding:30px}\r\n.about-visual .glass-quote{background:rgba(255,255,255,.16);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);padding:22px;color:#fff}\r\n.about-visual .glass-quote b{font-family:var(--font-display);font-size:2.2rem;display:block;line-height:1}\r\n.about-visual .glass-quote span{opacity:.9;font-size:.92rem}\r\n@media(max-width:880px){.about-grid{grid-template-columns:1fr;gap:36px}}\r\n\r\n\/* ---------- mission vision ---------- *\/\r\n.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}\r\n.mv-card{position:relative;padding:40px;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--glass-shadow)}\r\n.mv-card::before{content:\"\";position:absolute;inset:0;opacity:.12;background:var(--grad)}\r\n.mv-card>*{position:relative}\r\n.mv-card .ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;margin-bottom:20px}\r\n.mv-card h3{font-family:var(--font-display);font-size:1.5rem;margin:0 0 10px}\r\n.mv-card p{color:var(--muted);margin:0}\r\n@media(max-width:760px){.mv-grid{grid-template-columns:1fr}}\r\n\r\n\/* ---------- services ---------- *\/\r\n.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n.svc{position:relative;padding:30px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}\r\n.svc::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}\r\n.svc:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(24,48,110,.45);border-color:transparent}\r\n.svc:hover::after{transform:scaleX(1)}\r\n.svc .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--grad-soft);color:var(--blue);margin-bottom:18px;transition:.4s}\r\n.svc:hover .ic{background:var(--grad);color:#fff;transform:rotate(-6deg) scale(1.05)}\r\n.svc h3{font-family:var(--font-display);font-size:1.18rem;margin:0 0 8px}\r\n.svc p{color:var(--muted);font-size:.93rem;margin:0}\r\n.svc .no{position:absolute;top:24px;right:26px;font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--line-2)}\r\n@media(max-width:880px){.svc-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:560px){.svc-grid{grid-template-columns:1fr}}\r\n\r\n\/* ---------- why us ---------- *\/\r\n.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n.why{padding:30px;border-radius:var(--radius);background:var(--glass-bg);border:1px solid var(--glass-brd);backdrop-filter:blur(14px);transition:.4s}\r\n.why:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow)}\r\n.why .ic{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--grad);margin-bottom:16px}\r\n.why h3{font-family:var(--font-display);font-size:1.12rem;margin:0 0 7px}\r\n.why p{color:var(--muted);font-size:.92rem;margin:0}\r\n@media(max-width:880px){.why-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:560px){.why-grid{grid-template-columns:1fr}}\r\n\r\n\/* ---------- cinematic scroll story ---------- *\/\r\n.story{position:relative}\r\n.story-pin{height:100vh;display:flex;align-items:center;overflow:hidden;position:relative}\r\n.story-bg{position:absolute;inset:0;background:var(--grad);opacity:.14;transition:opacity .6s}\r\n.story-panel{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateY(40px);pointer-events:none}\r\n.story-panel.active{opacity:1;transform:none;pointer-events:auto}\r\n.story-panel .container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;width:100%}\r\n.story-no{font-family:var(--font-display);font-weight:700;font-size:clamp(6rem,16vw,13rem);line-height:.8;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}\r\n.story-txt h3{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.02em;margin:0 0 14px;line-height:1.05}\r\n.story-txt p{color:var(--muted);font-size:1.1rem;margin:0;max-width:420px}\r\n.story-progress{position:absolute;left:0;bottom:0;height:4px;background:var(--grad);width:0;z-index:3}\r\n.story-dots{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:3}\r\n.story-dots i{width:9px;height:9px;border-radius:50%;background:var(--line-2);transition:.3s}\r\n.story-dots i.on{background:var(--blue);transform:scale(1.4)}\r\n@media(max-width:760px){.story-panel .container{grid-template-columns:1fr;gap:10px}.story-no{font-size:5rem}.story-dots{right:14px}}\r\n\r\n\/* ---------- portfolio ---------- *\/\r\n.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}\r\n.filter{font-family:var(--font-display);font-weight:600;font-size:.86rem;padding:10px 18px;border-radius:100px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-soft);transition:.3s}\r\n.filter.on,.filter:hover{color:#fff;background:var(--grad);border-color:transparent}\r\n.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}\r\n.work{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 60px -40px rgba(24,48,110,.5);transition:transform .45s var(--ease),box-shadow .45s}\r\n.work:hover{transform:translateY(-7px);box-shadow:0 40px 80px -36px rgba(24,48,110,.55)}\r\n.work-thumb{aspect-ratio:16\/10;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}\r\n.work-thumb .chrome{position:absolute;top:0;left:0;right:0;height:34px;background:rgba(255,255,255,.5);backdrop-filter:blur(6px);display:flex;align-items:center;gap:6px;padding:0 14px;z-index:2;border-bottom:1px solid rgba(255,255,255,.4)}\r\n.work-thumb .chrome i{width:9px;height:9px;border-radius:50%;background:#cfd6e6}\r\n.work-thumb .chrome i:nth-child(1){background:#ff6b6b}.work-thumb .chrome i:nth-child(2){background:#ffd93d}.work-thumb .chrome i:nth-child(3){background:#4ade80}\r\n.work-thumb .wm{font-family:var(--font-display);font-weight:700;font-size:1.9rem;color:#fff;text-align:center;padding:20px;letter-spacing:-.02em;text-shadow:0 6px 24px rgba(0,0,0,.18);transform:translateY(6px);transition:.5s}\r\n.work:hover .wm{transform:translateY(0) scale(1.04)}\r\n.work-body{padding:22px 24px 24px}\r\n.work-cat{font-family:var(--font-display);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}\r\n.work-body h3{font-family:var(--font-display);font-size:1.3rem;margin:7px 0 4px}\r\n.work-body .svc-list{color:var(--muted);font-size:.86rem;margin-bottom:16px}\r\n.work-actions{display:flex;gap:10px;align-items:center}\r\n.work .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:600;font-size:.84rem;color:#fff;background:var(--grad);padding:9px 16px;border-radius:100px;transition:.3s}\r\n.work .live:hover{transform:translateX(3px)}\r\n.work .case{font-family:var(--font-display);font-weight:600;font-size:.84rem;color:var(--ink-soft);padding:9px 14px;border-radius:100px;border:1px solid var(--line-2);transition:.3s}\r\n.work .case:hover{border-color:var(--blue);color:var(--blue)}\r\n.work.hide{display:none}\r\n.work-more{display:flex;justify-content:center;margin-top:40px}\r\n@media(max-width:760px){.work-grid{grid-template-columns:1fr}}\r\n\r\n\/* modal *\/\r\n.modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.4s}\r\n.modal.open{opacity:1;visibility:visible}\r\n.modal-bg{position:absolute;inset:0;background:rgba(11,16,32,.5);backdrop-filter:blur(6px)}\r\n.modal-card{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 50px 120px -40px rgba(11,16,32,.6);transform:translateY(20px) scale(.98);transition:.45s var(--ease)}\r\n.modal.open .modal-card{transform:none}\r\n.modal-hero{height:170px;background:var(--grad);display:flex;align-items:flex-end;padding:24px;color:#fff}\r\n.modal-hero h3{font-family:var(--font-display);font-size:1.9rem;margin:0}\r\n.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink);z-index:2}\r\n.modal-body{padding:28px}\r\n.modal-body .cs-cat{font-family:var(--font-display);color:var(--blue);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}\r\n.cs-block{margin-top:20px}\r\n.cs-block h4{font-family:var(--font-display);font-size:1.05rem;margin:0 0 6px;display:flex;align-items:center;gap:9px}\r\n.cs-block h4::before{content:\"\";width:7px;height:7px;border-radius:50%;background:var(--grad)}\r\n.cs-block p{color:var(--muted);margin:0}\r\n.cs-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}\r\n.cs-tags span{font-size:.8rem;padding:6px 13px;border-radius:100px;background:var(--bg);border:1px solid var(--line);font-weight:500}\r\n.cs-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}\r\n.cs-results div{padding:16px;border-radius:var(--radius-sm);background:var(--bg);text-align:center}\r\n.cs-results b{font-family:var(--font-display);font-size:1.6rem;display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n.cs-results small{color:var(--muted)}\r\n\r\n\/* ---------- counters ---------- *\/\r\n.counters{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}\r\n.counter{text-align:center;padding:34px 18px;border-radius:var(--radius);background:var(--glass-bg);border:1px solid var(--glass-brd);backdrop-filter:blur(14px)}\r\n.counter .num{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,5vw,3.4rem);letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}\r\n.counter .lbl{color:var(--muted);margin-top:8px;font-size:.95rem}\r\n@media(max-width:760px){.counters{grid-template-columns:1fr 1fr}}\r\n\r\n\/* ---------- testimonials ---------- *\/\r\n.tst{position:relative;overflow:hidden}\r\n.tst-track{display:flex;transition:transform .6s var(--ease)}\r\n.tst-slide{min-width:100%;padding:8px}\r\n.tst-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:44px;box-shadow:var(--glass-shadow);max-width:760px;margin:0 auto;text-align:center}\r\n.tst-card .stars{color:#ffb02e;letter-spacing:3px;margin-bottom:16px}\r\n.tst-card q{font-family:var(--font-display);font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:500;letter-spacing:-.01em;line-height:1.4}\r\n.tst-who{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:13px}\r\n.tst-who .av{width:46px;height:46px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700}\r\n.tst-who b{font-family:var(--font-display)}\r\n.tst-who span{color:var(--muted);font-size:.88rem}\r\n.tst-nav{display:flex;justify-content:center;gap:10px;margin-top:26px}\r\n.tst-nav button{width:13px;height:13px;border-radius:50%;background:var(--line-2);transition:.3s}\r\n.tst-nav button.on{background:var(--grad);width:30px;border-radius:100px}\r\n\r\n\/* ---------- blog ---------- *\/\r\n.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\r\n.post{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:.4s}\r\n.post:hover{transform:translateY(-6px);box-shadow:var(--glass-shadow)}\r\n.post .ph{aspect-ratio:16\/10;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;position:relative}\r\n.post .ph i{font-family:var(--font-display);font-weight:700;font-size:2.4rem;color:#fff;opacity:.85}\r\n.post .pb{padding:24px}\r\n.post .meta{font-family:var(--font-display);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}\r\n.post h3{font-family:var(--font-display);font-size:1.2rem;margin:8px 0 8px;line-height:1.25}\r\n.post p{color:var(--muted);font-size:.9rem;margin:0 0 14px}\r\n.post a.read{font-family:var(--font-display);font-weight:600;font-size:.86rem;color:var(--ink);display:inline-flex;gap:7px;align-items:center}\r\n@media(max-width:880px){.blog-grid{grid-template-columns:1fr}}\r\n\r\n\/* ---------- contact ---------- *\/\r\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}\r\n.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:38px;box-shadow:var(--glass-shadow)}\r\n.field{margin-bottom:16px}\r\n.field label{display:block;font-family:var(--font-display);font-weight:500;font-size:.85rem;margin-bottom:7px;color:var(--ink-soft)}\r\n.field input,.field textarea{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--bg);font-family:inherit;font-size:.95rem;color:var(--ink);transition:.25s}\r\n.field input:focus,.field textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(43,123,255,.12)}\r\n.field textarea{min-height:120px;resize:vertical}\r\n.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n.contact-side{display:flex;flex-direction:column;gap:16px}\r\n.info-card{background:var(--glass-bg);border:1px solid var(--glass-brd);backdrop-filter:blur(14px);border-radius:var(--radius);padding:24px;display:flex;gap:16px;align-items:flex-start}\r\n.info-card .ic{width:46px;height:46px;border-radius:13px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}\r\n.info-card b{font-family:var(--font-display);display:block;margin-bottom:3px}\r\n.info-card span{color:var(--muted);font-size:.92rem}\r\n.map{flex:1;min-height:180px;border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid var(--line);background:\r\n linear-gradient(rgba(43,123,255,.06),rgba(110,77,255,.06)),\r\n repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(11,16,32,.05) 28px,rgba(11,16,32,.05) 29px),\r\n repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(11,16,32,.05) 28px,rgba(11,16,32,.05) 29px),\r\n var(--surface)}\r\n.map .pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);color:var(--blue);filter:drop-shadow(0 8px 14px rgba(43,123,255,.4))}\r\n.map .pin svg{width:40px;height:40px}\r\n.map a{position:absolute;bottom:14px;right:14px}\r\n@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}\r\n@media(max-width:520px){.two{grid-template-columns:1fr}}\r\n\r\n\/* ---------- footer ---------- *\/\r\n.footer{padding:70px 0 30px;border-top:1px solid var(--line);margin-top:40px}\r\n.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}\r\n.foot-brand p{color:var(--muted);margin:16px 0 20px;max-width:320px}\r\n.socials{display:flex;gap:10px}\r\n.socials a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:.3s}\r\n.socials a:hover{color:#fff;background:var(--grad);border-color:transparent;transform:translateY(-3px)}\r\n.foot-col h4{font-family:var(--font-display);font-size:.95rem;margin:0 0 16px}\r\n.foot-col a{display:block;color:var(--muted);padding:6px 0;transition:.25s;font-size:.93rem}\r\n.foot-col a:hover{color:var(--blue);transform:translateX(3px)}\r\n.foot-bottom{margin-top:46px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--muted-2);font-size:.86rem}\r\n@media(max-width:880px){.foot-grid{grid-template-columns:1fr 1fr;gap:30px}}\r\n@media(max-width:520px){.foot-grid{grid-template-columns:1fr}}\r\n\r\n\/* ---------- reveal anim ---------- *\/\r\n.reveal{opacity:0;transform:translateY(28px)}\r\n.is-in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}\r\n .reveal{opacity:1;transform:none}\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n <!-- ambient background -->\r\n <div class=\"bg-fx\" aria-hidden=\"true\">\r\n <span class=\"blob b1\"><\/span><span class=\"blob b2\"><\/span><span class=\"blob b3\"><\/span>\r\n <\/div>\r\n <canvas id=\"fx-canvas\" aria-hidden=\"true\"><\/canvas>\r\n <div class=\"grain\" aria-hidden=\"true\"><\/div>\r\n\r\n <!-- preloader -->\r\n <div class=\"loader\" aria-hidden=\"true\">\r\n <div class=\"mark\"><svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"DigitalCast\">\r\n <defs>\r\n <linearGradient id=\"dcg\" x1=\"0\" y1=\"0\" x2=\"64\" y2=\"64\" gradientUnits=\"userSpaceOnUse\">\r\n <stop offset=\"0\" stop-color=\"#11d9ce\"\/>\r\n <stop offset=\".55\" stop-color=\"#2b7bff\"\/>\r\n <stop offset=\"1\" stop-color=\"#6e4dff\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <rect x=\"2\" y=\"2\" width=\"60\" height=\"60\" rx=\"17\" fill=\"url(#dcg)\"\/>\r\n <path d=\"M19 45V21c0-1.6 2-2.4 3.1-1.2l16.8 18.3V21\" fill=\"none\" stroke=\"#fff\" stroke-width=\"5.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <circle cx=\"42.5\" cy=\"24\" r=\"4.2\" fill=\"#fff\"\/>\r\n<\/svg><\/div>\r\n <div class=\"bar\"><i><\/i><\/div>\r\n <\/div>\r\n\r\n <!-- ======= NAV ======= -->\r\n <header class=\"nav\">\r\n <div class=\"nav-inner\">\r\n <a class=\"brand\" href=\"#home\"><span class=\"mark\"><svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"DigitalCast\">\r\n <defs>\r\n <linearGradient id=\"dcg\" x1=\"0\" y1=\"0\" x2=\"64\" y2=\"64\" gradientUnits=\"userSpaceOnUse\">\r\n <stop offset=\"0\" stop-color=\"#11d9ce\"\/>\r\n <stop offset=\".55\" stop-color=\"#2b7bff\"\/>\r\n <stop offset=\"1\" stop-color=\"#6e4dff\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <rect x=\"2\" y=\"2\" width=\"60\" height=\"60\" rx=\"17\" fill=\"url(#dcg)\"\/>\r\n <path d=\"M19 45V21c0-1.6 2-2.4 3.1-1.2l16.8 18.3V21\" fill=\"none\" stroke=\"#fff\" stroke-width=\"5.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <circle cx=\"42.5\" cy=\"24\" r=\"4.2\" fill=\"#fff\"\/>\r\n<\/svg><\/span>Digital<b>Cast<\/b><\/a>\r\n <nav class=\"nav-links\" aria-label=\"Primary\">\r\n <a href=\"#about\">About<\/a>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#work\">Work<\/a>\r\n <a href=\"#blog\">Insights<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/nav>\r\n <div class=\"nav-right\">\r\n <a class=\"btn btn-primary btn-sm\" href=\"#contact\">Start a project<\/a>\r\n <button class=\"nav-toggle\" aria-label=\"Menu\"><span><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n <div class=\"mobile-menu\">\r\n <a href=\"#about\">About<\/a><a href=\"#services\">Services<\/a><a href=\"#work\">Work<\/a>\r\n <a href=\"#blog\">Insights<\/a><a href=\"#contact\">Contact<\/a>\r\n <a class=\"btn btn-primary\" href=\"#contact\">Start a project<\/a>\r\n <\/div>\r\n\r\n <main>\r\n <!-- ======= HERO ======= -->\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"container\">\r\n <span class=\"eyebrow\">Award-winning digital agency \u00b7 Est. 2014<\/span>\r\n <h1>We Craft <span class=\"grad-text\">Digital Futures.<\/span><\/h1>\r\n <p class=\"sub\">Award-winning agency transforming brands through immersive web experiences, strategic marketing, and unforgettable design.<\/p>\r\n <div class=\"cta\">\r\n <a class=\"btn btn-primary\" href=\"#work\">Explore Work\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n <a class=\"btn btn-ghost\" href=\"#services\">Our Services<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-card reveal\"><div class=\"num\"><span data-count=\"280\" data-suffix=\"+\">0<\/span><\/div><div class=\"lbl\">Projects Delivered<\/div><\/div>\r\n <div class=\"stat-card reveal\"><div class=\"num\"><span data-count=\"50\" data-suffix=\"M+\">0<\/span><\/div><div class=\"lbl\">Audience Reached<\/div><\/div>\r\n <div class=\"stat-card reveal\"><div class=\"num\"><span data-count=\"98\" data-suffix=\"%\">0<\/span><\/div><div class=\"lbl\">Client Retention<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- service ticker -->\r\n <div class=\"ticker\">\r\n <div class=\"ticker-track\">\r\n <span>Web Design<\/span><span>Branding<\/span><span>Social Media<\/span><span>SEO<\/span><span>Ad Campaigns<\/span><span>UI\/UX<\/span><span>Motion Design<\/span><span>E-Commerce<\/span><span>Analytics<\/span><span>AI Automation<\/span>\r\n <span>Web Design<\/span><span>Branding<\/span><span>Social Media<\/span><span>SEO<\/span><span>Ad Campaigns<\/span><span>UI\/UX<\/span><span>Motion Design<\/span><span>E-Commerce<\/span><span>Analytics<\/span><span>AI Automation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= CLIENTS ======= -->\r\n <section class=\"clients\">\r\n <div class=\"container\">\r\n <div class=\"label\">Trusted by ambitious brands across the region<\/div>\r\n <\/div>\r\n <div class=\"logos\">\r\n <div class=\"logos-track\">\r\n <div class=\"logo-chip\"><i><\/i>SOFT Mattress<\/div><div class=\"logo-chip\"><i><\/i>TAQA<\/div><div class=\"logo-chip\"><i><\/i>Dokan Zaman<\/div><div class=\"logo-chip\"><i><\/i>SkyPSS<\/div><div class=\"logo-chip\"><i><\/i>Ultrasat<\/div><div class=\"logo-chip\"><i><\/i>Al-Safwa<\/div><div class=\"logo-chip\"><i><\/i>Green Products<\/div><div class=\"logo-chip\"><i><\/i>AIC Steel<\/div><div class=\"logo-chip\"><i><\/i>Global Distribution<\/div><div class=\"logo-chip\"><i><\/i>Etching<\/div><div class=\"logo-chip\"><i><\/i>Fruitzo<\/div><div class=\"logo-chip\"><i><\/i>ELBEVET<\/div><div class=\"logo-chip\"><i><\/i>Eco Associates<\/div>\r\n <div class=\"logo-chip\"><i><\/i>SOFT Mattress<\/div><div class=\"logo-chip\"><i><\/i>TAQA<\/div><div class=\"logo-chip\"><i><\/i>Dokan Zaman<\/div><div class=\"logo-chip\"><i><\/i>SkyPSS<\/div><div class=\"logo-chip\"><i><\/i>Ultrasat<\/div><div class=\"logo-chip\"><i><\/i>Al-Safwa<\/div><div class=\"logo-chip\"><i><\/i>Green Products<\/div><div class=\"logo-chip\"><i><\/i>AIC Steel<\/div><div class=\"logo-chip\"><i><\/i>Global Distribution<\/div><div class=\"logo-chip\"><i><\/i>Etching<\/div><div class=\"logo-chip\"><i><\/i>Fruitzo<\/div><div class=\"logo-chip\"><i><\/i>ELBEVET<\/div><div class=\"logo-chip\"><i><\/i>Eco Associates<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= ABOUT ======= -->\r\n <section class=\"section\" id=\"about\">\r\n <div class=\"container\">\r\n <div class=\"about-grid\">\r\n <div class=\"reveal\">\r\n <span class=\"eyebrow\">About DigitalCast<\/span>\r\n <h2 class=\"h-display\" style=\"font-size:clamp(2rem,4.4vw,3.2rem);margin-top:16px\">Grow Your Brand with <span class=\"grad-text\">DigitalCast<\/span><\/h2>\r\n <p class=\"lead\">DigitalCast is a full-service digital agency established in 2014, delivering innovative solutions that help businesses grow and stand out online. We support startups, SMEs, and enterprises with tailored strategies built to increase visibility, generate leads, and drive measurable growth.<\/p>\r\n <div class=\"spec-grid\">\r\n <div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>Branding<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>Website Design<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>Website Development<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>SEO<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>Content Marketing<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>Social Media<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>UI\/UX Design<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>Digital Advertising<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>AI Automation<\/div><div class=\"spec\"><i><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/i>Mobile Apps<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-visual reveal\">\r\n <div class=\"glass-quote\">\r\n <b>12+ yrs<\/b>\r\n <span>Helping brands turn attention into revenue since 2014.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= MISSION \/ VISION ======= -->\r\n <section class=\"section section--tight\">\r\n <div class=\"container\">\r\n <div class=\"mv-grid\">\r\n <div class=\"mv-card reveal\">\r\n <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"12\" cy=\"12\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/div>\r\n <h3>Our Mission<\/h3>\r\n <p>To empower businesses with innovative digital solutions that drive growth, engagement, and measurable success online.<\/p>\r\n <\/div>\r\n <div class=\"mv-card reveal\">\r\n <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\r\n <h3>Our Vision<\/h3>\r\n <p>To become a leading digital partner delivering innovation, excellence, and long-term value for businesses worldwide.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= SERVICES ======= -->\r\n <section class=\"section\" id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\">What we do<\/span>\r\n <h2>Premium services, <span class=\"grad-text\">end to end.<\/span><\/h2>\r\n <p>From first sketch to scaled campaign \u2014 everything your brand needs to win online, under one roof.<\/p>\r\n <\/div>\r\n <div class=\"svc-grid\">\r\n <article class=\"svc reveal\"><span class=\"no\">01<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 9h18M8 21h8\"\/><\/svg><\/div><h3>Website Design<\/h3><p>Conversion-focused, beautiful interfaces designed around your customer's journey.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">02<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div><h3>Website Development<\/h3><p>Fast, secure, scalable builds with clean code and a CMS your team will love.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">03<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg><\/div><h3>E-Commerce Solutions<\/h3><p>Stores built to sell \u2014 smooth checkout, payments, and product experiences.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">04<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg><\/div><h3>SEO & Content<\/h3><p>Rank higher and stay there with technical SEO and intent-driven content.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">05<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"m3 11 18-5v12L3 14v-3Z\"\/><path d=\"M11.6 16.8a3 3 0 1 1-5.8-1.6\"\/><\/svg><\/div><h3>Digital Marketing<\/h3><p>Full-funnel campaigns that turn clicks into customers, profitably.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">06<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><path d=\"m8.6 13.5 6.8 4M15.4 6.5 8.6 10.5\"\/><\/svg><\/div><h3>Social Media<\/h3><p>Always-on content and community management that builds real audiences.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">07<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M12 2 2 7l10 5 10-5-10-5Z\"\/><path d=\"m2 17 10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div><h3>Branding & Identity<\/h3><p>Distinct brand systems \u2014 logo, voice, and guidelines that scale.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">08<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\/><path d=\"M11 18h2\"\/><\/svg><\/div><h3>Mobile App Development<\/h3><p>Native-feeling iOS & Android apps designed and built end to end.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">09<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"3\"\/><path d=\"M12 2v4M9 14h.01M15 14h.01M2 13h2M20 13h2\"\/><\/svg><\/div><h3>AI Automation<\/h3><p>Save hours with smart workflows, chat assistants, and data automation.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">10<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"6\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"18\" height=\"6\" rx=\"1\"\/><path d=\"M7 7h.01M7 17h.01\"\/><\/svg><\/div><h3>Hosting & Maintenance<\/h3><p>Managed hosting, updates, backups, and monitoring \u2014 total peace of mind.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">11<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M3 17 9 11l4 4 8-8\"\/><path d=\"M17 7h4v4\"\/><\/svg><\/div><h3>Growth Hacking<\/h3><p>Rapid experiments and CRO that compound your results month over month.<\/p><\/article><article class=\"svc reveal\"><span class=\"no\">12<\/span><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M3 3v18h18\"\/><rect x=\"7\" y=\"11\" width=\"3\" height=\"6\"\/><rect x=\"13\" y=\"7\" width=\"3\" height=\"10\"\/><\/svg><\/div><h3>Analytics & Reporting<\/h3><p>Clear dashboards and insight so every decision is backed by data.<\/p><\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= CINEMATIC SCROLL STORY ======= -->\r\n <section class=\"story\">\r\n <div class=\"story-pin\">\r\n <div class=\"story-bg\"><\/div>\r\n <div class=\"story-progress\"><\/div>\r\n <div class=\"story-dots\"><i class=\"on\"><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"story-panel active\"><div class=\"container\"><div class=\"story-no\">01<\/div><div class=\"story-txt\"><h3>Strategy<\/h3><p>Data-driven systems that grow your business \u2014 positioning, funnels, and a roadmap mapped to real revenue goals.<\/p><\/div><\/div><\/div>\r\n <div class=\"story-panel\"><div class=\"container\"><div class=\"story-no\">02<\/div><div class=\"story-txt\"><h3>Branding<\/h3><p>Build a brand people remember \u2014 identity, voice, and a visual system that stays consistent everywhere.<\/p><\/div><\/div><\/div>\r\n <div class=\"story-panel\"><div class=\"container\"><div class=\"story-no\">03<\/div><div class=\"story-txt\"><h3>Performance Ads<\/h3><p>Scale with high-ROI campaigns \u2014 creative, targeting, and optimization tuned to your cost per result.<\/p><\/div><\/div><\/div>\r\n <div class=\"story-panel\"><div class=\"container\"><div class=\"story-no\">04<\/div><div class=\"story-txt\"><h3>Content Marketing<\/h3><p>Content that attracts and converts \u2014 SEO articles, social, and video built around buyer intent.<\/p><\/div><\/div><\/div>\r\n <div class=\"story-panel\"><div class=\"container\"><div class=\"story-no\">05<\/div><div class=\"story-txt\"><h3>Growth<\/h3><p>Turn attention into revenue \u2014 analytics, CRO, and automation that compound results month over month.<\/p><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= WHY US ======= -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\">Why choose us<\/span>\r\n <h2>Built for results, <span class=\"grad-text\">not just looks.<\/span><\/h2>\r\n <\/div>\r\n <div class=\"why-grid\">\r\n <article class=\"why reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M22 11.1V12a10 10 0 1 1-5.9-9.1\"\/><path d=\"M22 4 12 14.1l-3-3\"\/><\/svg><\/div><h3>Reliable Support<\/h3><p>A responsive team that's there before, during, and long after launch.<\/p><\/article><article class=\"why reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.9\"\/><\/svg><\/div><h3>Expert Team<\/h3><p>Specialists in design, dev, and marketing \u2014 not generalists guessing.<\/p><\/article><article class=\"why reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M3 7h18M3 12h18M3 17h12\"\/><\/svg><\/div><h3>Customized Solutions<\/h3><p>Strategy tailored to your market, goals, and budget \u2014 never templated.<\/p><\/article><article class=\"why reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><path d=\"M3 17 9 11l4 4 8-8\"\/><path d=\"M17 7h4v4\"\/><\/svg><\/div><h3>Results-Driven<\/h3><p>We optimize for revenue and leads, not vanity metrics.<\/p><\/article><article class=\"why reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\"\/><\/svg><\/div><h3>Modern Technologies<\/h3><p>Current frameworks and AI tools that keep you ahead of competitors.<\/p><\/article><article class=\"why reveal\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><circle cx=\"12\" cy=\"13\" r=\"8\"\/><path d=\"M12 9v4l2 2M9 2h6\"\/><\/svg><\/div><h3>On-Time Delivery<\/h3><p>Clear milestones and honest timelines \u2014 we ship when we say we will.<\/p><\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= PORTFOLIO ======= -->\r\n <section class=\"section\" id=\"work\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\">Latest projects<\/span>\r\n <h2>Selected <span class=\"grad-text\">work.<\/span><\/h2>\r\n <p>A snapshot of brands we've designed, built, and grown \u2014 filter by industry to explore.<\/p>\r\n <\/div>\r\n <div class=\"filters reveal\">\r\n <button class=\"filter on\" data-filter=\"all\">All Work<\/button>\r\n <button class=\"filter\" data-filter=\"corporate\">Corporate<\/button>\r\n <button class=\"filter\" data-filter=\"real-estate\">Real Estate<\/button>\r\n <button class=\"filter\" data-filter=\"e-commerce\">E-Commerce<\/button>\r\n <button class=\"filter\" data-filter=\"industrial\">Industrial<\/button>\r\n <button class=\"filter\" data-filter=\"construction\">Construction<\/button>\r\n <button class=\"filter\" data-filter=\"consulting\">Consulting<\/button>\r\n <button class=\"filter\" data-filter=\"technology\">Technology<\/button>\r\n <button class=\"filter\" data-filter=\"education\">Education<\/button>\r\n <\/div>\r\n <div class=\"work-grid\">\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"SBDC Group\" data-url=\"https:\/\/sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Group<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>SBDC Group<\/h3>\r\n <div class=\"svc-list\">Brand \u00b7 Web Design \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"real-estate\" data-catname=\"Real Estate\" data-name=\"SBDC Real Estate\" data-url=\"https:\/\/realestate.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#6e4dff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Real Estate<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Real Estate<\/div>\r\n <h3>SBDC Real Estate<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 CRM \u00b7 Ads<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/realestate.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"e-commerce\" data-catname=\"E-Commerce\" data-name=\"Smart Family Store\" data-url=\"https:\/\/smartfamilystore.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#a86bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Smart Family Store<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">E-Commerce<\/div>\r\n <h3>Smart Family Store<\/h3>\r\n <div class=\"svc-list\">Store \u00b7 UX \u00b7 Payments<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/smartfamilystore.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"real-estate\" data-catname=\"Real Estate\" data-name=\"District One Real Estate\" data-url=\"https:\/\/district1-eg.com\/en\/home-real-estate\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2bd4a0)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">District One Real Estate<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Real Estate<\/div>\r\n <h3>District One Real Estate<\/h3>\r\n <div class=\"svc-list\">Branding \u00b7 Web \u00b7 Leads<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/district1-eg.com\/en\/home-real-estate\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"consulting\" data-catname=\"Consulting\" data-name=\"MCG Consultant\" data-url=\"https:\/\/mcg-consultant.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#11d9ce)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">MCG Consultant<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Consulting<\/div>\r\n <h3>MCG Consultant<\/h3>\r\n <div class=\"svc-list\">Identity \u00b7 Web \u00b7 Content<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/mcg-consultant.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"industrial\" data-catname=\"Industrial\" data-name=\"Etching Egypt\" data-url=\"https:\/\/etching-eg.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Etching Egypt<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Industrial<\/div>\r\n <h3>Etching Egypt<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 Catalog \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/etching-eg.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"construction\" data-catname=\"Construction\" data-name=\"Sadida Architecture\" data-url=\"https:\/\/sadida-arch.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Sadida Architecture<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Construction<\/div>\r\n <h3>Sadida Architecture<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Portfolio \u00b7 Motion<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/sadida-arch.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"technology\" data-catname=\"Technology\" data-name=\"Exseedoo\" data-url=\"https:\/\/exseedoo.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#6e4dff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Exseedoo<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Technology<\/div>\r\n <h3>Exseedoo<\/h3>\r\n <div class=\"svc-list\">Product \u00b7 UI\/UX \u00b7 Dev<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/exseedoo.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"construction\" data-catname=\"Construction\" data-name=\"SBDC Decoration\" data-url=\"https:\/\/decoration.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#a86bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Decoration<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Construction<\/div>\r\n <h3>SBDC Decoration<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 Gallery<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/decoration.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"industrial\" data-catname=\"Industrial\" data-name=\"SBDC Air Conditioning\" data-url=\"https:\/\/airconditioning.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2bd4a0)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Air Conditioning<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Industrial<\/div>\r\n <h3>SBDC Air Conditioning<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 SEO \u00b7 Leads<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/airconditioning.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"consulting\" data-catname=\"Consulting\" data-name=\"SBDC Consulting\" data-url=\"https:\/\/consulting.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#11d9ce)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Consulting<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Consulting<\/div>\r\n <h3>SBDC Consulting<\/h3>\r\n <div class=\"svc-list\">Brand \u00b7 Web \u00b7 Content<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/consulting.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"industrial\" data-catname=\"Industrial\" data-name=\"SBDC Marble\" data-url=\"https:\/\/marble.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Marble<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Industrial<\/div>\r\n <h3>SBDC Marble<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 Catalog<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/marble.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"SBDC China\" data-url=\"https:\/\/china.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC China<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>SBDC China<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Bilingual \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/china.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"construction\" data-catname=\"Construction\" data-name=\"SBDC Landscape\" data-url=\"https:\/\/landscape.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#6e4dff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Landscape<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Construction<\/div>\r\n <h3>SBDC Landscape<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 Gallery<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/landscape.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"e-commerce\" data-catname=\"E-Commerce\" data-name=\"SBDC Furnishing\" data-url=\"https:\/\/furnishing.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#a86bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Furnishing<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">E-Commerce<\/div>\r\n <h3>SBDC Furnishing<\/h3>\r\n <div class=\"svc-list\">Store \u00b7 UX \u00b7 Catalog<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/furnishing.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"construction\" data-catname=\"Construction\" data-name=\"SBDC Kitchens\" data-url=\"https:\/\/kitchens.sbdcgroup.ae\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2bd4a0)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">SBDC Kitchens<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Construction<\/div>\r\n <h3>SBDC Kitchens<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Showcase \u00b7 Leads<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/kitchens.sbdcgroup.ae\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"construction\" data-catname=\"Construction\" data-name=\"ECC UAE\" data-url=\"https:\/\/ecc-uae.net\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#11d9ce)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">ECC UAE<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Construction<\/div>\r\n <h3>ECC UAE<\/h3>\r\n <div class=\"svc-list\">Corporate Web \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/ecc-uae.net\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"industrial\" data-catname=\"Industrial\" data-name=\"Onytex Egypt\" data-url=\"https:\/\/onytexegypt.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Onytex Egypt<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Industrial<\/div>\r\n <h3>Onytex Egypt<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 Catalog<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/onytexegypt.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"e-commerce\" data-catname=\"E-Commerce\" data-name=\"Shopyzoon\" data-url=\"https:\/\/shopyzoon.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Shopyzoon<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">E-Commerce<\/div>\r\n <h3>Shopyzoon<\/h3>\r\n <div class=\"svc-list\">Store \u00b7 UX \u00b7 Payments<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/shopyzoon.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Twins Al Masrya\" data-url=\"https:\/\/twins-almasrya.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#6e4dff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Twins Al Masrya<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Twins Al Masrya<\/h3>\r\n <div class=\"svc-list\">Brand \u00b7 Web \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/twins-almasrya.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"real-estate\" data-catname=\"Real Estate\" data-name=\"United Amlak\" data-url=\"https:\/\/unitedamlak.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#a86bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">United Amlak<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Real Estate<\/div>\r\n <h3>United Amlak<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Listings \u00b7 Leads<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/unitedamlak.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Al Rasael Group\" data-url=\"https:\/\/alrasaelgroup.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2bd4a0)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Al Rasael Group<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Al Rasael Group<\/h3>\r\n <div class=\"svc-list\">Identity \u00b7 Web \u00b7 Content<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/alrasaelgroup.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Aragheed\" data-url=\"https:\/\/aragheed.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#11d9ce)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Aragheed<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Aragheed<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/aragheed.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"technology\" data-catname=\"Technology\" data-name=\"Bokra\" data-url=\"https:\/\/bokra-eg.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Bokra<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Technology<\/div>\r\n <h3>Bokra<\/h3>\r\n <div class=\"svc-list\">Product \u00b7 UI\/UX<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/bokra-eg.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Green Products\" data-url=\"https:\/\/greenproducts.com.eg\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Green Products<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Green Products<\/h3>\r\n <div class=\"svc-list\">Brand \u00b7 Web \u00b7 Catalog<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/greenproducts.com.eg\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Global KSA\" data-url=\"https:\/\/global-ksa.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#6e4dff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Global KSA<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Global KSA<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Bilingual \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/global-ksa.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"industrial\" data-catname=\"Industrial\" data-name=\"Master Gas\" data-url=\"https:\/\/master-gas.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#a86bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Master Gas<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Industrial<\/div>\r\n <h3>Master Gas<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/master-gas.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"technology\" data-catname=\"Technology\" data-name=\"MIT\" data-url=\"https:\/\/mit.com.eg\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2bd4a0)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">MIT<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Technology<\/div>\r\n <h3>MIT<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Product \u00b7 Dev<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/mit.com.eg\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"technology\" data-catname=\"Technology\" data-name=\"OnSat\" data-url=\"https:\/\/on-sat.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#11d9ce)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">OnSat<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Technology<\/div>\r\n <h3>OnSat<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Branding \u00b7 Ads<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/on-sat.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"industrial\" data-catname=\"Industrial\" data-name=\"TAQA Gas\" data-url=\"https:\/\/taqagas.com.eg\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">TAQA Gas<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Industrial<\/div>\r\n <h3>TAQA Gas<\/h3>\r\n <div class=\"svc-list\">Corporate Web \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/taqagas.com.eg\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Nawafidh Global\" data-url=\"https:\/\/nawafidhglobal.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Nawafidh Global<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Nawafidh Global<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/nawafidhglobal.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Indigo Arabia\" data-url=\"https:\/\/indigoarabia.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#6e4dff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Indigo Arabia<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Indigo Arabia<\/h3>\r\n <div class=\"svc-list\">Brand \u00b7 Web \u00b7 Content<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/indigoarabia.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"AFAQ Saudi\" data-url=\"https:\/\/afaaq-saudi.net\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#a86bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">AFAQ Saudi<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>AFAQ Saudi<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Bilingual \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/afaaq-saudi.net\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"education\" data-catname=\"Education\" data-name=\"Al Badry Academy\" data-url=\"https:\/\/albadryacademy.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2bd4a0)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Al Badry Academy<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Education<\/div>\r\n <h3>Al Badry Academy<\/h3>\r\n <div class=\"svc-list\">Platform \u00b7 UX \u00b7 Web<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/albadryacademy.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"e-commerce\" data-catname=\"E-Commerce\" data-name=\"Vancy Turkey\" data-url=\"https:\/\/vancy.com.tr\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#11d9ce)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Vancy Turkey<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">E-Commerce<\/div>\r\n <h3>Vancy Turkey<\/h3>\r\n <div class=\"svc-list\">Store \u00b7 UX \u00b7 Payments<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/vancy.com.tr\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"construction\" data-catname=\"Construction\" data-name=\"Anwar Al Mabany\" data-url=\"https:\/\/anwaralmabany.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Anwar Al Mabany<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Construction<\/div>\r\n <h3>Anwar Al Mabany<\/h3>\r\n <div class=\"svc-list\">Web Design \u00b7 Portfolio<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/anwaralmabany.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Khaldon Egypt\" data-url=\"https:\/\/khaldoneg.com\/en\/home\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2b7bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Khaldon Egypt<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Khaldon Egypt<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Bilingual \u00b7 SEO<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/khaldoneg.com\/en\/home\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"technology\" data-catname=\"Technology\" data-name=\"Galaxy New\" data-url=\"https:\/\/galaxynew.net\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#2b7bff,#6e4dff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Galaxy New<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Technology<\/div>\r\n <h3>Galaxy New<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Product \u00b7 Dev<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/galaxynew.net\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"technology\" data-catname=\"Technology\" data-name=\"Netaqi\" data-url=\"https:\/\/netaqi.net\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#6e4dff,#a86bff)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Netaqi<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Technology<\/div>\r\n <h3>Netaqi<\/h3>\r\n <div class=\"svc-list\">Web \u00b7 Branding \u00b7 Ads<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/netaqi.net\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <article class=\"work reveal\" data-cat=\"corporate\" data-catname=\"Corporate\" data-name=\"Motivity Middle East\" data-url=\"https:\/\/motivitymiddleeast.com\/\">\r\n <div class=\"work-thumb\" style=\"background:linear-gradient(135deg,#11d9ce,#2bd4a0)\">\r\n <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"wm\">Motivity Middle East<\/div>\r\n <\/div>\r\n <div class=\"work-body\">\r\n <div class=\"work-cat\">Corporate<\/div>\r\n <h3>Motivity Middle East<\/h3>\r\n <div class=\"svc-list\">Brand \u00b7 Web \u00b7 Content<\/div>\r\n <div class=\"work-actions\">\r\n <a class=\"live\" href=\"https:\/\/motivitymiddleeast.com\/\" target=\"_blank\" rel=\"noopener\">Live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <button class=\"case\" data-case>Case study<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <div class=\"work-more\">\r\n <button class=\"btn btn-ghost\" id=\"view-all\"><span>View All Projects<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= COUNTERS ======= -->\r\n <section class=\"section section--tight\">\r\n <div class=\"container\">\r\n <div class=\"counters\">\r\n <div class=\"counter reveal\"><div class=\"num\"><span data-count=\"280\" data-suffix=\"+\">0<\/span><\/div><div class=\"lbl\">Completed Projects<\/div><\/div>\r\n <div class=\"counter reveal\"><div class=\"num\"><span data-count=\"150\" data-suffix=\"+\">0<\/span><\/div><div class=\"lbl\">Happy Clients<\/div><\/div>\r\n <div class=\"counter reveal\"><div class=\"num\"><span data-count=\"12\" data-suffix=\"+\">0<\/span><\/div><div class=\"lbl\">Years Experience<\/div><\/div>\r\n <div class=\"counter reveal\"><div class=\"num\"><span data-count=\"20\" data-suffix=\"+\">0<\/span><\/div><div class=\"lbl\">Industries Served<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= TESTIMONIALS ======= -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\" style=\"text-align:center;margin-inline:auto\">\r\n <span class=\"eyebrow\">Client love<\/span>\r\n <h2>What partners <span class=\"grad-text\">say.<\/span><\/h2>\r\n <\/div>\r\n <div class=\"tst reveal\">\r\n <div class=\"tst-track\">\r\n <div class=\"tst-slide\"><div class=\"tst-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <q>DigitalCast rebuilt our site and our inbound leads doubled within a quarter. The design is world-class and the team is genuinely strategic.<\/q>\r\n <div class=\"tst-who\"><span class=\"av\">SG<\/span><div style=\"text-align:left\"><b>SBDC Group<\/b><span>Corporate \u00b7 UAE<\/span><\/div><\/div>\r\n <\/div><\/div>\r\n <div class=\"tst-slide\"><div class=\"tst-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <q>From branding to ads, they handled everything with a level of polish we hadn't seen before. Numbers went up and stayed up.<\/q>\r\n <div class=\"tst-who\"><span class=\"av\">SF<\/span><div style=\"text-align:left\"><b>Smart Family Store<\/b><span>E-Commerce \u00b7 UAE<\/span><\/div><\/div>\r\n <\/div><\/div>\r\n <div class=\"tst-slide\"><div class=\"tst-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <q>Fast, reliable, and creative. Our new platform finally reflects the quality of our work \u2014 clients notice the difference immediately.<\/q>\r\n <div class=\"tst-who\"><span class=\"av\">MC<\/span><div style=\"text-align:left\"><b>MCG Consultant<\/b><span>Consulting \u00b7 Egypt<\/span><\/div><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"tst-nav\"><button class=\"on\"><\/button><button><\/button><button><\/button><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= BLOG ======= -->\r\n <section class=\"section\" id=\"blog\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\">Latest insights<\/span>\r\n <h2>From the <span class=\"grad-text\">studio.<\/span><\/h2>\r\n <\/div>\r\n <div class=\"blog-grid\">\r\n <article class=\"post reveal\"><div class=\"ph\"><i>01<\/i><\/div><div class=\"pb\"><div class=\"meta\">Web \u00b7 Conversion<\/div><h3>How to Build a High-Converting Website<\/h3><p>The structure, copy, and speed decisions that turn visitors into customers \u2014 with a practical checklist.<\/p><a class=\"read\" href=\"#\">Read article \u2192<\/a><\/div><\/article>\r\n <article class=\"post reveal\"><div class=\"ph\"><i>02<\/i><\/div><div class=\"pb\"><div class=\"meta\">SEO \u00b7 Growth<\/div><h3>Why Your Business Needs SEO<\/h3><p>Search isn't optional anymore. Here's how organic visibility compounds into a long-term lead engine.<\/p><a class=\"read\" href=\"#\">Read article \u2192<\/a><\/div><\/article>\r\n <article class=\"post reveal\"><div class=\"ph\"><i>03<\/i><\/div><div class=\"pb\"><div class=\"meta\">Strategy \u00b7 Brand<\/div><h3>Why Every Business Needs a Professional Website<\/h3><p>Your site is your first impression, your best salesperson, and your most measurable asset.<\/p><a class=\"read\" href=\"#\">Read article \u2192<\/a><\/div><\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ======= CONTACT ======= -->\r\n <section class=\"section\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\" style=\"max-width:760px\">\r\n <span class=\"eyebrow\">Get in touch<\/span>\r\n <h2>Let's Build Something <span class=\"grad-text\">Extraordinary<\/span> Together<\/h2>\r\n <\/div>\r\n <div class=\"contact-grid\">\r\n <form class=\"contact-form reveal\" id=\"contact-form\">\r\n <div class=\"two\">\r\n <div class=\"field\"><label for=\"f-name\">Name<\/label><input id=\"f-name\" type=\"text\" placeholder=\"Your name\" required><\/div>\r\n <div class=\"field\"><label for=\"f-email\">Email<\/label><input id=\"f-email\" type=\"email\" placeholder=\"you@company.com\" required><\/div>\r\n <\/div>\r\n <div class=\"two\">\r\n <div class=\"field\"><label for=\"f-phone\">Phone<\/label><input id=\"f-phone\" type=\"tel\" placeholder=\"+20 ...\"><\/div>\r\n <div class=\"field\"><label for=\"f-company\">Company<\/label><input id=\"f-company\" type=\"text\" placeholder=\"Company name\"><\/div>\r\n <\/div>\r\n <div class=\"field\"><label for=\"f-msg\">Message<\/label><textarea id=\"f-msg\" placeholder=\"Tell us about your project...\" required><\/textarea><\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%\">Send message\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M22 2 11 13M22 2l-7 20-4-9-9-4 20-7Z\"\/><\/svg>\r\n <\/button>\r\n <\/form>\r\n\r\n <div class=\"contact-side\">\r\n <div class=\"info-card reveal\">\r\n <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.4-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2Z\"\/><\/svg><\/div>\r\n <div><b>Phone<\/b><span>(+20) 10 10004516<\/span><\/div>\r\n <\/div>\r\n <div class=\"info-card reveal\">\r\n <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m2 7 10 6 10-6\"\/><\/svg><\/div>\r\n <div><b>Email<\/b><span>info@digitalcastweb.com<\/span><\/div>\r\n <\/div>\r\n <div class=\"info-card reveal\">\r\n <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg><\/div>\r\n <div><b>Working Hours<\/b><span>Sunday \u2013 Thursday \u00b7 9:00 AM \u2013 6:00 PM<\/span><\/div>\r\n <\/div>\r\n <div class=\"map reveal\">\r\n <div class=\"pin\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5Z\"\/><\/svg><\/div>\r\n <a class=\"btn btn-ghost btn-sm\" href=\"https:\/\/www.google.com\/maps\/search\/DigitalCast+Web+Services\" target=\"_blank\" rel=\"noopener\">Open in Google Maps<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- ======= FOOTER ======= -->\r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"foot-grid\">\r\n <div class=\"foot-brand\">\r\n <a class=\"brand\" href=\"#home\"><span class=\"mark\"><svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"DigitalCast\">\r\n <defs>\r\n <linearGradient id=\"dcg\" x1=\"0\" y1=\"0\" x2=\"64\" y2=\"64\" gradientUnits=\"userSpaceOnUse\">\r\n <stop offset=\"0\" stop-color=\"#11d9ce\"\/>\r\n <stop offset=\".55\" stop-color=\"#2b7bff\"\/>\r\n <stop offset=\"1\" stop-color=\"#6e4dff\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <rect x=\"2\" y=\"2\" width=\"60\" height=\"60\" rx=\"17\" fill=\"url(#dcg)\"\/>\r\n <path d=\"M19 45V21c0-1.6 2-2.4 3.1-1.2l16.8 18.3V21\" fill=\"none\" stroke=\"#fff\" stroke-width=\"5.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <circle cx=\"42.5\" cy=\"24\" r=\"4.2\" fill=\"#fff\"\/>\r\n<\/svg><\/span>Digital<b>Cast<\/b><\/a>\r\n <p>We transform ideas into powerful digital experiences through strategy, creativity, and technology.<\/p>\r\n <div class=\"socials\">\r\n <a href=\"#\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14 9h3V6h-3c-2 0-3 1-3 3v2H9v3h2v6h3v-6h3l1-3h-4V9c0-.6.4-1 1-1Z\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.5 8A1.5 1.5 0 1 0 6.5 5a1.5 1.5 0 0 0 0 3ZM5 10h3v9H5v-9Zm5 0h3v1.3c.5-.8 1.5-1.5 3-1.5 2.3 0 3.5 1.5 3.5 4.2V19h-3v-4.3c0-1.2-.4-2-1.5-2s-1.7.8-1.7 2V19h-3v-9Z\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"X\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17 3h3l-7 8 8 10h-6l-5-6-5 6H2l7-9L2 3h6l4 5 5-5Z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foot-col\"><h4>Company<\/h4><a href=\"#about\">About<\/a><a href=\"#services\">Services<\/a><a href=\"#work\">Portfolio<\/a><a href=\"#blog\">Blog<\/a><a href=\"#contact\">Contact<\/a><\/div>\r\n <div class=\"foot-col\"><h4>Services<\/h4><a href=\"#services\">Web Design<\/a><a href=\"#services\">Development<\/a><a href=\"#services\">SEO<\/a><a href=\"#services\">Digital Marketing<\/a><a href=\"#services\">AI Automation<\/a><\/div>\r\n <div class=\"foot-col\"><h4>Get started<\/h4><p style=\"color:var(--muted);font-size:.93rem;margin:0 0 14px\">Ready to grow? Tell us about your project and we'll reply within one business day.<\/p><a class=\"btn btn-primary btn-sm\" href=\"#contact\">Start a project<\/a><\/div>\r\n <\/div>\r\n <div class=\"foot-bottom\">\r\n <span>\u00a9 <span id=\"year\">2026<\/span> DigitalCast Web Services. All rights reserved.<\/span>\r\n <span>Strategy \u00b7 Creativity \u00b7 Technology<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- ======= CASE STUDY MODAL ======= -->\r\n <div class=\"modal\" id=\"cs-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"cs-title\">\r\n <div class=\"modal-bg\"><\/div>\r\n <div class=\"modal-card\">\r\n <button class=\"modal-close\" aria-label=\"Close\">\u00d7<\/button>\r\n <div class=\"modal-hero\"><h3 id=\"cs-title\">Project<\/h3><\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"cs-cat\" id=\"cs-cat\">Category<\/div>\r\n <div class=\"cs-block\"><h4>Client Overview<\/h4><p id=\"cs-ov\"><\/p><\/div>\r\n <div class=\"cs-block\"><h4>The Challenge<\/h4><p id=\"cs-ch\"><\/p><\/div>\r\n <div class=\"cs-block\"><h4>Strategy<\/h4><p id=\"cs-st\"><\/p><\/div>\r\n <div class=\"cs-block\"><h4>Design Process<\/h4><p id=\"cs-ds\"><\/p><\/div>\r\n <div class=\"cs-block\"><h4>Development<\/h4><p id=\"cs-dv\"><\/p><\/div>\r\n <div class=\"cs-block\"><h4>Results<\/h4>\r\n <div class=\"cs-results\">\r\n <div><b>+120%<\/b><small>Organic traffic<\/small><\/div>\r\n <div><b>2.1\u00d7<\/b><small>Lead volume<\/small><\/div>\r\n <div><b>0.9s<\/b><small>Load time<\/small><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cs-block\"><h4>Technologies Used<\/h4>\r\n <div class=\"cs-tags\"><span>Figma<\/span><span>WordPress<\/span><span>Tailwind<\/span><span>GSAP<\/span><span>SEO Schema<\/span><span>Core Web Vitals<\/span><\/div>\r\n <\/div>\r\n <div class=\"cs-block\"><h4>Client Testimonial<\/h4><p>\u201cA true partner \u2014 they understood our market and delivered beyond the brief.\u201d<\/p><\/div>\r\n <div style=\"margin-top:24px;display:flex;gap:10px\">\r\n <a class=\"btn btn-primary btn-sm\" id=\"cs-live\" href=\"#\" target=\"_blank\" rel=\"noopener\">Visit live site\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg>\r\n <\/a>\r\n <a class=\"btn btn-ghost btn-sm\" href=\"#contact\" onclick=\"document.getElementById('cs-modal').classList.remove('open');document.body.style.overflow=''\">Start similar project<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script>\r\n\/* =========================================================\r\n DigitalCast \u2014 interactions & animations\r\n ========================================================= *\/\r\n(function(){\r\n \"use strict\";\r\n var reduce = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n \/* ---------- preloader ---------- *\/\r\n window.addEventListener(\"load\", function(){\r\n var l = document.querySelector(\".loader\");\r\n if(l) setTimeout(function(){ l.classList.add(\"done\"); }, 650);\r\n });\r\n\r\n \/* ---------- nav ---------- *\/\r\n var nav = document.querySelector(\".nav\");\r\n var body = document.body;\r\n window.addEventListener(\"scroll\", function(){\r\n if(window.scrollY > 20) nav.classList.add(\"scrolled\"); else nav.classList.remove(\"scrolled\");\r\n });\r\n var toggle = document.querySelector(\".nav-toggle\");\r\n if(toggle) toggle.addEventListener(\"click\", function(){ body.classList.toggle(\"nav-open\"); });\r\n document.querySelectorAll(\".mobile-menu a\").forEach(function(a){\r\n a.addEventListener(\"click\", function(){ body.classList.remove(\"nav-open\"); });\r\n });\r\n\r\n \/* ---------- custom cursor ---------- *\/\r\n if(!('ontouchstart' in window) && window.innerWidth > 1024){\r\n var cur = document.createElement(\"div\"); cur.className = \"cursor\"; document.body.appendChild(cur);\r\n var cx=0,cy=0,tx=0,ty=0;\r\n window.addEventListener(\"mousemove\", function(e){ tx=e.clientX; ty=e.clientY; });\r\n (function loop(){ cx+=(tx-cx)*.18; cy+=(ty-cy)*.18; cur.style.transform=\"translate(\"+cx+\"px,\"+cy+\"px) translate(-50%,-50%)\"; requestAnimationFrame(loop); })();\r\n document.querySelectorAll(\"a,button,.work,.svc\").forEach(function(el){\r\n el.addEventListener(\"mouseenter\", function(){ cur.classList.add(\"big\"); });\r\n el.addEventListener(\"mouseleave\", function(){ cur.classList.remove(\"big\"); });\r\n });\r\n }\r\n\r\n \/* ---------- ambient canvas particles ---------- *\/\r\n (function(){\r\n var c = document.getElementById(\"fx-canvas\"); if(!c || reduce) return;\r\n var ctx = c.getContext(\"2d\"), pts=[], W,H;\r\n function size(){ W=c.width=innerWidth; H=c.height=innerHeight; }\r\n size(); window.addEventListener(\"resize\", size);\r\n for(var i=0;i<54;i++) pts.push({x:Math.random()*W,y:Math.random()*H,vx:(Math.random()-.5)*.3,vy:(Math.random()-.5)*.3});\r\n function draw(){\r\n ctx.clearRect(0,0,W,H);\r\n for(var i=0;i<pts.length;i++){\r\n var p=pts[i]; p.x+=p.vx; p.y+=p.vy;\r\n if(p.x<0||p.x>W)p.vx*=-1; if(p.y<0||p.y>H)p.vy*=-1;\r\n ctx.beginPath(); ctx.arc(p.x,p.y,1.6,0,7); ctx.fillStyle=\"rgba(43,123,255,.5)\"; ctx.fill();\r\n for(var j=i+1;j<pts.length;j++){\r\n var q=pts[j], dx=p.x-q.x, dy=p.y-q.y, d=Math.sqrt(dx*dx+dy*dy);\r\n if(d<130){ ctx.beginPath(); ctx.moveTo(p.x,p.y); ctx.lineTo(q.x,q.y); ctx.strokeStyle=\"rgba(110,77,255,\"+(.12*(1-d\/130))+\")\"; ctx.stroke(); }\r\n }\r\n }\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n })();\r\n\r\n \/* ---------- reveal on scroll ---------- *\/\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add(\"is-in\"); io.unobserve(e.target); } });\r\n },{threshold:.12});\r\n document.querySelectorAll(\".reveal\").forEach(function(el,i){ el.style.transitionDelay=(i%4*0.06)+\"s\"; io.observe(el); });\r\n\r\n \/* ---------- counters ---------- *\/\r\n function animateCount(el){\r\n var target = +el.getAttribute(\"data-count\");\r\n var suffix = el.getAttribute(\"data-suffix\")||\"\";\r\n var dur = 1600, start = null;\r\n function step(t){\r\n if(!start) start=t;\r\n var p = Math.min((t-start)\/dur,1);\r\n var eased = 1-Math.pow(1-p,3);\r\n el.textContent = Math.floor(eased*target).toLocaleString() + suffix;\r\n if(p<1) requestAnimationFrame(step);\r\n }\r\n requestAnimationFrame(step);\r\n }\r\n var cio = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){ if(e.isIntersecting){ animateCount(e.target); cio.unobserve(e.target); } });\r\n },{threshold:.5});\r\n document.querySelectorAll(\"[data-count]\").forEach(function(el){ cio.observe(el); });\r\n\r\n \/* ---------- parallax blobs ---------- *\/\r\n if(!reduce){\r\n window.addEventListener(\"scroll\", function(){\r\n var y = window.scrollY;\r\n var b1=document.querySelector(\".b1\"), b2=document.querySelector(\".b2\"), b3=document.querySelector(\".b3\");\r\n if(b1) b1.style.transform=\"translateY(\"+y*.06+\"px)\";\r\n if(b2) b2.style.transform=\"translateY(\"+y*-.04+\"px)\";\r\n if(b3) b3.style.transform=\"translateY(\"+y*.03+\"px)\";\r\n });\r\n }\r\n\r\n \/* ---------- portfolio filter + view all ---------- *\/\r\n var filters = document.querySelectorAll(\".filter\");\r\n var works = document.querySelectorAll(\".work\");\r\n var FEATURED = 8;\r\n var expanded = false, activeCat = \"all\";\r\n function applyWork(){\r\n var shown = 0;\r\n works.forEach(function(w){\r\n var cat = w.getAttribute(\"data-cat\");\r\n var match = activeCat===\"all\" || cat===activeCat;\r\n if(!match){ w.classList.add(\"hide\"); return; }\r\n if(!expanded && activeCat===\"all\" && shown>=FEATURED){ w.classList.add(\"hide\"); }\r\n else { w.classList.remove(\"hide\"); shown++; }\r\n });\r\n }\r\n filters.forEach(function(f){\r\n f.addEventListener(\"click\", function(){\r\n filters.forEach(function(x){x.classList.remove(\"on\");});\r\n f.classList.add(\"on\");\r\n activeCat = f.getAttribute(\"data-filter\");\r\n if(activeCat!==\"all\") expanded = true;\r\n applyWork();\r\n });\r\n });\r\n var moreBtn = document.getElementById(\"view-all\");\r\n if(moreBtn) moreBtn.addEventListener(\"click\", function(){\r\n expanded = !expanded; applyWork();\r\n moreBtn.querySelector(\"span\").textContent = expanded ? \"Show Less\" : \"View All Projects\";\r\n });\r\n applyWork();\r\n\r\n \/* ---------- case study modal ---------- *\/\r\n var modal = document.getElementById(\"cs-modal\");\r\n var CASE = {\r\n overview:\"We partnered with the client to reimagine their digital presence \u2014 translating brand ambition into a fast, conversion-focused experience built to scale across markets.\",\r\n challenge:\"The existing site lacked a clear narrative, loaded slowly on mobile, and failed to turn traffic into qualified leads.\",\r\n strategy:\"A research-led roadmap: positioning, information architecture, and a measurable funnel mapped to real business goals.\",\r\n design:\"A premium visual system with a flexible component library, motion principles, and accessible, mobile-first layouts.\",\r\n development:\"Hand-built, performance-optimized front-end with clean markup, structured data, and a CMS the team actually enjoys using.\",\r\n tags:[\"Figma\",\"WordPress\",\"Tailwind\",\"GSAP\",\"SEO Schema\",\"CWV Optimized\"]\r\n };\r\n document.querySelectorAll(\"[data-case]\").forEach(function(btn){\r\n btn.addEventListener(\"click\", function(){\r\n var card = btn.closest(\".work\");\r\n document.getElementById(\"cs-title\").textContent = card.getAttribute(\"data-name\");\r\n document.getElementById(\"cs-cat\").textContent = card.getAttribute(\"data-catname\");\r\n document.getElementById(\"cs-ov\").textContent = CASE.overview;\r\n document.getElementById(\"cs-ch\").textContent = CASE.challenge;\r\n document.getElementById(\"cs-st\").textContent = CASE.strategy;\r\n document.getElementById(\"cs-ds\").textContent = CASE.design;\r\n document.getElementById(\"cs-dv\").textContent = CASE.development;\r\n var live = document.getElementById(\"cs-live\"); live.href = card.getAttribute(\"data-url\");\r\n modal.classList.add(\"open\"); body.style.overflow=\"hidden\";\r\n });\r\n });\r\n function closeModal(){ modal.classList.remove(\"open\"); body.style.overflow=\"\"; }\r\n if(modal){\r\n modal.querySelector(\".modal-bg\").addEventListener(\"click\", closeModal);\r\n modal.querySelector(\".modal-close\").addEventListener(\"click\", closeModal);\r\n document.addEventListener(\"keydown\", function(e){ if(e.key===\"Escape\") closeModal(); });\r\n }\r\n\r\n \/* ---------- testimonial slider ---------- *\/\r\n (function(){\r\n var track = document.querySelector(\".tst-track\"); if(!track) return;\r\n var slides = track.children.length, idx = 0;\r\n var dots = document.querySelectorAll(\".tst-nav button\");\r\n function go(i){ idx=(i+slides)%slides; track.style.transform=\"translateX(\"+(-idx*100)+\"%)\"; dots.forEach(function(d,n){d.classList.toggle(\"on\",n===idx);}); }\r\n dots.forEach(function(d,n){ d.addEventListener(\"click\", function(){ go(n); reset(); }); });\r\n var timer; function reset(){ clearInterval(timer); timer=setInterval(function(){go(idx+1);},5500); }\r\n go(0); reset();\r\n })();\r\n\r\n \/* ---------- contact form (demo) ---------- *\/\r\n var form = document.getElementById(\"contact-form\");\r\n if(form) form.addEventListener(\"submit\", function(e){\r\n e.preventDefault();\r\n var btn = form.querySelector(\"button[type=submit]\");\r\n var txt = btn.innerHTML; btn.innerHTML = \"Sending\u2026\"; btn.disabled = true;\r\n setTimeout(function(){ btn.innerHTML = \"\u2713 Message sent\"; setTimeout(function(){ btn.innerHTML=txt; btn.disabled=false; form.reset(); },2200); },900);\r\n });\r\n\r\n \/* ---------- cinematic scroll story ---------- *\/\r\n (function(){\r\n if(typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") return;\r\n gsap.registerPlugin(ScrollTrigger);\r\n var panels = gsap.utils.toArray(\".story-panel\");\r\n if(!panels.length) return;\r\n var dots = document.querySelectorAll(\".story-dots i\");\r\n var bg = document.querySelector(\".story-bg\");\r\n var prog = document.querySelector(\".story-progress\");\r\n var colors = [\"#11d9ce\",\"#2b7bff\",\"#6e4dff\",\"#ff7ac4\",\"#2bd4a0\"];\r\n function setActive(i){\r\n panels.forEach(function(p,n){ p.classList.toggle(\"active\", n===i); });\r\n dots.forEach(function(d,n){ d.classList.toggle(\"on\", n===i); });\r\n if(bg) bg.style.background = \"radial-gradient(circle at 70% 30%, \"+colors[i]+\", transparent 60%)\";\r\n }\r\n setActive(0);\r\n ScrollTrigger.create({\r\n trigger:\".story\",\r\n start:\"top top\",\r\n end:\"+=\"+(panels.length*window.innerHeight),\r\n pin:\".story-pin\",\r\n scrub:.5,\r\n onUpdate:function(self){\r\n var i = Math.min(panels.length-1, Math.floor(self.progress * panels.length));\r\n setActive(i);\r\n if(prog) prog.style.width = (self.progress*100)+\"%\";\r\n }\r\n });\r\n \/\/ generic reveal for non-story sections via gsap (optional)\r\n })();\r\n\r\n \/* ---------- footer year ---------- *\/\r\n var yr = document.getElementById(\"year\"); if(yr) yr.textContent = new Date().getFullYear();\r\n})();\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f5e7b7 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"0f5e7b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"thegem_container_layout":"thegem"}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-d181f91 e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"d181f91\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"thegem_container_layout":"thegem"}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf1d9a flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"1cf1d9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h5 elementor-heading-title elementor-size-default\">About Us<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec2cb2b flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"ec2cb2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> Grow Your Brand with \n <span style=\"color:#25C4D4;font-weight:700\">\n DigitalCast \n <\/span>Web Services\n<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed080fc flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"ed080fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p data-start=\"51\" data-end=\"358\">DigitalCast is a full-service digital agency established in 2014, delivering innovative solutions that help businesses grow and stand out online. We specialize in branding, web design, website development, SEO, UI\/UX, social media marketing, content creation, digital advertising, and AI-powered automation.<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e764db3 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"e764db3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<section class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&:has([data-writing-block])>*]:pointer-events-auto [content-visibility:auto] supports-[content-visibility:auto]:[contain-intrinsic-size:auto_100lvh] R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-WEB:cfa85e35-945c-49a5-9cfb-a0692ec16f00-0\" data-testid=\"conversation-turn-2\" data-scroll-anchor=\"false\" data-turn=\"assistant\"><div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"><div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"><div class=\"flex max-w-full flex-col gap-4 grow\"><div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1\" dir=\"auto\" tabindex=\"0\" data-message-author-role=\"assistant\" data-message-id=\"101efd27-72cc-4e70-8b8c-d4d763d2c24d\" data-turn-start-message=\"true\" data-message-model-slug=\"gpt-5-3\"><div class=\"flex w-full flex-col gap-1 empty:hidden\"><div class=\"markdown prose dark:prose-invert w-full wrap-break-word dark markdown-new-styling\"><p data-start=\"592\" data-end=\"851\" data-is-last-node=\"\" data-is-only-node=\"\">At DigitalCast, we support startups and SMEs with tailored strategies designed to increase visibility, generate leads, and boost sales. Our team blends design excellence with data-driven marketing to ensure every project delivers impact and long-term success.<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55ab055 e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"55ab055\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"thegem_container_layout":"thegem"}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-4b63f78 elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"4b63f78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"798\" height=\"646\" src=\"https:\/\/digicastweb.com\/en\/wp-content\/uploads\/2026\/03\/about-03.jpg\" class=\"attachment-full size-full wp-image-2766\" alt=\"\" srcset=\"https:\/\/digicastweb.com\/en\/wp-content\/uploads\/2026\/03\/about-03.jpg 798w, https:\/\/digicastweb.com\/en\/wp-content\/uploads\/2026\/03\/about-03-300x243.jpg 300w, https:\/\/digicastweb.com\/en\/wp-content\/uploads\/2026\/03\/about-03-768x622.jpg 768w\" sizes=\"(max-width: 798px) 100vw, 798px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-537da82c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"537da82c\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-604e2bb6\" data-id=\"604e2bb6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-27d57195 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27d57195\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-10e23630\" data-id=\"10e23630\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18f7d648 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"18f7d648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<div class=\"title-h1\"><span class=\"light\">OUR BEST<\/span> SERVICES<\/div>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-17ad4f03 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"17ad4f03\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7e97aed2\" data-id=\"7e97aed2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-57c12365\" data-id=\"57c12365\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1f914e01\" data-id=\"1f914e01\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513d2431 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"513d2431\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2c6b5b83\" data-id=\"2c6b5b83\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-798503d flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"798503d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h1 elementor-heading-title elementor-size-default\">About Us<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc7eeb elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-spacer\" data-id=\"4cc7eeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInLeft"}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60a752c flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"60a752c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInLeft"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h1 light elementor-heading-title elementor-size-default\">We are<br>CREATIVE AGENCY<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3de44ff8\" data-id=\"3de44ff8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71b2a1ed elementor-section-content-bottom about-33 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"71b2a1ed\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"thegem_custom_css":".about-33 .infobox-team {\\n margin-left: auto!important;\\n}\\n@media(max-width: 1500px){\\n .about-33 .img-team .gem-image{\\n width: 100%!important;\\n }\\n}","background_background":"classic"}\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4883269c\" data-id=\"4883269c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5f973dd8\" data-id=\"5f973dd8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58dd6cb0 elementor-widget-divider--view-line flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-divider\" data-id=\"58dd6cb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5696f106 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5696f106\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-50b3b3bc\" data-id=\"50b3b3bc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-515c6de\" data-id=\"515c6de\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-27e86a15\" data-id=\"27e86a15\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16c98923 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16c98923\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1953a04b\" data-id=\"1953a04b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6222fcc\" data-id=\"6222fcc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea4157c flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"ea4157c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"280\" height=\"528\" src=\"https:\/\/digicastweb.com\/en\/wp-content\/uploads\/2026\/04\/all-services-1.webp\" class=\"attachment-large size-large wp-image-33065\" alt=\"\" srcset=\"https:\/\/digicastweb.com\/en\/wp-content\/uploads\/2026\/04\/all-services-1.webp 280w, https:\/\/digicastweb.com\/en\/wp-content\/uploads\/2026\/04\/all-services-1-159x300.webp 159w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-8435060\" data-id=\"8435060\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a381c17 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6a381c17\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6c37f936\" data-id=\"6c37f936\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6e80c4d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e80c4d6\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2ecb148d\" data-id=\"2ecb148d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-392ea193 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"392ea193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h2 light elementor-heading-title elementor-size-default\">OUR LATEST WORKS<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-709da94 elementor-section-full_width elementor-section-height-min-height elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-items-middle\" data-id=\"709da94\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-32a1595\" data-id=\"32a1595\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-245907c flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"245907c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h1 elementor-heading-title elementor-size-default\">our procesS<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab61709 elementor-widget-divider--view-line flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-divider\" data-id=\"ab61709\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bc6e3a elementor-widget__width-initial flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"5bc6e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h6 elementor-heading-title elementor-size-default\">We follow a simple and effective process to deliver powerful digital solutions that grow your business.<\/div>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5e87429 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e87429\" data-element_type=\"section\" data-e-type=\"section\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-82461ef\" data-id=\"82461ef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f2b502 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"0f2b502\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-xlarge elementor-heading-title elementor-size-default\">01<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b684916 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"b684916\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h6 elementor-heading-title elementor-size-default\">Strategy & Planning<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36a512d elementor-widget-divider--view-line flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-divider\" data-id=\"36a512d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64d4681 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"64d4681\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p data-start=\"217\" data-end=\"305\">We understand your business, goals, and audience to create a clear strategy for success.<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d79023 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-spacer\" data-id=\"4d79023\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-482a9f3\" data-id=\"482a9f3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e276fa0 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"e276fa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-xlarge elementor-heading-title elementor-size-default\">02<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10e29bf flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"10e29bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h6 elementor-heading-title elementor-size-default\">Design & Development<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ec74a8 elementor-widget-divider--view-line flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-divider\" data-id=\"0ec74a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7455fe flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"e7455fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p data-start=\"344\" data-end=\"458\">We design and build high-performance websites and digital solutions that are fast, modern, and conversion-focused.<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d95717f flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-spacer\" data-id=\"d95717f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-f3c225f\" data-id=\"f3c225f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5dbd48a flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"5dbd48a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-xlarge elementor-heading-title elementor-size-default\">03<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1b12a7 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"b1b12a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h6 elementor-heading-title elementor-size-default\">Launch & Growth<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-407f9f5 elementor-widget-divider--view-line flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-divider\" data-id=\"407f9f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-711b523 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"711b523\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p data-start=\"492\" data-end=\"616\">We launch your project smoothly and continuously optimize it through SEO, marketing, and support to ensure long-term growth.<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-640d119 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-spacer\" data-id=\"640d119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e60477 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e60477\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\r\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-thegem\"><div class=\"elementor-row\">\r\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-612847d\" data-id=\"612847d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-60c34a9 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"60c34a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h1 elementor-heading-title elementor-size-default\">Trusted by<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df478fb elementor-widget-divider--view-line flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-divider\" data-id=\"df478fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div><\/div>\r\n\t\t<\/section>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DigitalCast \u2014 Digital Futures \u2191 247% ROAS Live \u2022 Campaign \u2726 Award 2024 DigitalCast Work Services Studio Journal Contact Start Project Digital Innovation Studio We craft digital futures. Award-winning agency transforming brands through immersive web experiences, strategic marketing, and unforgettable design. Explore Work Our Services 280+ Projects Delivered 50M+ Audience Reached 98% Client Retention 01 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-2727","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digicastweb.com\/en\/wp-json\/wp\/v2\/pages\/2727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digicastweb.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digicastweb.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digicastweb.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digicastweb.com\/en\/wp-json\/wp\/v2\/comments?post=2727"}],"version-history":[{"count":803,"href":"https:\/\/digicastweb.com\/en\/wp-json\/wp\/v2\/pages\/2727\/revisions"}],"predecessor-version":[{"id":33442,"href":"https:\/\/digicastweb.com\/en\/wp-json\/wp\/v2\/pages\/2727\/revisions\/33442"}],"wp:attachment":[{"href":"https:\/\/digicastweb.com\/en\/wp-json\/wp\/v2\/media?parent=2727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}