{"id":11,"date":"2026-07-21T21:43:12","date_gmt":"2026-07-21T21:43:12","guid":{"rendered":"https:\/\/hyperdeft.automaterise.com\/?page_id=11"},"modified":"2026-07-21T21:55:41","modified_gmt":"2026-07-21T21:55:41","slug":"home","status":"publish","type":"page","link":"https:\/\/hyperdeft.automaterise.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nHyperdeft | Digital Agency, Colombo Sri Lanka<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend+Deca:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n .hd-page{\n --hd-ink:#000000;\n --hd-paper:#ffffff;\n --hd-green:#1c9866;\n --hd-green-deep:#0e5f40;\n --hd-mist:#f2f8f5;\n --hd-line:rgba(0,0,0,0.12);\n --hd-soft:rgba(0,0,0,0.6);\n --hd-max:1280px;\n --hd-h2: clamp(26px,3.2vw,40px);\n --hd-h3: 19px;\n --hd-body: 15.5px;\n font-family:'Lexend Deca', sans-serif !important;\n background:var(--hd-paper) !important;\n color:var(--hd-ink) !important;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n box-sizing:border-box;\n line-height:1.5 !important;\n }\n .hd-page, .hd-page *{box-sizing:border-box !important;}\n .hd-page .hd-img{max-width:100% !important;display:block !important;width:100%;}\n .hd-page .hd-link{color:inherit !important;text-decoration:none !important;}\n .hd-page .hd-list{list-style:none !important;margin:0 !important;padding:0 !important;}\n .hd-page .hd-btn-reset{font-family:'Lexend Deca', sans-serif !important;border:none;background:none;cursor:pointer;color:inherit;}\n .hd-page .hd-wrap{max-width:var(--hd-max) !important;margin:0 auto !important;padding:0 32px !important;}\n .hd-page .hd-h1, .hd-page .hd-h2, .hd-page .hd-h3, .hd-page .hd-h4{\n font-weight:700 !important;letter-spacing:-0.02em !important;margin:0 !important;color:var(--hd-ink);\n }\n .hd-page .hd-h2{font-size:var(--hd-h2) !important;line-height:1.18 !important;}\n .hd-page .hd-h3{font-size:var(--hd-h3) !important;line-height:1.35 !important;}\n .hd-page .hd-text{line-height:1.85 !important;color:var(--hd-soft) !important;font-weight:300 !important;font-size:var(--hd-body) !important;margin:0;}\n .hd-page .hd-section{padding:110px 0 !important;}\n .hd-page .hd-eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:0.05em !important;color:var(--hd-soft) !important;line-height:1.6 !important;}\n .hd-page .hd-rule{height:1px;background:var(--hd-line);width:100%;margin-top:14px;}\n .hd-page .hd-vcenter{display:flex;align-items:center;}\n\n .hd-page .hd-btn{display:inline-flex !important;align-items:center !important;justify-content:center;gap:10px !important;font-weight:600 !important;font-size:14.5px !important;padding:16px 28px !important;border-radius:100px !important;border:1.5px solid transparent;cursor:pointer;transition:all .25s ease;white-space:nowrap;line-height:1 !important;}\n .hd-page .hd-btn-solid{background:var(--hd-ink);color:#fff !important;}\n .hd-page .hd-btn-solid:hover{background:var(--hd-green);}\n .hd-page .hd-btn-outline{border-color:var(--hd-line);color:var(--hd-ink) !important;}\n .hd-page .hd-btn-outline:hover{border-color:var(--hd-ink);}\n .hd-page .hd-btn-green{background:var(--hd-green);color:#fff !important;}\n .hd-page .hd-btn-green:hover{background:var(--hd-green-deep);}\n .hd-page .hd-btn-arrow{width:16px;height:16px;flex-shrink:0;display:block;}\n\n .hd-page .hd-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}\n .hd-page .hd-reveal.hd-in{opacity:1;transform:translateY(0);}\n @media (prefers-reduced-motion: reduce){.hd-page .hd-reveal{opacity:1 !important;transform:none !important;transition:none !important;}}\n\n .hd-page svg{display:block;flex-shrink:0;}\n\n \/* ============ HEADER: in-flow transparent nav on hero + sticky bar that slides in on scroll ============ *\/\n .hd-page .hd-hero-nav{position:absolute;top:0;left:0;right:0;z-index:5;padding:26px 40px;}\n .hd-page .hd-hero-nav .hd-header-inner{background:transparent;border:none;box-shadow:none;backdrop-filter:none;padding:0;}\n .hd-page .hd-hero-nav .hd-logo img{filter:brightness(0) invert(1);}\n .hd-page .hd-hero-nav .hd-navlinks a{color:rgba(255,255,255,0.88) !important;}\n .hd-page .hd-hero-nav .hd-navlinks a:hover{background:rgba(255,255,255,0.12);}\n .hd-page .hd-hero-nav .hd-cta-top{background:#fff;color:var(--hd-ink) !important;}\n .hd-page .hd-hero-nav .hd-cta-top:hover{background:var(--hd-green);color:#fff !important;}\n .hd-page .hd-hero-nav .hd-burger{background:rgba(255,255,255,0.15);}\n\n .hd-page .hd-sticky-header{\n position:fixed !important;top:0;left:0;right:0;z-index:500;padding:14px;\n transform:translateY(-140%);opacity:0;\n transition:transform .45s cubic-bezier(.4,0,.2,1), opacity .35s ease;\n pointer-events:none;\n }\n .hd-page .hd-sticky-header.hd-show{transform:translateY(0);opacity:1;pointer-events:auto;}\n .hd-page .hd-header-inner{\n max-width:var(--hd-max);margin:0 auto;background:rgba(255,255,255,0.9);backdrop-filter:blur(16px);\n border:1px solid var(--hd-line);border-radius:100px;padding:8px 10px 8px 22px;\n display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 34px rgba(0,0,0,0.1);\n }\n .hd-page .hd-logo{display:flex;align-items:center;gap:10px;}\n .hd-page .hd-logo img{height:42px !important;width:auto !important;transition:filter .3s ease;}\n .hd-page .hd-sticky-header .hd-logo img{filter:brightness(0);}\n .hd-page .hd-navlinks{display:flex;align-items:center;gap:2px;}\n .hd-page .hd-navlinks li{position:relative;list-style:none;}\n .hd-page .hd-navlinks a{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;padding:11px 17px;border-radius:100px;transition:background .2s ease, color .2s ease;color:var(--hd-ink);}\n .hd-page .hd-navlinks a:hover{background:var(--hd-mist);}\n .hd-page .hd-caret{width:8px;height:8px;}\n .hd-page .hd-drop{position:absolute;top:120%;left:0;min-width:240px;background:var(--hd-ink);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s ease;z-index:20;}\n .hd-page .hd-navlinks li:hover .hd-drop{opacity:1;visibility:visible;transform:translateY(0);}\n .hd-page .hd-drop a{color:rgba(255,255,255,0.75) !important;padding:12px 14px;font-size:14px;}\n .hd-page .hd-drop a:hover{background:rgba(255,255,255,0.08);color:var(--hd-green) !important;}\n .hd-page .hd-header-right{display:flex;align-items:center;gap:12px;}\n .hd-page .hd-cta-top{background:var(--hd-ink);color:#fff !important;padding:13px 24px;border-radius:100px;font-size:14px;font-weight:600;transition:background .2s ease;}\n .hd-page .hd-cta-top:hover{background:var(--hd-green);}\n .hd-page .hd-burger{width:48px;height:48px;border-radius:50%;background:var(--hd-ink);display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;flex-shrink:0;}\n .hd-page .hd-burger span{width:18px;height:2px;background:#fff;border-radius:2px;transition:all .25s ease;}\n\n \/* fullscreen mobile menu *\/\n .hd-page .hd-mmenu{position:fixed;inset:0;background:var(--hd-ink);color:#fff !important;z-index:1000;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;clip-path:circle(0% at 92% 6%);transition:clip-path .55s cubic-bezier(.65,0,.35,1);pointer-events:none;}\n .hd-page .hd-mmenu.hd-open{clip-path:circle(150% at 92% 6%);pointer-events:auto;}\n .hd-page .hd-mm-close{position:absolute;top:24px;right:24px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,0.14);display:flex;align-items:center;justify-content:center;color:#fff !important;}\n .hd-page .hd-mm-close svg{width:20px;height:20px;stroke:#ffffff !important;}\n .hd-page .hd-mmenu ul{list-style:none;margin:0;padding:0;}\n .hd-page .hd-mmenu li{margin-bottom:4px;}\n .hd-page .hd-mmenu a, .hd-page .hd-mm-toggle{color:#ffffff !important;font-size:clamp(26px,7.5vw,38px);font-weight:600;padding:10px 0;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(20px);transition:all .5s ease;}\n .hd-page .hd-mmenu.hd-open a, .hd-page .hd-mmenu.hd-open .hd-mm-toggle{opacity:1;transform:translateY(0);}\n .hd-page .hd-mmenu.hd-open li:nth-child(1) a{transition-delay:.06s;}\n .hd-page .hd-mmenu.hd-open li:nth-child(2) a{transition-delay:.12s;}\n .hd-page .hd-mmenu.hd-open li:nth-child(3) .hd-mm-toggle{transition-delay:.18s;}\n .hd-page .hd-mmenu.hd-open li:nth-child(4) a{transition-delay:.24s;}\n .hd-page .hd-mmenu.hd-open li:nth-child(5) a{transition-delay:.3s;}\n .hd-page .hd-mmenu.hd-open li:nth-child(6) a{transition-delay:.36s;}\n .hd-page .hd-mm-sub{max-height:0;overflow:hidden;transition:max-height .35s ease;}\n .hd-page .hd-mm-sub.hd-open{max-height:260px;}\n .hd-page .hd-mm-sub a{color:rgba(255,255,255,0.6) !important;font-size:17px !important;font-weight:400 !important;padding:8px 0;opacity:1 !important;transform:none !important;}\n .hd-page .hd-mm-chev{width:16px;height:16px;stroke:#ffffff !important;transition:transform .3s ease;}\n .hd-page .hd-mm-toggle.hd-open .hd-mm-chev{transform:rotate(180deg);}\n\n \/* ============ HERO (video bg) ============ *\/\n .hd-page .hd-hero-wrap{padding:14px;}\n .hd-page .hd-hero{position:relative;border-radius:26px;overflow:hidden;min-height:780px;display:flex;flex-direction:column;justify-content:flex-end;}\n .hd-page .hd-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}\n .hd-page .hd-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);z-index:1;}\n .hd-page .hd-hero-content{position:relative;z-index:3;padding:0 40px 44px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;}\n .hd-page .hd-hero-title{color:#fff !important;font-size:clamp(34px,5.2vw,60px) !important;margin-bottom:22px !important;line-height:1.12 !important;}\n .hd-page .hd-hero-title em{font-style:italic;font-weight:400;text-decoration:underline;text-decoration-color:var(--hd-green);text-decoration-thickness:2px;text-underline-offset:6px;color:var(--hd-green);}\n .hd-page .hd-hero-desc{color:rgba(255,255,255,0.8) !important;font-size:16px !important;max-width:480px;margin-bottom:22px !important;line-height:1.8 !important;}\n .hd-page .hd-hero-si{color:rgba(255,255,255,0.55) !important;font-size:13.5px !important;margin-top:8px;max-width:480px;line-height:1.7 !important;}\n .hd-page .hd-hero-actions{display:flex;align-items:center;gap:24px;margin-top:24px;}\n .hd-page .hd-learn-link{color:#fff !important;font-size:14.5px;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:4px;}\n .hd-page .hd-scroll-pill{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.12);backdrop-filter:blur(6px);color:#fff !important;padding:12px 10px 12px 20px;border-radius:100px;font-size:13.5px;font-weight:500;border:1px solid rgba(255,255,255,0.2);flex-shrink:0;}\n .hd-page .hd-scroll-pill .hd-dot{width:30px;height:30px;border-radius:50%;background:var(--hd-green);display:flex;align-items:center;justify-content:center;animation:hd-bob 1.6s ease-in-out infinite;}\n .hd-page .hd-scroll-pill .hd-dot svg{width:13px;height:13px;stroke:#fff;}\n @keyframes hd-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(4px);}}\n\n \/* ============ ABOUT ============ *\/\n .hd-page .hd-about-head{display:flex;align-items:center;gap:20px;}\n .hd-page .hd-about-body{display:flex;justify-content:flex-end;margin-top:44px;}\n .hd-page .hd-about-text{max-width:760px;font-size:clamp(19px,2.3vw,26px) !important;color:var(--hd-ink) !important;font-weight:400 !important;line-height:1.6 !important;}\n .hd-page .hd-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:72px;}\n .hd-page .hd-stat-card{border:1px solid var(--hd-line);padding:34px 30px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}\n .hd-page .hd-stat-card:not(:last-child){border-right:none;}\n .hd-page .hd-stat-card::after{content:\"\";position:absolute;top:0;right:0;width:80px;height:80px;background:var(--hd-paper);border-bottom-left-radius:80px;box-shadow:-1px 1px 0 var(--hd-line);}\n .hd-page .hd-stat-card b{font-size:clamp(32px,4vw,48px) !important;position:relative;z-index:2;font-weight:700 !important;}\n .hd-page .hd-stat-card span{font-size:13.5px !important;color:var(--hd-soft) !important;}\n\n \/* ============ SERVICES (image 3) ============ *\/\n .hd-page .hd-svc-head{text-align:center;max-width:620px;margin:0 auto 56px;}\n .hd-page .hd-svc-head .hd-h2{margin-bottom:16px !important;}\n .hd-page .hd-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(190px,auto));gap:20px;\n grid-template-areas:\"a a b b\" \"a a c d\";}\n .hd-page .hd-bento-a{grid-area:a;}\n .hd-page .hd-bento-b{grid-area:b;}\n .hd-page .hd-bento-c{grid-area:c;}\n .hd-page .hd-bento-d{grid-area:d;}\n .hd-page .hd-bento-card{\n border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;\n position:relative;overflow:hidden;border:1px solid var(--hd-line);\n transition:transform .4s cubic-bezier(.2,.8,.3,1), box-shadow .4s ease;\n }\n .hd-page .hd-bento-card:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(0,0,0,0.12);}\n .hd-page .hd-bento-a{background:var(--hd-ink);}\n .hd-page .hd-bento-a .hd-bento-video{\n display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;\n }\n .hd-page .hd-bento-a .hd-bento-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);z-index:1;}\n .hd-page .hd-bento-a .hd-bento-icon, .hd-page .hd-bento-a .hd-bento-body{position:relative;z-index:2;}\n .hd-page .hd-bento-a .hd-h3, .hd-page .hd-bento-a .hd-text{color:#fff !important;}\n .hd-page .hd-bento-a .hd-text{color:rgba(255,255,255,0.75) !important;}\n .hd-page .hd-bento-a .hd-bento-icon{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);}\n .hd-page .hd-bento-a .hd-bento-icon svg{stroke:#fff;}\n .hd-page .hd-bento-b{background:var(--hd-ink);color:#fff !important;}\n .hd-page .hd-bento-b .hd-h3, .hd-page .hd-bento-b .hd-text{color:#fff !important;}\n .hd-page .hd-bento-b .hd-text{color:rgba(255,255,255,0.6) !important;}\n .hd-page .hd-bento-b::after{content:\"\";position:absolute;left:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle, rgba(63,214,150,0.25), transparent 70%);}\n .hd-page .hd-bento-c{background:var(--hd-green);color:#fff !important;}\n .hd-page .hd-bento-c .hd-h3, .hd-page .hd-bento-c .hd-text{color:#fff !important;}\n .hd-page .hd-bento-c .hd-text{color:rgba(255,255,255,0.82) !important;}\n .hd-page .hd-bento-d{background:var(--hd-paper);}\n .hd-page .hd-bento-icon{width:48px;height:48px;border-radius:50%;background:var(--hd-paper);border:1px solid var(--hd-line);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .4s cubic-bezier(.34,1.56,.64,1);}\n .hd-page .hd-bento-card:hover .hd-bento-icon{transform:rotate(-12deg) scale(1.08);}\n .hd-page .hd-bento-b .hd-bento-icon, .hd-page .hd-bento-c .hd-bento-icon{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);}\n .hd-page .hd-bento-icon svg{width:20px;height:20px;stroke:var(--hd-green);}\n .hd-page .hd-bento-b .hd-bento-icon svg, .hd-page .hd-bento-c .hd-bento-icon svg{stroke:#fff;}\n .hd-page .hd-bento-body{position:relative;z-index:2;margin-top:22px;}\n .hd-page .hd-bento-a{justify-content:flex-end;}\n .hd-page .hd-bento-a .hd-bento-icon{width:72px;height:72px;margin-bottom:26px;}\n .hd-page .hd-bento-a .hd-bento-icon svg{width:32px;height:32px;}\n .hd-page .hd-bento-a .hd-bento-body{margin-top:0;}\n .hd-page .hd-bento-a .hd-bento-body .hd-h3{font-size:clamp(30px,3.4vw,44px) !important;margin-bottom:16px !important;}\n .hd-page .hd-bento-a .hd-bento-body .hd-text{font-size:16px !important;max-width:460px;}\n .hd-page .hd-bento-body .hd-h3{margin-bottom:10px !important;}\n .hd-page .hd-svc-footer{text-align:center;margin-top:40px;font-size:15px;color:var(--hd-soft);}\n\n \/* ============ EXPERTISE (image 4) ============ *\/\n .hd-page .hd-expertise{background:var(--hd-mist);}\n .hd-page .hd-exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;background:var(--hd-paper);border:1px solid var(--hd-line);align-items:stretch;}\n .hd-page .hd-exp-left{padding:50px;display:flex;flex-direction:column;}\n .hd-page .hd-exp-pill{display:inline-block;border:1px solid var(--hd-line);border-radius:100px;padding:8px 18px;font-size:13px;font-weight:500;margin-bottom:26px;align-self:flex-start;}\n .hd-page .hd-exp-left .hd-h2{font-size:clamp(24px,2.8vw,32px) !important;margin-bottom:36px !important;max-width:400px;}\n .hd-page .hd-exp-label-row{display:flex;justify-content:space-between;font-size:13px;color:var(--hd-soft);border-bottom:1px solid var(--hd-line);padding-bottom:12px;}\n .hd-page .hd-exp-row{border-bottom:1px solid var(--hd-line);padding:26px 0;cursor:pointer;transition:background .2s ease;}\n .hd-page .hd-exp-row:hover{background:var(--hd-mist);margin:0 -20px;padding:26px 20px;}\n .hd-page .hd-exp-row-top{display:flex;justify-content:space-between;align-items:center;}\n .hd-page .hd-exp-circle{width:42px;height:42px;border-radius:50%;border:1px solid var(--hd-line);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:var(--hd-paper);}\n .hd-page .hd-exp-circle svg{width:15px;height:15px;stroke:var(--hd-ink) !important;transition:transform .2s ease, stroke .2s ease;}\n .hd-page .hd-exp-row:hover .hd-exp-circle{background:var(--hd-ink);border-color:var(--hd-ink);}\n .hd-page .hd-exp-row:hover .hd-exp-circle svg{stroke:#fff !important;transform:rotate(45deg);}\n .hd-page .hd-exp-row.hd-active .hd-exp-circle{background:var(--hd-green);border-color:var(--hd-green);}\n .hd-page .hd-exp-row.hd-active .hd-exp-circle svg{stroke:#fff !important;transform:rotate(45deg);}\n .hd-page .hd-exp-row-body{font-size:14px !important;max-width:340px;margin-top:10px;display:none;line-height:1.8 !important;}\n .hd-page .hd-exp-row.hd-active .hd-exp-row-body{display:block;}\n .hd-page .hd-exp-media{position:relative;aspect-ratio:1\/1;min-height:100%;}\n .hd-page .hd-exp-media .hd-exp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;}\n .hd-page .hd-exp-media .hd-exp-img.hd-visible{opacity:1;}\n .hd-page .hd-exp-caption{position:absolute;left:0;right:0;bottom:0;background:var(--hd-paper);padding:24px 30px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--hd-line);z-index:2;}\n .hd-page .hd-exp-caption b{font-size:14px;flex-shrink:0;}\n .hd-page .hd-exp-caption .hd-text{font-size:13px !important;max-width:280px;}\n\n \/* ============ HOVER CARDS (modernized w\/ bg photos) ============ *\/\n .hd-page .hd-hover-band{background:var(--hd-ink);color:#fff !important;}\n .hd-page .hd-hover-band .hd-eyebrow{color:rgba(255,255,255,0.55) !important;}\n .hd-page .hd-hover-band .hd-h2{color:#fff !important;margin:14px 0 18px !important;}\n .hd-page .hd-hover-top{max-width:680px;margin-bottom:56px;}\n .hd-page .hd-hover-top .hd-text{color:rgba(255,255,255,0.6) !important;margin-bottom:22px !important;}\n .hd-page .hd-link-svc{display:inline-flex;align-items:center;gap:10px;color:#fff !important;font-size:14.5px;font-weight:500;}\n .hd-page .hd-link-svc span{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;}\n .hd-page .hd-hover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}\n .hd-page .hd-hover-card{\n border-radius:22px;padding:0;min-height:380px;position:relative;overflow:hidden;\n border:1px solid rgba(255,255,255,0.14);\n }\n .hd-page .hd-hover-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease;}\n .hd-page .hd-hover-card:hover .hd-hover-bg{transform:scale(1.06);}\n .hd-page .hd-hover-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.85) 75%);transition:background .35s ease;}\n .hd-page .hd-hover-card.hd-expanded .hd-hover-overlay, .hd-page .hd-hover-card:hover .hd-hover-overlay{background:linear-gradient(180deg, rgba(28,152,102,0.25) 0%, rgba(14,95,64,0.92) 75%);}\n .hd-page .hd-hover-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;}\n .hd-page .hd-hc-num{font-size:13px;font-weight:600;color:rgba(255,255,255,0.7) !important;margin-bottom:14px;order:1;}\n .hd-page .hd-hover-inner .hd-h3{color:#fff !important;order:2;margin-bottom:0 !important;}\n .hd-page .hd-hover-inner .hd-text{color:rgba(255,255,255,0.75) !important;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease, opacity .35s ease, margin .35s ease;margin-top:0;order:3;}\n .hd-page .hd-hc-link{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#fff !important;margin-top:0;opacity:0;max-height:0;overflow:hidden;transition:all .35s ease;order:4;}\n .hd-page .hd-hover-card.hd-expanded .hd-hover-inner .hd-text, .hd-page .hd-hover-card:hover .hd-hover-inner .hd-text{max-height:140px;opacity:1;margin-top:14px;}\n .hd-page .hd-hover-card.hd-expanded .hd-hc-link, .hd-page .hd-hover-card:hover .hd-hc-link{opacity:1;max-height:40px;margin-top:16px;}\n\n \/* ============ REVIEWS (marquee) ============ *\/\n .hd-page .hd-reviews-top{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:50px;}\n .hd-page .hd-reviews-top .hd-h2{margin-top:12px !important;}\n .hd-page .hd-fade{color:rgba(0,0,0,0.32) !important;}\n .hd-page .hd-become-btn{display:inline-flex;align-items:center;gap:10px;background:var(--hd-ink);color:#fff !important;padding:14px 10px 14px 22px;border-radius:100px;font-size:14px;font-weight:600;margin-top:22px;transition:background .2s ease;}\n .hd-page .hd-become-btn:hover{background:var(--hd-green);}\n .hd-page .hd-become-btn span{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;}\n .hd-page .hd-become-btn svg{width:12px;height:12px;stroke:#fff;}\n .hd-page .hd-rev-marquee{overflow:hidden;position:relative;}\n .hd-page .hd-rev-marquee::before, .hd-page .hd-rev-marquee::after{content:\"\";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}\n .hd-page .hd-rev-marquee::before{left:0;background:linear-gradient(90deg,#fff,transparent);}\n .hd-page .hd-rev-marquee::after{right:0;background:linear-gradient(270deg,#fff,transparent);}\n .hd-page .hd-rev-track{display:flex;gap:20px;width:max-content;animation:hd-revscroll 36s linear infinite;}\n .hd-page .hd-rev-track:hover{animation-play-state:paused;}\n @keyframes hd-revscroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n .hd-page .hd-rev-card{flex:0 0 320px;background:var(--hd-mist);border-radius:20px;padding:28px;border:1px solid var(--hd-line);}\n .hd-page .hd-rev-card .hd-h4{font-size:16px !important;margin-bottom:12px !important;font-weight:600;}\n .hd-page .hd-rev-card .hd-text{margin-bottom:18px !important;min-height:96px;}\n .hd-page .hd-rev-stars{color:var(--hd-green);font-size:14px;margin-bottom:14px;letter-spacing:2px;}\n .hd-page .hd-rev-badge{display:flex;justify-content:space-between;align-items:center;}\n .hd-page .hd-rev-badge span{font-size:12.5px;font-weight:600;color:var(--hd-soft);}\n .hd-page .hd-rev-badge .hd-tag{background:var(--hd-ink);color:#fff !important;font-size:11px;padding:6px 12px;border-radius:100px;display:flex;align-items:center;gap:5px;}\n .hd-page .hd-rev-badge .hd-tag svg{width:11px;height:11px;stroke:var(--hd-green);}\n\n \/* ============ PROJECTS (image 8) ============ *\/\n .hd-page .hd-proj8-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}\n .hd-page .hd-proj8-cell{border:1px solid var(--hd-line);border-radius:20px;padding:16px;transition:transform .3s ease, box-shadow .3s ease;}\n .hd-page .hd-proj8-cell:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.08);}\n .hd-page .hd-proj8-label{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--hd-soft);letter-spacing:0.04em;padding:14px 6px 2px;}\n .hd-page .hd-proj8-img{border-radius:14px;overflow:hidden;aspect-ratio:16\/11;position:relative;}\n .hd-page .hd-proj8-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}\n\n \/* ============ CONTACT (image 9) ============ *\/\n .hd-page .hd-contact9{background:var(--hd-mist);}\n .hd-page .hd-c9-grid{display:grid;grid-template-columns:11fr 9fr;gap:0;border-radius:26px;overflow:hidden;border:1px solid var(--hd-line);background:var(--hd-paper);align-items:stretch;}\n .hd-page .hd-c9-form{padding:54px;}\n .hd-page .hd-c9-brand{display:flex;align-items:center;gap:10px;margin-bottom:32px;}\n .hd-page .hd-c9-brand img{height:38px !important;}\n .hd-page .hd-c9-form .hd-h2{font-size:clamp(26px,3vw,36px) !important;margin-bottom:32px !important;max-width:420px;line-height:1.25 !important;}\n .hd-page .hd-c9-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}\n .hd-page .hd-c9-field label{font-size:12.5px;font-weight:600;display:block;margin-bottom:8px;}\n .hd-page .hd-c9-field input, .hd-page .hd-c9-field textarea, .hd-page .hd-c9-field select{width:100%;border:1px solid var(--hd-line);border-radius:10px;padding:13px 14px;font-family:inherit;font-size:14px;background:var(--hd-paper);}\n .hd-page .hd-c9-field input:focus, .hd-page .hd-c9-field textarea:focus, .hd-page .hd-c9-field select:focus{outline:none;border-color:var(--hd-green);}\n .hd-page .hd-c9-phone{display:flex;gap:8px;}\n .hd-page .hd-c9-phone select{flex:0 0 84px;}\n .hd-page .hd-c9-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 28px;}\n .hd-page .hd-c9-check{display:flex;align-items:center;gap:10px;font-size:14px;}\n .hd-page .hd-c9-check input{width:16px;height:16px;accent-color:var(--hd-green);}\n .hd-page .hd-c9-email-note{text-align:center;font-size:13px;color:var(--hd-soft);margin-top:20px;}\n .hd-page .hd-c9-email-note a{color:var(--hd-green) !important;font-weight:600;}\n .hd-page .hd-c9-media{position:relative;overflow:hidden;min-height:100%;}\n .hd-page .hd-c9-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}\n .hd-page .hd-c9-tagbubble{position:absolute;top:26px;left:26px;z-index:2;background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);color:#fff !important;padding:12px 18px;border-radius:14px;font-size:13px;}\n .hd-page .hd-c9-tagbubble b{display:block;font-size:13.5px;}\n .hd-page .hd-c9-tagbubble span{font-size:12px;color:rgba(255,255,255,0.7);display:flex;align-items:center;gap:5px;margin-top:4px;}\n .hd-page .hd-c9-quote{position:absolute;left:30px;right:30px;bottom:90px;z-index:2;color:#fff !important;font-size:clamp(15px,1.6vw,19px);font-style:italic;line-height:1.6 !important;}\n .hd-page .hd-c9-footer-tags{position:absolute;left:30px;right:30px;bottom:26px;z-index:2;display:flex;gap:12px;flex-wrap:wrap;}\n .hd-page .hd-c9-footer-tags .hd-ftag{background:rgba(255,255,255,0.16);backdrop-filter:blur(6px);color:#fff !important;border-radius:100px;padding:10px 16px;font-size:12.5px;display:flex;align-items:center;gap:8px;}\n\n \/* ============ FOOTER (image 7) ============ *\/\n .hd-page .hd-footer-wrap{padding:0 14px 14px;}\n .hd-page .hd-footer{background:#0d0d0d;color:rgba(255,255,255,0.6) !important;border-radius:28px;padding:56px;position:relative;overflow:hidden;}\n .hd-page .hd-footer::before{content:\"\";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 15% 15%, black, transparent 60%);}\n .hd-page .hd-footer-top{display:flex;gap:40px;position:relative;z-index:2;flex-wrap:wrap;}\n .hd-page .hd-footer-left{background:rgba(255,255,255,0.04);border-radius:20px;padding:36px;flex:1 1 340px;}\n .hd-page .hd-footer-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:24px;}\n .hd-page .hd-footer-brand-row img{height:38px !important;width:auto !important;filter:brightness(0) invert(1);}\n .hd-page .hd-footer-left .hd-h4{color:#fff !important;font-size:19px !important;margin-bottom:10px !important;font-weight:600 !important;}\n .hd-page .hd-footer-left .hd-text{font-size:13.8px !important;max-width:320px;margin-bottom:22px !important;color:rgba(255,255,255,0.45) !important;}\n .hd-page .hd-subscribe-row{display:flex;border-radius:100px;overflow:hidden;background:rgba(255,255,255,0.06);padding:6px;max-width:340px;}\n .hd-page .hd-subscribe-row input{flex:1;background:transparent;border:none;padding:12px 16px;color:#fff !important;font-family:inherit;font-size:13.5px;}\n .hd-page .hd-subscribe-row input:focus{outline:none;}\n .hd-page .hd-subscribe-row button{background:#fff;color:#000 !important;padding:12px 22px;border-radius:100px;font-weight:600;font-size:13.5px;transition:background .2s ease;}\n .hd-page .hd-subscribe-row button:hover{background:var(--hd-green);color:#fff !important;}\n .hd-page .hd-footer-right{flex:2 1 560px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:rgba(255,255,255,0.04);border-radius:20px;padding:36px;}\n .hd-page .hd-footer-col h4{color:#fff !important;font-size:13px !important;letter-spacing:0.06em;margin-bottom:20px;font-weight:600;}\n .hd-page .hd-footer-col li{margin-bottom:13px;}\n .hd-page .hd-footer-col a{font-size:14px;color:rgba(255,255,255,0.5) !important;transition:color .2s ease;}\n .hd-page .hd-footer-col a:hover{color:var(--hd-green) !important;}\n .hd-page .hd-footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;font-size:13px;color:rgba(255,255,255,0.4) !important;flex-wrap:wrap;gap:14px;position:relative;z-index:2;}\n .hd-page .hd-footer-socials{display:flex;gap:14px;}\n .hd-page .hd-footer-socials svg{width:18px;height:18px;stroke:#fff;}\n .hd-page .hd-footer-policies{display:flex;gap:22px;}\n .hd-page .hd-footer-policies a:hover{color:#fff !important;}\n\n @media (max-width:980px){\n .hd-page .hd-navlinks, .hd-page .hd-cta-top{display:none !important;}\n .hd-page .hd-burger{display:flex !important;}\n .hd-page .hd-hero-content{flex-direction:column;align-items:flex-start;}\n .hd-page .hd-scroll-pill{display:none !important;}\n .hd-page .hd-about-body{justify-content:flex-start;}\n .hd-page .hd-stat-row{grid-template-columns:1fr;}\n .hd-page .hd-stat-card:not(:last-child){border-right:1px solid var(--hd-line);border-bottom:none;}\n .hd-page .hd-bento{grid-template-columns:repeat(2,1fr);grid-template-areas:\"a a\" \"b b\" \"c d\";}\n .hd-page .hd-bento-a .hd-bento-icon{width:48px !important;height:48px !important;margin-bottom:22px !important;}\n .hd-page .hd-bento-a .hd-bento-icon svg{width:20px !important;height:20px !important;}\n .hd-page .hd-bento-a .hd-bento-body .hd-h3{font-size:19px !important;margin-bottom:10px !important;}\n .hd-page .hd-bento-a .hd-bento-body .hd-text{font-size:var(--hd-body) !important;max-width:none;}\n .hd-page .hd-bento-a{justify-content:space-between;}\n .hd-page .hd-exp-grid{grid-template-columns:1fr;}\n .hd-page .hd-exp-media{aspect-ratio:16\/10;}\n .hd-page .hd-hover-grid{grid-template-columns:1fr;}\n .hd-page .hd-proj8-grid{grid-template-columns:1fr;}\n .hd-page .hd-c9-grid{grid-template-columns:1fr;}\n .hd-page .hd-c9-media{min-height:340px;}\n .hd-page .hd-footer-right{grid-template-columns:1fr 1fr;}\n }\n @media (max-width:600px){\n .hd-page .hd-wrap{padding:0 20px !important;}\n .hd-page .hd-section{padding:70px 0 !important;}\n .hd-page .hd-bento{grid-template-columns:1fr;grid-template-areas:\"a\" \"b\" \"c\" \"d\";}\n .hd-page .hd-c9-row, .hd-page .hd-c9-checks{grid-template-columns:1fr;}\n .hd-page .hd-footer-right{grid-template-columns:1fr;}\n .hd-page .hd-exp-left{padding:32px;}\n .hd-page .hd-exp-caption{flex-direction:column;gap:8px;}\n .hd-page .hd-hero{min-height:640px;}\n .hd-page .hd-header{padding:10px;}\n .hd-page .hd-header-inner{padding:6px 6px 6px 18px;}\n .hd-page .hd-logo img{height:34px !important;}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0;\">\n<div class=\"hd-page\">\n\n <!-- sticky header: hidden until user scrolls past hero, then slides down smoothly -->\n <header class=\"hd-sticky-header\" id=\"hdStickyHeader\">\n <div class=\"hd-header-inner\">\n <a href=\"#hd-top\" class=\"hd-logo hd-link\">\n <img decoding=\"async\" class=\"hd-img\" src=\"https:\/\/hyperdeft.com.au\/wp-content\/uploads\/2025\/07\/cropped-cropped-HD-tag-08-e1683967758933-1024x405-removebg-preview-1.png\" alt=\"Hyperdeft\">\n <\/a>\n <ul class=\"hd-navlinks hd-list\">\n <li><a class=\"hd-link\" href=\"#hd-top\">Home<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-about\">About Us<\/a><\/li>\n <li>\n <a class=\"hd-link\" href=\"#hd-services\">Services\n <svg class=\"hd-caret\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 4l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <\/a>\n <div class=\"hd-drop\">\n <a class=\"hd-link\" href=\"#hd-services\">Web Development Services<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Search Engine Optimization (SEO)<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Search Engine Marketing (SEM)<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Social Media Marketing<\/a>\n <\/div>\n <\/li>\n <li><a class=\"hd-link\" href=\"#hd-projects\">Portfolio<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-blog\">Blog<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-contact\">Contact Us<\/a><\/li>\n <\/ul>\n <div class=\"hd-header-right\">\n <a href=\"#hd-contact\" class=\"hd-cta-top hd-link\">Let's Get Started<\/a>\n <div class=\"hd-burger hd-btn-reset\" id=\"hdBurgerSticky\"><span><\/span><span><\/span><span><\/span><\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <nav class=\"hd-mmenu\" id=\"hdMobileMenu\">\n <div class=\"hd-mm-close hd-btn-reset\" id=\"hdMmClose\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <ul class=\"hd-list\">\n <li><a class=\"hd-link\" href=\"#hd-top\">Home<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-about\">About Us<\/a><\/li>\n <li>\n <div class=\"hd-mm-toggle hd-btn-reset\" id=\"hdMmServicesToggle\">Services\n <svg class=\"hd-mm-chev\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <div class=\"hd-mm-sub\" id=\"hdMmSub\">\n <a class=\"hd-link\" href=\"#hd-services\">Web Development Services<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Search Engine Optimization (SEO)<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Search Engine Marketing (SEM)<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Social Media Marketing<\/a>\n <\/div>\n <\/li>\n <li><a class=\"hd-link\" href=\"#hd-projects\">Portfolio<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-blog\">Blog<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-contact\">Contact Us<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <div class=\"hd-hero-wrap\" id=\"hd-top\">\n <div class=\"hd-hero\">\n <video class=\"hd-hero-media\" autoplay muted loop playsinline poster=\"https:\/\/images.unsplash.com\/photo-1758873268745-dd2cf0d677b5?fm=jpg&q=80&w=1600&auto=format&fit=crop\">\n <source src=\"https:\/\/www.pexels.com\/download\/video\/6558324\/\" type=\"video\/mp4\">\n <\/video>\n <div class=\"hd-hero-overlay\"><\/div>\n\n <nav class=\"hd-hero-nav\">\n <div class=\"hd-header-inner\">\n <a href=\"#hd-top\" class=\"hd-logo hd-link\">\n <img decoding=\"async\" class=\"hd-img\" src=\"https:\/\/hyperdeft.com.au\/wp-content\/uploads\/2025\/07\/cropped-cropped-HD-tag-08-e1683967758933-1024x405-removebg-preview-1.png\" alt=\"Hyperdeft\">\n <\/a>\n <ul class=\"hd-navlinks hd-list\">\n <li><a class=\"hd-link\" href=\"#hd-top\">Home<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-about\">About Us<\/a><\/li>\n <li>\n <a class=\"hd-link\" href=\"#hd-services\">Services\n <svg class=\"hd-caret\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 4l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n <\/a>\n <div class=\"hd-drop\">\n <a class=\"hd-link\" href=\"#hd-services\">Web Development Services<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Search Engine Optimization (SEO)<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Search Engine Marketing (SEM)<\/a>\n <a class=\"hd-link\" href=\"#hd-services\">Social Media Marketing<\/a>\n <\/div>\n <\/li>\n <li><a class=\"hd-link\" href=\"#hd-projects\">Portfolio<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-blog\">Blog<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-contact\">Contact Us<\/a><\/li>\n <\/ul>\n <div class=\"hd-header-right\">\n <a href=\"#hd-contact\" class=\"hd-cta-top hd-link\">Let's Get Started<\/a>\n <div class=\"hd-burger hd-btn-reset\" id=\"hdBurgerHero\"><span><\/span><span><\/span><span><\/span><\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n <div class=\"hd-hero-content\">\n <div>\n <h1 class=\"hd-hero-title hd-reveal\">Modern <em>Websites.<\/em><br>Smart <em>Branding.<\/em><br>Made for <em>Sri Lanka.<\/em><\/h1>\n <p class=\"hd-hero-desc hd-reveal\">Whether you need a modern look, better online visibility, or a way to stand out, we've got you covered. Simple, effective, and designed to grow your business.<\/p>\n <div class=\"hd-hero-si hd-reveal\">\u0d85\u0db4\u0dd2 \u0dc0\u0dd9\u0db6\u0dca \u0d85\u0da9\u0dc0\u0dd2 \u0db1\u0dd2\u0dbb\u0dca\u0db8\u0dcf\u0dab\u0dba \u0d9a\u0dbb\u0db8\u0dd4. \u0dc3\u0dcf\u0dbb\u0dca\u0dae\u0d9a\u0dad\u0dca\u0dc0\u0dba\u0da7 \u0db4\u0dd2\u0dba\u0dc0\u0dbb \u0d9c\u0db8\u0dd4.<\/div>\n <div class=\"hd-hero-actions hd-reveal\">\n <a href=\"#hd-contact\" class=\"hd-btn hd-btn-green hd-link\">Let's Get Started<\/a>\n <a href=\"#hd-about\" class=\"hd-learn-link hd-link\">Learn More<\/a>\n <\/div>\n <\/div>\n <div class=\"hd-scroll-pill hd-reveal\">\n Scroll Down\n <span class=\"hd-dot\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12l7 7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- ABOUT -->\n <section class=\"hd-section\" id=\"hd-about\">\n <div class=\"hd-wrap\">\n <div class=\"hd-about-head hd-reveal\">\n <span class=\"hd-eyebrow\">About Us<\/span>\n <div class=\"hd-rule\" style=\"flex:1;\"><\/div>\n <\/div>\n <div class=\"hd-about-body hd-reveal\">\n <p class=\"hd-about-text\">We combine creative design, smart marketing strategies, and a deep understanding of Sri Lankan business to help your brand stand out. With years of experience and a passion for innovation, we deliver results that matter, whether it's building a modern website, creating a strong brand, or boosting your online presence.<\/p>\n <\/div>\n <div class=\"hd-stat-row hd-reveal\">\n <div class=\"hd-stat-card\"><b>50+<\/b><span>Businesses Served<\/span><\/div>\n <div class=\"hd-stat-card\"><b>15,000+<\/b><span>Leads Generated<\/span><\/div>\n <div class=\"hd-stat-card\"><b>5+<\/b><span>Years of Experience<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SERVICES -->\n <section class=\"hd-section\" id=\"hd-services\">\n <div class=\"hd-wrap\">\n <div class=\"hd-svc-head hd-reveal\">\n <h2 class=\"hd-h2\">Smart Digital Solutions That Drive Results<\/h2>\n <p class=\"hd-text\">We offer tailored digital services that blend strategy, creativity, and performance. From custom websites to SEO and hosting, our solutions are built to grow your business online with confidence.<\/p>\n <\/div>\n <div class=\"hd-bento hd-reveal\">\n <div class=\"hd-bento-card hd-bento-a\">\n <video class=\"hd-bento-video\" autoplay muted loop playsinline poster=\"https:\/\/images.unsplash.com\/photo-1752223638233-4c9545333f89?fm=jpg&q=70&w=900&auto=format&fit=crop\">\n <source src=\"https:\/\/www.pexels.com\/download\/video\/7308103\/\" type=\"video\/mp4\">\n <\/video>\n <div class=\"hd-bento-overlay\"><\/div>\n <div class=\"hd-bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><path d=\"M3 9h18M8 21h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <div class=\"hd-bento-body\">\n <h3 class=\"hd-h3\">Web Development Services<\/h3>\n <p class=\"hd-text\">A successful website is built without errors, and with the best user experience (UX) and user interface (UI) in mind. Every site we ship is fast, responsive, and world-class from the first click.<\/p>\n <\/div>\n <\/div>\n <div class=\"hd-bento-card hd-bento-b\">\n <div class=\"hd-bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><path d=\"M21 21l-4.3-4.3\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\n <div class=\"hd-bento-body\">\n <h3 class=\"hd-h3\">Search Engine Optimization<\/h3>\n <p class=\"hd-text\">Human-first content that ranks with Google's latest updates, backed by proven SERP practices.<\/p>\n <\/div>\n <\/div>\n <div class=\"hd-bento-card hd-bento-c\">\n <div class=\"hd-bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 17l6-6 4 4 8-8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M15 7h6v6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <div class=\"hd-bento-body\">\n <h3 class=\"hd-h3\">Search Engine Marketing<\/h3>\n <p class=\"hd-text\">Targeted ads with smart bidding, tracked for maximum ROI.<\/p>\n <\/div>\n <\/div>\n <div class=\"hd-bento-card hd-bento-d\">\n <div class=\"hd-bento-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l2.5 5.5L20 9l-4 4 1 6-5-3-5 3 1-6-4-4 5.5-.5L12 3Z\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <div class=\"hd-bento-body\">\n <h3 class=\"hd-h3\">Social Media Marketing<\/h3>\n <p class=\"hd-text\">Content and campaigns across Facebook, Instagram, and LinkedIn that build real presence.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hd-svc-footer hd-reveal\">Let's make something great work together. <a href=\"https:\/\/wa.me\/94772994049\" class=\"hd-link\" style=\"color:var(--hd-green);font-weight:600;\">Get Free Quote<\/a><\/div>\n <\/div>\n <\/section>\n\n\n <!-- EXPERTISE -->\n <section class=\"hd-section hd-expertise\">\n <div class=\"hd-wrap\">\n <div class=\"hd-exp-grid hd-reveal\">\n <div class=\"hd-exp-left\">\n <span class=\"hd-exp-pill\">Expertise<\/span>\n <h2 class=\"hd-h2\">Deliver an exceptional user experience and growth strategy.<\/h2>\n <div class=\"hd-exp-label-row\"><span>Our services:<\/span><span>(02)<\/span><\/div>\n <div id=\"hdExpList\">\n <div class=\"hd-exp-row hd-active\" data-img=\"0\">\n <div class=\"hd-exp-row-top\">\n <h3 class=\"hd-h3\">SEO expertise<\/h3>\n <div class=\"hd-exp-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H9M17 7v8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <\/div>\n <div class=\"hd-exp-row-body\">Focused on driving organic growth by improving your website's visibility and ranking on Google and other major search engines.<\/div>\n <\/div>\n <div class=\"hd-exp-row\" data-img=\"1\">\n <div class=\"hd-exp-row-top\">\n <h3 class=\"hd-h3\">UI\/UX expertise<\/h3>\n <div class=\"hd-exp-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H9M17 7v8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n <\/div>\n <div class=\"hd-exp-row-body\">Dedicated to crafting digital experiences that are visually appealing, intuitive, and genuinely user-friendly.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hd-exp-media\">\n <img decoding=\"async\" class=\"hd-exp-img hd-visible\" data-idx=\"0\" src=\"https:\/\/images.unsplash.com\/photo-1752223638233-4c9545333f89?fm=jpg&q=75&w=1200&auto=format&fit=crop\" alt=\"SEO expertise\">\n <img decoding=\"async\" class=\"hd-exp-img\" data-idx=\"1\" src=\"https:\/\/images.unsplash.com\/photo-1758873268745-dd2cf0d677b5?fm=jpg&q=75&w=1200&auto=format&fit=crop\" alt=\"UI\/UX expertise\">\n <div class=\"hd-exp-caption\">\n <b>Content strategy<\/b>\n <p class=\"hd-text\">Developing keyword-focused content that resonates with both your audience and search engines.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- HOW HYPERDEFT HELPS (modernized hover cards) -->\n <section class=\"hd-section hd-hover-band\">\n <div class=\"hd-wrap\">\n <div class=\"hd-hover-top hd-reveal\">\n <span class=\"hd-eyebrow\">How Hyperdeft Helps<\/span>\n <h2 class=\"hd-h2\">A clear path from first click to first customer.<\/h2>\n <p class=\"hd-text\">With a strong foundation in web design and SEO, our team solves the common challenges Sri Lankan businesses face online, from getting found on Google to converting visitors into customers.<\/p>\n <a href=\"#hd-services\" class=\"hd-link-svc hd-link\"><span><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span>Services<\/a>\n <\/div>\n <div class=\"hd-hover-grid hd-reveal\" id=\"hdHoverGrid\">\n <div class=\"hd-hover-card hd-expanded\">\n <div class=\"hd-hover-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1752223638233-4c9545333f89?fm=jpg&q=70&w=900&auto=format&fit=crop');\"><\/div>\n <div class=\"hd-hover-overlay\"><\/div>\n <div class=\"hd-hover-inner\">\n <span class=\"hd-hc-num\">\/ 01<\/span>\n <h3 class=\"hd-h3\">Discover & Audit<\/h3>\n <p class=\"hd-text\">We review your current site, competitors, and search visibility to find exactly where the opportunity is.<\/p>\n <a href=\"#hd-contact\" class=\"hd-hc-link hd-link\">Learn more\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hd-hover-card\">\n <div class=\"hd-hover-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1758873268745-dd2cf0d677b5?fm=jpg&q=70&w=900&auto=format&fit=crop');\"><\/div>\n <div class=\"hd-hover-overlay\"><\/div>\n <div class=\"hd-hover-inner\">\n <span class=\"hd-hc-num\">\/ 02<\/span>\n <h3 class=\"hd-h3\">Design & Build<\/h3>\n <p class=\"hd-text\">Clean, fast websites built around your customers, with SEO and mobile performance in mind from day one.<\/p>\n <a href=\"#hd-contact\" class=\"hd-hc-link hd-link\">Learn more\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hd-hover-card\">\n <div class=\"hd-hover-bg\" style=\"background-image:url('https:\/\/hyperdeft.com.au\/wp-content\/uploads\/2024\/11\/hero-bg-2.jpg');\"><\/div>\n <div class=\"hd-hover-overlay\"><\/div>\n <div class=\"hd-hover-inner\">\n <span class=\"hd-hc-num\">\/ 03<\/span>\n <h3 class=\"hd-h3\">Launch & Grow<\/h3>\n <p class=\"hd-text\">We ship with care, then keep measuring and refining so your results keep compounding over time.<\/p>\n <a href=\"#hd-contact\" class=\"hd-hc-link hd-link\">Learn more\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- REVIEWS -->\n <section class=\"hd-section\">\n <div class=\"hd-wrap\">\n <div class=\"hd-reviews-top hd-reveal\">\n <div style=\"max-width:660px;\">\n <span class=\"hd-eyebrow\">Reviews<\/span>\n <h2 class=\"hd-h2\">Feedback from our clients whom we helped to <span class=\"hd-fade\">realize their brilliant ideas<\/span><\/h2>\n <a href=\"#hd-contact\" class=\"hd-become-btn hd-link\">become a client\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H9M17 7v8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hd-rev-marquee hd-reveal\">\n <div class=\"hd-rev-track\">\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Website Redesign<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">Hyperdeft redesigned my site from the ground up, and I saw a clear boost in traffic and inquiries. Their SEO strategy actually works.<\/p>\n <div class=\"hd-rev-badge\"><span>Sarah Mitchell<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Hosting & Support<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">From planning to launch, the whole process was smooth. The hosting is fast and secure, and their support is always there.<\/p>\n <div class=\"hd-rev-badge\"><span>Sarah Mitchell<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Branding & UX<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">I was impressed with their approach to branding and UX. They truly understood my vision and turned it into a user-friendly website.<\/p>\n <div class=\"hd-rev-badge\"><span>Sarah Mitchell<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Website Design<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">Amazing experience working with Hyperdeft. Professional, creative, and attentive to detail, with quick updates whenever needed.<\/p>\n <div class=\"hd-rev-badge\"><span>The Spicy Island<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Web Development<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">Excellent communication from the beginning and even after handover. They took the time to educate us on how the website works.<\/p>\n <div class=\"hd-rev-badge\"><span>Asanka ASP<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Website Redesign<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">Hyperdeft redesigned my site from the ground up, and I saw a clear boost in traffic and inquiries. Their SEO strategy actually works.<\/p>\n <div class=\"hd-rev-badge\"><span>Sarah Mitchell<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Hosting & Support<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">From planning to launch, the whole process was smooth. The hosting is fast and secure, and their support is always there.<\/p>\n <div class=\"hd-rev-badge\"><span>Sarah Mitchell<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Branding & UX<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">I was impressed with their approach to branding and UX. They truly understood my vision and turned it into a user-friendly website.<\/p>\n <div class=\"hd-rev-badge\"><span>Sarah Mitchell<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Website Design<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">Amazing experience working with Hyperdeft. Professional, creative, and attentive to detail, with quick updates whenever needed.<\/p>\n <div class=\"hd-rev-badge\"><span>The Spicy Island<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <div class=\"hd-rev-card\">\n <h4 class=\"hd-h4\">Web Development<\/h4>\n <div class=\"hd-rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"hd-text\">Excellent communication from the beginning and even after handover. They took the time to educate us on how the website works.<\/p>\n <div class=\"hd-rev-badge\"><span>Asanka ASP<\/span><span class=\"hd-tag\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Verified<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- PROJECTS -->\n <section class=\"hd-section\" id=\"hd-projects\">\n <div class=\"hd-wrap\">\n <div class=\"hd-reveal\" style=\"max-width:660px;margin-bottom:24px;\">\n <span class=\"hd-eyebrow\">Projects<\/span>\n <h2 class=\"hd-h2\" style=\"margin-top:10px !important;\">Real work, built for real Sri Lankan businesses.<\/h2>\n <\/div>\n <div class=\"hd-proj8-grid hd-reveal\">\n <div class=\"hd-proj8-cell\">\n <div class=\"hd-proj8-img\"><img decoding=\"async\" class=\"hd-img\" src=\"https:\/\/hyperdeft.com.au\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-18-173355.png\" alt=\"Serene Ayurveda\"><\/div>\n <div class=\"hd-proj8-label\"><span>01 \u2014 SERENE AYURVEDA<\/span><span>2026<\/span><\/div>\n <\/div>\n <div class=\"hd-proj8-cell\">\n <div class=\"hd-proj8-img\"><img decoding=\"async\" class=\"hd-img\" src=\"https:\/\/hyperdeft.com.au\/wp-content\/uploads\/2025\/08\/Untitled-design-92.png\" alt=\"Ceylon Estates\"><\/div>\n <div class=\"hd-proj8-label\"><span>02 \u2014 CEYLON ESTATES<\/span><span>2025<\/span><\/div>\n <\/div>\n <div class=\"hd-proj8-cell\">\n <div class=\"hd-proj8-img\"><img decoding=\"async\" class=\"hd-img\" src=\"https:\/\/hyperdeft.com.au\/wp-content\/uploads\/2025\/08\/Untitled-design-91.png\" alt=\"Batik House\"><\/div>\n <div class=\"hd-proj8-label\"><span>03 \u2014 BATIK HOUSE<\/span><span>2025<\/span><\/div>\n <\/div>\n <div class=\"hd-proj8-cell\">\n <div class=\"hd-proj8-img\"><img decoding=\"async\" class=\"hd-img\" src=\"https:\/\/hyperdeft.com.au\/wp-content\/uploads\/2025\/08\/Untitled-design-90.png\" alt=\"Skyline Builders\"><\/div>\n <div class=\"hd-proj8-label\"><span>04 \u2014 SKYLINE BUILDERS<\/span><span>2024<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CONTACT -->\n <section class=\"hd-section hd-contact9\" id=\"hd-contact\">\n <div class=\"hd-wrap\">\n <div class=\"hd-c9-grid hd-reveal\">\n <div class=\"hd-c9-form\">\n <h2 class=\"hd-h2\">Tell us about your project and get matched with the right plan<\/h2>\n <form onsubmit=\"return false;\">\n <div class=\"hd-c9-row\">\n <div class=\"hd-c9-field\"><label>Full name<\/label><input type=\"text\" placeholder=\"First name\"><\/div>\n <div class=\"hd-c9-field\"><label>Last name<\/label><input type=\"text\" placeholder=\"Last name\"><\/div>\n <\/div>\n <div class=\"hd-c9-row\" style=\"grid-template-columns:1fr;\">\n <div class=\"hd-c9-field\"><label>Email<\/label><input type=\"email\" placeholder=\"Your email address\"><\/div>\n <\/div>\n <div class=\"hd-c9-row\" style=\"grid-template-columns:1fr;\">\n <div class=\"hd-c9-field\">\n <label>Phone number<\/label>\n <div class=\"hd-c9-phone\">\n <select><option>LK +94<\/option><\/select>\n <input type=\"tel\" placeholder=\"7X XXX XXXX\" style=\"flex:1;\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hd-c9-row\" style=\"grid-template-columns:1fr;\">\n <div class=\"hd-c9-field\"><label>Comments<\/label><textarea rows=\"3\" placeholder=\"Additional details like what you need help with, expected timelines, preferred contact method, etc.\"><\/textarea><\/div>\n <\/div>\n <label style=\"font-size:12.5px;font-weight:600;display:block;margin-bottom:4px;\">Services<\/label>\n <div class=\"hd-c9-checks\">\n <label class=\"hd-c9-check\"><input type=\"checkbox\">Website design<\/label>\n <label class=\"hd-c9-check\"><input type=\"checkbox\">Content creation<\/label>\n <label class=\"hd-c9-check\"><input type=\"checkbox\">UI\/UX design<\/label>\n <label class=\"hd-c9-check\"><input type=\"checkbox\">Strategy & research<\/label>\n <label class=\"hd-c9-check\"><input type=\"checkbox\">SEO & marketing<\/label>\n <label class=\"hd-c9-check\"><input type=\"checkbox\">Other<\/label>\n <\/div>\n <button type=\"submit\" class=\"hd-btn hd-btn-solid\" style=\"width:100%;\">Get Matched<\/button>\n <div class=\"hd-c9-email-note\">Prefer email? <a class=\"hd-link\" href=\"mailto:hello@hyperdeft.lk\">hello@hyperdeft.lk<\/a><\/div>\n <\/form>\n <\/div>\n <div class=\"hd-c9-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1758873268745-dd2cf0d677b5?fm=jpg&q=80&w=1400&auto=format&fit=crop\" alt=\"Hyperdeft studio Colombo\">\n <div class=\"hd-c9-tagbubble\">\n <b>Hyperdeft Studio<\/b>\n <span>● Colombo, Sri Lanka<\/span>\n <\/div>\n <div class=\"hd-c9-quote\">Access our island-wide client network, from Colombo to Kandy, and let's build something that grows your business.<\/div>\n <div class=\"hd-c9-footer-tags\">\n <span class=\"hd-ftag\">Serving businesses across Sri Lanka<\/span>\n <span class=\"hd-ftag\">Free consultation, no obligation<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FOOTER -->\n <div class=\"hd-footer-wrap\">\n <footer class=\"hd-footer\">\n <div class=\"hd-footer-top\">\n <div class=\"hd-footer-left\">\n <div class=\"hd-footer-brand-row\">\n <img decoding=\"async\" class=\"hd-img\" src=\"https:\/\/hyperdeft.com.au\/wp-content\/uploads\/2025\/07\/cropped-cropped-HD-tag-08-e1683967758933-1024x405-removebg-preview-1.png\" alt=\"Hyperdeft\">\n <\/div>\n <h4 class=\"hd-h4\">Stay Ahead with Hyperdeft Insights<\/h4>\n <p class=\"hd-text\">Be the first to know about new services, launch offers, and everything happening at Hyperdeft.<\/p>\n <form class=\"hd-subscribe-row\" onsubmit=\"return false;\">\n <input type=\"email\" placeholder=\"Enter Your Email\">\n <button type=\"submit\">Subscribe<\/button>\n <\/form>\n <\/div>\n <div class=\"hd-footer-right\">\n <div class=\"hd-footer-col\">\n <h4>Quick Links<\/h4>\n <ul class=\"hd-list\">\n <li><a class=\"hd-link\" href=\"#hd-top\">Home<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-about\">About Us<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-services\">Services<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-projects\">Portfolio<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"hd-footer-col\">\n <h4>Services<\/h4>\n <ul class=\"hd-list\">\n <li><a class=\"hd-link\" href=\"#hd-services\">Web Design<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-services\">SEO & SEA<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-services\">Branding<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-services\">Maintenance<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"hd-footer-col\">\n <h4>Support<\/h4>\n <ul class=\"hd-list\">\n <li><a class=\"hd-link\" href=\"#hd-contact\">FAQs<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#hd-contact\">Contact Us<\/a><\/li>\n <li><a class=\"hd-link\" href=\"tel:+94772994049\">077 299 4049<\/a><\/li>\n <li><a class=\"hd-link\" href=\"mailto:hello@hyperdeft.lk\">hello@hyperdeft.lk<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"hd-footer-col\">\n <h4>Legal<\/h4>\n <ul class=\"hd-list\">\n <li><a class=\"hd-link\" href=\"#\">Privacy Policy<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#\">Terms of Service<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#\">Cookies Policy<\/a><\/li>\n <li><a class=\"hd-link\" href=\"#\">Refund Policy<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hd-footer-bottom\">\n <span>Copyright 2026, Hyperdeft Digital Solutions (Pvt) Ltd. All Rights Reserved. · \u0d9a\u0ddc\u0dc5\u0db9, \u0dc1\u0dca\u200d\u0dbb\u0dd3 \u0dbd\u0d82\u0d9a\u0dcf\u0dc0<\/span>\n <div class=\"hd-footer-socials\">\n <a class=\"hd-link\" href=\"https:\/\/www.facebook.com\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 8h2V5h-2c-2.2 0-4 1.8-4 4v2H9v3h2v7h3v-7h2.5l.5-3H14v-2c0-.6.4-1 1-1Z\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><\/svg><\/a>\n <a class=\"hd-link\" href=\"https:\/\/www.instagram.com\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><\/svg><\/a>\n <a class=\"hd-link\" href=\"https:\/\/www.linkedin.com\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M7 10v7M7 7v.01M11 17v-4.5c0-1.4 1-2.5 2.5-2.5S16 11 16 12.5V17\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg><\/a>\n <\/div>\n <div class=\"hd-footer-policies\">\n <a class=\"hd-link\" href=\"#\">Privacy Policy<\/a>\n <a class=\"hd-link\" href=\"#\">Terms of Service<\/a>\n <\/div>\n <\/div>\n <\/footer>\n <\/div>\n\n<\/div>\n\n<script>\n (function(){\n var mmenu = document.getElementById('hdMobileMenu');\n var mmClose = document.getElementById('hdMmClose');\n var burgerHero = document.getElementById('hdBurgerHero');\n var burgerSticky = document.getElementById('hdBurgerSticky');\n function openMenu(){ mmenu.classList.add('hd-open'); }\n if (burgerHero) burgerHero.addEventListener('click', openMenu);\n if (burgerSticky) burgerSticky.addEventListener('click', openMenu);\n mmClose.addEventListener('click', function(){ mmenu.classList.remove('hd-open'); });\n\n \/* sticky header: slides in smoothly once scrolled past the hero *\/\n var stickyHeader = document.getElementById('hdStickyHeader');\n var heroWrap = document.querySelector('.hd-hero-wrap');\n function updateSticky(){\n var threshold = heroWrap ? heroWrap.offsetHeight - 80 : 400;\n if (window.scrollY > threshold) {\n stickyHeader.classList.add('hd-show');\n } else {\n stickyHeader.classList.remove('hd-show');\n }\n }\n window.addEventListener('scroll', updateSticky, { passive: true });\n updateSticky();\n mmenu.querySelectorAll('a').forEach(function(a){ a.addEventListener('click', function(){ mmenu.classList.remove('hd-open'); }); });\n\n var svcToggle = document.getElementById('hdMmServicesToggle');\n var svcSub = document.getElementById('hdMmSub');\n svcToggle.addEventListener('click', function(){\n svcToggle.classList.toggle('hd-open');\n svcSub.classList.toggle('hd-open');\n });\n\n var revealEls = document.querySelectorAll('.hd-reveal');\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){ if (e.isIntersecting) { e.target.classList.add('hd-in'); io.unobserve(e.target); } });\n }, { threshold: 0.1 });\n revealEls.forEach(function(el){ io.observe(el); });\n\n var expRows = document.querySelectorAll('.hd-exp-row');\n var expImgs = document.querySelectorAll('.hd-exp-img');\n expRows.forEach(function(row){\n row.addEventListener('click', function(){\n expRows.forEach(function(r){ r.classList.remove('hd-active'); });\n row.classList.add('hd-active');\n var idx = row.getAttribute('data-img');\n expImgs.forEach(function(img){\n img.classList.toggle('hd-visible', img.getAttribute('data-idx') === idx);\n });\n });\n });\n\n var hoverCards = document.querySelectorAll('.hd-hover-card');\n var hoverGrid = document.getElementById('hdHoverGrid');\n hoverCards.forEach(function(card){\n card.addEventListener('mouseenter', function(){\n hoverCards.forEach(function(c){ c.classList.remove('hd-expanded'); });\n });\n });\n hoverGrid.addEventListener('mouseleave', function(){\n hoverCards.forEach(function(c){ c.classList.remove('hd-expanded'); });\n hoverCards[0].classList.add('hd-expanded');\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\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>Hyperdeft | Digital Agency, Colombo Sri Lanka Home About Us Services Web Development Services Search Engine Optimization (SEO) Search Engine Marketing (SEM) Social Media Marketing Portfolio Blog Contact Us Let’s Get Started Home About Us Services Web Development Services Search Engine Optimization (SEO) Search Engine Marketing (SEM) Social Media Marketing Portfolio Blog Contact Us Home […]<\/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:\/\/hyperdeft.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyperdeft.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hyperdeft.automaterise.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hyperdeft.automaterise.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperdeft.automaterise.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":4,"href":"https:\/\/hyperdeft.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/hyperdeft.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/hyperdeft.automaterise.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}