{"id":11,"date":"2026-05-27T09:04:04","date_gmt":"2026-05-27T09:04:04","guid":{"rendered":"https:\/\/appluk.com\/?page_id=11"},"modified":"2026-06-07T05:45:57","modified_gmt":"2026-06-07T05:45:57","slug":"home","status":"publish","type":"page","link":"https:\/\/appluk.in\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4802d7b e-flex e-con-boxed e-con e-parent\" data-id=\"4802d7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0e8d2e elementor-widget elementor-widget-html\" data-id=\"f0e8d2e\" 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, maximum-scale=1.0\">\r\n<title>Appluk Pvt Ltd \u2014 Digital Excellence<\/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{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth;width:100%;overflow-x:hidden}\r\nbody{\r\n  font-family:'DM Sans',sans-serif;\r\n  background:#04040a;\r\n  color:#f0eeff;\r\n  overflow-x:hidden;\r\n  width:100%;\r\n  min-height:100vh;\r\n  cursor:none;\r\n}\r\n:root{\r\n  --accent:#7C5CFC;\r\n  --accent2:#FF6B6B;\r\n  --accent3:#00D4AA;\r\n  --bg:#04040a;\r\n  --bg2:#0a0a14;\r\n  --bg3:#10101e;\r\n  --muted:#7a78a0;\r\n  --border:rgba(124,92,252,0.15);\r\n  --glow:rgba(124,92,252,0.4);\r\n}\r\n\r\n\/* \u2500\u2500 CURSOR \u2500\u2500 *\/\r\n.cur,.cur-ring{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}\r\n.cur{width:8px;height:8px;background:var(--accent);transition:width .15s,height .15s}\r\n.cur-ring{width:40px;height:40px;border:1.5px solid rgba(124,92,252,.45);transition:width .3s,height .3s,opacity .3s}\r\nbody:has(a:hover) .cur-ring{width:56px;height:56px;opacity:.5}\r\n@media(hover:none){.cur,.cur-ring{display:none}body{cursor:auto}}\r\n\r\n\/* \u2500\u2500 CANVAS BG \u2500\u2500 *\/\r\n#bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}\r\n\r\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\r\nnav{\r\n  position:fixed;top:0;left:0;right:0;z-index:200;\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  padding:1rem 4%;\r\n  background:rgba(4,4,10,.8);\r\n  backdrop-filter:blur(24px);\r\n  -webkit-backdrop-filter:blur(24px);\r\n  border-bottom:1px solid var(--border);\r\n  transition:padding .3s;\r\n}\r\nnav.scrolled{padding:.7rem 4%}\r\n.logo{\r\n  font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;\r\n  background:linear-gradient(120deg,#7C5CFC,#FF6B6B);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  text-decoration:none;letter-spacing:-.02em;\r\n  flex-shrink:0;\r\n}\r\n.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}\r\n.nav-links a{\r\n  color:var(--muted);text-decoration:none;font-size:.88rem;\r\n  font-weight:400;transition:color .2s;letter-spacing:.02em;\r\n  position:relative;\r\n}\r\n.nav-links a::after{\r\n  content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;\r\n  background:var(--accent);transform:scaleX(0);transform-origin:left;\r\n  transition:transform .25s;\r\n}\r\n.nav-links a:hover{color:#fff}\r\n.nav-links a:hover::after{transform:scaleX(1)}\r\n.nav-cta{\r\n  background:linear-gradient(135deg,#7C5CFC,#a855f7);\r\n  color:#fff!important;padding:.55rem 1.4rem;border-radius:100px;\r\n  font-weight:500!important;font-size:.85rem!important;\r\n  box-shadow:0 0 20px rgba(124,92,252,.3);\r\n  transition:box-shadow .2s,transform .2s!important;\r\n}\r\n.nav-cta:hover{box-shadow:0 0 32px rgba(124,92,252,.5)!important;transform:translateY(-1px)!important}\r\n.nav-cta::after{display:none!important}\r\n\r\n\/* Hamburger *\/\r\n.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:300}\r\n.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}\r\n.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}\r\n.hamburger.open span:nth-child(2){opacity:0}\r\n.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\r\n\r\n\/* Mobile menu *\/\r\n.mobile-menu{\r\n  display:none;position:fixed;inset:0;background:rgba(4,4,10,.97);\r\n  z-index:150;flex-direction:column;align-items:center;justify-content:center;\r\n  gap:2rem;\r\n}\r\n.mobile-menu.open{display:flex}\r\n.mobile-menu a{\r\n  font-family:'Syne',sans-serif;font-size:2rem;font-weight:700;\r\n  color:#fff;text-decoration:none;opacity:0;transform:translateY(20px);\r\n  animation:mobileIn .4s forwards;\r\n}\r\n.mobile-menu a:nth-child(1){animation-delay:.05s}\r\n.mobile-menu a:nth-child(2){animation-delay:.1s}\r\n.mobile-menu a:nth-child(3){animation-delay:.15s}\r\n.mobile-menu a:nth-child(4){animation-delay:.2s}\r\n.mobile-menu a:nth-child(5){\r\n  background:linear-gradient(135deg,#7C5CFC,#a855f7);\r\n  padding:.7rem 2.5rem;border-radius:100px;\r\n  font-size:1.1rem;animation-delay:.25s;\r\n  box-shadow:0 0 30px rgba(124,92,252,.4);\r\n}\r\n@keyframes mobileIn{to{opacity:1;transform:none}}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero{\r\n  width:100%;min-height:100vh;\r\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n  text-align:center;padding:7rem 5% 5rem;\r\n  position:relative;z-index:1;overflow:hidden;\r\n}\r\n.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}\r\n.particle{\r\n  position:absolute;border-radius:50%;\r\n  animation:floatParticle linear infinite;\r\n  opacity:0;\r\n}\r\n@keyframes floatParticle{\r\n  0%{transform:translateY(100vh) scale(0);opacity:0}\r\n  10%{opacity:.6}\r\n  90%{opacity:.3}\r\n  100%{transform:translateY(-100px) scale(1);opacity:0}\r\n}\r\n.hero-badge{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:rgba(124,92,252,.1);border:1px solid rgba(124,92,252,.3);\r\n  border-radius:100px;padding:.4rem 1.1rem;margin-bottom:2rem;\r\n  font-size:.78rem;color:#a78bfa;letter-spacing:.1em;text-transform:uppercase;\r\n  animation:heroFadeUp .8s ease both;\r\n}\r\n.badge-dot{width:7px;height:7px;background:var(--accent3);border-radius:50%;animation:blink 2s infinite}\r\n@keyframes blink{0%,100%{box-shadow:0 0 0 0 rgba(0,212,170,.5)}50%{box-shadow:0 0 0 5px rgba(0,212,170,0)}}\r\n\r\n.hero h1{\r\n  font-family:'Syne',sans-serif;\r\n  font-size:clamp(2.8rem,8vw,7.5rem);\r\n  font-weight:800;line-height:1.04;letter-spacing:-.03em;\r\n  margin-bottom:1.5rem;\r\n  animation:heroFadeUp .9s .1s ease both;\r\n}\r\n.hero h1 .line{display:block;overflow:hidden}\r\n.hero h1 .line span{display:block;animation:lineReveal .9s cubic-bezier(.16,1,.3,1) both}\r\n.hero h1 .line:nth-child(1) span{animation-delay:.15s}\r\n.hero h1 .line:nth-child(2) span{animation-delay:.25s}\r\n.hero h1 .line:nth-child(3) span{animation-delay:.35s}\r\n@keyframes lineReveal{from{transform:translateY(110%)}to{transform:translateY(0)}}\r\n\r\n.grad-text{\r\n  background:linear-gradient(135deg,#7C5CFC 0%,#c084fc 40%,#FF6B6B 70%,#00D4AA 100%);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  background-size:200%;\r\n  animation:gradShift 4s ease infinite;\r\n}\r\n@keyframes gradShift{0%,100%{background-position:0%}50%{background-position:100%}}\r\n\r\n.hero p{\r\n  font-size:clamp(1rem,2.5vw,1.2rem);color:var(--muted);max-width:600px;\r\n  line-height:1.75;margin-bottom:2.8rem;\r\n  animation:heroFadeUp .9s .45s ease both;\r\n}\r\n@keyframes heroFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}\r\n\r\n.hero-btns{\r\n  display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;\r\n  animation:heroFadeUp .9s .55s ease both;\r\n}\r\n.btn-glow{\r\n  background:linear-gradient(135deg,#7C5CFC,#a855f7);color:#fff;\r\n  padding:1rem 2.4rem;border-radius:100px;text-decoration:none;\r\n  font-weight:500;font-size:1rem;\r\n  box-shadow:0 0 35px rgba(124,92,252,.4);\r\n  position:relative;overflow:hidden;\r\n  transition:transform .2s,box-shadow .2s;\r\n  display:inline-flex;align-items:center;gap:.5rem;\r\n}\r\n.btn-glow::before{\r\n  content:'';position:absolute;inset:0;\r\n  background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.15));\r\n  transform:translateX(-100%);transition:transform .4s;\r\n}\r\n.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 55px rgba(124,92,252,.6)}\r\n.btn-glow:hover::before{transform:translateX(100%)}\r\n.btn-outline{\r\n  border:1px solid rgba(255,255,255,.15);color:#fff;\r\n  padding:1rem 2.4rem;border-radius:100px;text-decoration:none;\r\n  font-weight:400;font-size:1rem;\r\n  transition:border-color .2s,background .2s;\r\n  backdrop-filter:blur(8px);\r\n}\r\n.btn-outline:hover{border-color:rgba(124,92,252,.5);background:rgba(124,92,252,.08)}\r\n\r\n.scroll-hint{\r\n  position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);\r\n  display:flex;flex-direction:column;align-items:center;gap:.5rem;\r\n  animation:heroFadeUp 1s .8s ease both;\r\n  opacity:.4;\r\n}\r\n.scroll-hint span{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}\r\n.scroll-mouse{\r\n  width:22px;height:34px;border:1.5px solid var(--muted);border-radius:12px;\r\n  display:flex;align-items:flex-start;justify-content:center;padding-top:5px;\r\n}\r\n.scroll-wheel{\r\n  width:3px;height:6px;background:var(--muted);border-radius:2px;\r\n  animation:scrollWheel 2s ease infinite;\r\n}\r\n@keyframes scrollWheel{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:0}}\r\n\r\n\/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\r\n.marquee-wrap{\r\n  overflow:hidden;width:100%;\r\n  border-top:1px solid var(--border);border-bottom:1px solid var(--border);\r\n  padding:.9rem 0;background:var(--bg2);position:relative;z-index:1;\r\n}\r\n.marquee-track{display:flex;gap:2.5rem;animation:marquee 20s linear infinite;white-space:nowrap;width:max-content}\r\n.marquee-track span{font-size:.75rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}\r\n.marquee-track .sep{color:var(--accent);font-size:1rem}\r\n.marquee-wrap:hover .marquee-track{animation-play-state:paused}\r\n\r\n@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n\r\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\r\nsection{width:100%;padding:6rem 5%;position:relative;z-index:1}\r\n.sec-label{\r\n  display:inline-flex;align-items:center;gap:.5rem;\r\n  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;\r\n  color:var(--accent);margin-bottom:1.1rem;\r\n}\r\n.sec-label::before{content:'';width:20px;height:1px;background:var(--accent)}\r\n.sec-title{\r\n  font-family:'Syne',sans-serif;\r\n  font-size:clamp(1.9rem,4.5vw,3.5rem);\r\n  font-weight:800;line-height:1.15;margin-bottom:.8rem;letter-spacing:-.02em;\r\n}\r\n.sec-sub{color:var(--muted);max-width:500px;line-height:1.75;margin-bottom:3.5rem;font-size:.95rem}\r\n\r\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n#services{background:var(--bg2)}\r\n.services-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1px;background:var(--border);\r\n  border:1px solid var(--border);border-radius:20px;overflow:hidden;\r\n}\r\n.svc{\r\n  background:var(--bg2);padding:2.2rem 2rem;\r\n  position:relative;overflow:hidden;\r\n  transition:background .35s;\r\n  cursor:default;\r\n}\r\n.svc::before{\r\n  content:'';position:absolute;inset:0;\r\n  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(124,92,252,.12) 0%,transparent 60%);\r\n  opacity:0;transition:opacity .4s;\r\n}\r\n.svc:hover::before{opacity:1}\r\n.svc::after{\r\n  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;\r\n  background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));\r\n  transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n.svc:hover::after{transform:scaleX(1)}\r\n.svc:hover{background:var(--bg3)}\r\n.svc-ico{\r\n  width:52px;height:52px;border-radius:14px;margin-bottom:1.3rem;\r\n  background:rgba(124,92,252,.1);border:1px solid rgba(124,92,252,.2);\r\n  display:flex;align-items:center;justify-content:center;font-size:1.5rem;\r\n  transition:transform .3s,box-shadow .3s;\r\n}\r\n.svc:hover .svc-ico{transform:scale(1.1) rotate(-5deg);box-shadow:0 0 20px rgba(124,92,252,.3)}\r\n.svc h3{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:.55rem}\r\n.svc p{font-size:.84rem;color:var(--muted);line-height:1.65}\r\n.svc-tag{\r\n  display:inline-block;margin-top:1.1rem;\r\n  font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;\r\n  color:var(--accent);background:rgba(124,92,252,.08);\r\n  padding:.28rem .7rem;border-radius:100px;border:1px solid rgba(124,92,252,.2);\r\n}\r\n\r\n\/* \u2500\u2500 STATS \u2500\u2500 *\/\r\n.stats-row{\r\n  display:grid;grid-template-columns:repeat(4,1fr);\r\n  margin-top:4rem;gap:0;\r\n  border:1px solid var(--border);border-radius:20px;overflow:hidden;\r\n}\r\n.stat{\r\n  padding:2.5rem 1.5rem;text-align:center;\r\n  border-right:1px solid var(--border);\r\n  background:var(--bg2);\r\n  transition:background .3s;\r\n  position:relative;overflow:hidden;\r\n}\r\n.stat::before{\r\n  content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);\r\n  width:60%;height:2px;\r\n  background:linear-gradient(90deg,transparent,var(--accent),transparent);\r\n  opacity:0;transition:opacity .3s;\r\n}\r\n.stat:hover{background:var(--bg3)}\r\n.stat:hover::before{opacity:1}\r\n.stat:last-child{border-right:none}\r\n.stat-num{\r\n  font-family:'Syne',sans-serif;font-size:2.8rem;font-weight:800;\r\n  background:linear-gradient(135deg,#7C5CFC,#FF6B6B);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  line-height:1;\r\n}\r\n.stat-label{font-size:.8rem;color:var(--muted);margin-top:.5rem;letter-spacing:.04em}\r\n\r\n\/* \u2500\u2500 PORTFOLIO \u2500\u2500 *\/\r\n#portfolio{background:var(--bg)}\r\n.port-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1.5rem;\r\n}\r\n.port-card{\r\n  border:1px solid var(--border);border-radius:18px;overflow:hidden;\r\n  background:var(--bg2);\r\n  transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s;\r\n  cursor:pointer;\r\n}\r\n.port-card:hover{\r\n  transform:translateY(-8px);\r\n  border-color:rgba(124,92,252,.4);\r\n  box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(124,92,252,.15);\r\n}\r\n.port-img{\r\n  height:190px;display:flex;align-items:center;justify-content:center;\r\n  position:relative;overflow:hidden;\r\n}\r\n.port-img .overlay{\r\n  position:absolute;inset:0;\r\n  background:rgba(4,4,10,.5);\r\n  opacity:0;transition:opacity .3s;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;\r\n}\r\n.port-card:hover .overlay{opacity:1}\r\n.mock{\r\n  width:78%;height:72%;\r\n  background:rgba(255,255,255,.04);border-radius:10px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n  gap:7px;padding:14px;\r\n}\r\n.mbar{height:6px;border-radius:3px;background:rgba(255,255,255,.12)}\r\n.port-body{padding:1.3rem}\r\n.port-body h3{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;margin-bottom:.35rem}\r\n.port-body p{font-size:.82rem;color:var(--muted);line-height:1.55}\r\n.port-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}\r\n.ptag{\r\n  font-size:.68rem;color:var(--muted);\r\n  background:rgba(255,255,255,.04);border:1px solid var(--border);\r\n  border-radius:100px;padding:.22rem .65rem;\r\n}\r\n\r\n\/* \u2500\u2500 PROCESS \u2500\u2500 *\/\r\n#process{background:var(--bg2)}\r\n.proc-wrap{display:flex;gap:0;border:1px solid var(--border);border-radius:20px;overflow:hidden}\r\n.proc-step{\r\n  flex:1;padding:2.5rem 1.6rem;\r\n  border-right:1px solid var(--border);\r\n  background:var(--bg2);\r\n  transition:background .3s;\r\n  position:relative;overflow:hidden;\r\n}\r\n.proc-step:last-child{border-right:none}\r\n.proc-step::before{\r\n  content:'';position:absolute;top:0;left:0;right:0;height:2px;\r\n  background:linear-gradient(90deg,var(--accent),var(--accent2));\r\n  transform:scaleX(0);transform-origin:left;transition:transform .4s;\r\n}\r\n.proc-step:hover{background:var(--bg3)}\r\n.proc-step:hover::before{transform:scaleX(1)}\r\n.proc-num{\r\n  font-family:'Syne',sans-serif;font-size:.68rem;font-weight:700;\r\n  letter-spacing:.14em;color:var(--accent);margin-bottom:1.1rem;display:block;\r\n}\r\n.proc-step h3{font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:.5rem}\r\n.proc-step p{font-size:.8rem;color:var(--muted);line-height:1.65}\r\n\r\n\/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n#why{background:var(--bg)}\r\n.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\r\n.why-list{list-style:none;display:flex;flex-direction:column;gap:1rem}\r\n.why-item{\r\n  display:flex;gap:1rem;align-items:flex-start;\r\n  padding:1.3rem;border:1px solid var(--border);border-radius:14px;\r\n  transition:border-color .3s,background .3s,transform .3s;\r\n}\r\n.why-item:hover{border-color:rgba(124,92,252,.35);background:rgba(124,92,252,.04);transform:translateX(5px)}\r\n.why-ico{\r\n  width:38px;height:38px;min-width:38px;border-radius:10px;\r\n  background:rgba(124,92,252,.1);display:flex;align-items:center;justify-content:center;\r\n  font-size:1.1rem;\r\n}\r\n.why-text h4{font-weight:500;font-size:.95rem;margin-bottom:.3rem}\r\n.why-text p{font-size:.82rem;color:var(--muted);line-height:1.55}\r\n\r\n\/* Rotating ring visual *\/\r\n.why-visual{\r\n  position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;\r\n}\r\n.ring-container{position:relative;width:100%;max-width:400px;aspect-ratio:1;margin:auto}\r\n.ring{\r\n  position:absolute;inset:0;border-radius:50%;\r\n  border:1px solid var(--border);\r\n  display:flex;align-items:center;justify-content:center;\r\n}\r\n.ring-1{animation:spinCW 20s linear infinite}\r\n.ring-2{inset:12%;animation:spinCCW 14s linear infinite}\r\n.ring-3{inset:24%;animation:spinCW 9s linear infinite;border-color:rgba(124,92,252,.3)}\r\n.ring-4{inset:36%;animation:spinCCW 7s linear infinite;border-style:dashed}\r\n@keyframes spinCW{from{transform:rotate(0)}to{transform:rotate(360deg)}}\r\n@keyframes spinCCW{from{transform:rotate(0)}to{transform:rotate(-360deg)}}\r\n\r\n.ring-dot{\r\n  position:absolute;width:8px;height:8px;border-radius:50%;\r\n  background:var(--accent);\r\n  box-shadow:0 0 12px var(--accent);\r\n}\r\n.ring-1 .ring-dot{top:-4px;left:50%;transform:translateX(-50%)}\r\n.ring-2 .ring-dot{bottom:-4px;right:20%;background:var(--accent2);box-shadow:0 0 12px var(--accent2)}\r\n.ring-3 .ring-dot{top:-4px;right:25%;background:var(--accent3);box-shadow:0 0 12px var(--accent3)}\r\n\r\n.ring-center{\r\n  position:absolute;inset:42%;border-radius:50%;\r\n  background:linear-gradient(135deg,rgba(124,92,252,.2),rgba(255,107,107,.1));\r\n  border:1px solid rgba(124,92,252,.3);\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;\r\n  letter-spacing:-.02em;\r\n}\r\n\r\n.orbit-tag{\r\n  position:absolute;background:var(--bg3);border:1px solid var(--border);\r\n  border-radius:100px;padding:.3rem .8rem;font-size:.7rem;color:var(--muted);\r\n  white-space:nowrap;\r\n}\r\n\r\n\/* \u2500\u2500 CONTACT \u2500\u2500 *\/\r\n#contact{background:var(--bg2)}\r\n.contact-wrap{max-width:750px;margin:0 auto;text-align:center}\r\n.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}\r\n.c-card{\r\n  background:var(--bg3);border:1px solid var(--border);border-radius:20px;\r\n  padding:2.2rem 2rem;text-decoration:none;color:#fff;\r\n  transition:border-color .3s,transform .3s,box-shadow .3s;\r\n  display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;\r\n  position:relative;overflow:hidden;\r\n}\r\n.c-card::before{\r\n  content:'';position:absolute;inset:0;\r\n  background:radial-gradient(ellipse at 50% 0%,rgba(124,92,252,.12) 0%,transparent 70%);\r\n  opacity:0;transition:opacity .3s;\r\n}\r\n.c-card.wa::before{background:radial-gradient(ellipse at 50% 0%,rgba(0,212,170,.12) 0%,transparent 70%)}\r\n.c-card:hover::before{opacity:1}\r\n.c-card:hover{border-color:rgba(124,92,252,.4);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.4)}\r\n.c-card.wa:hover{border-color:rgba(0,212,170,.4)}\r\n.c-ico{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem}\r\n.c-card.wa .c-ico{background:rgba(0,212,170,.1);border:1px solid rgba(0,212,170,.2)}\r\n.c-card.em .c-ico{background:rgba(124,92,252,.1);border:1px solid rgba(124,92,252,.2)}\r\n.c-card h3{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700}\r\n.c-card span{font-size:.85rem;color:var(--muted)}\r\n.c-arrow{\r\n  margin-top:.5rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;\r\n  color:var(--accent);display:flex;align-items:center;gap:.3rem;\r\n}\r\n.c-card.wa .c-arrow{color:var(--accent3)}\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\nfooter{\r\n  background:var(--bg);border-top:1px solid var(--border);\r\n  padding:2rem 5%;\r\n  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;\r\n  position:relative;z-index:1;\r\n}\r\n.foot-logo{\r\n  font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;\r\n  background:linear-gradient(120deg,#7C5CFC,#FF6B6B);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n}\r\nfooter p{font-size:.8rem;color:var(--muted)}\r\n\r\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\r\n.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}\r\n.reveal.up{opacity:1;transform:none}\r\n.reveal-left{opacity:0;transform:translateX(-36px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}\r\n.reveal-left.up{opacity:1;transform:none}\r\n.reveal-right{opacity:0;transform:translateX(36px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}\r\n.reveal-right.up{opacity:1;transform:none}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:1024px){\r\n  .services-grid{grid-template-columns:repeat(2,1fr)}\r\n  .port-grid{grid-template-columns:repeat(2,1fr)}\r\n  .proc-wrap{flex-wrap:wrap}\r\n  .proc-step{flex:none;width:50%;border-bottom:1px solid var(--border)}\r\n  .proc-step:nth-child(2n){border-right:none}\r\n  .why-grid{grid-template-columns:1fr;gap:3rem}\r\n  .why-visual{display:none}\r\n  .stats-row{grid-template-columns:repeat(2,1fr)}\r\n  .stat:nth-child(2){border-right:none}\r\n  .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--border)}\r\n}\r\n@media(max-width:768px){\r\n  .nav-links{display:none}\r\n  .hamburger{display:flex}\r\n  section{padding:4.5rem 5%}\r\n  .services-grid{grid-template-columns:1fr}\r\n  .port-grid{grid-template-columns:1fr}\r\n  .proc-wrap{flex-direction:column;border-radius:16px}\r\n  .proc-step{width:100%;border-right:none}\r\n  .proc-step:last-child{border-bottom:none}\r\n  .stats-row{grid-template-columns:repeat(2,1fr)}\r\n  .contact-cards{grid-template-columns:1fr}\r\n  footer{flex-direction:column;text-align:center}\r\n  .hero h1{letter-spacing:-.02em}\r\n  .hero-btns{flex-direction:column;align-items:center}\r\n  .btn-glow,.btn-outline{width:100%;max-width:280px;text-align:center;justify-content:center}\r\n}\r\n@media(max-width:480px){\r\n  .stats-row{grid-template-columns:1fr}\r\n  .stat{border-right:none;border-bottom:1px solid var(--border)}\r\n  .stat:last-child{border-bottom:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Cursor -->\r\n<div class=\"cur\" id=\"cur\"><\/div>\r\n<div class=\"cur-ring\" id=\"curRing\"><\/div>\r\n\r\n<!-- Animated BG Canvas -->\r\n<canvas id=\"bgCanvas\"><\/canvas>\r\n\r\n<!-- Nav -->\r\n<nav id=\"nav\">\r\n  <a href=\"#\" class=\"logo\">Appluk<\/a>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#services\">Services<\/a><\/li>\r\n    <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n    <li><a href=\"#process\">Process<\/a><\/li>\r\n    <li><a href=\"#why\">Why Us<\/a><\/li>\r\n    <li><a href=\"https:\/\/wa.me\/918081072386\" class=\"nav-cta\">Get in Touch \u2197<\/a><\/li>\r\n  <\/ul>\r\n  <button class=\"hamburger\" id=\"ham\" aria-label=\"Menu\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/button>\r\n<\/nav>\r\n\r\n<!-- Mobile Menu -->\r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n  <a href=\"#services\" class=\"mm-link\">Services<\/a>\r\n  <a href=\"#portfolio\" class=\"mm-link\">Portfolio<\/a>\r\n  <a href=\"#process\" class=\"mm-link\">Process<\/a>\r\n  <a href=\"#why\" class=\"mm-link\">Why Us<\/a>\r\n  <a href=\"https:\/\/wa.me\/918081072386\" class=\"mm-link\">Get in Touch \u2197<\/a>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-particles\" id=\"particles\"><\/div>\r\n  <div class=\"hero-badge\"><span class=\"badge-dot\"><\/span> Now Accepting New Projects<\/div>\r\n  <h1>\r\n    <span class=\"line\"><span>We Craft<\/span><\/span>\r\n    <span class=\"line\"><span class=\"grad-text\">Digital Products<\/span><\/span>\r\n    <span class=\"line\"><span>That Scale<\/span><\/span>\r\n  <\/h1>\r\n  <p>Appluk Pvt Ltd \u2014 your end-to-end digital partner. App development, web solutions, graphic design, ASO, SEO, and every digital service your brand needs to grow.<\/p>\r\n  <div class=\"hero-btns\">\r\n    <a href=\"https:\/\/wa.me\/918081072386\" class=\"btn-glow\">\ud83d\ude80 Start a Project<\/a>\r\n    <a href=\"#portfolio\" class=\"btn-outline\">View Our Work \u2192<\/a>\r\n  <\/div>\r\n  <div class=\"scroll-hint\">\r\n    <div class=\"scroll-mouse\"><div class=\"scroll-wheel\"><\/div><\/div>\r\n    <span>Scroll<\/span>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- MARQUEE -->\r\n<div class=\"marquee-wrap\">\r\n  <div class=\"marquee-track\" id=\"mtrack\">\r\n    <span>App Development<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Web Development<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>UI \/ UX Design<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>App Store Optimization<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Graphic Design<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Digital Marketing<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Branding<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>SEO Services<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>E-commerce<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Social Media<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>App Development<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Web Development<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>UI \/ UX Design<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>App Store Optimization<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Graphic Design<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Digital Marketing<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Branding<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>SEO Services<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>E-commerce<\/span><span class=\"sep\">\u2726<\/span>\r\n    <span>Social Media<\/span><span class=\"sep\">\u2726<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- SERVICES -->\r\n<section id=\"services\">\r\n  <span class=\"sec-label reveal\">What We Do<\/span>\r\n  <h2 class=\"sec-title reveal\">Complete Digital<br>Services, One Roof<\/h2>\r\n  <p class=\"sec-sub reveal\">From idea to launch \u2014 every pixel, every line of code, every strategy to make your brand dominate online.<\/p>\r\n  <div class=\"services-grid reveal\">\r\n    <div class=\"svc\">\r\n      <div class=\"svc-ico\">\ud83d\udcf1<\/div>\r\n      <h3>App Development<\/h3>\r\n      <p>Native & cross-platform apps for iOS and Android. Smooth, performant, built to scale your vision.<\/p>\r\n      <span class=\"svc-tag\">iOS \u00b7 Android \u00b7 Flutter \u00b7 React Native<\/span>\r\n    <\/div>\r\n    <div class=\"svc\">\r\n      <div class=\"svc-ico\">\ud83c\udf10<\/div>\r\n      <h3>Web Development<\/h3>\r\n      <p>Dynamic websites to full-stack platforms \u2014 blazing fast, SEO-ready, and conversion-optimized.<\/p>\r\n      <span class=\"svc-tag\">React \u00b7 Node \u00b7 WordPress \u00b7 Next.js<\/span>\r\n    <\/div>\r\n    <div class=\"svc\">\r\n      <div class=\"svc-ico\">\ud83c\udfa8<\/div>\r\n      <h3>Graphic Designing<\/h3>\r\n      <p>Brand identity, social creatives, motion graphics \u2014 visuals that make you impossible to ignore.<\/p>\r\n      <span class=\"svc-tag\">Branding \u00b7 Social \u00b7 Print \u00b7 Motion<\/span>\r\n    <\/div>\r\n    <div class=\"svc\">\r\n      <div class=\"svc-ico\">\ud83d\udcc8<\/div>\r\n      <h3>App Store Optimization<\/h3>\r\n      <p>Data-driven ASO to rank your app higher on Play Store & App Store and grow organically.<\/p>\r\n      <span class=\"svc-tag\">ASO \u00b7 Ranking \u00b7 Reviews \u00b7 Metadata<\/span>\r\n    <\/div>\r\n    <div class=\"svc\">\r\n      <div class=\"svc-ico\">\ud83d\udd0d<\/div>\r\n      <h3>SEO & Digital Marketing<\/h3>\r\n      <p>Organic traffic, targeted campaigns, and content strategy that delivers measurable ROI.<\/p>\r\n      <span class=\"svc-tag\">SEO \u00b7 Google Ads \u00b7 Social Media<\/span>\r\n    <\/div>\r\n    <div class=\"svc\">\r\n      <div class=\"svc-ico\">\u2728<\/div>\r\n      <h3>UI \/ UX Design<\/h3>\r\n      <p>User-centric interfaces that delight \u2014 wireframes, prototypes, and pixel-perfect final designs.<\/p>\r\n      <span class=\"svc-tag\">Figma \u00b7 Prototyping \u00b7 Research \u00b7 UX<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"stats-row reveal\">\r\n    <div class=\"stat\"><div class=\"stat-num\" data-count=\"50\">0<\/div><div class=\"stat-label\">Projects Delivered<\/div><\/div>\r\n    <div class=\"stat\"><div class=\"stat-num\" data-count=\"30\">0<\/div><div class=\"stat-label\">Happy Clients<\/div><\/div>\r\n    <div class=\"stat\"><div class=\"stat-num\" data-count=\"5\">0<\/div><div class=\"stat-label\">Years Experience<\/div><\/div>\r\n    <div class=\"stat\"><div class=\"stat-num\" data-count=\"100\">0<\/div><div class=\"stat-label\">% Satisfaction<\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PORTFOLIO -->\r\n<section id=\"portfolio\">\r\n  <span class=\"sec-label reveal\">Our Work<\/span>\r\n  <h2 class=\"sec-title reveal\">Projects We're<br>Proud Of<\/h2>\r\n  <p class=\"sec-sub reveal\">A glimpse into digital products and experiences crafted for our clients worldwide.<\/p>\r\n  <div class=\"port-grid\">\r\n    <div class=\"port-card reveal\">\r\n      <div class=\"port-img\" style=\"background:linear-gradient(135deg,#1a0933,#2d1060)\">\r\n        <div class=\"overlay\">View Project \u2197<\/div>\r\n        <div class=\"mock\">\r\n          <div class=\"mbar\" style=\"width:70%\"><\/div>\r\n          <div class=\"mbar\" style=\"width:90%\"><\/div>\r\n          <div style=\"display:flex;gap:6px;margin-top:4px\">\r\n            <div style=\"width:44px;height:32px;border-radius:6px;background:rgba(124,92,252,.3)\"><\/div>\r\n            <div style=\"width:44px;height:32px;border-radius:6px;background:rgba(255,107,107,.3)\"><\/div>\r\n          <\/div>\r\n          <div class=\"mbar\" style=\"width:55%\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-body\">\r\n        <h3>E-Commerce Mobile App<\/h3>\r\n        <p>Full-featured shopping app with real-time inventory, secure payments & push notifications.<\/p>\r\n        <div class=\"port-tags\"><span class=\"ptag\">Flutter<\/span><span class=\"ptag\">Firebase<\/span><span class=\"ptag\">Razorpay<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"port-card reveal\">\r\n      <div class=\"port-img\" style=\"background:linear-gradient(135deg,#081a10,#0d4228)\">\r\n        <div class=\"overlay\">View Project \u2197<\/div>\r\n        <div class=\"mock\">\r\n          <div style=\"width:100%;height:8px;border-radius:4px;background:rgba(0,212,170,.3);margin-bottom:8px\"><\/div>\r\n          <div class=\"mbar\" style=\"width:80%\"><\/div>\r\n          <div class=\"mbar\" style=\"width:60%\"><\/div>\r\n          <div class=\"mbar\" style=\"width:75%\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-body\">\r\n        <h3>SaaS Analytics Dashboard<\/h3>\r\n        <p>Real-time analytics with live charts, custom reports, and multi-user role management.<\/p>\r\n        <div class=\"port-tags\"><span class=\"ptag\">React<\/span><span class=\"ptag\">Node.js<\/span><span class=\"ptag\">MongoDB<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"port-card reveal\">\r\n      <div class=\"port-img\" style=\"background:linear-gradient(135deg,#200810,#56102a)\">\r\n        <div class=\"overlay\">View Project \u2197<\/div>\r\n        <div class=\"mock\">\r\n          <div style=\"display:flex;flex-direction:column;align-items:center;gap:7px;width:100%\">\r\n            <div style=\"width:52px;height:52px;border-radius:14px;background:rgba(255,107,107,.3)\"><\/div>\r\n            <div class=\"mbar\" style=\"width:65%\"><\/div>\r\n            <div class=\"mbar\" style=\"width:80%\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-body\">\r\n        <h3>Brand Identity System<\/h3>\r\n        <p>Complete brand kit \u2014 logo, typography, color system, and social media templates.<\/p>\r\n        <div class=\"port-tags\"><span class=\"ptag\">Illustrator<\/span><span class=\"ptag\">Figma<\/span><span class=\"ptag\">Photoshop<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"port-card reveal\">\r\n      <div class=\"port-img\" style=\"background:linear-gradient(135deg,#08142a,#102848)\">\r\n        <div class=\"overlay\">View Project \u2197<\/div>\r\n        <div class=\"mock\">\r\n          <div class=\"mbar\" style=\"width:50%;margin-bottom:8px\"><\/div>\r\n          <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%\">\r\n            <div style=\"height:30px;border-radius:6px;background:rgba(55,138,221,.3)\"><\/div>\r\n            <div style=\"height:30px;border-radius:6px;background:rgba(55,138,221,.2)\"><\/div>\r\n            <div style=\"height:30px;border-radius:6px;background:rgba(55,138,221,.15)\"><\/div>\r\n            <div style=\"height:30px;border-radius:6px;background:rgba(55,138,221,.25)\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-body\">\r\n        <h3>Education Web Platform<\/h3>\r\n        <p>Learning management system with video courses, quizzes, and certificate generation.<\/p>\r\n        <div class=\"port-tags\"><span class=\"ptag\">WordPress<\/span><span class=\"ptag\">LearnDash<\/span><span class=\"ptag\">WooCommerce<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"port-card reveal\">\r\n      <div class=\"port-img\" style=\"background:linear-gradient(135deg,#181400,#2e2800)\">\r\n        <div class=\"overlay\">View Project \u2197<\/div>\r\n        <div class=\"mock\">\r\n          <div style=\"text-align:center;font-size:2rem;margin-bottom:6px\">\u2b50<\/div>\r\n          <div class=\"mbar\" style=\"width:70%\"><\/div>\r\n          <div class=\"mbar\" style=\"width:50%\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-body\">\r\n        <h3>App Store Optimization<\/h3>\r\n        <p>Utility app growth from 500 to 50k+ downloads using targeted ASO strategy.<\/p>\r\n        <div class=\"port-tags\"><span class=\"ptag\">Play Store<\/span><span class=\"ptag\">App Store<\/span><span class=\"ptag\">+9800% growth<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"port-card reveal\">\r\n      <div class=\"port-img\" style=\"background:linear-gradient(135deg,#081414,#083030)\">\r\n        <div class=\"overlay\">View Project \u2197<\/div>\r\n        <div class=\"mock\">\r\n          <div class=\"mbar\" style=\"width:80%;margin-bottom:8px\"><\/div>\r\n          <div style=\"height:48px;border-radius:8px;background:rgba(0,212,170,.15);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:rgba(0,212,170,.7)\">Live Booking Widget<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-body\">\r\n        <h3>Restaurant Web Platform<\/h3>\r\n        <p>Online ordering, table booking, and menu management \u2014 all in one beautiful website.<\/p>\r\n        <div class=\"port-tags\"><span class=\"ptag\">React<\/span><span class=\"ptag\">Strapi CMS<\/span><span class=\"ptag\">Stripe<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PROCESS -->\r\n<section id=\"process\">\r\n  <span class=\"sec-label reveal\">How We Work<\/span>\r\n  <h2 class=\"sec-title reveal\">Our Proven Process<\/h2>\r\n  <p class=\"sec-sub reveal\">A structured, transparent approach ensuring quality, clarity, and on-time delivery \u2014 every time.<\/p>\r\n  <div class=\"proc-wrap reveal\">\r\n    <div class=\"proc-step\">\r\n      <span class=\"proc-num\">STEP 01<\/span>\r\n      <h3>Discovery<\/h3>\r\n      <p>Deep dive into your goals, audience, and requirements through structured consultation sessions.<\/p>\r\n    <\/div>\r\n    <div class=\"proc-step\">\r\n      <span class=\"proc-num\">STEP 02<\/span>\r\n      <h3>Strategy & Design<\/h3>\r\n      <p>Wireframes, prototypes, and creative direction \u2014 fully planned before code is written.<\/p>\r\n    <\/div>\r\n    <div class=\"proc-step\">\r\n      <span class=\"proc-num\">STEP 03<\/span>\r\n      <h3>Development<\/h3>\r\n      <p>Clean, scalable code using modern tech stacks with regular updates throughout.<\/p>\r\n    <\/div>\r\n    <div class=\"proc-step\">\r\n      <span class=\"proc-num\">STEP 04<\/span>\r\n      <h3>Testing & QA<\/h3>\r\n      <p>Rigorous testing across all devices and browsers. We only ship when it's perfect.<\/p>\r\n    <\/div>\r\n    <div class=\"proc-step\">\r\n      <span class=\"proc-num\">STEP 05<\/span>\r\n      <h3>Launch & Support<\/h3>\r\n      <p>Smooth deployment with ongoing maintenance and support to keep your product thriving.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- WHY US -->\r\n<section id=\"why\">\r\n  <div class=\"why-grid\">\r\n    <div>\r\n      <span class=\"sec-label reveal-left\">Why Appluk<\/span>\r\n      <h2 class=\"sec-title reveal-left\">The Partner<br>You Can Count On<\/h2>\r\n      <p class=\"sec-sub reveal-left\">We don't just build \u2014 we invest in your success and grow alongside your brand.<\/p>\r\n      <ul class=\"why-list\">\r\n        <li class=\"why-item reveal-left\"><div class=\"why-ico\">\u26a1<\/div><div class=\"why-text\"><h4>Fast Turnaround<\/h4><p>Agile delivery without compromising quality. We respect your deadlines.<\/p><\/div><\/li>\r\n        <li class=\"why-item reveal-left\"><div class=\"why-ico\">\ud83c\udfc6<\/div><div class=\"why-text\"><h4>Quality Guaranteed<\/h4><p>Every project goes through rigorous QA before it reaches your hands.<\/p><\/div><\/li>\r\n        <li class=\"why-item reveal-left\"><div class=\"why-ico\">\ud83d\udd12<\/div><div class=\"why-text\"><h4>Transparent Pricing<\/h4><p>No hidden charges. Clear scope, honest pricing, fair agreements always.<\/p><\/div><\/li>\r\n        <li class=\"why-item reveal-left\"><div class=\"why-ico\">\ud83d\udcac<\/div><div class=\"why-text\"><h4>Dedicated Support<\/h4><p>Direct access to your project team. No middlemen \u2014 just clear communication.<\/p><\/div><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"why-visual reveal-right\">\r\n      <div class=\"ring-container\">\r\n        <div class=\"ring ring-1\"><div class=\"ring-dot\"><\/div><\/div>\r\n        <div class=\"ring ring-2\"><div class=\"ring-dot\"><\/div><\/div>\r\n        <div class=\"ring ring-3\"><div class=\"ring-dot\"><\/div><\/div>\r\n        <div class=\"ring ring-4\"><\/div>\r\n        <div class=\"ring-center\">A<\/div>\r\n        <div class=\"orbit-tag\" style=\"top:5%;left:50%;transform:translateX(-50%)\">App Dev<\/div>\r\n        <div class=\"orbit-tag\" style=\"top:22%;right:2%\">Web Dev<\/div>\r\n        <div class=\"orbit-tag\" style=\"bottom:22%;right:2%\">ASO<\/div>\r\n        <div class=\"orbit-tag\" style=\"bottom:5%;left:50%;transform:translateX(-50%)\">Branding<\/div>\r\n        <div class=\"orbit-tag\" style=\"bottom:22%;left:2%\">UI\/UX<\/div>\r\n        <div class=\"orbit-tag\" style=\"top:22%;left:2%\">SEO<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT -->\r\n<section id=\"contact\">\r\n  <div class=\"contact-wrap\">\r\n    <span class=\"sec-label reveal\" style=\"justify-content:center\">Get In Touch<\/span>\r\n    <h2 class=\"sec-title reveal\">Let's Build Something<br>Extraordinary<\/h2>\r\n    <p class=\"sec-sub reveal\" style=\"margin:0 auto 0\">Have a project in mind? We'd love to hear it. Reach out and let's start building together.<\/p>\r\n    <div class=\"contact-cards reveal\">\r\n      <a href=\"https:\/\/wa.me\/918081072386\" class=\"c-card wa\">\r\n        <div class=\"c-ico\">\ud83d\udcac<\/div>\r\n        <h3>WhatsApp Us<\/h3>\r\n        <span>+91 8081072386<\/span>\r\n        <span class=\"c-arrow\">Chat Now \u2192<\/span>\r\n      <\/a>\r\n      <a href=\"mailto:applukmedia@gmail.com\" class=\"c-card em\">\r\n        <div class=\"c-ico\">\u2709\ufe0f<\/div>\r\n        <h3>Email Us<\/h3>\r\n        <span>applukmedia@gmail.com<\/span>\r\n        <span class=\"c-arrow\">Send Email \u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n    <p style=\"margin-top:1.8rem;font-size:.82rem;color:var(--muted)\">We typically respond within a few hours on business days.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <span class=\"foot-logo\">Appluk Pvt Ltd<\/span>\r\n  <p>\u00a9 2024 Appluk Pvt Ltd. All rights reserved.<\/p>\r\n  <p>Made with \u2764\ufe0f in India \ud83c\uddee\ud83c\uddf3<\/p>\r\n<\/footer>\r\n\r\n<script>\r\n\/* \u2500\u2500 CURSOR \u2500\u2500 *\/\r\nconst cur = document.getElementById('cur');\r\nconst curRing = document.getElementById('curRing');\r\nlet mx=0,my=0,rx=0,ry=0;\r\nconst isMobile = window.matchMedia('(hover:none)').matches;\r\nif(!isMobile){\r\n  document.addEventListener('mousemove',e=>{\r\n    mx=e.clientX;my=e.clientY;\r\n    cur.style.left=mx+'px';cur.style.top=my+'px';\r\n  });\r\n  (function animRing(){\r\n    rx+=(mx-rx)*.1;ry+=(my-ry)*.1;\r\n    curRing.style.left=rx+'px';curRing.style.top=ry+'px';\r\n    requestAnimationFrame(animRing);\r\n  })();\r\n}\r\n\r\n\/* \u2500\u2500 CANVAS ANIMATED BG \u2500\u2500 *\/\r\nconst canvas = document.getElementById('bgCanvas');\r\nconst ctx = canvas.getContext('2d');\r\nlet W,H,nodes=[];\r\nfunction resize(){\r\n  W=canvas.width=window.innerWidth;\r\n  H=canvas.height=window.innerHeight;\r\n}\r\nresize();\r\nwindow.addEventListener('resize',resize);\r\n\r\nclass Node{\r\n  constructor(){this.reset()}\r\n  reset(){\r\n    this.x=Math.random()*W;this.y=Math.random()*H;\r\n    this.vx=(Math.random()-.5)*.4;this.vy=(Math.random()-.5)*.4;\r\n    this.r=Math.random()*2+.5;\r\n    this.alpha=Math.random()*.5+.1;\r\n    this.color=Math.random()<.5?'124,92,252':Math.random()<.5?'255,107,107':'0,212,170';\r\n  }\r\n  update(){\r\n    this.x+=this.vx;this.y+=this.vy;\r\n    if(this.x<0||this.x>W||this.y<0||this.y>H)this.reset();\r\n  }\r\n  draw(){\r\n    ctx.beginPath();\r\n    ctx.arc(this.x,this.y,this.r,0,Math.PI*2);\r\n    ctx.fillStyle=`rgba(${this.color},${this.alpha})`;\r\n    ctx.fill();\r\n  }\r\n}\r\n\r\nconst nodeCount=Math.min(80,window.innerWidth\/12|0);\r\nfor(let i=0;i<nodeCount;i++)nodes.push(new Node());\r\n\r\nfunction connectNodes(){\r\n  for(let i=0;i<nodes.length;i++){\r\n    for(let j=i+1;j<nodes.length;j++){\r\n      const dx=nodes[i].x-nodes[j].x,dy=nodes[i].y-nodes[j].y;\r\n      const d=Math.sqrt(dx*dx+dy*dy);\r\n      if(d<120){\r\n        ctx.beginPath();\r\n        ctx.moveTo(nodes[i].x,nodes[i].y);\r\n        ctx.lineTo(nodes[j].x,nodes[j].y);\r\n        ctx.strokeStyle=`rgba(124,92,252,${.12*(1-d\/120)})`;\r\n        ctx.lineWidth=.5;\r\n        ctx.stroke();\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nfunction animCanvas(){\r\n  ctx.clearRect(0,0,W,H);\r\n  nodes.forEach(n=>{n.update();n.draw()});\r\n  connectNodes();\r\n  requestAnimationFrame(animCanvas);\r\n}\r\nanimCanvas();\r\n\r\n\/* \u2500\u2500 PARTICLES IN HERO \u2500\u2500 *\/\r\nconst particlesEl=document.getElementById('particles');\r\nconst COLORS=['#7C5CFC','#FF6B6B','#00D4AA','#a855f7','#f472b6'];\r\nfunction makeParticle(){\r\n  const p=document.createElement('div');\r\n  p.className='particle';\r\n  const size=Math.random()*4+2;\r\n  const color=COLORS[Math.floor(Math.random()*COLORS.length)];\r\n  const dur=Math.random()*10+8;\r\n  const delay=Math.random()*10;\r\n  const left=Math.random()*100;\r\n  p.style.cssText=`\r\n    width:${size}px;height:${size}px;background:${color};\r\n    left:${left}%;bottom:0;\r\n    animation-duration:${dur}s;animation-delay:${delay}s;\r\n    box-shadow:0 0 ${size*3}px ${color};\r\n  `;\r\n  particlesEl.appendChild(p);\r\n}\r\nconst pCount=isMobile?15:30;\r\nfor(let i=0;i<pCount;i++)makeParticle();\r\n\r\n\/* \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500 *\/\r\nconst revealEls=document.querySelectorAll('.reveal,.reveal-left,.reveal-right');\r\nconst revObserver=new IntersectionObserver(entries=>{\r\n  entries.forEach((e,i)=>{\r\n    if(e.isIntersecting){\r\n      const el=e.target;\r\n      const siblings=Array.from(el.parentNode.children).filter(c=>c.classList.contains('reveal')||c.classList.contains('reveal-left')||c.classList.contains('reveal-right'));\r\n      const idx=siblings.indexOf(el);\r\n      setTimeout(()=>el.classList.add('up'),idx*80);\r\n      revObserver.unobserve(el);\r\n    }\r\n  });\r\n},{threshold:.08,rootMargin:'0px 0px -40px 0px'});\r\nrevealEls.forEach(el=>revObserver.observe(el));\r\n\r\n\/* \u2500\u2500 COUNT-UP \u2500\u2500 *\/\r\nconst counters=document.querySelectorAll('.stat-num[data-count]');\r\nconst countObserver=new IntersectionObserver(entries=>{\r\n  entries.forEach(e=>{\r\n    if(!e.isIntersecting)return;\r\n    const el=e.target;\r\n    const target=+el.dataset.count;\r\n    const suffix=el.parentNode.querySelector('.stat-label').textContent.includes('%')?'+':'+'\r\n    let start=0;const dur=1800;const step=16;\r\n    const inc=target\/(dur\/step);\r\n    const timer=setInterval(()=>{\r\n      start+=inc;if(start>=target){start=target;clearInterval(timer)}\r\n      el.textContent=Math.round(start)+(target===100?'%':'+');\r\n    },step);\r\n    countObserver.unobserve(el);\r\n  });\r\n},{threshold:.5});\r\ncounters.forEach(c=>countObserver.observe(c));\r\n\r\n\/* \u2500\u2500 NAV SCROLL \u2500\u2500 *\/\r\nconst navEl=document.getElementById('nav');\r\nwindow.addEventListener('scroll',()=>{\r\n  navEl.classList.toggle('scrolled',scrollY>50);\r\n});\r\n\r\n\/* \u2500\u2500 SMOOTH SCROLL \u2500\u2500 *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n  a.addEventListener('click',e=>{\r\n    const t=document.querySelector(a.getAttribute('href'));\r\n    if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth',block:'start'})}\r\n  });\r\n});\r\n\r\n\/* \u2500\u2500 HAMBURGER \/ MOBILE MENU \u2500\u2500 *\/\r\nconst ham=document.getElementById('ham');\r\nconst mm=document.getElementById('mobileMenu');\r\nham.addEventListener('click',()=>{\r\n  ham.classList.toggle('open');\r\n  mm.classList.toggle('open');\r\n  document.body.style.overflow=mm.classList.contains('open')?'hidden':'';\r\n});\r\nmm.querySelectorAll('a').forEach(a=>{\r\n  a.addEventListener('click',()=>{\r\n    ham.classList.remove('open');mm.classList.remove('open');\r\n    document.body.style.overflow='';\r\n  });\r\n});\r\n\r\n\/* \u2500\u2500 SERVICE CARD MOUSE GLOW \u2500\u2500 *\/\r\ndocument.querySelectorAll('.svc').forEach(card=>{\r\n  card.addEventListener('mousemove',e=>{\r\n    const r=card.getBoundingClientRect();\r\n    card.style.setProperty('--mx',((e.clientX-r.left)\/r.width*100)+'%');\r\n    card.style.setProperty('--my',((e.clientY-r.top)\/r.height*100)+'%');\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Appluk Pvt Ltd \u2014 Digital Excellence Appluk Services Portfolio Process Why Us Get in Touch \u2197 Services Portfolio Process Why Us Get in Touch \u2197 Now Accepting New Projects We Craft Digital Products That Scale Appluk Pvt Ltd \u2014 your end-to-end digital partner. App development, web solutions, graphic design, ASO, SEO, and every digital service [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/appluk.in\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appluk.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/appluk.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/appluk.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appluk.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":19,"href":"https:\/\/appluk.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/appluk.in\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/appluk.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}