Services \u2014 AI Automation & Digital Marketing | Hasan Abrar<\/title>\r\n<meta name=\"description\" content=\"Digital marketing services (ads, tracking, SEO, creative, web) and a separate AI automation stack (chatbots, inbox automation, AI agents, voice agents, business automation) from Hasan Abrar.\">\r\n<link rel=\"icon\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%230B3B2E'\/%3E%3Ccircle cx='16' cy='16' r='6' fill='%232FE1AE'\/%3E%3C\/svg%3E\">\r\n<style>\r\n\/* =========================================================\r\n Hasan Abrar \u2014 Personal Portfolio\r\n Design tokens: deep forest green + mint + brass\r\n Type: Space Grotesk (display) \/ IBM Plex Sans (body)\r\n ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=Hind+Siliguri:wght@500;600&display=swap');\r\n\r\n:root{\r\n --forest: #0B3B2E;\r\n --forest-deep: #06251C;\r\n --forest-line: #163F32;\r\n --mint: #2FE1AE;\r\n --mint-dim: #1FAE87;\r\n --brass: #C9A227;\r\n --brass-deep: #9C7C1C;\r\n --paper: #F5F7F1;\r\n --paper-alt: #EAEDE4;\r\n --ink: #121810;\r\n --ink-soft: #4B564C;\r\n --line: rgba(18,24,16,0.13);\r\n --line-invert: rgba(245,247,241,0.16);\r\n\r\n --font-display: 'Space Grotesk', 'Hind Siliguri', sans-serif;\r\n --font-body: 'IBM Plex Sans', 'Hind Siliguri', sans-serif;\r\n\r\n --max: 1160px;\r\n --radius: 6px;\r\n}\r\n\r\n*,*::before,*::after{ box-sizing:border-box; }\r\nhtml{ scroll-behavior:smooth; }\r\nbody{\r\n margin:0;\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:var(--font-body);\r\n font-size:16px;\r\n line-height:1.6;\r\n -webkit-font-smoothing:antialiased;\r\n}\r\nimg{ max-width:100%; display:block; }\r\na{ color:inherit; text-decoration:none; }\r\nul{ margin:0; padding:0; list-style:none; }\r\nh1,h2,h3,h4{\r\n font-family:var(--font-display);\r\n font-weight:600;\r\n line-height:1.15;\r\n margin:0 0 .5em;\r\n letter-spacing:-0.01em;\r\n}\r\np{ margin:0 0 1em; color:var(--ink-soft); max-width:62ch; }\r\n.container{\r\n max-width:var(--max);\r\n margin:0 auto;\r\n padding:0 28px;\r\n}\r\nsection{ padding:96px 0; }\r\n@media (max-width:760px){ section{ padding:64px 0; } }\r\n\r\n:focus-visible{\r\n outline:2px solid var(--mint-dim);\r\n outline-offset:3px;\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }\r\n}\r\n\r\n\/* ---------- node tick: small recurring signature mark ---------- *\/\r\n.tick{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-family:var(--font-body);\r\n font-weight:600;\r\n font-size:0.8rem;\r\n color:var(--mint-dim);\r\n margin-bottom:14px;\r\n}\r\n.tick::before{\r\n content:\"\";\r\n width:18px; height:2px;\r\n background:var(--brass);\r\n display:inline-block;\r\n}\r\n.tick.on-dark{ color:var(--mint); }\r\n\r\n\/* ---------- buttons ---------- *\/\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 26px;\r\n border-radius:var(--radius);\r\n font-family:var(--font-body);\r\n font-weight:600;\r\n font-size:0.96rem;\r\n border:1px solid transparent;\r\n cursor:pointer;\r\n transition:transform .15s ease, background .2s ease, border-color .2s ease, color .2s ease;\r\n}\r\n.btn:hover{ transform:translateY(-1px); }\r\n.btn-primary{ background:var(--mint); color:var(--forest-deep); }\r\n.btn-primary:hover{ background:#4CF0C2; }\r\n.btn-outline{ background:transparent; border-color:var(--line); color:var(--ink); }\r\n.btn-outline:hover{ border-color:var(--ink); }\r\n.btn-outline.on-dark{ border-color:var(--line-invert); color:var(--paper); }\r\n.btn-outline.on-dark:hover{ border-color:var(--paper); }\r\n.btn-brass{ background:var(--brass); color:var(--forest-deep); }\r\n.btn-brass:hover{ background:#DDB53A; }\r\n\r\n\/* ---------- nav ---------- *\/\r\n.site-header{\r\n position:sticky; top:0; z-index:50;\r\n background:rgba(245,247,241,0.92);\r\n backdrop-filter:blur(8px);\r\n border-bottom:1px solid var(--line);\r\n}\r\n.nav-row{\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:18px 28px;\r\n max-width:var(--max); margin:0 auto;\r\n}\r\n.logo{\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:1.15rem;\r\n color:var(--forest-deep);\r\n display:flex; align-items:center; gap:9px;\r\n}\r\n.logo .dot{ width:9px; height:9px; border-radius:50%; background:var(--mint-dim); display:inline-block; }\r\n.nav-links{\r\n display:flex; gap:34px;\r\n font-weight:500; font-size:0.95rem;\r\n}\r\n.nav-links a{\r\n position:relative;\r\n padding:4px 0;\r\n color:var(--ink-soft);\r\n}\r\n.nav-links a:hover{ color:var(--ink); }\r\n.nav-links a.active{ color:var(--ink); }\r\n.nav-links a.active::after{\r\n content:\"\";\r\n position:absolute; left:0; right:0; bottom:-6px;\r\n height:2px; background:var(--brass);\r\n}\r\n.nav-cta{ display:flex; align-items:center; gap:18px; }\r\n.nav-toggle{\r\n display:none;\r\n width:34px; height:34px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n background:none;\r\n align-items:center; justify-content:center;\r\n cursor:pointer;\r\n}\r\n.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{\r\n content:\"\"; display:block; width:16px; height:2px; background:var(--ink);\r\n position:relative; transition:transform .2s ease, opacity .2s ease;\r\n}\r\n.nav-toggle span::before{ position:absolute; top:-5px; }\r\n.nav-toggle span::after{ position:absolute; top:5px; }\r\n.nav-toggle.open span{ background:transparent; }\r\n.nav-toggle.open span::before{ transform:translateY(5px) rotate(45deg); }\r\n.nav-toggle.open span::after{ transform:translateY(-5px) rotate(-45deg); }\r\n\r\n@media (max-width:860px){\r\n .nav-links{\r\n position:fixed; inset:66px 0 auto 0;\r\n background:var(--paper);\r\n flex-direction:column; gap:0;\r\n max-height:0; overflow:hidden;\r\n border-bottom:1px solid var(--line);\r\n transition:max-height .25s ease;\r\n }\r\n .nav-links.open{ max-height:340px; }\r\n .nav-links a{ padding:16px 28px; border-top:1px solid var(--line); width:100%; }\r\n .nav-links a.active::after{ display:none; }\r\n .nav-cta .btn-outline{ display:none; }\r\n .nav-toggle{ display:flex; }\r\n}\r\n\r\n\/* ---------- hero ---------- *\/\r\n.hero{\r\n background:var(--forest-deep);\r\n color:var(--paper);\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n.hero-bg{\r\n position:absolute; inset:0; z-index:0;\r\n overflow:hidden; pointer-events:none;\r\n}\r\n.hero-bg .blob{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(70px);\r\n opacity:0.32;\r\n}\r\n.hero-bg .blob-mint{\r\n width:420px; height:420px;\r\n background:var(--mint);\r\n top:-140px; left:-100px;\r\n animation:blobFloat1 22s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .blob-brass{\r\n width:380px; height:380px;\r\n background:var(--brass);\r\n bottom:-160px; right:-90px;\r\n animation:blobFloat2 26s ease-in-out infinite alternate;\r\n}\r\n@keyframes blobFloat1{\r\n 0%{ transform:translate(0,0) scale(1); }\r\n 100%{ transform:translate(70px,50px) scale(1.15); }\r\n}\r\n@keyframes blobFloat2{\r\n 0%{ transform:translate(0,0) scale(1); }\r\n 100%{ transform:translate(-60px,-40px) scale(1.1); }\r\n}\r\n.hero .container{\r\n position:relative; z-index:1;\r\n display:grid; grid-template-columns:1.05fr 0.95fr;\r\n gap:56px; align-items:center;\r\n padding-top:84px; padding-bottom:84px;\r\n}\r\n@media (max-width:900px){\r\n .hero .container{ grid-template-columns:1fr; padding-top:56px; padding-bottom:56px; }\r\n}\r\n.hero h1{\r\n color:var(--paper);\r\n font-size:clamp(2.25rem, 4.2vw, 3.4rem);\r\n max-width:14ch;\r\n}\r\n.hero .lede{\r\n color:#C9D3C7; font-size:1.08rem; max-width:46ch;\r\n}\r\n.hero .bangla{\r\n font-family:'Hind Siliguri', var(--font-body);\r\n color:var(--brass);\r\n font-size:1.02rem;\r\n margin-top:-6px;\r\n}\r\n.hero-actions{ display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }\r\n.trust-strip{\r\n margin-top:44px;\r\n padding-top:22px;\r\n border-top:1px solid var(--line-invert);\r\n font-size:0.85rem;\r\n color:#9FB0A5;\r\n}\r\n.trust-strip strong{ color:var(--paper); font-weight:600; }\r\n\r\n\/* flow graphic *\/\r\n.flow-wrap{ position:relative; }\r\n.flow-wrap svg{ width:100%; height:auto; }\r\n.flow-dash{ stroke-dasharray:6 8; animation:dashmove 6s linear infinite; }\r\n@keyframes dashmove{ to{ stroke-dashoffset:-140; } }\r\n.flow-pulse{ animation:pulse 2.8s ease-in-out infinite; transform-origin:center; }\r\n@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }\r\n\r\n\/* ---------- section headers ---------- *\/\r\n.section-head{ max-width:640px; margin-bottom:52px; }\r\n.section-head h2{ font-size:clamp(1.6rem,2.6vw,2.1rem); }\r\n.section-head.on-dark p{ color:#B9C6BC; }\r\n.section-head.on-dark h2{ color:var(--paper); }\r\n.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }\r\n.section-head.center .tick{ justify-content:center; }\r\n\r\n\/* ---------- alt background sections ---------- *\/\r\n.bg-alt{ background:var(--paper-alt); }\r\n.bg-forest{ background:var(--forest-deep); color:var(--paper); }\r\n.bg-forest p{ color:#B9C6BC; }\r\n\r\n\/* ---------- grids & cards ---------- *\/\r\n.grid{ display:grid; gap:26px; }\r\n.grid-3{ grid-template-columns:repeat(3,1fr); }\r\n.grid-2{ grid-template-columns:repeat(2,1fr); }\r\n.grid-4{ grid-template-columns:repeat(4,1fr); }\r\n@media (max-width:900px){ .grid-3,.grid-4{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:620px){\r\n .grid-2{ grid-template-columns:1fr; }\r\n}\r\n@media (max-width:480px){\r\n .grid{ gap:14px; }\r\n .card{ padding:20px 16px; }\r\n .card h3{ font-size:0.98rem; }\r\n .card p{ font-size:0.86rem; }\r\n}\r\n\r\n.card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:30px 26px;\r\n border-left:3px solid var(--mint-dim);\r\n transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;\r\n}\r\n.card.brass{ border-left-color:var(--brass); }\r\n.card h3{ font-size:1.08rem; margin-bottom:10px; transition:color .2s ease; }\r\n.card svg.svc-icon{ width:34px; height:34px; margin-bottom:14px; color:var(--mint-dim); display:block; }\r\n.card.brass svg.svc-icon{ color:var(--brass-deep); }\r\n.card p{ font-size:0.95rem; margin-bottom:0; }\r\n.card .tag-row{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }\r\n\r\n\/* clickable service cards: hover lift + color, active press *\/\r\na.card, a.card:link, a.card:visited, a.card:hover, a.card:active,\r\na.card *, a.card:hover *{\r\n text-decoration:none !important;\r\n}\r\na.card{ color:inherit; cursor:pointer; }\r\na.card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 14px 28px rgba(6,37,28,0.14);\r\n border-color:var(--mint-dim);\r\n background:#FBFEFC;\r\n}\r\na.card.brass:hover{\r\n border-color:var(--brass);\r\n box-shadow:0 14px 28px rgba(156,124,28,0.16);\r\n}\r\na.card:hover h3{ color:var(--mint-dim); }\r\na.card.brass:hover h3{ color:var(--brass-deep); }\r\na.card:active{\r\n transform:translateY(-1px) scale(0.98);\r\n box-shadow:0 6px 14px rgba(6,37,28,0.12);\r\n}\r\n\r\n\/* scroll-triggered reveal for service cards \u2014 visible by default (no-JS safe);\r\n JS adds .js-armed right before observing, so content never gets stuck hidden\r\n if the <script> tag is stripped (common when pasting into WordPress\/CMS). *\/\r\n.reveal-on-scroll.js-armed{\r\n opacity:0;\r\n transform:translateY(26px);\r\n transition:opacity .55s ease, transform .55s ease;\r\n}\r\n.reveal-on-scroll.in-view{ opacity:1; transform:none; }\r\n.grid .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.grid .reveal-on-scroll:nth-child(2){ transition-delay:70ms; }\r\n.grid .reveal-on-scroll:nth-child(3){ transition-delay:140ms; }\r\n.grid .reveal-on-scroll:nth-child(4){ transition-delay:210ms; }\r\n.grid .reveal-on-scroll:nth-child(5){ transition-delay:280ms; }\r\n.grid .reveal-on-scroll:nth-child(6){ transition-delay:350ms; }\r\n.grid .reveal-on-scroll:nth-child(7){ transition-delay:420ms; }\r\n.grid .reveal-on-scroll:nth-child(8){ transition-delay:490ms; }\r\n\r\n.tag{\r\n font-size:0.74rem; font-weight:600;\r\n padding:4px 10px; border-radius:100px;\r\n background:var(--paper-alt); color:var(--ink-soft);\r\n}\r\n\r\n\/* stat strip *\/\r\n.stats{ display:flex; gap:0; border-top:1px solid var(--line-invert); }\r\n.stat{ flex:1; padding:26px 0 0; }\r\n.stat .num{ font-family:var(--font-display); font-size:2rem; font-weight:700; color:var(--mint); }\r\n.stat .label{ font-size:0.85rem; color:#9FB0A5; margin-top:4px; }\r\n\r\n\/* process steps *\/\r\n.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; counter-reset:step; }\r\n@media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:560px){ .steps{ grid-template-columns:1fr; } }\r\n.step{ position:relative; padding-top:44px; border-top:2px solid var(--line); }\r\n.step::before{\r\n counter-increment:step;\r\n content:counter(step, decimal-leading-zero);\r\n position:absolute; top:-14px; left:0;\r\n font-family:var(--font-display); font-weight:700;\r\n font-size:0.85rem; color:var(--forest-deep);\r\n background:var(--paper); padding-right:10px;\r\n}\r\n.step h4{ font-size:1.02rem; }\r\n.step p{ font-size:0.92rem; }\r\n\r\n\/* placeholder callout (used for portfolio\/testimonial slots needing real data) *\/\r\n.placeholder-note{\r\n border:1px dashed var(--brass-deep);\r\n background:#FBF6E6;\r\n color:var(--brass-deep);\r\n font-size:0.82rem;\r\n font-weight:500;\r\n padding:10px 14px;\r\n border-radius:var(--radius);\r\n margin-top:16px;\r\n}\r\n\r\n.quote-card{\r\n border:1px dashed var(--line);\r\n border-radius:var(--radius);\r\n padding:28px 26px;\r\n background:var(--paper-alt);\r\n}\r\n.quote-card p{ font-style:italic; font-size:1rem; margin-bottom:14px; }\r\n.quote-card .who{ font-style:normal; font-size:0.85rem; font-weight:600; color:var(--ink-soft); }\r\n\r\n\/* skill groups: Skills & Tools section *\/\r\n.skill-group{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:24px 22px;\r\n}\r\n.skill-group h4{\r\n font-family:var(--font-display);\r\n font-size:0.98rem;\r\n margin-bottom:14px;\r\n color:var(--forest-deep);\r\n}\r\n.skill-group .pill-list{ gap:8px; }\r\n.skill-group .pill{ font-size:0.78rem; padding:6px 12px; }\r\n\r\n\/* pull-quote inside About *\/\r\n.pull-quote{\r\n border-left:3px solid var(--brass);\r\n padding-left:20px;\r\n font-family:var(--font-display);\r\n font-weight:500;\r\n font-size:1.12rem;\r\n color:var(--ink);\r\n margin:24px 0;\r\n max-width:52ch;\r\n}\r\n\r\n\/* capability panels: What I Do *\/\r\n.capability-panel{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-top:3px solid var(--mint-dim);\r\n border-radius:var(--radius);\r\n padding:34px 30px;\r\n}\r\n.capability-panel.brass{ border-top-color:var(--brass); }\r\n.capability-panel h3{ font-size:1.15rem; margin-bottom:8px; }\r\n.capability-panel > p{ font-size:0.92rem; margin-bottom:22px; }\r\n.pill-list{ display:flex; flex-wrap:wrap; gap:10px; }\r\n.pill{\r\n font-size:0.82rem; font-weight:500;\r\n padding:7px 14px; border-radius:100px;\r\n background:var(--paper-alt); color:var(--ink-soft);\r\n border:1px solid var(--line);\r\n}\r\n\r\n\/* statement band *\/\r\n.statement-band{ padding:70px 0; text-align:center; }\r\n.statement-band .container{ max-width:720px; }\r\n.statement-band h2{ font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.4; margin-top:14px; }\r\n\r\n\/* approach timeline (on dark bg) *\/\r\n.timeline{ position:relative; padding-left:50px; max-width:620px; margin-top:44px; }\r\n.timeline::before{\r\n content:\"\"; position:absolute; left:16px; top:4px; bottom:4px;\r\n width:2px; background:var(--line-invert);\r\n}\r\n.timeline-item{ position:relative; padding-bottom:38px; }\r\n.timeline-item:last-child{ padding-bottom:0; }\r\n.timeline-marker{\r\n position:absolute; left:-50px; top:0;\r\n width:34px; height:34px; border-radius:50%;\r\n background:var(--forest);\r\n border:2px solid var(--mint);\r\n color:var(--mint);\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:var(--font-display); font-weight:700; font-size:0.82rem;\r\n}\r\n.timeline-item.brass .timeline-marker{ border-color:var(--brass); color:var(--brass); }\r\n.timeline-item h4{ color:var(--paper); font-size:1.06rem; margin-bottom:6px; }\r\n.timeline-item p{ color:#B9C6BC; margin-bottom:0; font-size:0.94rem; max-width:50ch; }\r\n\r\n\/* approach section: two-col layout with rotating visual *\/\r\n.approach-grid{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center; }\r\n@media (max-width:900px){ .approach-grid{ grid-template-columns:1fr; } }\r\n\r\n.approach-visual{\r\n position:relative;\r\n background:var(--forest);\r\n border:1px solid var(--forest-line);\r\n border-radius:10px;\r\n min-height:340px;\r\n overflow:hidden;\r\n}\r\n.approach-slide{\r\n position:absolute; inset:0;\r\n display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n text-align:center; padding:40px;\r\n opacity:0;\r\n animation:approachCycle 18s infinite;\r\n}\r\n.approach-slide svg{ width:52px; height:52px; margin-bottom:20px; }\r\n.approach-slide:not(.brass) svg{ color:var(--mint); }\r\n.approach-slide.brass svg{ color:var(--brass); }\r\n.approach-slide .slide-num{\r\n font-family:var(--font-display); font-weight:700; font-size:0.78rem;\r\n letter-spacing:0.02em; margin-bottom:10px; color:var(--mint);\r\n}\r\n.approach-slide.brass .slide-num{ color:var(--brass); }\r\n.approach-slide h5{ color:var(--paper); font-family:var(--font-display); font-size:1.1rem; margin:0 0 8px; }\r\n.approach-slide p{ color:#9FB0A5; font-size:0.88rem; margin:0; max-width:34ch; }\r\n\r\n.approach-slide:nth-child(1){ animation-delay:0s; }\r\n.approach-slide:nth-child(2){ animation-delay:-3s; }\r\n.approach-slide:nth-child(3){ animation-delay:-6s; }\r\n.approach-slide:nth-child(4){ animation-delay:-9s; }\r\n.approach-slide:nth-child(5){ animation-delay:-12s; }\r\n.approach-slide:nth-child(6){ animation-delay:-15s; }\r\n\r\n@keyframes approachCycle{\r\n 0%{ opacity:0; }\r\n 4%{ opacity:1; }\r\n 13%{ opacity:1; }\r\n 17%{ opacity:0; }\r\n 100%{ opacity:0; }\r\n}\r\n\r\n.approach-dots{ position:absolute; bottom:20px; left:0; right:0; display:flex; justify-content:center; gap:8px; }\r\n.approach-dots span{\r\n width:6px; height:6px; border-radius:50%;\r\n background:var(--line-invert);\r\n animation:approachDot 18s infinite;\r\n}\r\n.approach-dots span:nth-child(1){ animation-delay:0s; }\r\n.approach-dots span:nth-child(2){ animation-delay:-3s; }\r\n.approach-dots span:nth-child(3){ animation-delay:-6s; }\r\n.approach-dots span:nth-child(4){ animation-delay:-9s; }\r\n.approach-dots span:nth-child(5){ animation-delay:-12s; }\r\n.approach-dots span:nth-child(6){ animation-delay:-15s; }\r\n@keyframes approachDot{\r\n 0%,100%{ background:var(--line-invert); }\r\n 4%,13%{ background:var(--mint); }\r\n}\r\n\r\n\/* FAQ accordion *\/\r\n.faq-list{ max-width:760px; }\r\n.faq-item{ border-bottom:1px solid var(--line); padding:20px 0; }\r\n.faq-item summary{\r\n cursor:pointer;\r\n list-style:none;\r\n display:flex; justify-content:space-between; align-items:center; gap:20px;\r\n font-family:var(--font-display); font-weight:600; font-size:1.02rem;\r\n color:var(--ink);\r\n}\r\n.faq-item summary::-webkit-details-marker{ display:none; }\r\n.faq-item summary::after{\r\n content:\"+\"; font-size:1.4rem; font-weight:400; color:var(--brass-deep); flex-shrink:0;\r\n}\r\n.faq-item[open] summary::after{ content:\"\u2013\"; }\r\n.faq-item p{ margin-top:14px; margin-bottom:0; font-size:0.95rem; max-width:65ch; }\r\n\r\n\/* pricing tier cards (Basic\/Standard\/Advanced) *\/\r\n.pricing-grid{\r\n display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\r\n}\r\n@media (max-width:900px){ .pricing-grid{ grid-template-columns:1fr; } }\r\n.pricing-card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:10px;\r\n padding:32px 26px;\r\n display:flex; flex-direction:column;\r\n position:relative;\r\n}\r\n.pricing-card.featured{\r\n border:2px solid var(--brass);\r\n box-shadow:0 16px 34px rgba(11,59,46,0.10);\r\n}\r\n.pricing-card .featured-badge{\r\n position:absolute; top:-13px; left:50%; transform:translateX(-50%);\r\n background:var(--brass); color:var(--forest-deep);\r\n font-size:0.72rem; font-weight:700; letter-spacing:0.02em;\r\n padding:5px 14px; border-radius:100px; white-space:nowrap;\r\n}\r\n.pricing-card .tier-name{\r\n font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:var(--forest-deep);\r\n}\r\n.pricing-card .price{\r\n font-family:var(--font-display); font-weight:700; font-size:1.9rem; color:var(--ink);\r\n margin:10px 0 2px;\r\n}\r\n.pricing-card .price .period{ font-size:0.85rem; font-weight:500; color:var(--ink-soft); }\r\n.pricing-card .setup-note{ font-size:0.82rem; color:var(--ink-soft); margin-bottom:6px; }\r\n.pricing-card ul{ margin:18px 0 24px; flex-grow:1; }\r\n.pricing-card li{\r\n font-size:0.88rem; color:var(--ink-soft);\r\n padding:5px 0; display:flex; gap:8px; align-items:flex-start;\r\n}\r\n.pricing-card li::before{ content:\"\u2713\"; color:var(--mint-dim); font-weight:700; flex-shrink:0; }\r\n.pricing-card .btn{ margin-top:auto; width:100%; justify-content:center; }\r\n.pricing-subhead{ margin:56px 0 22px; }\r\n.pricing-subhead:first-child{ margin-top:0; }\r\n.pricing-subhead h3{ font-size:1.15rem; margin-bottom:4px; }\r\n.pricing-subhead p{ font-size:0.88rem; margin-bottom:0; }\r\n.pricing-note{\r\n font-size:0.85rem; color:var(--ink-soft);\r\n margin-top:18px; padding:12px 16px;\r\n background:var(--paper-alt); border-radius:var(--radius);\r\n}\r\n.onetime-table{ display:grid; gap:0; border-top:1px solid var(--line); }\r\n.onetime-row{\r\n display:flex; justify-content:space-between; gap:20px;\r\n padding:16px 0; border-bottom:1px solid var(--line);\r\n font-size:0.95rem;\r\n}\r\n.onetime-row .svc{ font-weight:600; }\r\n.onetime-row .price{ color:var(--brass-deep); font-weight:600; white-space:nowrap; }\r\n.terms-list li{ font-size:0.92rem; color:var(--ink-soft); padding:8px 0 8px 22px; position:relative; }\r\n.terms-list li::before{ content:\"\u2014\"; position:absolute; left:0; color:var(--brass); }\r\n\r\n\/* ---------- footer ---------- *\/\r\n.site-footer{ background:var(--forest-deep); color:#B9C6BC; padding:64px 0 28px; }\r\n.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; }\r\n@media (max-width:700px){ .footer-grid{ grid-template-columns:1fr; gap:32px; } }\r\n.site-footer h4{ color:var(--paper); font-size:0.95rem; margin-bottom:16px; }\r\n.site-footer .logo{ color:var(--paper); }\r\n.site-footer p{ color:#9FB0A5; font-size:0.92rem; }\r\n.site-footer a{ color:#B9C6BC; }\r\n.site-footer a:hover{ color:var(--mint); }\r\n.foot-links li{ margin-bottom:10px; font-size:0.92rem; }\r\n.foot-bottom{\r\n margin-top:48px; padding-top:22px; border-top:1px solid var(--line-invert);\r\n display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;\r\n font-size:0.82rem; color:#7E9187;\r\n}\r\n\r\n\/* ---------- page hero (inner pages, smaller) ---------- *\/\r\n.page-hero{ background:var(--forest-deep); color:var(--paper); padding:64px 0 56px; position:relative; overflow:hidden; }\r\n.page-hero .container{ position:relative; z-index:1; }\r\n.page-hero h1{ color:var(--paper); font-size:clamp(2rem,3.6vw,2.7rem); max-width:20ch; }\r\n.page-hero p{ color:#C9D3C7; max-width:56ch; }\r\n\r\n\/* ---------- forms ---------- *\/\r\n.form-grid{ display:grid; gap:18px; }\r\nlabel{ font-size:0.85rem; font-weight:600; display:block; margin-bottom:6px; }\r\ninput, textarea, select{\r\n width:100%; padding:12px 14px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n font-family:var(--font-body); font-size:0.95rem;\r\n background:#fff; color:var(--ink);\r\n}\r\ntextarea{ resize:vertical; min-height:130px; }\r\ninput:focus, textarea:focus, select:focus{ border-color:var(--mint-dim); }\r\n.form-note{ font-size:0.82rem; color:var(--ink-soft); margin-top:10px; }\r\n\r\n\/* ---------- misc ---------- *\/\r\n.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }\r\n.two-col.v-center{ align-items:center; }\r\n@media (max-width:820px){ .two-col{ grid-template-columns:1fr; } }\r\n.badge-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }\r\n.badge{\r\n font-size:0.82rem; font-weight:600; padding:8px 14px;\r\n border:1px solid var(--line); border-radius:100px; color:var(--ink-soft);\r\n transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\r\n}\r\n.badge:nth-child(odd):hover{ background:var(--mint); border-color:var(--mint); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge:nth-child(even):hover{ background:var(--brass); border-color:var(--brass); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge-row .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.badge-row .reveal-on-scroll:nth-child(2){ transition-delay:25ms; }\r\n.badge-row .reveal-on-scroll:nth-child(3){ transition-delay:50ms; }\r\n.badge-row .reveal-on-scroll:nth-child(4){ transition-delay:75ms; }\r\n.badge-row .reveal-on-scroll:nth-child(5){ transition-delay:100ms; }\r\n.badge-row .reveal-on-scroll:nth-child(6){ transition-delay:125ms; }\r\n.badge-row .reveal-on-scroll:nth-child(7){ transition-delay:150ms; }\r\n.badge-row .reveal-on-scroll:nth-child(8){ transition-delay:175ms; }\r\n.badge-row .reveal-on-scroll:nth-child(9){ transition-delay:200ms; }\r\n.badge-row .reveal-on-scroll:nth-child(10){ transition-delay:225ms; }\r\n.badge-row .reveal-on-scroll:nth-child(11){ transition-delay:250ms; }\r\n.badge-row .reveal-on-scroll:nth-child(12){ transition-delay:275ms; }\r\n.badge-row .reveal-on-scroll:nth-child(13){ transition-delay:300ms; }\r\n.badge-row .reveal-on-scroll:nth-child(14){ transition-delay:325ms; }\r\n.badge-row .reveal-on-scroll:nth-child(15){ transition-delay:350ms; }\r\n.badge-row .reveal-on-scroll:nth-child(16){ transition-delay:375ms; }\r\n.badge-row .reveal-on-scroll:nth-child(17){ transition-delay:400ms; }\r\n.badge-row .reveal-on-scroll:nth-child(18){ transition-delay:425ms; }\r\n.badge-row .reveal-on-scroll:nth-child(19){ transition-delay:450ms; }\r\n.badge-row .reveal-on-scroll:nth-child(20){ transition-delay:475ms; }\r\n.badge-row .reveal-on-scroll:nth-child(21){ transition-delay:500ms; }\r\n.badge-row .reveal-on-scroll:nth-child(22){ transition-delay:525ms; }\r\n.badge-row .reveal-on-scroll:nth-child(23){ transition-delay:550ms; }\r\n.badge-row .reveal-on-scroll:nth-child(24){ transition-delay:575ms; }\r\n.badge-row .reveal-on-scroll:nth-child(25){ transition-delay:600ms; }\r\n.about-photo-wrap{ position:relative; }\r\n.about-photo-wrap::before{\r\n content:\"\";\r\n position:absolute;\r\n top:20px; left:20px; right:-20px; bottom:-20px;\r\n background:var(--brass);\r\n border-radius:10px;\r\n z-index:0;\r\n}\r\n.about-photo-wrap img{\r\n position:relative; z-index:1;\r\n border-radius:10px;\r\n width:100%;\r\n display:block;\r\n object-fit:cover;\r\n}\r\n@media (max-width:820px){\r\n .about-photo-wrap::before{ top:14px; left:14px; right:-14px; bottom:-14px; }\r\n}\r\n.divider-tick{ display:flex; align-items:center; gap:10px; margin:6px 0 26px; }\r\n.divider-tick span{ width:22px; height:2px; background:var(--brass); display:block; }\r\n\r\n\/* hero flow-diagram svg *\/\r\n.svg-node-bg{ fill:#0F4436; }\r\n.svg-node-border{ fill:none; stroke:var(--forest-line); stroke-width:1.5; }\r\n.svg-line{ fill:none; stroke:var(--mint-dim); stroke-width:1.5; opacity:.8; }\r\n.svg-line-brass{ fill:none; stroke:var(--brass); stroke-width:1.5; opacity:.7; }\r\n.svg-dot{ fill:var(--mint); }\r\n.svg-dot-brass{ fill:var(--brass); }\r\n.svg-label{ font-family:'IBM Plex Sans',sans-serif; font-size:12px; font-weight:600; fill:#D7E3DA; }\r\n.svg-sublabel{ font-family:'IBM Plex Sans',sans-serif; font-size:10px; fill:#8FA599; }\r\n\r\n\/* reveal-on-load hero animation (single orchestrated moment) *\/\r\n.reveal{ opacity:0; transform:translateY(14px); animation:revealUp .7s ease forwards; }\r\n.reveal.d1{ animation-delay:.05s; }\r\n.reveal.d2{ animation-delay:.15s; }\r\n.reveal.d3{ animation-delay:.25s; }\r\n.reveal.d4{ animation-delay:.35s; }\r\n@keyframes revealUp{ to{ opacity:1; transform:none; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<section class=\"page-hero\">\r\n <div class=\"hero-bg\" aria-hidden=\"true\">\r\n <span class=\"blob blob-mint\"><\/span>\r\n <span class=\"blob blob-brass\"><\/span>\r\n <\/div>\r\n <div class=\"container\">\r\n <div class=\"tick on-dark\">Services<\/div>\r\n <h1>Digital marketing and AI automation, kept deliberately separate.<\/h1>\r\n <p>Two distinct stacks, run by one person \u2014 hire either on its own, or combine them into a system where automation runs what the marketing side sets up.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">AI automation<\/div>\r\n <h2>A separate stack, built to run without you watching it<\/h2>\r\n <p>Automation isn't a line item under marketing here \u2014 it's its own set of builds, each solving one specific bottleneck.<\/p>\r\n <\/div>\r\n <div class=\"grid grid-4\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Chatbot%20Automation%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 10h28a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H19l-8 6v-6H6a3 3 0 0 1-3-3V13a3 3 0 0 1 3-3z\"\/><circle cx=\"13\" cy=\"19\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"20\" cy=\"19\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"27\" cy=\"19\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <h3>Chatbot Automation<\/h3>\r\n <p>Automated chat flows that answer FAQs, qualify leads, and hand off to a human only when needed.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Facebook%20Inbox%20Automation%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 22h8l3 5h10l3-5h8\"\/><path d=\"M4 22v10a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V22L29 7H11z\"\/><\/svg>\r\n <h3>Facebook Inbox Automation<\/h3>\r\n <p>Instant replies and lead capture inside Messenger, tied directly to your ad campaigns.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20WhatsApp%20Inbox%20Automation%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"12\" y=\"4\" width=\"16\" height=\"32\" rx=\"3\"\/><path d=\"M17 30h6\"\/><circle cx=\"20\" cy=\"14\" r=\"4\"\/><\/svg>\r\n <h3>WhatsApp Inbox Automation<\/h3>\r\n <p>Automated order updates, FAQs, and lead qualification inside WhatsApp.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20AI%20Agent%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"14\" width=\"22\" height=\"17\" rx=\"4\"\/><path d=\"M20 14V8\"\/><circle cx=\"20\" cy=\"6\" r=\"2\"\/><circle cx=\"15\" cy=\"22\" r=\"2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"25\" cy=\"22\" r=\"2\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M15 27h10\"\/><\/svg>\r\n <h3>AI Agent<\/h3>\r\n <p>Custom agents that handle multi-step tasks \u2014 research, replies, data entry \u2014 without a person driving each step.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Voice%20Agent%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"15\" y=\"5\" width=\"10\" height=\"18\" rx=\"5\"\/><path d=\"M9 18a11 11 0 0 0 22 0\"\/><path d=\"M20 29v6\"\/><path d=\"M14 35h12\"\/><\/svg>\r\n <h3>Voice Agent<\/h3>\r\n <p>AI-powered voice calling and answering for order confirmation, reminders, or basic support.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Certificate%20Automation%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"20\" cy=\"14\" r=\"10\"\/><path d=\"M15 22l-3 12 8-4 8 4-3-12\"\/><path d=\"M16 14l3 3 6-6\"\/><\/svg>\r\n <h3>Certificate Automation<\/h3>\r\n <p>Automatically generate and send certificates for courses, webinars, or events at scale.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Business%20Automation%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"20\" cy=\"20\" r=\"6\"\/><path d=\"M20 5v5M20 30v5M35 20h-5M10 20H5M30.3 9.7l-3.5 3.5M13.2 26.8l-3.5 3.5M30.3 30.3l-3.5-3.5M13.2 13.2L9.7 9.7\"\/><\/svg>\r\n <h3>Business Automation<\/h3>\r\n <p>Connecting your existing tools \u2014 CRM, sheets, ad accounts \u2014 so routine tasks run without manual work.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Custom%20Automation%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M26 8a7 7 0 0 0-9.6 8.1L6 26.5V33h6.5l10.4-10.4A7 7 0 0 0 31 13l-5 5-4-4 5-5z\"\/><\/svg>\r\n <h3>Custom Automation<\/h3>\r\n <p>A one-off workflow built for a specific bottleneck that off-the-shelf tools don't solve.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Digital marketing<\/div>\r\n <h2>Campaigns, tracking, and content \u2014 run as one system<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-3\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Digital%20Marketing%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 16v8h5l14 8V8L11 16H6z\"\/><path d=\"M25 17a4 4 0 0 1 0 6\"\/><path d=\"M11 24v6a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-4\"\/><\/svg>\r\n <h3>Digital Marketing<\/h3>\r\n <p>Meta, Google & TikTok campaign strategy, funnel planning, and audience targeting built around real purchase data.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Tracking%20%26%20Analytics%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"34\" x2=\"34\" y2=\"34\"\/><line x1=\"12\" y1=\"28\" x2=\"12\" y2=\"18\"\/><line x1=\"20\" y1=\"28\" x2=\"20\" y2=\"10\"\/><line x1=\"28\" y1=\"28\" x2=\"28\" y2=\"22\"\/><\/svg>\r\n <h3>Tracking & Analytics<\/h3>\r\n <p>GTM, Pixel, and conversion API setup so every platform learns from confirmed orders, not guesses.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Web%20%26%20E-commerce%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"8\" width=\"30\" height=\"22\" rx=\"3\"\/><path d=\"M12 33h16\"\/><path d=\"M11 16h18M11 22h18\"\/><\/svg>\r\n <h3>Web & E-commerce<\/h3>\r\n <p>Landing pages and full store builds in WordPress\/Elementor or hand-coded HTML, optimized for conversion.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20SEO%20%26%20Organic%20Growth%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"17\" cy=\"17\" r=\"10\"\/><line x1=\"24.5\" y1=\"24.5\" x2=\"34\" y2=\"34\"\/><\/svg>\r\n <h3>SEO & Organic Growth<\/h3>\r\n <p>Technical SEO, content structure, and on-page fixes so growth doesn't rely on ad spend alone.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Creative%20%26%20Branding%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 5a15 13 0 1 0 0 26c2 0 3-1 3-3s-1-2-1-3.5 1.5-2.5 3-2.5h4a5 5 0 0 0 5-5C34 10 28 5 20 5z\"\/><circle cx=\"14\" cy=\"17\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"20\" cy=\"12\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"26\" cy=\"17\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <h3>Creative & Branding<\/h3>\r\n <p>Brand identity and ad creative direction that stays consistent across every channel.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Video%20%26%20Content%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"7\" width=\"30\" height=\"26\" rx=\"4\"\/><path d=\"M17 14l9 6-9 6z\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <h3>Video & Content<\/h3>\r\n <p>Product and ad video production, from concept and script to final cut.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Featured package<\/div>\r\n <h2>Want it all handled in one plan?<\/h2>\r\n <p>The full e-commerce package bundles the services above into one monthly system \u2014 website, ads, and reporting together.<\/p>\r\n <\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Starter<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $120 one-time setup<\/div>\r\n <ul>\r\n <li>E-commerce Website (WooCommerce)<\/li>\r\n <li>Up to 50 Products Setup<\/li>\r\n <li>bKash \/ Nagad Payment Gateway<\/li>\r\n <li>Facebook Page Management<\/li>\r\n <li>3 Ad Campaigns \/ Month<\/li>\r\n <li>Basic SEO Setup<\/li>\r\n <li>Monthly Performance Report<\/li>\r\n <li>WhatsApp Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Starter%20E-Commerce%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Starter<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Growth<\/div>\r\n <div class=\"price\">$375<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $200 one-time setup<\/div>\r\n <ul>\r\n <li>Custom E-commerce Website<\/li>\r\n <li>Unlimited Products<\/li>\r\n <li>All Payment Gateways<\/li>\r\n <li>Facebook + Instagram Management<\/li>\r\n <li>6 Ad Campaigns \/ Month<\/li>\r\n <li>On-Page SEO<\/li>\r\n <li>Email & SMS Automation<\/li>\r\n <li>Facebook Pixel Setup<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Growth%20E-Commerce%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Growth<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Scale<\/div>\r\n <div class=\"price\">$600<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $325 one-time setup<\/div>\r\n <ul>\r\n <li>Custom Laravel \/ Shopify Store<\/li>\r\n <li>Unlimited Products + CMS<\/li>\r\n <li>All Payment Gateways + API<\/li>\r\n <li>Full Social Media Management<\/li>\r\n <li>Unlimited Ad Campaigns<\/li>\r\n <li>Full SEO (On + Off + Technical)<\/li>\r\n <li>AI Chatbot Integration<\/li>\r\n <li>Email + SMS + Call Support<\/li>\r\n <li>Google & YouTube Ads<\/li>\r\n <li>Weekly Reports + Strategy Call<\/li>\r\n <li>Dedicated Account Manager<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Scale%20E-Commerce%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Scale<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">All packages require a 3-month minimum commitment (10% off on 6 months, 15% off on 12). Full tier-by-tier pricing for every individual service is on the <a href=\"https:\/\/hasanabrar.com\/pricing\/\" style=\"color:var(--brass-deep);font-weight:600;\">Pricing page<\/a>.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Process<\/div>\r\n <h2>A four-step system, not a one-off campaign<\/h2>\r\n <\/div>\r\n <div class=\"steps\">\r\n <div class=\"step\"><h4>Audit<\/h4><p>Pixel, funnel, and current spend reviewed for what's actually working.<\/p><\/div>\r\n <div class=\"step\"><h4>Architect<\/h4><p>A plan for the campaigns, pages, and rules the account actually needs.<\/p><\/div>\r\n <div class=\"step\"><h4>Automate<\/h4><p>Thresholds and reporting set up so issues surface before they cost money.<\/p><\/div>\r\n <div class=\"step\"><h4>Amplify<\/h4><p>Scale what the data confirms is working, on a cadence you can keep up with.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Ways to work together<\/div>\r\n <h2>Pick the shape that fits, not the other way around<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-3\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20a%20project-based%20build.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <h3>Project-based build<\/h3>\r\n <p>A landing page, a tracking setup, or an automation rule engine \u2014 scoped, delivered, done.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20a%20monthly%20retainer.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <h3>Monthly retainer<\/h3>\r\n <p>Ongoing ads management, reporting, and account monitoring, handled on a fixed cadence.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27d%20like%20an%20automation%20audit.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <h3>Automation audit<\/h3>\r\n <p>A focused review of one account to find where manual work can be replaced with rules.<\/p>\r\n <\/a>\r\n <\/div>\r\n <p class=\"pricing-note\">Rates and package tiers are listed in full on the <a href=\"https:\/\/hasanabrar.com\/pricing\/\" style=\"color:var(--brass-deep);font-weight:600;\">Pricing page<\/a>.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-forest\">\r\n <div class=\"container\" style=\"text-align:center;\">\r\n <div class=\"section-head center on-dark\">\r\n <h2>Not sure which service you need?<\/h2>\r\n <p>Send over what you're working with \u2014 I'll tell you honestly where to start.<\/p>\r\n <\/div>\r\n <div class=\"hero-actions\" style=\"justify-content:center;\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27d%20like%20to%20start%20a%20project.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start a project<\/a>\r\n <a href=\"https:\/\/hasanabrar.com\/portfolio\/\" class=\"btn btn-outline on-dark\">See past work<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\/\/ Mobile nav toggle\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var toggle = document.querySelector('.nav-toggle');\r\n var links = document.querySelector('.nav-links');\r\n if (toggle && links) {\r\n toggle.addEventListener('click', function () {\r\n toggle.classList.toggle('open');\r\n links.classList.toggle('open');\r\n });\r\n links.querySelectorAll('a').forEach(function (a) {\r\n a.addEventListener('click', function () {\r\n toggle.classList.remove('open');\r\n links.classList.remove('open');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Scroll-triggered reveal for service cards\r\n var revealEls = document.querySelectorAll('.reveal-on-scroll');\r\n if (revealEls.length && 'IntersectionObserver' in window) {\r\n revealEls.forEach(function (el) { el.classList.add('js-armed'); });\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n revealEls.forEach(function (el) { io.observe(el); });\r\n }\r\n\r\n \/\/ Contact form \u2014 static placeholder handling.\r\n \/\/ Replace this block with a real endpoint (Formspree, your own API, etc.)\r\n \/\/ before publishing, so submissions actually reach you.\r\n var form = document.querySelector('#contact-form');\r\n if (form) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n var note = document.querySelector('#form-status');\r\n if (note) {\r\n note.textContent = 'Thanks \u2014 this form is not yet wired to an inbox. Connect it to Formspree, your CRM, or a backend endpoint so messages reach you directly.';\r\n }\r\n });\r\n }\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f4764c8 e-con e-atomic-element e-flexbox-base e-e4db301 \" data-id=\"f4764c8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f4764c8\">\n \t\t<div class=\"elementor-element elementor-element-dfc11c7 elementor-widget elementor-widget-html\" data-id=\"dfc11c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Pricing \u2014 Packages & Rates | Hasan Abrar<\/title>\r\n<meta name=\"description\" content=\"E-commerce packages, website development, digital marketing, SEO, AI automation, and design pricing from Hasan Abrar \u2014 transparent tiers, WhatsApp for custom quotes.\">\r\n<link rel=\"icon\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%230B3B2E'\/%3E%3Ccircle cx='16' cy='16' r='6' fill='%232FE1AE'\/%3E%3C\/svg%3E\">\r\n<style>\r\n\/* =========================================================\r\n Hasan Abrar \u2014 Personal Portfolio\r\n Design tokens: deep forest green + mint + brass\r\n Type: Space Grotesk (display) \/ IBM Plex Sans (body)\r\n ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=Hind+Siliguri:wght@500;600&display=swap');\r\n\r\n:root{\r\n --forest: #0B3B2E;\r\n --forest-deep: #06251C;\r\n --forest-line: #163F32;\r\n --mint: #2FE1AE;\r\n --mint-dim: #1FAE87;\r\n --brass: #C9A227;\r\n --brass-deep: #9C7C1C;\r\n --paper: #F5F7F1;\r\n --paper-alt: #EAEDE4;\r\n --ink: #121810;\r\n --ink-soft: #4B564C;\r\n --line: rgba(18,24,16,0.13);\r\n --line-invert: rgba(245,247,241,0.16);\r\n\r\n --font-display: 'Space Grotesk', 'Hind Siliguri', sans-serif;\r\n --font-body: 'IBM Plex Sans', 'Hind Siliguri', sans-serif;\r\n\r\n --max: 1160px;\r\n --radius: 6px;\r\n}\r\n\r\n*,*::before,*::after{ box-sizing:border-box; }\r\nhtml{ scroll-behavior:smooth; }\r\nbody{\r\n margin:0;\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:var(--font-body);\r\n font-size:16px;\r\n line-height:1.6;\r\n -webkit-font-smoothing:antialiased;\r\n}\r\nimg{ max-width:100%; display:block; }\r\na{ color:inherit; text-decoration:none; }\r\nul{ margin:0; padding:0; list-style:none; }\r\nh1,h2,h3,h4{\r\n font-family:var(--font-display);\r\n font-weight:600;\r\n line-height:1.15;\r\n margin:0 0 .5em;\r\n letter-spacing:-0.01em;\r\n}\r\np{ margin:0 0 1em; color:var(--ink-soft); max-width:62ch; }\r\n.container{\r\n max-width:var(--max);\r\n margin:0 auto;\r\n padding:0 28px;\r\n}\r\nsection{ padding:96px 0; }\r\n@media (max-width:760px){ section{ padding:64px 0; } }\r\n\r\n:focus-visible{\r\n outline:2px solid var(--mint-dim);\r\n outline-offset:3px;\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }\r\n}\r\n\r\n\/* ---------- node tick: small recurring signature mark ---------- *\/\r\n.tick{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-family:var(--font-body);\r\n font-weight:600;\r\n font-size:0.8rem;\r\n color:var(--mint-dim);\r\n margin-bottom:14px;\r\n}\r\n.tick::before{\r\n content:\"\";\r\n width:18px; height:2px;\r\n background:var(--brass);\r\n display:inline-block;\r\n}\r\n.tick.on-dark{ color:var(--mint); }\r\n\r\n\/* ---------- buttons ---------- *\/\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 26px;\r\n border-radius:var(--radius);\r\n font-family:var(--font-body);\r\n font-weight:600;\r\n font-size:0.96rem;\r\n border:1px solid transparent;\r\n cursor:pointer;\r\n transition:transform .15s ease, background .2s ease, border-color .2s ease, color .2s ease;\r\n}\r\n.btn:hover{ transform:translateY(-1px); }\r\n.btn-primary{ background:var(--mint); color:var(--forest-deep); }\r\n.btn-primary:hover{ background:#4CF0C2; }\r\n.btn-outline{ background:transparent; border-color:var(--line); color:var(--ink); }\r\n.btn-outline:hover{ border-color:var(--ink); }\r\n.btn-outline.on-dark{ border-color:var(--line-invert); color:var(--paper); }\r\n.btn-outline.on-dark:hover{ border-color:var(--paper); }\r\n.btn-brass{ background:var(--brass); color:var(--forest-deep); }\r\n.btn-brass:hover{ background:#DDB53A; }\r\n\r\n\/* ---------- nav ---------- *\/\r\n.site-header{\r\n position:sticky; top:0; z-index:50;\r\n background:rgba(245,247,241,0.92);\r\n backdrop-filter:blur(8px);\r\n border-bottom:1px solid var(--line);\r\n}\r\n.nav-row{\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:18px 28px;\r\n max-width:var(--max); margin:0 auto;\r\n}\r\n.logo{\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:1.15rem;\r\n color:var(--forest-deep);\r\n display:flex; align-items:center; gap:9px;\r\n}\r\n.logo .dot{ width:9px; height:9px; border-radius:50%; background:var(--mint-dim); display:inline-block; }\r\n.nav-links{\r\n display:flex; gap:34px;\r\n font-weight:500; font-size:0.95rem;\r\n}\r\n.nav-links a{\r\n position:relative;\r\n padding:4px 0;\r\n color:var(--ink-soft);\r\n}\r\n.nav-links a:hover{ color:var(--ink); }\r\n.nav-links a.active{ color:var(--ink); }\r\n.nav-links a.active::after{\r\n content:\"\";\r\n position:absolute; left:0; right:0; bottom:-6px;\r\n height:2px; background:var(--brass);\r\n}\r\n.nav-cta{ display:flex; align-items:center; gap:18px; }\r\n.nav-toggle{\r\n display:none;\r\n width:34px; height:34px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n background:none;\r\n align-items:center; justify-content:center;\r\n cursor:pointer;\r\n}\r\n.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{\r\n content:\"\"; display:block; width:16px; height:2px; background:var(--ink);\r\n position:relative; transition:transform .2s ease, opacity .2s ease;\r\n}\r\n.nav-toggle span::before{ position:absolute; top:-5px; }\r\n.nav-toggle span::after{ position:absolute; top:5px; }\r\n.nav-toggle.open span{ background:transparent; }\r\n.nav-toggle.open span::before{ transform:translateY(5px) rotate(45deg); }\r\n.nav-toggle.open span::after{ transform:translateY(-5px) rotate(-45deg); }\r\n\r\n@media (max-width:860px){\r\n .nav-links{\r\n position:fixed; inset:66px 0 auto 0;\r\n background:var(--paper);\r\n flex-direction:column; gap:0;\r\n max-height:0; overflow:hidden;\r\n border-bottom:1px solid var(--line);\r\n transition:max-height .25s ease;\r\n }\r\n .nav-links.open{ max-height:340px; }\r\n .nav-links a{ padding:16px 28px; border-top:1px solid var(--line); width:100%; }\r\n .nav-links a.active::after{ display:none; }\r\n .nav-cta .btn-outline{ display:none; }\r\n .nav-toggle{ display:flex; }\r\n}\r\n\r\n\/* ---------- hero ---------- *\/\r\n.hero{\r\n background:var(--forest-deep);\r\n color:var(--paper);\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n.hero-bg{\r\n position:absolute; inset:0; z-index:0;\r\n overflow:hidden; pointer-events:none;\r\n}\r\n.hero-bg .blob{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(70px);\r\n opacity:0.32;\r\n}\r\n.hero-bg .blob-mint{\r\n width:420px; height:420px;\r\n background:var(--mint);\r\n top:-140px; left:-100px;\r\n animation:blobFloat1 22s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .blob-brass{\r\n width:380px; height:380px;\r\n background:var(--brass);\r\n bottom:-160px; right:-90px;\r\n animation:blobFloat2 26s ease-in-out infinite alternate;\r\n}\r\n@keyframes blobFloat1{\r\n 0%{ transform:translate(0,0) scale(1); }\r\n 100%{ transform:translate(70px,50px) scale(1.15); }\r\n}\r\n@keyframes blobFloat2{\r\n 0%{ transform:translate(0,0) scale(1); }\r\n 100%{ transform:translate(-60px,-40px) scale(1.1); }\r\n}\r\n.hero .container{\r\n position:relative; z-index:1;\r\n display:grid; grid-template-columns:1.05fr 0.95fr;\r\n gap:56px; align-items:center;\r\n padding-top:84px; padding-bottom:84px;\r\n}\r\n@media (max-width:900px){\r\n .hero .container{ grid-template-columns:1fr; padding-top:56px; padding-bottom:56px; }\r\n}\r\n.hero h1{\r\n color:var(--paper);\r\n font-size:clamp(2.25rem, 4.2vw, 3.4rem);\r\n max-width:14ch;\r\n}\r\n.hero .lede{\r\n color:#C9D3C7; font-size:1.08rem; max-width:46ch;\r\n}\r\n.hero .bangla{\r\n font-family:'Hind Siliguri', var(--font-body);\r\n color:var(--brass);\r\n font-size:1.02rem;\r\n margin-top:-6px;\r\n}\r\n.hero-actions{ display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }\r\n.trust-strip{\r\n margin-top:44px;\r\n padding-top:22px;\r\n border-top:1px solid var(--line-invert);\r\n font-size:0.85rem;\r\n color:#9FB0A5;\r\n}\r\n.trust-strip strong{ color:var(--paper); font-weight:600; }\r\n\r\n\/* flow graphic *\/\r\n.flow-wrap{ position:relative; }\r\n.flow-wrap svg{ width:100%; height:auto; }\r\n.flow-dash{ stroke-dasharray:6 8; animation:dashmove 6s linear infinite; }\r\n@keyframes dashmove{ to{ stroke-dashoffset:-140; } }\r\n.flow-pulse{ animation:pulse 2.8s ease-in-out infinite; transform-origin:center; }\r\n@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }\r\n\r\n\/* ---------- section headers ---------- *\/\r\n.section-head{ max-width:640px; margin-bottom:52px; }\r\n.section-head h2{ font-size:clamp(1.6rem,2.6vw,2.1rem); }\r\n.section-head.on-dark p{ color:#B9C6BC; }\r\n.section-head.on-dark h2{ color:var(--paper); }\r\n.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }\r\n.section-head.center .tick{ justify-content:center; }\r\n\r\n\/* ---------- alt background sections ---------- *\/\r\n.bg-alt{ background:var(--paper-alt); }\r\n.bg-forest{ background:var(--forest-deep); color:var(--paper); }\r\n.bg-forest p{ color:#B9C6BC; }\r\n\r\n\/* ---------- grids & cards ---------- *\/\r\n.grid{ display:grid; gap:26px; }\r\n.grid-3{ grid-template-columns:repeat(3,1fr); }\r\n.grid-2{ grid-template-columns:repeat(2,1fr); }\r\n.grid-4{ grid-template-columns:repeat(4,1fr); }\r\n@media (max-width:900px){ .grid-3,.grid-4{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:620px){\r\n .grid-2{ grid-template-columns:1fr; }\r\n}\r\n@media (max-width:480px){\r\n .grid{ gap:14px; }\r\n .card{ padding:20px 16px; }\r\n .card h3{ font-size:0.98rem; }\r\n .card p{ font-size:0.86rem; }\r\n}\r\n\r\n.card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:30px 26px;\r\n border-left:3px solid var(--mint-dim);\r\n transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;\r\n}\r\n.card.brass{ border-left-color:var(--brass); }\r\n.card h3{ font-size:1.08rem; margin-bottom:10px; transition:color .2s ease; }\r\n.card svg.svc-icon{ width:34px; height:34px; margin-bottom:14px; color:var(--mint-dim); display:block; }\r\n.card.brass svg.svc-icon{ color:var(--brass-deep); }\r\n.card p{ font-size:0.95rem; margin-bottom:0; }\r\n.card .tag-row{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }\r\n\r\n\/* clickable service cards: hover lift + color, active press *\/\r\na.card, a.card:link, a.card:visited, a.card:hover, a.card:active,\r\na.card *, a.card:hover *{\r\n text-decoration:none !important;\r\n}\r\na.card{ color:inherit; cursor:pointer; }\r\na.card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 14px 28px rgba(6,37,28,0.14);\r\n border-color:var(--mint-dim);\r\n background:#FBFEFC;\r\n}\r\na.card.brass:hover{\r\n border-color:var(--brass);\r\n box-shadow:0 14px 28px rgba(156,124,28,0.16);\r\n}\r\na.card:hover h3{ color:var(--mint-dim); }\r\na.card.brass:hover h3{ color:var(--brass-deep); }\r\na.card:active{\r\n transform:translateY(-1px) scale(0.98);\r\n box-shadow:0 6px 14px rgba(6,37,28,0.12);\r\n}\r\n\r\n\/* scroll-triggered reveal for service cards \u2014 visible by default (no-JS safe);\r\n JS adds .js-armed right before observing, so content never gets stuck hidden\r\n if the <script> tag is stripped (common when pasting into WordPress\/CMS). *\/\r\n.reveal-on-scroll.js-armed{\r\n opacity:0;\r\n transform:translateY(26px);\r\n transition:opacity .55s ease, transform .55s ease;\r\n}\r\n.reveal-on-scroll.in-view{ opacity:1; transform:none; }\r\n.grid .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.grid .reveal-on-scroll:nth-child(2){ transition-delay:70ms; }\r\n.grid .reveal-on-scroll:nth-child(3){ transition-delay:140ms; }\r\n.grid .reveal-on-scroll:nth-child(4){ transition-delay:210ms; }\r\n.grid .reveal-on-scroll:nth-child(5){ transition-delay:280ms; }\r\n.grid .reveal-on-scroll:nth-child(6){ transition-delay:350ms; }\r\n.grid .reveal-on-scroll:nth-child(7){ transition-delay:420ms; }\r\n.grid .reveal-on-scroll:nth-child(8){ transition-delay:490ms; }\r\n\r\n.tag{\r\n font-size:0.74rem; font-weight:600;\r\n padding:4px 10px; border-radius:100px;\r\n background:var(--paper-alt); color:var(--ink-soft);\r\n}\r\n\r\n\/* stat strip *\/\r\n.stats{ display:flex; gap:0; border-top:1px solid var(--line-invert); }\r\n.stat{ flex:1; padding:26px 0 0; }\r\n.stat .num{ font-family:var(--font-display); font-size:2rem; font-weight:700; color:var(--mint); }\r\n.stat .label{ font-size:0.85rem; color:#9FB0A5; margin-top:4px; }\r\n\r\n\/* process steps *\/\r\n.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; counter-reset:step; }\r\n@media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:560px){ .steps{ grid-template-columns:1fr; } }\r\n.step{ position:relative; padding-top:44px; border-top:2px solid var(--line); }\r\n.step::before{\r\n counter-increment:step;\r\n content:counter(step, decimal-leading-zero);\r\n position:absolute; top:-14px; left:0;\r\n font-family:var(--font-display); font-weight:700;\r\n font-size:0.85rem; color:var(--forest-deep);\r\n background:var(--paper); padding-right:10px;\r\n}\r\n.step h4{ font-size:1.02rem; }\r\n.step p{ font-size:0.92rem; }\r\n\r\n\/* placeholder callout (used for portfolio\/testimonial slots needing real data) *\/\r\n.placeholder-note{\r\n border:1px dashed var(--brass-deep);\r\n background:#FBF6E6;\r\n color:var(--brass-deep);\r\n font-size:0.82rem;\r\n font-weight:500;\r\n padding:10px 14px;\r\n border-radius:var(--radius);\r\n margin-top:16px;\r\n}\r\n\r\n.quote-card{\r\n border:1px dashed var(--line);\r\n border-radius:var(--radius);\r\n padding:28px 26px;\r\n background:var(--paper-alt);\r\n}\r\n.quote-card p{ font-style:italic; font-size:1rem; margin-bottom:14px; }\r\n.quote-card .who{ font-style:normal; font-size:0.85rem; font-weight:600; color:var(--ink-soft); }\r\n\r\n\/* skill groups: Skills & Tools section *\/\r\n.skill-group{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:24px 22px;\r\n}\r\n.skill-group h4{\r\n font-family:var(--font-display);\r\n font-size:0.98rem;\r\n margin-bottom:14px;\r\n color:var(--forest-deep);\r\n}\r\n.skill-group .pill-list{ gap:8px; }\r\n.skill-group .pill{ font-size:0.78rem; padding:6px 12px; }\r\n\r\n\/* pull-quote inside About *\/\r\n.pull-quote{\r\n border-left:3px solid var(--brass);\r\n padding-left:20px;\r\n font-family:var(--font-display);\r\n font-weight:500;\r\n font-size:1.12rem;\r\n color:var(--ink);\r\n margin:24px 0;\r\n max-width:52ch;\r\n}\r\n\r\n\/* capability panels: What I Do *\/\r\n.capability-panel{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-top:3px solid var(--mint-dim);\r\n border-radius:var(--radius);\r\n padding:34px 30px;\r\n}\r\n.capability-panel.brass{ border-top-color:var(--brass); }\r\n.capability-panel h3{ font-size:1.15rem; margin-bottom:8px; }\r\n.capability-panel > p{ font-size:0.92rem; margin-bottom:22px; }\r\n.pill-list{ display:flex; flex-wrap:wrap; gap:10px; }\r\n.pill{\r\n font-size:0.82rem; font-weight:500;\r\n padding:7px 14px; border-radius:100px;\r\n background:var(--paper-alt); color:var(--ink-soft);\r\n border:1px solid var(--line);\r\n}\r\n\r\n\/* statement band *\/\r\n.statement-band{ padding:70px 0; text-align:center; }\r\n.statement-band .container{ max-width:720px; }\r\n.statement-band h2{ font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.4; margin-top:14px; }\r\n\r\n\/* approach timeline (on dark bg) *\/\r\n.timeline{ position:relative; padding-left:50px; max-width:620px; margin-top:44px; }\r\n.timeline::before{\r\n content:\"\"; position:absolute; left:16px; top:4px; bottom:4px;\r\n width:2px; background:var(--line-invert);\r\n}\r\n.timeline-item{ position:relative; padding-bottom:38px; }\r\n.timeline-item:last-child{ padding-bottom:0; }\r\n.timeline-marker{\r\n position:absolute; left:-50px; top:0;\r\n width:34px; height:34px; border-radius:50%;\r\n background:var(--forest);\r\n border:2px solid var(--mint);\r\n color:var(--mint);\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:var(--font-display); font-weight:700; font-size:0.82rem;\r\n}\r\n.timeline-item.brass .timeline-marker{ border-color:var(--brass); color:var(--brass); }\r\n.timeline-item h4{ color:var(--paper); font-size:1.06rem; margin-bottom:6px; }\r\n.timeline-item p{ color:#B9C6BC; margin-bottom:0; font-size:0.94rem; max-width:50ch; }\r\n\r\n\/* approach section: two-col layout with rotating visual *\/\r\n.approach-grid{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center; }\r\n@media (max-width:900px){ .approach-grid{ grid-template-columns:1fr; } }\r\n\r\n.approach-visual{\r\n position:relative;\r\n background:var(--forest);\r\n border:1px solid var(--forest-line);\r\n border-radius:10px;\r\n min-height:340px;\r\n overflow:hidden;\r\n}\r\n.approach-slide{\r\n position:absolute; inset:0;\r\n display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n text-align:center; padding:40px;\r\n opacity:0;\r\n animation:approachCycle 18s infinite;\r\n}\r\n.approach-slide svg{ width:52px; height:52px; margin-bottom:20px; }\r\n.approach-slide:not(.brass) svg{ color:var(--mint); }\r\n.approach-slide.brass svg{ color:var(--brass); }\r\n.approach-slide .slide-num{\r\n font-family:var(--font-display); font-weight:700; font-size:0.78rem;\r\n letter-spacing:0.02em; margin-bottom:10px; color:var(--mint);\r\n}\r\n.approach-slide.brass .slide-num{ color:var(--brass); }\r\n.approach-slide h5{ color:var(--paper); font-family:var(--font-display); font-size:1.1rem; margin:0 0 8px; }\r\n.approach-slide p{ color:#9FB0A5; font-size:0.88rem; margin:0; max-width:34ch; }\r\n\r\n.approach-slide:nth-child(1){ animation-delay:0s; }\r\n.approach-slide:nth-child(2){ animation-delay:-3s; }\r\n.approach-slide:nth-child(3){ animation-delay:-6s; }\r\n.approach-slide:nth-child(4){ animation-delay:-9s; }\r\n.approach-slide:nth-child(5){ animation-delay:-12s; }\r\n.approach-slide:nth-child(6){ animation-delay:-15s; }\r\n\r\n@keyframes approachCycle{\r\n 0%{ opacity:0; }\r\n 4%{ opacity:1; }\r\n 13%{ opacity:1; }\r\n 17%{ opacity:0; }\r\n 100%{ opacity:0; }\r\n}\r\n\r\n.approach-dots{ position:absolute; bottom:20px; left:0; right:0; display:flex; justify-content:center; gap:8px; }\r\n.approach-dots span{\r\n width:6px; height:6px; border-radius:50%;\r\n background:var(--line-invert);\r\n animation:approachDot 18s infinite;\r\n}\r\n.approach-dots span:nth-child(1){ animation-delay:0s; }\r\n.approach-dots span:nth-child(2){ animation-delay:-3s; }\r\n.approach-dots span:nth-child(3){ animation-delay:-6s; }\r\n.approach-dots span:nth-child(4){ animation-delay:-9s; }\r\n.approach-dots span:nth-child(5){ animation-delay:-12s; }\r\n.approach-dots span:nth-child(6){ animation-delay:-15s; }\r\n@keyframes approachDot{\r\n 0%,100%{ background:var(--line-invert); }\r\n 4%,13%{ background:var(--mint); }\r\n}\r\n\r\n\/* FAQ accordion *\/\r\n.faq-list{ max-width:760px; }\r\n.faq-item{ border-bottom:1px solid var(--line); padding:20px 0; }\r\n.faq-item summary{\r\n cursor:pointer;\r\n list-style:none;\r\n display:flex; justify-content:space-between; align-items:center; gap:20px;\r\n font-family:var(--font-display); font-weight:600; font-size:1.02rem;\r\n color:var(--ink);\r\n}\r\n.faq-item summary::-webkit-details-marker{ display:none; }\r\n.faq-item summary::after{\r\n content:\"+\"; font-size:1.4rem; font-weight:400; color:var(--brass-deep); flex-shrink:0;\r\n}\r\n.faq-item[open] summary::after{ content:\"\u2013\"; }\r\n.faq-item p{ margin-top:14px; margin-bottom:0; font-size:0.95rem; max-width:65ch; }\r\n\r\n\/* pricing tier cards (Basic\/Standard\/Advanced) *\/\r\n.pricing-grid{\r\n display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\r\n}\r\n@media (max-width:900px){ .pricing-grid{ grid-template-columns:1fr; } }\r\n.pricing-card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:10px;\r\n padding:32px 26px;\r\n display:flex; flex-direction:column;\r\n position:relative;\r\n}\r\n.pricing-card.featured{\r\n border:2px solid var(--brass);\r\n box-shadow:0 16px 34px rgba(11,59,46,0.10);\r\n}\r\n.pricing-card .featured-badge{\r\n position:absolute; top:-13px; left:50%; transform:translateX(-50%);\r\n background:var(--brass); color:var(--forest-deep);\r\n font-size:0.72rem; font-weight:700; letter-spacing:0.02em;\r\n padding:5px 14px; border-radius:100px; white-space:nowrap;\r\n}\r\n.pricing-card .tier-name{\r\n font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:var(--forest-deep);\r\n}\r\n.pricing-card .price{\r\n font-family:var(--font-display); font-weight:700; font-size:1.9rem; color:var(--ink);\r\n margin:10px 0 2px;\r\n}\r\n.pricing-card .price .period{ font-size:0.85rem; font-weight:500; color:var(--ink-soft); }\r\n.pricing-card .setup-note{ font-size:0.82rem; color:var(--ink-soft); margin-bottom:6px; }\r\n.pricing-card ul{ margin:18px 0 24px; flex-grow:1; }\r\n.pricing-card li{\r\n font-size:0.88rem; color:var(--ink-soft);\r\n padding:5px 0; display:flex; gap:8px; align-items:flex-start;\r\n}\r\n.pricing-card li::before{ content:\"\u2713\"; color:var(--mint-dim); font-weight:700; flex-shrink:0; }\r\n.pricing-card .btn{ margin-top:auto; width:100%; justify-content:center; }\r\n.pricing-subhead{ margin:56px 0 22px; }\r\n.pricing-subhead:first-child{ margin-top:0; }\r\n.pricing-subhead h3{ font-size:1.15rem; margin-bottom:4px; }\r\n.pricing-subhead p{ font-size:0.88rem; margin-bottom:0; }\r\n.pricing-note{\r\n font-size:0.85rem; color:var(--ink-soft);\r\n margin-top:18px; padding:12px 16px;\r\n background:var(--paper-alt); border-radius:var(--radius);\r\n}\r\n.onetime-table{ display:grid; gap:0; border-top:1px solid var(--line); }\r\n.onetime-row{\r\n display:flex; justify-content:space-between; gap:20px;\r\n padding:16px 0; border-bottom:1px solid var(--line);\r\n font-size:0.95rem;\r\n}\r\n.onetime-row .svc{ font-weight:600; }\r\n.onetime-row .price{ color:var(--brass-deep); font-weight:600; white-space:nowrap; }\r\n.terms-list li{ font-size:0.92rem; color:var(--ink-soft); padding:8px 0 8px 22px; position:relative; }\r\n.terms-list li::before{ content:\"\u2014\"; position:absolute; left:0; color:var(--brass); }\r\n\r\n\/* ---------- footer ---------- *\/\r\n.site-footer{ background:var(--forest-deep); color:#B9C6BC; padding:64px 0 28px; }\r\n.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; }\r\n@media (max-width:700px){ .footer-grid{ grid-template-columns:1fr; gap:32px; } }\r\n.site-footer h4{ color:var(--paper); font-size:0.95rem; margin-bottom:16px; }\r\n.site-footer .logo{ color:var(--paper); }\r\n.site-footer p{ color:#9FB0A5; font-size:0.92rem; }\r\n.site-footer a{ color:#B9C6BC; }\r\n.site-footer a:hover{ color:var(--mint); }\r\n.foot-links li{ margin-bottom:10px; font-size:0.92rem; }\r\n.foot-bottom{\r\n margin-top:48px; padding-top:22px; border-top:1px solid var(--line-invert);\r\n display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;\r\n font-size:0.82rem; color:#7E9187;\r\n}\r\n\r\n\/* ---------- page hero (inner pages, smaller) ---------- *\/\r\n.page-hero{ background:var(--forest-deep); color:var(--paper); padding:64px 0 56px; position:relative; overflow:hidden; }\r\n.page-hero .container{ position:relative; z-index:1; }\r\n.page-hero h1{ color:var(--paper); font-size:clamp(2rem,3.6vw,2.7rem); max-width:20ch; }\r\n.page-hero p{ color:#C9D3C7; max-width:56ch; }\r\n\r\n\/* ---------- forms ---------- *\/\r\n.form-grid{ display:grid; gap:18px; }\r\nlabel{ font-size:0.85rem; font-weight:600; display:block; margin-bottom:6px; }\r\ninput, textarea, select{\r\n width:100%; padding:12px 14px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n font-family:var(--font-body); font-size:0.95rem;\r\n background:#fff; color:var(--ink);\r\n}\r\ntextarea{ resize:vertical; min-height:130px; }\r\ninput:focus, textarea:focus, select:focus{ border-color:var(--mint-dim); }\r\n.form-note{ font-size:0.82rem; color:var(--ink-soft); margin-top:10px; }\r\n\r\n\/* ---------- misc ---------- *\/\r\n.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }\r\n.two-col.v-center{ align-items:center; }\r\n@media (max-width:820px){ .two-col{ grid-template-columns:1fr; } }\r\n.badge-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }\r\n.badge{\r\n font-size:0.82rem; font-weight:600; padding:8px 14px;\r\n border:1px solid var(--line); border-radius:100px; color:var(--ink-soft);\r\n transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\r\n}\r\n.badge:nth-child(odd):hover{ background:var(--mint); border-color:var(--mint); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge:nth-child(even):hover{ background:var(--brass); border-color:var(--brass); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge-row .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.badge-row .reveal-on-scroll:nth-child(2){ transition-delay:25ms; }\r\n.badge-row .reveal-on-scroll:nth-child(3){ transition-delay:50ms; }\r\n.badge-row .reveal-on-scroll:nth-child(4){ transition-delay:75ms; }\r\n.badge-row .reveal-on-scroll:nth-child(5){ transition-delay:100ms; }\r\n.badge-row .reveal-on-scroll:nth-child(6){ transition-delay:125ms; }\r\n.badge-row .reveal-on-scroll:nth-child(7){ transition-delay:150ms; }\r\n.badge-row .reveal-on-scroll:nth-child(8){ transition-delay:175ms; }\r\n.badge-row .reveal-on-scroll:nth-child(9){ transition-delay:200ms; }\r\n.badge-row .reveal-on-scroll:nth-child(10){ transition-delay:225ms; }\r\n.badge-row .reveal-on-scroll:nth-child(11){ transition-delay:250ms; }\r\n.badge-row .reveal-on-scroll:nth-child(12){ transition-delay:275ms; }\r\n.badge-row .reveal-on-scroll:nth-child(13){ transition-delay:300ms; }\r\n.badge-row .reveal-on-scroll:nth-child(14){ transition-delay:325ms; }\r\n.badge-row .reveal-on-scroll:nth-child(15){ transition-delay:350ms; }\r\n.badge-row .reveal-on-scroll:nth-child(16){ transition-delay:375ms; }\r\n.badge-row .reveal-on-scroll:nth-child(17){ transition-delay:400ms; }\r\n.badge-row .reveal-on-scroll:nth-child(18){ transition-delay:425ms; }\r\n.badge-row .reveal-on-scroll:nth-child(19){ transition-delay:450ms; }\r\n.badge-row .reveal-on-scroll:nth-child(20){ transition-delay:475ms; }\r\n.badge-row .reveal-on-scroll:nth-child(21){ transition-delay:500ms; }\r\n.badge-row .reveal-on-scroll:nth-child(22){ transition-delay:525ms; }\r\n.badge-row .reveal-on-scroll:nth-child(23){ transition-delay:550ms; }\r\n.badge-row .reveal-on-scroll:nth-child(24){ transition-delay:575ms; }\r\n.badge-row .reveal-on-scroll:nth-child(25){ transition-delay:600ms; }\r\n.about-photo-wrap{ position:relative; }\r\n.about-photo-wrap::before{\r\n content:\"\";\r\n position:absolute;\r\n top:20px; left:20px; right:-20px; bottom:-20px;\r\n background:var(--brass);\r\n border-radius:10px;\r\n z-index:0;\r\n}\r\n.about-photo-wrap img{\r\n position:relative; z-index:1;\r\n border-radius:10px;\r\n width:100%;\r\n display:block;\r\n object-fit:cover;\r\n}\r\n@media (max-width:820px){\r\n .about-photo-wrap::before{ top:14px; left:14px; right:-14px; bottom:-14px; }\r\n}\r\n.divider-tick{ display:flex; align-items:center; gap:10px; margin:6px 0 26px; }\r\n.divider-tick span{ width:22px; height:2px; background:var(--brass); display:block; }\r\n\r\n\/* hero flow-diagram svg *\/\r\n.svg-node-bg{ fill:#0F4436; }\r\n.svg-node-border{ fill:none; stroke:var(--forest-line); stroke-width:1.5; }\r\n.svg-line{ fill:none; stroke:var(--mint-dim); stroke-width:1.5; opacity:.8; }\r\n.svg-line-brass{ fill:none; stroke:var(--brass); stroke-width:1.5; opacity:.7; }\r\n.svg-dot{ fill:var(--mint); }\r\n.svg-dot-brass{ fill:var(--brass); }\r\n.svg-label{ font-family:'IBM Plex Sans',sans-serif; font-size:12px; font-weight:600; fill:#D7E3DA; }\r\n.svg-sublabel{ font-family:'IBM Plex Sans',sans-serif; font-size:10px; fill:#8FA599; }\r\n\r\n\/* reveal-on-load hero animation (single orchestrated moment) *\/\r\n.reveal{ opacity:0; transform:translateY(14px); animation:revealUp .7s ease forwards; }\r\n.reveal.d1{ animation-delay:.05s; }\r\n.reveal.d2{ animation-delay:.15s; }\r\n.reveal.d3{ animation-delay:.25s; }\r\n.reveal.d4{ animation-delay:.35s; }\r\n@keyframes revealUp{ to{ opacity:1; transform:none; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<section class=\"page-hero\">\r\n <div class=\"hero-bg\" aria-hidden=\"true\">\r\n <span class=\"blob blob-mint\"><\/span>\r\n <span class=\"blob blob-brass\"><\/span>\r\n <\/div>\r\n <div class=\"container\">\r\n <div class=\"tick on-dark\">Pricing<\/div>\r\n <h1>Straightforward packages, real numbers.<\/h1>\r\n <p>Every price below is a starting point \u2014 send your scope on WhatsApp and I'll confirm the exact fit before anything is billed.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"ecommerce\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">E-commerce packages<\/div>\r\n <h2>Full e-commerce business packages<\/h2>\r\n <p>A complete, end-to-end system to take an online store from zero to scale \u2014 website, payments, marketing, and reporting under one plan.<\/p>\r\n <\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Starter<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $120 one-time setup<\/div>\r\n <ul>\r\n <li>E-commerce Website (WooCommerce)<\/li>\r\n <li>Up to 50 Products Setup<\/li>\r\n <li>bKash \/ Nagad Payment Gateway<\/li>\r\n <li>Facebook Page Management<\/li>\r\n <li>3 Ad Campaigns \/ Month<\/li>\r\n <li>Basic SEO Setup<\/li>\r\n <li>Monthly Performance Report<\/li>\r\n <li>WhatsApp Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Starter%20E-Commerce%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Starter<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Growth<\/div>\r\n <div class=\"price\">$375<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $200 one-time setup<\/div>\r\n <ul>\r\n <li>Custom E-commerce Website<\/li>\r\n <li>Unlimited Products<\/li>\r\n <li>All Payment Gateways<\/li>\r\n <li>Facebook + Instagram Management<\/li>\r\n <li>6 Ad Campaigns \/ Month<\/li>\r\n <li>On-Page SEO<\/li>\r\n <li>Email & SMS Automation<\/li>\r\n <li>Facebook Pixel Setup<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Growth%20E-Commerce%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Growth<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Scale<\/div>\r\n <div class=\"price\">$600<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $325 one-time setup<\/div>\r\n <ul>\r\n <li>Custom Laravel \/ Shopify Store<\/li>\r\n <li>Unlimited Products + CMS<\/li>\r\n <li>All Payment Gateways + API<\/li>\r\n <li>Full Social Media Management<\/li>\r\n <li>Unlimited Ad Campaigns<\/li>\r\n <li>Full SEO (On + Off + Technical)<\/li>\r\n <li>AI Chatbot Integration<\/li>\r\n <li>Email + SMS + Call Support<\/li>\r\n <li>Google & YouTube Ads<\/li>\r\n <li>Weekly Reports + Strategy Call<\/li>\r\n <li>Dedicated Account Manager<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Scale%20E-Commerce%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Scale<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">All packages require a 3-month minimum commitment. Get 10% off on 6 months, or 15% off on 12 months. Prices shown in USD for international clients \u2014 happy to quote in BDT on WhatsApp too.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Individual services<\/div>\r\n <h2>Or pick exactly what you need<\/h2>\r\n <p>Every service below is hired on its own \u2014 Basic, Standard, or Advanced \u2014 no need to buy the full package.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Website design & development<\/div>\r\n <h2>Websites, stores, and landing pages<\/h2>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Business \/ Corporate Website<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Up to 5 Pages<\/li>\r\n <li>Mobile Responsive Design<\/li>\r\n <li>Contact Form<\/li>\r\n <li>Basic SEO Setup<\/li>\r\n <li>SSL Certificate<\/li>\r\n <li>1 Month Free Support<\/li>\r\n <li>Delivery: 7\u201310 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Business%20Website%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$230<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Up to 10 Pages<\/li>\r\n <li>Custom Design<\/li>\r\n <li>Contact + Enquiry Forms<\/li>\r\n <li>On-Page SEO<\/li>\r\n <li>Google Analytics Setup<\/li>\r\n <li>Facebook Pixel Setup<\/li>\r\n <li>Live Chat Integration<\/li>\r\n <li>2 Months Free Support<\/li>\r\n <li>Delivery: 10\u201315 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Business%20Website%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$400<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Unlimited Pages<\/li>\r\n <li>Premium Custom Design<\/li>\r\n <li>CMS (Content Management)<\/li>\r\n <li>Blog Section<\/li>\r\n <li>Advanced SEO Setup<\/li>\r\n <li>Speed Optimization<\/li>\r\n <li>Multi-language (EN + BN)<\/li>\r\n <li>Social Media Integration<\/li>\r\n <li>3 Months Free Support<\/li>\r\n <li>Delivery: 15\u201320 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Business%20Website%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>E-Commerce Website (WordPress \/ WooCommerce)<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Up to 50 Products<\/li>\r\n <li>Mobile Responsive<\/li>\r\n <li>bKash \/ Nagad Gateway<\/li>\r\n <li>Basic Product Filter<\/li>\r\n <li>Order Management<\/li>\r\n <li>SSL Certificate<\/li>\r\n <li>1 Month Support<\/li>\r\n <li>Delivery: 10\u201314 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20WooCommerce%20Website%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$375<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Up to 200 Products<\/li>\r\n <li>Custom Design<\/li>\r\n <li>All Payment Gateways<\/li>\r\n <li>Advanced Product Filter<\/li>\r\n <li>Coupon & Promo System<\/li>\r\n <li>Inventory Management<\/li>\r\n <li>Facebook Pixel<\/li>\r\n <li>On-Page SEO<\/li>\r\n <li>2 Months Support<\/li>\r\n <li>Delivery: 15\u201320 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20WooCommerce%20Website%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$650<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Unlimited Products<\/li>\r\n <li>Premium Custom Design<\/li>\r\n <li>All Gateways + API<\/li>\r\n <li>Multi-vendor Support<\/li>\r\n <li>Loyalty Points System<\/li>\r\n <li>SMS \/ Email Auto Notify<\/li>\r\n <li>Advanced Analytics<\/li>\r\n <li>Full SEO Setup<\/li>\r\n <li>Speed Optimization<\/li>\r\n <li>3 Months Support<\/li>\r\n <li>Delivery: 20\u201330 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20WooCommerce%20Website%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Shopify Store Development<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$160<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Standard Shopify Theme<\/li>\r\n <li>Up to 50 Products Setup<\/li>\r\n <li>Payment Gateway Setup<\/li>\r\n <li>Mobile Responsive<\/li>\r\n <li>Basic Apps Installation<\/li>\r\n <li>1 Month Support<\/li>\r\n <li>Delivery: 7\u201310 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Shopify%20Store%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$325<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Custom Shopify Theme<\/li>\r\n <li>Up to 200 Products<\/li>\r\n <li>All Payment Methods<\/li>\r\n <li>Delivery Integration<\/li>\r\n <li>Email Marketing Setup<\/li>\r\n <li>Facebook & Google Pixel<\/li>\r\n <li>Abandoned Cart Recovery<\/li>\r\n <li>2 Months Support<\/li>\r\n <li>Delivery: 10\u201315 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Shopify%20Store%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$575<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Custom Theme Development<\/li>\r\n <li>Unlimited Products<\/li>\r\n <li>Multi-currency Support<\/li>\r\n <li>Advanced Apps Setup<\/li>\r\n <li>Full Analytics Dashboard<\/li>\r\n <li>AI Product Recommendations<\/li>\r\n <li>International SEO<\/li>\r\n <li>3 Months Support<\/li>\r\n <li>Delivery: 15\u201325 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Shopify%20Store%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Landing Page Development<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$70<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Single Page Design<\/li>\r\n <li>Mobile Responsive<\/li>\r\n <li>Contact \/ Order Form<\/li>\r\n <li>Basic Conversion Design<\/li>\r\n <li>Delivery: 3\u20135 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Landing%20Page%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>High-converting Design<\/li>\r\n <li>Mobile + Speed Optimized<\/li>\r\n <li>Order + Payment Form<\/li>\r\n <li>WhatsApp Integration<\/li>\r\n <li>Facebook Pixel<\/li>\r\n <li>Delivery: 5\u20137 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Landing%20Page%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Premium Custom Design<\/li>\r\n <li>A\/B Testing Ready<\/li>\r\n <li>Full Analytics Setup<\/li>\r\n <li>CRM Integration<\/li>\r\n <li>Auto-responder Email<\/li>\r\n <li>SMS Confirmation<\/li>\r\n <li>Delivery: 7\u201310 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Landing%20Page%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Digital marketing<\/div>\r\n <h2>Ads and social media management<\/h2>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Facebook & Instagram Ads Management<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$100<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $80)<\/div>\r\n <ul>\r\n <li>2 Ad Campaigns \/ Month<\/li>\r\n <li>Audience Research<\/li>\r\n <li>Ad Creative (2 Designs)<\/li>\r\n <li>Basic Targeting<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Facebook%20%26%20Instagram%20Ads%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$160<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $120)<\/div>\r\n <ul>\r\n <li>4 Ad Campaigns \/ Month<\/li>\r\n <li>Pixel Setup & Tracking<\/li>\r\n <li>Custom Audiences<\/li>\r\n <li>Retargeting Campaigns<\/li>\r\n <li>Ad Creative (5 Designs)<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Facebook%20%26%20Instagram%20Ads%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$280<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $200)<\/div>\r\n <ul>\r\n <li>Unlimited Campaigns<\/li>\r\n <li>Full Pixel + CAPI Setup<\/li>\r\n <li>Lookalike Audiences<\/li>\r\n <li>Full Funnel Strategy<\/li>\r\n <li>Ad Creative (10+ Designs)<\/li>\r\n <li>Weekly Reports<\/li>\r\n <li>A\/B Testing<\/li>\r\n <li>Conversion Optimization<\/li>\r\n <li>WhatsApp Ads<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Facebook%20%26%20Instagram%20Ads%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Google & YouTube Ads<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $80)<\/div>\r\n <ul>\r\n <li>Search Ads Setup<\/li>\r\n <li>Keyword Research<\/li>\r\n <li>2 Ad Groups<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Google%20%26%20YouTube%20Ads%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $160)<\/div>\r\n <ul>\r\n <li>Search + Display Ads<\/li>\r\n <li>Advanced Keyword Research<\/li>\r\n <li>Competitor Analysis<\/li>\r\n <li>Remarketing Setup<\/li>\r\n <li>Conversion Tracking<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Google%20%26%20YouTube%20Ads%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$325<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $240)<\/div>\r\n <ul>\r\n <li>Search + Display + YouTube<\/li>\r\n <li>Shopping Ads (E-commerce)<\/li>\r\n <li>Full Conversion Funnel<\/li>\r\n <li>Performance Max Campaigns<\/li>\r\n <li>Advanced Analytics<\/li>\r\n <li>Weekly Strategy Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Google%20%26%20YouTube%20Ads%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Social Media Management<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$80<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>1 Platform (FB or IG)<\/li>\r\n <li>12 Posts \/ Month<\/li>\r\n <li>Basic Graphic Design<\/li>\r\n <li>Caption Writing<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Social%20Media%20Management%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$150<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>2 Platforms (FB + IG)<\/li>\r\n <li>20 Posts \/ Month<\/li>\r\n <li>Custom Graphic Design<\/li>\r\n <li>Caption (BN + EN)<\/li>\r\n <li>Community Management<\/li>\r\n <li>Story \/ Reel (4\/month)<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Social%20Media%20Management%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$240<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>4 Platforms<\/li>\r\n <li>30+ Posts \/ Month<\/li>\r\n <li>Premium Design<\/li>\r\n <li>Video Reels (8\/month)<\/li>\r\n <li>Content Calendar<\/li>\r\n <li>Influencer Coordination<\/li>\r\n <li>Full Community Management<\/li>\r\n <li>Weekly Analytics Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Social%20Media%20Management%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">SEO<\/div>\r\n <h2>Search engine optimization<\/h2>\r\n <\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$100<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Keyword Research (20 KW)<\/li>\r\n <li>On-Page Optimization<\/li>\r\n <li>Meta Tags Setup<\/li>\r\n <li>Google Search Console<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20SEO%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$180<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Keyword Research (50 KW)<\/li>\r\n <li>Full On-Page SEO<\/li>\r\n <li>Technical SEO Audit<\/li>\r\n <li>10 Backlinks \/ Month<\/li>\r\n <li>Local SEO (GMB Setup)<\/li>\r\n <li>5 Blog Posts \/ Month<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20SEO%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$300<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Keyword Research (100+ KW)<\/li>\r\n <li>Full On + Off Page SEO<\/li>\r\n <li>Technical SEO Monthly<\/li>\r\n <li>25+ Backlinks \/ Month<\/li>\r\n <li>Local + International SEO<\/li>\r\n <li>10 Blog Posts \/ Month<\/li>\r\n <li>Speed Optimization<\/li>\r\n <li>Competitor Analysis<\/li>\r\n <li>Schema Markup<\/li>\r\n <li>Weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20SEO%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">SEO results are typically visible within 3\u20136 months.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">AI automation<\/div>\r\n <h2>Chatbots, CRM, and workflow automation<\/h2>\r\n <\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> one-time setup<\/span><\/div>\r\n \r\n <ul>\r\n <li>Facebook Chatbot<\/li>\r\n <li>Auto Reply Setup<\/li>\r\n <li>FAQ Automation<\/li>\r\n <li>Order Confirmation Auto<\/li>\r\n <li>1 Month Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20AI%20Automation%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$240<span class=\"period\"> one-time setup<\/span><\/div>\r\n \r\n <ul>\r\n <li>Facebook + WhatsApp Chatbot<\/li>\r\n <li>Lead Capture Automation<\/li>\r\n <li>Email Auto Sequence<\/li>\r\n <li>SMS Auto Notification<\/li>\r\n <li>CRM Integration<\/li>\r\n <li>Order & Invoice Auto<\/li>\r\n <li>2 Months Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20AI%20Automation%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$450<span class=\"period\"> one-time setup<\/span><\/div>\r\n \r\n <ul>\r\n <li>Multi-channel Chatbot<\/li>\r\n <li>AI-powered Responses<\/li>\r\n <li>Full CRM Automation<\/li>\r\n <li>Inventory Auto Alert<\/li>\r\n <li>Payment Auto Processing<\/li>\r\n <li>Custom Workflow Design<\/li>\r\n <li>Staff Training Included<\/li>\r\n <li>3 Months Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20AI%20Automation%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">Monthly maintenance available afterward \u2014 Basic $25, Standard $40, Advanced $70.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Graphics & video<\/div>\r\n <h2>Design and video editing<\/h2>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Graphics Design \u2014 Social Media Package<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$70<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>10 Social Media Posts<\/li>\r\n <li>Basic Design<\/li>\r\n <li>JPG \/ PNG Delivery<\/li>\r\n <li>2 Revisions \/ Design<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Graphics%20Design%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>20 Posts \/ Month<\/li>\r\n <li>Custom Brand Design<\/li>\r\n <li>Stories & Covers<\/li>\r\n <li>Ad Creative Designs<\/li>\r\n <li>3 Revisions \/ Design<\/li>\r\n <li>Source File Included<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Graphics%20Design%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>30+ Posts \/ Month<\/li>\r\n <li>Premium Brand Design<\/li>\r\n <li>Motion Graphics (5\/mo)<\/li>\r\n <li>Infographic Design<\/li>\r\n <li>Unlimited Ad Creatives<\/li>\r\n <li>Unlimited Revisions<\/li>\r\n <li>Source Files Included<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Graphics%20Design%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Video Editing Package<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$80<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>4 Short Videos \/ Month<\/li>\r\n <li>Up to 60 sec each<\/li>\r\n <li>Basic Captions<\/li>\r\n <li>Background Music<\/li>\r\n <li>1080p Delivery<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Video%20Editing%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$160<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>8 Videos \/ Month<\/li>\r\n <li>Reels + YouTube Shorts<\/li>\r\n <li>Motion Text & Graphics<\/li>\r\n <li>Color Grading<\/li>\r\n <li>Voiceover Ready<\/li>\r\n <li>Thumbnail Design<\/li>\r\n <li>4K Delivery<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Video%20Editing%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$280<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>15+ Videos \/ Month<\/li>\r\n <li>Full Production Edit<\/li>\r\n <li>Animation & Effects<\/li>\r\n <li>Documentary Editing<\/li>\r\n <li>Product Promo Videos<\/li>\r\n <li>YouTube Optimization<\/li>\r\n <li>Wedding \/ Event Editing<\/li>\r\n <li>4K + All Formats<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Video%20Editing%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>One-time design services<\/h3><p>Priced per project, not a monthly package.<\/p><\/div>\r\n <div class=\"onetime-table\">\r\n <div class=\"onetime-row\"><span class=\"svc\">Logo Design<\/span><span class=\"price\">$40\u2013$120<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Brand Identity Kit (Logo + Colors + Fonts + Templates)<\/span><span class=\"price\">$120\u2013$280<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Business Card Design<\/span><span class=\"price\">$10\u2013$25<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Brochure \/ Flyer<\/span><span class=\"price\">$15\u2013$40 \/ design<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Product Promo Video<\/span><span class=\"price\">$70\u2013$160 \/ video<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Wedding Cinematography<\/span><span class=\"price\">$160\u2013$500 \/ event<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Voiceover Service<\/span><span class=\"price\">$15\u2013$70 \/ project<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Seminar \/ Event Video<\/span><span class=\"price\">$120\u2013$325 \/ event<\/span><\/div>\r\n <\/div>\r\n <p style=\"margin-top:24px;\"><a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27d%20like%20a%20quote%20for%20a%20one-time%20design%20service.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Ask about a one-time design<\/a><\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Email, SMS & maintenance<\/div>\r\n <h2>Keeping things running after launch<\/h2>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Email & SMS Marketing<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$70<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>2 Email Campaigns<\/li>\r\n <li>Up to 2,000 Contacts<\/li>\r\n <li>Basic Email Template<\/li>\r\n <li>5,000 SMS \/ Month<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Email%20%26%20SMS%20Marketing%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>5 Email Campaigns<\/li>\r\n <li>Up to 10,000 Contacts<\/li>\r\n <li>Custom Email Design<\/li>\r\n <li>Auto Email Sequence<\/li>\r\n <li>15,000 SMS \/ Month<\/li>\r\n <li>SMS Automation Setup<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Email%20%26%20SMS%20Marketing%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$230<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Unlimited Email Campaigns<\/li>\r\n <li>Unlimited Contacts<\/li>\r\n <li>Full Automation Funnel<\/li>\r\n <li>Segmentation & A\/B Test<\/li>\r\n <li>50,000 SMS \/ Month<\/li>\r\n <li>Call Center Support<\/li>\r\n <li>Weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Email%20%26%20SMS%20Marketing%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Website Maintenance<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$25<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>WordPress Updates<\/li>\r\n <li>Security Monitoring<\/li>\r\n <li>Backup<\/li>\r\n <li>Uptime Monitor<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Website%20Maintenance%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$50<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Everything in Basic<\/li>\r\n <li>Speed Optimization<\/li>\r\n <li>Content Updates (5\/mo)<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Website%20Maintenance%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$100<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Full Care: Security, Speed, Content<\/li>\r\n <li>SEO Check<\/li>\r\n <li>Priority Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Website%20Maintenance%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">20% off website maintenance on an annual commitment.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Good to know<\/div>\r\n <h2>Terms before we start<\/h2>\r\n <\/div>\r\n <ul class=\"terms-list\" style=\"max-width:640px;\">\r\n <li>All prices are shown in USD and are negotiable \u2014 subject to change based on project scope.<\/li>\r\n <li>50% advance payment is required before project commencement.<\/li>\r\n <li>Monthly packages require a minimum 3-month commitment.<\/li>\r\n <li>Ad budget is additional and separate from package pricing.<\/li>\r\n <li>Domain and hosting costs are separate unless specifically mentioned.<\/li>\r\n <\/ul>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-forest\">\r\n <div class=\"container\" style=\"text-align:center;\">\r\n <div class=\"section-head center on-dark\">\r\n <h2>Not sure which package fits?<\/h2>\r\n <p>Send over your business and budget on WhatsApp \u2014 I'll tell you honestly which tier makes sense.<\/p>\r\n <\/div>\r\n <div class=\"hero-actions\" style=\"justify-content:center;\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20not%20sure%20which%20package%20fits%20my%20business%20%E2%80%94%20can%20you%20help%3F\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a>\r\n <a href=\"https:\/\/hasanabrar.com\/services\/\" class=\"btn btn-outline on-dark\">See service details<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\/\/ Mobile nav toggle\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var toggle = document.querySelector('.nav-toggle');\r\n var links = document.querySelector('.nav-links');\r\n if (toggle && links) {\r\n toggle.addEventListener('click', function () {\r\n toggle.classList.toggle('open');\r\n links.classList.toggle('open');\r\n });\r\n links.querySelectorAll('a').forEach(function (a) {\r\n a.addEventListener('click', function () {\r\n toggle.classList.remove('open');\r\n links.classList.remove('open');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Scroll-triggered reveal for service cards\r\n var revealEls = document.querySelectorAll('.reveal-on-scroll');\r\n if (revealEls.length && 'IntersectionObserver' in window) {\r\n revealEls.forEach(function (el) { el.classList.add('js-armed'); });\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n revealEls.forEach(function (el) { io.observe(el); });\r\n }\r\n\r\n \/\/ Contact form \u2014 static placeholder handling.\r\n \/\/ Replace this block with a real endpoint (Formspree, your own API, etc.)\r\n \/\/ before publishing, so submissions actually reach you.\r\n var form = document.querySelector('#contact-form');\r\n if (form) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n var note = document.querySelector('#form-status');\r\n if (note) {\r\n note.textContent = 'Thanks \u2014 this form is not yet wired to an inbox. Connect it to Formspree, your CRM, or a backend endpoint so messages reach you directly.';\r\n }\r\n });\r\n }\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Services \u2014 AI Automation & Digital Marketing | Hasan Abrar \/* ========================================================= Hasan Abrar \u2014 Personal Portfolio Design tokens: deep […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":4,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/pages\/14\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nServices \u2014 AI Automation & Digital Marketing | Hasan Abrar<\/title>\r\n<meta name=\"description\" content=\"Digital marketing services (ads, tracking, SEO, creative, web) and a separate AI automation stack (chatbots, inbox automation, AI agents, voice agents, business automation) from Hasan Abrar.\">\r\n<link rel=\"icon\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%230B3B2E'\/%3E%3Ccircle cx='16' cy='16' r='6' fill='%232FE1AE'\/%3E%3C\/svg%3E\">\r\n<style>\r\n\/* =========================================================\r\n Hasan Abrar \u2014 Personal Portfolio\r\n Design tokens: deep forest green + mint + brass\r\n Type: Space Grotesk (display) \/ IBM Plex Sans (body)\r\n ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=Hind+Siliguri:wght@500;600&display=swap');\r\n\r\n:root{\r\n --forest: #0B3B2E;\r\n --forest-deep: #06251C;\r\n --forest-line: #163F32;\r\n --mint: #2FE1AE;\r\n --mint-dim: #1FAE87;\r\n --brass: #C9A227;\r\n --brass-deep: #9C7C1C;\r\n --paper: #F5F7F1;\r\n --paper-alt: #EAEDE4;\r\n --ink: #121810;\r\n --ink-soft: #4B564C;\r\n --line: rgba(18,24,16,0.13);\r\n --line-invert: rgba(245,247,241,0.16);\r\n\r\n --font-display: 'Space Grotesk', 'Hind Siliguri', sans-serif;\r\n --font-body: 'IBM Plex Sans', 'Hind Siliguri', sans-serif;\r\n\r\n --max: 1160px;\r\n --radius: 6px;\r\n}\r\n\r\n*,*::before,*::after{ box-sizing:border-box; }\r\nhtml{ scroll-behavior:smooth; }\r\nbody{\r\n margin:0;\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:var(--font-body);\r\n font-size:16px;\r\n line-height:1.6;\r\n -webkit-font-smoothing:antialiased;\r\n}\r\nimg{ max-width:100%; display:block; }\r\na{ color:inherit; text-decoration:none; }\r\nul{ margin:0; padding:0; list-style:none; }\r\nh1,h2,h3,h4{\r\n font-family:var(--font-display);\r\n font-weight:600;\r\n line-height:1.15;\r\n margin:0 0 .5em;\r\n letter-spacing:-0.01em;\r\n}\r\np{ margin:0 0 1em; color:var(--ink-soft); max-width:62ch; }\r\n.container{\r\n max-width:var(--max);\r\n margin:0 auto;\r\n padding:0 28px;\r\n}\r\nsection{ padding:96px 0; }\r\n@media (max-width:760px){ section{ padding:64px 0; } }\r\n\r\n:focus-visible{\r\n outline:2px solid var(--mint-dim);\r\n outline-offset:3px;\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }\r\n}\r\n\r\n\/* ---------- node tick: small recurring signature mark ---------- *\/\r\n.tick{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-family:var(--font-body);\r\n font-weight:600;\r\n font-size:0.8rem;\r\n color:var(--mint-dim);\r\n margin-bottom:14px;\r\n}\r\n.tick::before{\r\n content:\"\";\r\n width:18px; height:2px;\r\n background:var(--brass);\r\n display:inline-block;\r\n}\r\n.tick.on-dark{ color:var(--mint); }\r\n\r\n\/* ---------- buttons ---------- *\/\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 26px;\r\n border-radius:var(--radius);\r\n font-family:var(--font-body);\r\n font-weight:600;\r\n font-size:0.96rem;\r\n border:1px solid transparent;\r\n cursor:pointer;\r\n transition:transform .15s ease, background .2s ease, border-color .2s ease, color .2s ease;\r\n}\r\n.btn:hover{ transform:translateY(-1px); }\r\n.btn-primary{ background:var(--mint); color:var(--forest-deep); }\r\n.btn-primary:hover{ background:#4CF0C2; }\r\n.btn-outline{ background:transparent; border-color:var(--line); color:var(--ink); }\r\n.btn-outline:hover{ border-color:var(--ink); }\r\n.btn-outline.on-dark{ border-color:var(--line-invert); color:var(--paper); }\r\n.btn-outline.on-dark:hover{ border-color:var(--paper); }\r\n.btn-brass{ background:var(--brass); color:var(--forest-deep); }\r\n.btn-brass:hover{ background:#DDB53A; }\r\n\r\n\/* ---------- nav ---------- *\/\r\n.site-header{\r\n position:sticky; top:0; z-index:50;\r\n background:rgba(245,247,241,0.92);\r\n backdrop-filter:blur(8px);\r\n border-bottom:1px solid var(--line);\r\n}\r\n.nav-row{\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:18px 28px;\r\n max-width:var(--max); margin:0 auto;\r\n}\r\n.logo{\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:1.15rem;\r\n color:var(--forest-deep);\r\n display:flex; align-items:center; gap:9px;\r\n}\r\n.logo .dot{ width:9px; height:9px; border-radius:50%; background:var(--mint-dim); display:inline-block; }\r\n.nav-links{\r\n display:flex; gap:34px;\r\n font-weight:500; font-size:0.95rem;\r\n}\r\n.nav-links a{\r\n position:relative;\r\n padding:4px 0;\r\n color:var(--ink-soft);\r\n}\r\n.nav-links a:hover{ color:var(--ink); }\r\n.nav-links a.active{ color:var(--ink); }\r\n.nav-links a.active::after{\r\n content:\"\";\r\n position:absolute; left:0; right:0; bottom:-6px;\r\n height:2px; background:var(--brass);\r\n}\r\n.nav-cta{ display:flex; align-items:center; gap:18px; }\r\n.nav-toggle{\r\n display:none;\r\n width:34px; height:34px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n background:none;\r\n align-items:center; justify-content:center;\r\n cursor:pointer;\r\n}\r\n.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{\r\n content:\"\"; display:block; width:16px; height:2px; background:var(--ink);\r\n position:relative; transition:transform .2s ease, opacity .2s ease;\r\n}\r\n.nav-toggle span::before{ position:absolute; top:-5px; }\r\n.nav-toggle span::after{ position:absolute; top:5px; }\r\n.nav-toggle.open span{ background:transparent; }\r\n.nav-toggle.open span::before{ transform:translateY(5px) rotate(45deg); }\r\n.nav-toggle.open span::after{ transform:translateY(-5px) rotate(-45deg); }\r\n\r\n@media (max-width:860px){\r\n .nav-links{\r\n position:fixed; inset:66px 0 auto 0;\r\n background:var(--paper);\r\n flex-direction:column; gap:0;\r\n max-height:0; overflow:hidden;\r\n border-bottom:1px solid var(--line);\r\n transition:max-height .25s ease;\r\n }\r\n .nav-links.open{ max-height:340px; }\r\n .nav-links a{ padding:16px 28px; border-top:1px solid var(--line); width:100%; }\r\n .nav-links a.active::after{ display:none; }\r\n .nav-cta .btn-outline{ display:none; }\r\n .nav-toggle{ display:flex; }\r\n}\r\n\r\n\/* ---------- hero ---------- *\/\r\n.hero{\r\n background:var(--forest-deep);\r\n color:var(--paper);\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n.hero-bg{\r\n position:absolute; inset:0; z-index:0;\r\n overflow:hidden; pointer-events:none;\r\n}\r\n.hero-bg .blob{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(70px);\r\n opacity:0.32;\r\n}\r\n.hero-bg .blob-mint{\r\n width:420px; height:420px;\r\n background:var(--mint);\r\n top:-140px; left:-100px;\r\n animation:blobFloat1 22s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .blob-brass{\r\n width:380px; height:380px;\r\n background:var(--brass);\r\n bottom:-160px; right:-90px;\r\n animation:blobFloat2 26s ease-in-out infinite alternate;\r\n}\r\n@keyframes blobFloat1{\r\n 0%{ transform:translate(0,0) scale(1); }\r\n 100%{ transform:translate(70px,50px) scale(1.15); }\r\n}\r\n@keyframes blobFloat2{\r\n 0%{ transform:translate(0,0) scale(1); }\r\n 100%{ transform:translate(-60px,-40px) scale(1.1); }\r\n}\r\n.hero .container{\r\n position:relative; z-index:1;\r\n display:grid; grid-template-columns:1.05fr 0.95fr;\r\n gap:56px; align-items:center;\r\n padding-top:84px; padding-bottom:84px;\r\n}\r\n@media (max-width:900px){\r\n .hero .container{ grid-template-columns:1fr; padding-top:56px; padding-bottom:56px; }\r\n}\r\n.hero h1{\r\n color:var(--paper);\r\n font-size:clamp(2.25rem, 4.2vw, 3.4rem);\r\n max-width:14ch;\r\n}\r\n.hero .lede{\r\n color:#C9D3C7; font-size:1.08rem; max-width:46ch;\r\n}\r\n.hero .bangla{\r\n font-family:'Hind Siliguri', var(--font-body);\r\n color:var(--brass);\r\n font-size:1.02rem;\r\n margin-top:-6px;\r\n}\r\n.hero-actions{ display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }\r\n.trust-strip{\r\n margin-top:44px;\r\n padding-top:22px;\r\n border-top:1px solid var(--line-invert);\r\n font-size:0.85rem;\r\n color:#9FB0A5;\r\n}\r\n.trust-strip strong{ color:var(--paper); font-weight:600; }\r\n\r\n\/* flow graphic *\/\r\n.flow-wrap{ position:relative; }\r\n.flow-wrap svg{ width:100%; height:auto; }\r\n.flow-dash{ stroke-dasharray:6 8; animation:dashmove 6s linear infinite; }\r\n@keyframes dashmove{ to{ stroke-dashoffset:-140; } }\r\n.flow-pulse{ animation:pulse 2.8s ease-in-out infinite; transform-origin:center; }\r\n@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }\r\n\r\n\/* ---------- section headers ---------- *\/\r\n.section-head{ max-width:640px; margin-bottom:52px; }\r\n.section-head h2{ font-size:clamp(1.6rem,2.6vw,2.1rem); }\r\n.section-head.on-dark p{ color:#B9C6BC; }\r\n.section-head.on-dark h2{ color:var(--paper); }\r\n.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }\r\n.section-head.center .tick{ justify-content:center; }\r\n\r\n\/* ---------- alt background sections ---------- *\/\r\n.bg-alt{ background:var(--paper-alt); }\r\n.bg-forest{ background:var(--forest-deep); color:var(--paper); }\r\n.bg-forest p{ color:#B9C6BC; }\r\n\r\n\/* ---------- grids & cards ---------- *\/\r\n.grid{ display:grid; gap:26px; }\r\n.grid-3{ grid-template-columns:repeat(3,1fr); }\r\n.grid-2{ grid-template-columns:repeat(2,1fr); }\r\n.grid-4{ grid-template-columns:repeat(4,1fr); }\r\n@media (max-width:900px){ .grid-3,.grid-4{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:620px){\r\n .grid-2{ grid-template-columns:1fr; }\r\n}\r\n@media (max-width:480px){\r\n .grid{ gap:14px; }\r\n .card{ padding:20px 16px; }\r\n .card h3{ font-size:0.98rem; }\r\n .card p{ font-size:0.86rem; }\r\n}\r\n\r\n.card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:30px 26px;\r\n border-left:3px solid var(--mint-dim);\r\n transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;\r\n}\r\n.card.brass{ border-left-color:var(--brass); }\r\n.card h3{ font-size:1.08rem; margin-bottom:10px; transition:color .2s ease; }\r\n.card svg.svc-icon{ width:34px; height:34px; margin-bottom:14px; color:var(--mint-dim); display:block; }\r\n.card.brass svg.svc-icon{ color:var(--brass-deep); }\r\n.card p{ font-size:0.95rem; margin-bottom:0; }\r\n.card .tag-row{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }\r\n\r\n\/* clickable service cards: hover lift + color, active press *\/\r\na.card, a.card:link, a.card:visited, a.card:hover, a.card:active,\r\na.card *, a.card:hover *{\r\n text-decoration:none !important;\r\n}\r\na.card{ color:inherit; cursor:pointer; }\r\na.card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 14px 28px rgba(6,37,28,0.14);\r\n border-color:var(--mint-dim);\r\n background:#FBFEFC;\r\n}\r\na.card.brass:hover{\r\n border-color:var(--brass);\r\n box-shadow:0 14px 28px rgba(156,124,28,0.16);\r\n}\r\na.card:hover h3{ color:var(--mint-dim); }\r\na.card.brass:hover h3{ color:var(--brass-deep); }\r\na.card:active{\r\n transform:translateY(-1px) scale(0.98);\r\n box-shadow:0 6px 14px rgba(6,37,28,0.12);\r\n}\r\n\r\n\/* scroll-triggered reveal for service cards \u2014 visible by default (no-JS safe);\r\n JS adds .js-armed right before observing, so content never gets stuck hidden\r\n if the <script> tag is stripped (common when pasting into WordPress\/CMS). *\/\r\n.reveal-on-scroll.js-armed{\r\n opacity:0;\r\n transform:translateY(26px);\r\n transition:opacity .55s ease, transform .55s ease;\r\n}\r\n.reveal-on-scroll.in-view{ opacity:1; transform:none; }\r\n.grid .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.grid .reveal-on-scroll:nth-child(2){ transition-delay:70ms; }\r\n.grid .reveal-on-scroll:nth-child(3){ transition-delay:140ms; }\r\n.grid .reveal-on-scroll:nth-child(4){ transition-delay:210ms; }\r\n.grid .reveal-on-scroll:nth-child(5){ transition-delay:280ms; }\r\n.grid .reveal-on-scroll:nth-child(6){ transition-delay:350ms; }\r\n.grid .reveal-on-scroll:nth-child(7){ transition-delay:420ms; }\r\n.grid .reveal-on-scroll:nth-child(8){ transition-delay:490ms; }\r\n\r\n.tag{\r\n font-size:0.74rem; font-weight:600;\r\n padding:4px 10px; border-radius:100px;\r\n background:var(--paper-alt); color:var(--ink-soft);\r\n}\r\n\r\n\/* stat strip *\/\r\n.stats{ display:flex; gap:0; border-top:1px solid var(--line-invert); }\r\n.stat{ flex:1; padding:26px 0 0; }\r\n.stat .num{ font-family:var(--font-display); font-size:2rem; font-weight:700; color:var(--mint); }\r\n.stat .label{ font-size:0.85rem; color:#9FB0A5; margin-top:4px; }\r\n\r\n\/* process steps *\/\r\n.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; counter-reset:step; }\r\n@media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:560px){ .steps{ grid-template-columns:1fr; } }\r\n.step{ position:relative; padding-top:44px; border-top:2px solid var(--line); }\r\n.step::before{\r\n counter-increment:step;\r\n content:counter(step, decimal-leading-zero);\r\n position:absolute; top:-14px; left:0;\r\n font-family:var(--font-display); font-weight:700;\r\n font-size:0.85rem; color:var(--forest-deep);\r\n background:var(--paper); padding-right:10px;\r\n}\r\n.step h4{ font-size:1.02rem; }\r\n.step p{ font-size:0.92rem; }\r\n\r\n\/* placeholder callout (used for portfolio\/testimonial slots needing real data) *\/\r\n.placeholder-note{\r\n border:1px dashed var(--brass-deep);\r\n background:#FBF6E6;\r\n color:var(--brass-deep);\r\n font-size:0.82rem;\r\n font-weight:500;\r\n padding:10px 14px;\r\n border-radius:var(--radius);\r\n margin-top:16px;\r\n}\r\n\r\n.quote-card{\r\n border:1px dashed var(--line);\r\n border-radius:var(--radius);\r\n padding:28px 26px;\r\n background:var(--paper-alt);\r\n}\r\n.quote-card p{ font-style:italic; font-size:1rem; margin-bottom:14px; }\r\n.quote-card .who{ font-style:normal; font-size:0.85rem; font-weight:600; color:var(--ink-soft); }\r\n\r\n\/* skill groups: Skills & Tools section *\/\r\n.skill-group{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:24px 22px;\r\n}\r\n.skill-group h4{\r\n font-family:var(--font-display);\r\n font-size:0.98rem;\r\n margin-bottom:14px;\r\n color:var(--forest-deep);\r\n}\r\n.skill-group .pill-list{ gap:8px; }\r\n.skill-group .pill{ font-size:0.78rem; padding:6px 12px; }\r\n\r\n\/* pull-quote inside About *\/\r\n.pull-quote{\r\n border-left:3px solid var(--brass);\r\n padding-left:20px;\r\n font-family:var(--font-display);\r\n font-weight:500;\r\n font-size:1.12rem;\r\n color:var(--ink);\r\n margin:24px 0;\r\n max-width:52ch;\r\n}\r\n\r\n\/* capability panels: What I Do *\/\r\n.capability-panel{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-top:3px solid var(--mint-dim);\r\n border-radius:var(--radius);\r\n padding:34px 30px;\r\n}\r\n.capability-panel.brass{ border-top-color:var(--brass); }\r\n.capability-panel h3{ font-size:1.15rem; margin-bottom:8px; }\r\n.capability-panel > p{ font-size:0.92rem; margin-bottom:22px; }\r\n.pill-list{ display:flex; flex-wrap:wrap; gap:10px; }\r\n.pill{\r\n font-size:0.82rem; font-weight:500;\r\n padding:7px 14px; border-radius:100px;\r\n background:var(--paper-alt); color:var(--ink-soft);\r\n border:1px solid var(--line);\r\n}\r\n\r\n\/* statement band *\/\r\n.statement-band{ padding:70px 0; text-align:center; }\r\n.statement-band .container{ max-width:720px; }\r\n.statement-band h2{ font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.4; margin-top:14px; }\r\n\r\n\/* approach timeline (on dark bg) *\/\r\n.timeline{ position:relative; padding-left:50px; max-width:620px; margin-top:44px; }\r\n.timeline::before{\r\n content:\"\"; position:absolute; left:16px; top:4px; bottom:4px;\r\n width:2px; background:var(--line-invert);\r\n}\r\n.timeline-item{ position:relative; padding-bottom:38px; }\r\n.timeline-item:last-child{ padding-bottom:0; }\r\n.timeline-marker{\r\n position:absolute; left:-50px; top:0;\r\n width:34px; height:34px; border-radius:50%;\r\n background:var(--forest);\r\n border:2px solid var(--mint);\r\n color:var(--mint);\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:var(--font-display); font-weight:700; font-size:0.82rem;\r\n}\r\n.timeline-item.brass .timeline-marker{ border-color:var(--brass); color:var(--brass); }\r\n.timeline-item h4{ color:var(--paper); font-size:1.06rem; margin-bottom:6px; }\r\n.timeline-item p{ color:#B9C6BC; margin-bottom:0; font-size:0.94rem; max-width:50ch; }\r\n\r\n\/* approach section: two-col layout with rotating visual *\/\r\n.approach-grid{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center; }\r\n@media (max-width:900px){ .approach-grid{ grid-template-columns:1fr; } }\r\n\r\n.approach-visual{\r\n position:relative;\r\n background:var(--forest);\r\n border:1px solid var(--forest-line);\r\n border-radius:10px;\r\n min-height:340px;\r\n overflow:hidden;\r\n}\r\n.approach-slide{\r\n position:absolute; inset:0;\r\n display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n text-align:center; padding:40px;\r\n opacity:0;\r\n animation:approachCycle 18s infinite;\r\n}\r\n.approach-slide svg{ width:52px; height:52px; margin-bottom:20px; }\r\n.approach-slide:not(.brass) svg{ color:var(--mint); }\r\n.approach-slide.brass svg{ color:var(--brass); }\r\n.approach-slide .slide-num{\r\n font-family:var(--font-display); font-weight:700; font-size:0.78rem;\r\n letter-spacing:0.02em; margin-bottom:10px; color:var(--mint);\r\n}\r\n.approach-slide.brass .slide-num{ color:var(--brass); }\r\n.approach-slide h5{ color:var(--paper); font-family:var(--font-display); font-size:1.1rem; margin:0 0 8px; }\r\n.approach-slide p{ color:#9FB0A5; font-size:0.88rem; margin:0; max-width:34ch; }\r\n\r\n.approach-slide:nth-child(1){ animation-delay:0s; }\r\n.approach-slide:nth-child(2){ animation-delay:-3s; }\r\n.approach-slide:nth-child(3){ animation-delay:-6s; }\r\n.approach-slide:nth-child(4){ animation-delay:-9s; }\r\n.approach-slide:nth-child(5){ animation-delay:-12s; }\r\n.approach-slide:nth-child(6){ animation-delay:-15s; }\r\n\r\n@keyframes approachCycle{\r\n 0%{ opacity:0; }\r\n 4%{ opacity:1; }\r\n 13%{ opacity:1; }\r\n 17%{ opacity:0; }\r\n 100%{ opacity:0; }\r\n}\r\n\r\n.approach-dots{ position:absolute; bottom:20px; left:0; right:0; display:flex; justify-content:center; gap:8px; }\r\n.approach-dots span{\r\n width:6px; height:6px; border-radius:50%;\r\n background:var(--line-invert);\r\n animation:approachDot 18s infinite;\r\n}\r\n.approach-dots span:nth-child(1){ animation-delay:0s; }\r\n.approach-dots span:nth-child(2){ animation-delay:-3s; }\r\n.approach-dots span:nth-child(3){ animation-delay:-6s; }\r\n.approach-dots span:nth-child(4){ animation-delay:-9s; }\r\n.approach-dots span:nth-child(5){ animation-delay:-12s; }\r\n.approach-dots span:nth-child(6){ animation-delay:-15s; }\r\n@keyframes approachDot{\r\n 0%,100%{ background:var(--line-invert); }\r\n 4%,13%{ background:var(--mint); }\r\n}\r\n\r\n\/* FAQ accordion *\/\r\n.faq-list{ max-width:760px; }\r\n.faq-item{ border-bottom:1px solid var(--line); padding:20px 0; }\r\n.faq-item summary{\r\n cursor:pointer;\r\n list-style:none;\r\n display:flex; justify-content:space-between; align-items:center; gap:20px;\r\n font-family:var(--font-display); font-weight:600; font-size:1.02rem;\r\n color:var(--ink);\r\n}\r\n.faq-item summary::-webkit-details-marker{ display:none; }\r\n.faq-item summary::after{\r\n content:\"+\"; font-size:1.4rem; font-weight:400; color:var(--brass-deep); flex-shrink:0;\r\n}\r\n.faq-item[open] summary::after{ content:\"\u2013\"; }\r\n.faq-item p{ margin-top:14px; margin-bottom:0; font-size:0.95rem; max-width:65ch; }\r\n\r\n\/* pricing tier cards (Basic\/Standard\/Advanced) *\/\r\n.pricing-grid{\r\n display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\r\n}\r\n@media (max-width:900px){ .pricing-grid{ grid-template-columns:1fr; } }\r\n.pricing-card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:10px;\r\n padding:32px 26px;\r\n display:flex; flex-direction:column;\r\n position:relative;\r\n}\r\n.pricing-card.featured{\r\n border:2px solid var(--brass);\r\n box-shadow:0 16px 34px rgba(11,59,46,0.10);\r\n}\r\n.pricing-card .featured-badge{\r\n position:absolute; top:-13px; left:50%; transform:translateX(-50%);\r\n background:var(--brass); color:var(--forest-deep);\r\n font-size:0.72rem; font-weight:700; letter-spacing:0.02em;\r\n padding:5px 14px; border-radius:100px; white-space:nowrap;\r\n}\r\n.pricing-card .tier-name{\r\n font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:var(--forest-deep);\r\n}\r\n.pricing-card .price{\r\n font-family:var(--font-display); font-weight:700; font-size:1.9rem; color:var(--ink);\r\n margin:10px 0 2px;\r\n}\r\n.pricing-card .price .period{ font-size:0.85rem; font-weight:500; color:var(--ink-soft); }\r\n.pricing-card .setup-note{ font-size:0.82rem; color:var(--ink-soft); margin-bottom:6px; }\r\n.pricing-card ul{ margin:18px 0 24px; flex-grow:1; }\r\n.pricing-card li{\r\n font-size:0.88rem; color:var(--ink-soft);\r\n padding:5px 0; display:flex; gap:8px; align-items:flex-start;\r\n}\r\n.pricing-card li::before{ content:\"\u2713\"; color:var(--mint-dim); font-weight:700; flex-shrink:0; }\r\n.pricing-card .btn{ margin-top:auto; width:100%; justify-content:center; }\r\n.pricing-subhead{ margin:56px 0 22px; }\r\n.pricing-subhead:first-child{ margin-top:0; }\r\n.pricing-subhead h3{ font-size:1.15rem; margin-bottom:4px; }\r\n.pricing-subhead p{ font-size:0.88rem; margin-bottom:0; }\r\n.pricing-note{\r\n font-size:0.85rem; color:var(--ink-soft);\r\n margin-top:18px; padding:12px 16px;\r\n background:var(--paper-alt); border-radius:var(--radius);\r\n}\r\n.onetime-table{ display:grid; gap:0; border-top:1px solid var(--line); }\r\n.onetime-row{\r\n display:flex; justify-content:space-between; gap:20px;\r\n padding:16px 0; border-bottom:1px solid var(--line);\r\n font-size:0.95rem;\r\n}\r\n.onetime-row .svc{ font-weight:600; }\r\n.onetime-row .price{ color:var(--brass-deep); font-weight:600; white-space:nowrap; }\r\n.terms-list li{ font-size:0.92rem; color:var(--ink-soft); padding:8px 0 8px 22px; position:relative; }\r\n.terms-list li::before{ content:\"\u2014\"; position:absolute; left:0; color:var(--brass); }\r\n\r\n\/* ---------- footer ---------- *\/\r\n.site-footer{ background:var(--forest-deep); color:#B9C6BC; padding:64px 0 28px; }\r\n.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; }\r\n@media (max-width:700px){ .footer-grid{ grid-template-columns:1fr; gap:32px; } }\r\n.site-footer h4{ color:var(--paper); font-size:0.95rem; margin-bottom:16px; }\r\n.site-footer .logo{ color:var(--paper); }\r\n.site-footer p{ color:#9FB0A5; font-size:0.92rem; }\r\n.site-footer a{ color:#B9C6BC; }\r\n.site-footer a:hover{ color:var(--mint); }\r\n.foot-links li{ margin-bottom:10px; font-size:0.92rem; }\r\n.foot-bottom{\r\n margin-top:48px; padding-top:22px; border-top:1px solid var(--line-invert);\r\n display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;\r\n font-size:0.82rem; color:#7E9187;\r\n}\r\n\r\n\/* ---------- page hero (inner pages, smaller) ---------- *\/\r\n.page-hero{ background:var(--forest-deep); color:var(--paper); padding:64px 0 56px; position:relative; overflow:hidden; }\r\n.page-hero .container{ position:relative; z-index:1; }\r\n.page-hero h1{ color:var(--paper); font-size:clamp(2rem,3.6vw,2.7rem); max-width:20ch; }\r\n.page-hero p{ color:#C9D3C7; max-width:56ch; }\r\n\r\n\/* ---------- forms ---------- *\/\r\n.form-grid{ display:grid; gap:18px; }\r\nlabel{ font-size:0.85rem; font-weight:600; display:block; margin-bottom:6px; }\r\ninput, textarea, select{\r\n width:100%; padding:12px 14px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n font-family:var(--font-body); font-size:0.95rem;\r\n background:#fff; color:var(--ink);\r\n}\r\ntextarea{ resize:vertical; min-height:130px; }\r\ninput:focus, textarea:focus, select:focus{ border-color:var(--mint-dim); }\r\n.form-note{ font-size:0.82rem; color:var(--ink-soft); margin-top:10px; }\r\n\r\n\/* ---------- misc ---------- *\/\r\n.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }\r\n.two-col.v-center{ align-items:center; }\r\n@media (max-width:820px){ .two-col{ grid-template-columns:1fr; } }\r\n.badge-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }\r\n.badge{\r\n font-size:0.82rem; font-weight:600; padding:8px 14px;\r\n border:1px solid var(--line); border-radius:100px; color:var(--ink-soft);\r\n transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\r\n}\r\n.badge:nth-child(odd):hover{ background:var(--mint); border-color:var(--mint); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge:nth-child(even):hover{ background:var(--brass); border-color:var(--brass); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge-row .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.badge-row .reveal-on-scroll:nth-child(2){ transition-delay:25ms; }\r\n.badge-row .reveal-on-scroll:nth-child(3){ transition-delay:50ms; }\r\n.badge-row .reveal-on-scroll:nth-child(4){ transition-delay:75ms; }\r\n.badge-row .reveal-on-scroll:nth-child(5){ transition-delay:100ms; }\r\n.badge-row .reveal-on-scroll:nth-child(6){ transition-delay:125ms; }\r\n.badge-row .reveal-on-scroll:nth-child(7){ transition-delay:150ms; }\r\n.badge-row .reveal-on-scroll:nth-child(8){ transition-delay:175ms; }\r\n.badge-row .reveal-on-scroll:nth-child(9){ transition-delay:200ms; }\r\n.badge-row .reveal-on-scroll:nth-child(10){ transition-delay:225ms; }\r\n.badge-row .reveal-on-scroll:nth-child(11){ transition-delay:250ms; }\r\n.badge-row .reveal-on-scroll:nth-child(12){ transition-delay:275ms; }\r\n.badge-row .reveal-on-scroll:nth-child(13){ transition-delay:300ms; }\r\n.badge-row .reveal-on-scroll:nth-child(14){ transition-delay:325ms; }\r\n.badge-row .reveal-on-scroll:nth-child(15){ transition-delay:350ms; }\r\n.badge-row .reveal-on-scroll:nth-child(16){ transition-delay:375ms; }\r\n.badge-row .reveal-on-scroll:nth-child(17){ transition-delay:400ms; }\r\n.badge-row .reveal-on-scroll:nth-child(18){ transition-delay:425ms; }\r\n.badge-row .reveal-on-scroll:nth-child(19){ transition-delay:450ms; }\r\n.badge-row .reveal-on-scroll:nth-child(20){ transition-delay:475ms; }\r\n.badge-row .reveal-on-scroll:nth-child(21){ transition-delay:500ms; }\r\n.badge-row .reveal-on-scroll:nth-child(22){ transition-delay:525ms; }\r\n.badge-row .reveal-on-scroll:nth-child(23){ transition-delay:550ms; }\r\n.badge-row .reveal-on-scroll:nth-child(24){ transition-delay:575ms; }\r\n.badge-row .reveal-on-scroll:nth-child(25){ transition-delay:600ms; }\r\n.about-photo-wrap{ position:relative; }\r\n.about-photo-wrap::before{\r\n content:\"\";\r\n position:absolute;\r\n top:20px; left:20px; right:-20px; bottom:-20px;\r\n background:var(--brass);\r\n border-radius:10px;\r\n z-index:0;\r\n}\r\n.about-photo-wrap img{\r\n position:relative; z-index:1;\r\n border-radius:10px;\r\n width:100%;\r\n display:block;\r\n object-fit:cover;\r\n}\r\n@media (max-width:820px){\r\n .about-photo-wrap::before{ top:14px; left:14px; right:-14px; bottom:-14px; }\r\n}\r\n.divider-tick{ display:flex; align-items:center; gap:10px; margin:6px 0 26px; }\r\n.divider-tick span{ width:22px; height:2px; background:var(--brass); display:block; }\r\n\r\n\/* hero flow-diagram svg *\/\r\n.svg-node-bg{ fill:#0F4436; }\r\n.svg-node-border{ fill:none; stroke:var(--forest-line); stroke-width:1.5; }\r\n.svg-line{ fill:none; stroke:var(--mint-dim); stroke-width:1.5; opacity:.8; }\r\n.svg-line-brass{ fill:none; stroke:var(--brass); stroke-width:1.5; opacity:.7; }\r\n.svg-dot{ fill:var(--mint); }\r\n.svg-dot-brass{ fill:var(--brass); }\r\n.svg-label{ font-family:'IBM Plex Sans',sans-serif; font-size:12px; font-weight:600; fill:#D7E3DA; }\r\n.svg-sublabel{ font-family:'IBM Plex Sans',sans-serif; font-size:10px; fill:#8FA599; }\r\n\r\n\/* reveal-on-load hero animation (single orchestrated moment) *\/\r\n.reveal{ opacity:0; transform:translateY(14px); animation:revealUp .7s ease forwards; }\r\n.reveal.d1{ animation-delay:.05s; }\r\n.reveal.d2{ animation-delay:.15s; }\r\n.reveal.d3{ animation-delay:.25s; }\r\n.reveal.d4{ animation-delay:.35s; }\r\n@keyframes revealUp{ to{ opacity:1; transform:none; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<section class=\"page-hero\">\r\n <div class=\"hero-bg\" aria-hidden=\"true\">\r\n <span class=\"blob blob-mint\"><\/span>\r\n <span class=\"blob blob-brass\"><\/span>\r\n <\/div>\r\n <div class=\"container\">\r\n <div class=\"tick on-dark\">Services<\/div>\r\n <h1>Digital marketing and AI automation, kept deliberately separate.<\/h1>\r\n <p>Two distinct stacks, run by one person \u2014 hire either on its own, or combine them into a system where automation runs what the marketing side sets up.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">AI automation<\/div>\r\n <h2>A separate stack, built to run without you watching it<\/h2>\r\n <p>Automation isn't a line item under marketing here \u2014 it's its own set of builds, each solving one specific bottleneck.<\/p>\r\n <\/div>\r\n <div class=\"grid grid-4\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Chatbot%20Automation%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 10h28a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H19l-8 6v-6H6a3 3 0 0 1-3-3V13a3 3 0 0 1 3-3z\"\/><circle cx=\"13\" cy=\"19\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"20\" cy=\"19\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"27\" cy=\"19\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <h3>Chatbot Automation<\/h3>\r\n <p>Automated chat flows that answer FAQs, qualify leads, and hand off to a human only when needed.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Facebook%20Inbox%20Automation%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 22h8l3 5h10l3-5h8\"\/><path d=\"M4 22v10a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V22L29 7H11z\"\/><\/svg>\r\n <h3>Facebook Inbox Automation<\/h3>\r\n <p>Instant replies and lead capture inside Messenger, tied directly to your ad campaigns.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20WhatsApp%20Inbox%20Automation%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"12\" y=\"4\" width=\"16\" height=\"32\" rx=\"3\"\/><path d=\"M17 30h6\"\/><circle cx=\"20\" cy=\"14\" r=\"4\"\/><\/svg>\r\n <h3>WhatsApp Inbox Automation<\/h3>\r\n <p>Automated order updates, FAQs, and lead qualification inside WhatsApp.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20AI%20Agent%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"14\" width=\"22\" height=\"17\" rx=\"4\"\/><path d=\"M20 14V8\"\/><circle cx=\"20\" cy=\"6\" r=\"2\"\/><circle cx=\"15\" cy=\"22\" r=\"2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"25\" cy=\"22\" r=\"2\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M15 27h10\"\/><\/svg>\r\n <h3>AI Agent<\/h3>\r\n <p>Custom agents that handle multi-step tasks \u2014 research, replies, data entry \u2014 without a person driving each step.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Voice%20Agent%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"15\" y=\"5\" width=\"10\" height=\"18\" rx=\"5\"\/><path d=\"M9 18a11 11 0 0 0 22 0\"\/><path d=\"M20 29v6\"\/><path d=\"M14 35h12\"\/><\/svg>\r\n <h3>Voice Agent<\/h3>\r\n <p>AI-powered voice calling and answering for order confirmation, reminders, or basic support.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Certificate%20Automation%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"20\" cy=\"14\" r=\"10\"\/><path d=\"M15 22l-3 12 8-4 8 4-3-12\"\/><path d=\"M16 14l3 3 6-6\"\/><\/svg>\r\n <h3>Certificate Automation<\/h3>\r\n <p>Automatically generate and send certificates for courses, webinars, or events at scale.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Business%20Automation%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"20\" cy=\"20\" r=\"6\"\/><path d=\"M20 5v5M20 30v5M35 20h-5M10 20H5M30.3 9.7l-3.5 3.5M13.2 26.8l-3.5 3.5M30.3 30.3l-3.5-3.5M13.2 13.2L9.7 9.7\"\/><\/svg>\r\n <h3>Business Automation<\/h3>\r\n <p>Connecting your existing tools \u2014 CRM, sheets, ad accounts \u2014 so routine tasks run without manual work.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Custom%20Automation%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M26 8a7 7 0 0 0-9.6 8.1L6 26.5V33h6.5l10.4-10.4A7 7 0 0 0 31 13l-5 5-4-4 5-5z\"\/><\/svg>\r\n <h3>Custom Automation<\/h3>\r\n <p>A one-off workflow built for a specific bottleneck that off-the-shelf tools don't solve.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Digital marketing<\/div>\r\n <h2>Campaigns, tracking, and content \u2014 run as one system<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-3\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Digital%20Marketing%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 16v8h5l14 8V8L11 16H6z\"\/><path d=\"M25 17a4 4 0 0 1 0 6\"\/><path d=\"M11 24v6a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-4\"\/><\/svg>\r\n <h3>Digital Marketing<\/h3>\r\n <p>Meta, Google & TikTok campaign strategy, funnel planning, and audience targeting built around real purchase data.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Tracking%20%26%20Analytics%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"34\" x2=\"34\" y2=\"34\"\/><line x1=\"12\" y1=\"28\" x2=\"12\" y2=\"18\"\/><line x1=\"20\" y1=\"28\" x2=\"20\" y2=\"10\"\/><line x1=\"28\" y1=\"28\" x2=\"28\" y2=\"22\"\/><\/svg>\r\n <h3>Tracking & Analytics<\/h3>\r\n <p>GTM, Pixel, and conversion API setup so every platform learns from confirmed orders, not guesses.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Web%20%26%20E-commerce%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"8\" width=\"30\" height=\"22\" rx=\"3\"\/><path d=\"M12 33h16\"\/><path d=\"M11 16h18M11 22h18\"\/><\/svg>\r\n <h3>Web & E-commerce<\/h3>\r\n <p>Landing pages and full store builds in WordPress\/Elementor or hand-coded HTML, optimized for conversion.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20SEO%20%26%20Organic%20Growth%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"17\" cy=\"17\" r=\"10\"\/><line x1=\"24.5\" y1=\"24.5\" x2=\"34\" y2=\"34\"\/><\/svg>\r\n <h3>SEO & Organic Growth<\/h3>\r\n <p>Technical SEO, content structure, and on-page fixes so growth doesn't rely on ad spend alone.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Creative%20%26%20Branding%20service.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 5a15 13 0 1 0 0 26c2 0 3-1 3-3s-1-2-1-3.5 1.5-2.5 3-2.5h4a5 5 0 0 0 5-5C34 10 28 5 20 5z\"\/><circle cx=\"14\" cy=\"17\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"20\" cy=\"12\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"26\" cy=\"17\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <h3>Creative & Branding<\/h3>\r\n <p>Brand identity and ad creative direction that stays consistent across every channel.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=I%20need%20Video%20%26%20Content%20service.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <svg class=\"svc-icon\" viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"7\" width=\"30\" height=\"26\" rx=\"4\"\/><path d=\"M17 14l9 6-9 6z\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n <h3>Video & Content<\/h3>\r\n <p>Product and ad video production, from concept and script to final cut.<\/p>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Featured package<\/div>\r\n <h2>Want it all handled in one plan?<\/h2>\r\n <p>The full e-commerce package bundles the services above into one monthly system \u2014 website, ads, and reporting together.<\/p>\r\n <\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Starter<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $120 one-time setup<\/div>\r\n <ul>\r\n <li>E-commerce Website (WooCommerce)<\/li>\r\n <li>Up to 50 Products Setup<\/li>\r\n <li>bKash \/ Nagad Payment Gateway<\/li>\r\n <li>Facebook Page Management<\/li>\r\n <li>3 Ad Campaigns \/ Month<\/li>\r\n <li>Basic SEO Setup<\/li>\r\n <li>Monthly Performance Report<\/li>\r\n <li>WhatsApp Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Starter%20E-Commerce%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Starter<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Growth<\/div>\r\n <div class=\"price\">$375<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $200 one-time setup<\/div>\r\n <ul>\r\n <li>Custom E-commerce Website<\/li>\r\n <li>Unlimited Products<\/li>\r\n <li>All Payment Gateways<\/li>\r\n <li>Facebook + Instagram Management<\/li>\r\n <li>6 Ad Campaigns \/ Month<\/li>\r\n <li>On-Page SEO<\/li>\r\n <li>Email & SMS Automation<\/li>\r\n <li>Facebook Pixel Setup<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Growth%20E-Commerce%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Growth<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Scale<\/div>\r\n <div class=\"price\">$600<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $325 one-time setup<\/div>\r\n <ul>\r\n <li>Custom Laravel \/ Shopify Store<\/li>\r\n <li>Unlimited Products + CMS<\/li>\r\n <li>All Payment Gateways + API<\/li>\r\n <li>Full Social Media Management<\/li>\r\n <li>Unlimited Ad Campaigns<\/li>\r\n <li>Full SEO (On + Off + Technical)<\/li>\r\n <li>AI Chatbot Integration<\/li>\r\n <li>Email + SMS + Call Support<\/li>\r\n <li>Google & YouTube Ads<\/li>\r\n <li>Weekly Reports + Strategy Call<\/li>\r\n <li>Dedicated Account Manager<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Scale%20E-Commerce%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Scale<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">All packages require a 3-month minimum commitment (10% off on 6 months, 15% off on 12). Full tier-by-tier pricing for every individual service is on the <a href=\"https:\/\/hasanabrar.com\/pricing\/\" style=\"color:var(--brass-deep);font-weight:600;\">Pricing page<\/a>.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Process<\/div>\r\n <h2>A four-step system, not a one-off campaign<\/h2>\r\n <\/div>\r\n <div class=\"steps\">\r\n <div class=\"step\"><h4>Audit<\/h4><p>Pixel, funnel, and current spend reviewed for what's actually working.<\/p><\/div>\r\n <div class=\"step\"><h4>Architect<\/h4><p>A plan for the campaigns, pages, and rules the account actually needs.<\/p><\/div>\r\n <div class=\"step\"><h4>Automate<\/h4><p>Thresholds and reporting set up so issues surface before they cost money.<\/p><\/div>\r\n <div class=\"step\"><h4>Amplify<\/h4><p>Scale what the data confirms is working, on a cadence you can keep up with.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Ways to work together<\/div>\r\n <h2>Pick the shape that fits, not the other way around<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-3\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20a%20project-based%20build.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <h3>Project-based build<\/h3>\r\n <p>A landing page, a tracking setup, or an automation rule engine \u2014 scoped, delivered, done.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20a%20monthly%20retainer.\" class=\"card brass reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <h3>Monthly retainer<\/h3>\r\n <p>Ongoing ads management, reporting, and account monitoring, handled on a fixed cadence.<\/p>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27d%20like%20an%20automation%20audit.\" class=\"card reveal-on-scroll\" target=\"_blank\" rel=\"noopener\">\r\n <h3>Automation audit<\/h3>\r\n <p>A focused review of one account to find where manual work can be replaced with rules.<\/p>\r\n <\/a>\r\n <\/div>\r\n <p class=\"pricing-note\">Rates and package tiers are listed in full on the <a href=\"https:\/\/hasanabrar.com\/pricing\/\" style=\"color:var(--brass-deep);font-weight:600;\">Pricing page<\/a>.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-forest\">\r\n <div class=\"container\" style=\"text-align:center;\">\r\n <div class=\"section-head center on-dark\">\r\n <h2>Not sure which service you need?<\/h2>\r\n <p>Send over what you're working with \u2014 I'll tell you honestly where to start.<\/p>\r\n <\/div>\r\n <div class=\"hero-actions\" style=\"justify-content:center;\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27d%20like%20to%20start%20a%20project.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Start a project<\/a>\r\n <a href=\"https:\/\/hasanabrar.com\/portfolio\/\" class=\"btn btn-outline on-dark\">See past work<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\/\/ Mobile nav toggle\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var toggle = document.querySelector('.nav-toggle');\r\n var links = document.querySelector('.nav-links');\r\n if (toggle && links) {\r\n toggle.addEventListener('click', function () {\r\n toggle.classList.toggle('open');\r\n links.classList.toggle('open');\r\n });\r\n links.querySelectorAll('a').forEach(function (a) {\r\n a.addEventListener('click', function () {\r\n toggle.classList.remove('open');\r\n links.classList.remove('open');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Scroll-triggered reveal for service cards\r\n var revealEls = document.querySelectorAll('.reveal-on-scroll');\r\n if (revealEls.length && 'IntersectionObserver' in window) {\r\n revealEls.forEach(function (el) { el.classList.add('js-armed'); });\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n revealEls.forEach(function (el) { io.observe(el); });\r\n }\r\n\r\n \/\/ Contact form \u2014 static placeholder handling.\r\n \/\/ Replace this block with a real endpoint (Formspree, your own API, etc.)\r\n \/\/ before publishing, so submissions actually reach you.\r\n var form = document.querySelector('#contact-form');\r\n if (form) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n var note = document.querySelector('#form-status');\r\n if (note) {\r\n note.textContent = 'Thanks \u2014 this form is not yet wired to an inbox. Connect it to Formspree, your CRM, or a backend endpoint so messages reach you directly.';\r\n }\r\n });\r\n }\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f4764c8 e-con e-atomic-element e-flexbox-base e-e4db301 \" data-id=\"f4764c8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f4764c8\">\n \t\t<div class=\"elementor-element elementor-element-dfc11c7 elementor-widget elementor-widget-html\" data-id=\"dfc11c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Pricing \u2014 Packages & Rates | Hasan Abrar<\/title>\r\n<meta name=\"description\" content=\"E-commerce packages, website development, digital marketing, SEO, AI automation, and design pricing from Hasan Abrar \u2014 transparent tiers, WhatsApp for custom quotes.\">\r\n<link rel=\"icon\" href=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%230B3B2E'\/%3E%3Ccircle cx='16' cy='16' r='6' fill='%232FE1AE'\/%3E%3C\/svg%3E\">\r\n<style>\r\n\/* =========================================================\r\n Hasan Abrar \u2014 Personal Portfolio\r\n Design tokens: deep forest green + mint + brass\r\n Type: Space Grotesk (display) \/ IBM Plex Sans (body)\r\n ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=Hind+Siliguri:wght@500;600&display=swap');\r\n\r\n:root{\r\n --forest: #0B3B2E;\r\n --forest-deep: #06251C;\r\n --forest-line: #163F32;\r\n --mint: #2FE1AE;\r\n --mint-dim: #1FAE87;\r\n --brass: #C9A227;\r\n --brass-deep: #9C7C1C;\r\n --paper: #F5F7F1;\r\n --paper-alt: #EAEDE4;\r\n --ink: #121810;\r\n --ink-soft: #4B564C;\r\n --line: rgba(18,24,16,0.13);\r\n --line-invert: rgba(245,247,241,0.16);\r\n\r\n --font-display: 'Space Grotesk', 'Hind Siliguri', sans-serif;\r\n --font-body: 'IBM Plex Sans', 'Hind Siliguri', sans-serif;\r\n\r\n --max: 1160px;\r\n --radius: 6px;\r\n}\r\n\r\n*,*::before,*::after{ box-sizing:border-box; }\r\nhtml{ scroll-behavior:smooth; }\r\nbody{\r\n margin:0;\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:var(--font-body);\r\n font-size:16px;\r\n line-height:1.6;\r\n -webkit-font-smoothing:antialiased;\r\n}\r\nimg{ max-width:100%; display:block; }\r\na{ color:inherit; text-decoration:none; }\r\nul{ margin:0; padding:0; list-style:none; }\r\nh1,h2,h3,h4{\r\n font-family:var(--font-display);\r\n font-weight:600;\r\n line-height:1.15;\r\n margin:0 0 .5em;\r\n letter-spacing:-0.01em;\r\n}\r\np{ margin:0 0 1em; color:var(--ink-soft); max-width:62ch; }\r\n.container{\r\n max-width:var(--max);\r\n margin:0 auto;\r\n padding:0 28px;\r\n}\r\nsection{ padding:96px 0; }\r\n@media (max-width:760px){ section{ padding:64px 0; } }\r\n\r\n:focus-visible{\r\n outline:2px solid var(--mint-dim);\r\n outline-offset:3px;\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }\r\n}\r\n\r\n\/* ---------- node tick: small recurring signature mark ---------- *\/\r\n.tick{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-family:var(--font-body);\r\n font-weight:600;\r\n font-size:0.8rem;\r\n color:var(--mint-dim);\r\n margin-bottom:14px;\r\n}\r\n.tick::before{\r\n content:\"\";\r\n width:18px; height:2px;\r\n background:var(--brass);\r\n display:inline-block;\r\n}\r\n.tick.on-dark{ color:var(--mint); }\r\n\r\n\/* ---------- buttons ---------- *\/\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 26px;\r\n border-radius:var(--radius);\r\n font-family:var(--font-body);\r\n font-weight:600;\r\n font-size:0.96rem;\r\n border:1px solid transparent;\r\n cursor:pointer;\r\n transition:transform .15s ease, background .2s ease, border-color .2s ease, color .2s ease;\r\n}\r\n.btn:hover{ transform:translateY(-1px); }\r\n.btn-primary{ background:var(--mint); color:var(--forest-deep); }\r\n.btn-primary:hover{ background:#4CF0C2; }\r\n.btn-outline{ background:transparent; border-color:var(--line); color:var(--ink); }\r\n.btn-outline:hover{ border-color:var(--ink); }\r\n.btn-outline.on-dark{ border-color:var(--line-invert); color:var(--paper); }\r\n.btn-outline.on-dark:hover{ border-color:var(--paper); }\r\n.btn-brass{ background:var(--brass); color:var(--forest-deep); }\r\n.btn-brass:hover{ background:#DDB53A; }\r\n\r\n\/* ---------- nav ---------- *\/\r\n.site-header{\r\n position:sticky; top:0; z-index:50;\r\n background:rgba(245,247,241,0.92);\r\n backdrop-filter:blur(8px);\r\n border-bottom:1px solid var(--line);\r\n}\r\n.nav-row{\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:18px 28px;\r\n max-width:var(--max); margin:0 auto;\r\n}\r\n.logo{\r\n font-family:var(--font-display);\r\n font-weight:700;\r\n font-size:1.15rem;\r\n color:var(--forest-deep);\r\n display:flex; align-items:center; gap:9px;\r\n}\r\n.logo .dot{ width:9px; height:9px; border-radius:50%; background:var(--mint-dim); display:inline-block; }\r\n.nav-links{\r\n display:flex; gap:34px;\r\n font-weight:500; font-size:0.95rem;\r\n}\r\n.nav-links a{\r\n position:relative;\r\n padding:4px 0;\r\n color:var(--ink-soft);\r\n}\r\n.nav-links a:hover{ color:var(--ink); }\r\n.nav-links a.active{ color:var(--ink); }\r\n.nav-links a.active::after{\r\n content:\"\";\r\n position:absolute; left:0; right:0; bottom:-6px;\r\n height:2px; background:var(--brass);\r\n}\r\n.nav-cta{ display:flex; align-items:center; gap:18px; }\r\n.nav-toggle{\r\n display:none;\r\n width:34px; height:34px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n background:none;\r\n align-items:center; justify-content:center;\r\n cursor:pointer;\r\n}\r\n.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{\r\n content:\"\"; display:block; width:16px; height:2px; background:var(--ink);\r\n position:relative; transition:transform .2s ease, opacity .2s ease;\r\n}\r\n.nav-toggle span::before{ position:absolute; top:-5px; }\r\n.nav-toggle span::after{ position:absolute; top:5px; }\r\n.nav-toggle.open span{ background:transparent; }\r\n.nav-toggle.open span::before{ transform:translateY(5px) rotate(45deg); }\r\n.nav-toggle.open span::after{ transform:translateY(-5px) rotate(-45deg); }\r\n\r\n@media (max-width:860px){\r\n .nav-links{\r\n position:fixed; inset:66px 0 auto 0;\r\n background:var(--paper);\r\n flex-direction:column; gap:0;\r\n max-height:0; overflow:hidden;\r\n border-bottom:1px solid var(--line);\r\n transition:max-height .25s ease;\r\n }\r\n .nav-links.open{ max-height:340px; }\r\n .nav-links a{ padding:16px 28px; border-top:1px solid var(--line); width:100%; }\r\n .nav-links a.active::after{ display:none; }\r\n .nav-cta .btn-outline{ display:none; }\r\n .nav-toggle{ display:flex; }\r\n}\r\n\r\n\/* ---------- hero ---------- *\/\r\n.hero{\r\n background:var(--forest-deep);\r\n color:var(--paper);\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n.hero-bg{\r\n position:absolute; inset:0; z-index:0;\r\n overflow:hidden; pointer-events:none;\r\n}\r\n.hero-bg .blob{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(70px);\r\n opacity:0.32;\r\n}\r\n.hero-bg .blob-mint{\r\n width:420px; height:420px;\r\n background:var(--mint);\r\n top:-140px; left:-100px;\r\n animation:blobFloat1 22s ease-in-out infinite alternate;\r\n}\r\n.hero-bg .blob-brass{\r\n width:380px; height:380px;\r\n background:var(--brass);\r\n bottom:-160px; right:-90px;\r\n animation:blobFloat2 26s ease-in-out infinite alternate;\r\n}\r\n@keyframes blobFloat1{\r\n 0%{ transform:translate(0,0) scale(1); }\r\n 100%{ transform:translate(70px,50px) scale(1.15); }\r\n}\r\n@keyframes blobFloat2{\r\n 0%{ transform:translate(0,0) scale(1); }\r\n 100%{ transform:translate(-60px,-40px) scale(1.1); }\r\n}\r\n.hero .container{\r\n position:relative; z-index:1;\r\n display:grid; grid-template-columns:1.05fr 0.95fr;\r\n gap:56px; align-items:center;\r\n padding-top:84px; padding-bottom:84px;\r\n}\r\n@media (max-width:900px){\r\n .hero .container{ grid-template-columns:1fr; padding-top:56px; padding-bottom:56px; }\r\n}\r\n.hero h1{\r\n color:var(--paper);\r\n font-size:clamp(2.25rem, 4.2vw, 3.4rem);\r\n max-width:14ch;\r\n}\r\n.hero .lede{\r\n color:#C9D3C7; font-size:1.08rem; max-width:46ch;\r\n}\r\n.hero .bangla{\r\n font-family:'Hind Siliguri', var(--font-body);\r\n color:var(--brass);\r\n font-size:1.02rem;\r\n margin-top:-6px;\r\n}\r\n.hero-actions{ display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }\r\n.trust-strip{\r\n margin-top:44px;\r\n padding-top:22px;\r\n border-top:1px solid var(--line-invert);\r\n font-size:0.85rem;\r\n color:#9FB0A5;\r\n}\r\n.trust-strip strong{ color:var(--paper); font-weight:600; }\r\n\r\n\/* flow graphic *\/\r\n.flow-wrap{ position:relative; }\r\n.flow-wrap svg{ width:100%; height:auto; }\r\n.flow-dash{ stroke-dasharray:6 8; animation:dashmove 6s linear infinite; }\r\n@keyframes dashmove{ to{ stroke-dashoffset:-140; } }\r\n.flow-pulse{ animation:pulse 2.8s ease-in-out infinite; transform-origin:center; }\r\n@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }\r\n\r\n\/* ---------- section headers ---------- *\/\r\n.section-head{ max-width:640px; margin-bottom:52px; }\r\n.section-head h2{ font-size:clamp(1.6rem,2.6vw,2.1rem); }\r\n.section-head.on-dark p{ color:#B9C6BC; }\r\n.section-head.on-dark h2{ color:var(--paper); }\r\n.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }\r\n.section-head.center .tick{ justify-content:center; }\r\n\r\n\/* ---------- alt background sections ---------- *\/\r\n.bg-alt{ background:var(--paper-alt); }\r\n.bg-forest{ background:var(--forest-deep); color:var(--paper); }\r\n.bg-forest p{ color:#B9C6BC; }\r\n\r\n\/* ---------- grids & cards ---------- *\/\r\n.grid{ display:grid; gap:26px; }\r\n.grid-3{ grid-template-columns:repeat(3,1fr); }\r\n.grid-2{ grid-template-columns:repeat(2,1fr); }\r\n.grid-4{ grid-template-columns:repeat(4,1fr); }\r\n@media (max-width:900px){ .grid-3,.grid-4{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:620px){\r\n .grid-2{ grid-template-columns:1fr; }\r\n}\r\n@media (max-width:480px){\r\n .grid{ gap:14px; }\r\n .card{ padding:20px 16px; }\r\n .card h3{ font-size:0.98rem; }\r\n .card p{ font-size:0.86rem; }\r\n}\r\n\r\n.card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:30px 26px;\r\n border-left:3px solid var(--mint-dim);\r\n transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;\r\n}\r\n.card.brass{ border-left-color:var(--brass); }\r\n.card h3{ font-size:1.08rem; margin-bottom:10px; transition:color .2s ease; }\r\n.card svg.svc-icon{ width:34px; height:34px; margin-bottom:14px; color:var(--mint-dim); display:block; }\r\n.card.brass svg.svc-icon{ color:var(--brass-deep); }\r\n.card p{ font-size:0.95rem; margin-bottom:0; }\r\n.card .tag-row{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }\r\n\r\n\/* clickable service cards: hover lift + color, active press *\/\r\na.card, a.card:link, a.card:visited, a.card:hover, a.card:active,\r\na.card *, a.card:hover *{\r\n text-decoration:none !important;\r\n}\r\na.card{ color:inherit; cursor:pointer; }\r\na.card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 14px 28px rgba(6,37,28,0.14);\r\n border-color:var(--mint-dim);\r\n background:#FBFEFC;\r\n}\r\na.card.brass:hover{\r\n border-color:var(--brass);\r\n box-shadow:0 14px 28px rgba(156,124,28,0.16);\r\n}\r\na.card:hover h3{ color:var(--mint-dim); }\r\na.card.brass:hover h3{ color:var(--brass-deep); }\r\na.card:active{\r\n transform:translateY(-1px) scale(0.98);\r\n box-shadow:0 6px 14px rgba(6,37,28,0.12);\r\n}\r\n\r\n\/* scroll-triggered reveal for service cards \u2014 visible by default (no-JS safe);\r\n JS adds .js-armed right before observing, so content never gets stuck hidden\r\n if the <script> tag is stripped (common when pasting into WordPress\/CMS). *\/\r\n.reveal-on-scroll.js-armed{\r\n opacity:0;\r\n transform:translateY(26px);\r\n transition:opacity .55s ease, transform .55s ease;\r\n}\r\n.reveal-on-scroll.in-view{ opacity:1; transform:none; }\r\n.grid .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.grid .reveal-on-scroll:nth-child(2){ transition-delay:70ms; }\r\n.grid .reveal-on-scroll:nth-child(3){ transition-delay:140ms; }\r\n.grid .reveal-on-scroll:nth-child(4){ transition-delay:210ms; }\r\n.grid .reveal-on-scroll:nth-child(5){ transition-delay:280ms; }\r\n.grid .reveal-on-scroll:nth-child(6){ transition-delay:350ms; }\r\n.grid .reveal-on-scroll:nth-child(7){ transition-delay:420ms; }\r\n.grid .reveal-on-scroll:nth-child(8){ transition-delay:490ms; }\r\n\r\n.tag{\r\n font-size:0.74rem; font-weight:600;\r\n padding:4px 10px; border-radius:100px;\r\n background:var(--paper-alt); color:var(--ink-soft);\r\n}\r\n\r\n\/* stat strip *\/\r\n.stats{ display:flex; gap:0; border-top:1px solid var(--line-invert); }\r\n.stat{ flex:1; padding:26px 0 0; }\r\n.stat .num{ font-family:var(--font-display); font-size:2rem; font-weight:700; color:var(--mint); }\r\n.stat .label{ font-size:0.85rem; color:#9FB0A5; margin-top:4px; }\r\n\r\n\/* process steps *\/\r\n.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; counter-reset:step; }\r\n@media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }\r\n@media (max-width:560px){ .steps{ grid-template-columns:1fr; } }\r\n.step{ position:relative; padding-top:44px; border-top:2px solid var(--line); }\r\n.step::before{\r\n counter-increment:step;\r\n content:counter(step, decimal-leading-zero);\r\n position:absolute; top:-14px; left:0;\r\n font-family:var(--font-display); font-weight:700;\r\n font-size:0.85rem; color:var(--forest-deep);\r\n background:var(--paper); padding-right:10px;\r\n}\r\n.step h4{ font-size:1.02rem; }\r\n.step p{ font-size:0.92rem; }\r\n\r\n\/* placeholder callout (used for portfolio\/testimonial slots needing real data) *\/\r\n.placeholder-note{\r\n border:1px dashed var(--brass-deep);\r\n background:#FBF6E6;\r\n color:var(--brass-deep);\r\n font-size:0.82rem;\r\n font-weight:500;\r\n padding:10px 14px;\r\n border-radius:var(--radius);\r\n margin-top:16px;\r\n}\r\n\r\n.quote-card{\r\n border:1px dashed var(--line);\r\n border-radius:var(--radius);\r\n padding:28px 26px;\r\n background:var(--paper-alt);\r\n}\r\n.quote-card p{ font-style:italic; font-size:1rem; margin-bottom:14px; }\r\n.quote-card .who{ font-style:normal; font-size:0.85rem; font-weight:600; color:var(--ink-soft); }\r\n\r\n\/* skill groups: Skills & Tools section *\/\r\n.skill-group{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n padding:24px 22px;\r\n}\r\n.skill-group h4{\r\n font-family:var(--font-display);\r\n font-size:0.98rem;\r\n margin-bottom:14px;\r\n color:var(--forest-deep);\r\n}\r\n.skill-group .pill-list{ gap:8px; }\r\n.skill-group .pill{ font-size:0.78rem; padding:6px 12px; }\r\n\r\n\/* pull-quote inside About *\/\r\n.pull-quote{\r\n border-left:3px solid var(--brass);\r\n padding-left:20px;\r\n font-family:var(--font-display);\r\n font-weight:500;\r\n font-size:1.12rem;\r\n color:var(--ink);\r\n margin:24px 0;\r\n max-width:52ch;\r\n}\r\n\r\n\/* capability panels: What I Do *\/\r\n.capability-panel{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-top:3px solid var(--mint-dim);\r\n border-radius:var(--radius);\r\n padding:34px 30px;\r\n}\r\n.capability-panel.brass{ border-top-color:var(--brass); }\r\n.capability-panel h3{ font-size:1.15rem; margin-bottom:8px; }\r\n.capability-panel > p{ font-size:0.92rem; margin-bottom:22px; }\r\n.pill-list{ display:flex; flex-wrap:wrap; gap:10px; }\r\n.pill{\r\n font-size:0.82rem; font-weight:500;\r\n padding:7px 14px; border-radius:100px;\r\n background:var(--paper-alt); color:var(--ink-soft);\r\n border:1px solid var(--line);\r\n}\r\n\r\n\/* statement band *\/\r\n.statement-band{ padding:70px 0; text-align:center; }\r\n.statement-band .container{ max-width:720px; }\r\n.statement-band h2{ font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.4; margin-top:14px; }\r\n\r\n\/* approach timeline (on dark bg) *\/\r\n.timeline{ position:relative; padding-left:50px; max-width:620px; margin-top:44px; }\r\n.timeline::before{\r\n content:\"\"; position:absolute; left:16px; top:4px; bottom:4px;\r\n width:2px; background:var(--line-invert);\r\n}\r\n.timeline-item{ position:relative; padding-bottom:38px; }\r\n.timeline-item:last-child{ padding-bottom:0; }\r\n.timeline-marker{\r\n position:absolute; left:-50px; top:0;\r\n width:34px; height:34px; border-radius:50%;\r\n background:var(--forest);\r\n border:2px solid var(--mint);\r\n color:var(--mint);\r\n display:flex; align-items:center; justify-content:center;\r\n font-family:var(--font-display); font-weight:700; font-size:0.82rem;\r\n}\r\n.timeline-item.brass .timeline-marker{ border-color:var(--brass); color:var(--brass); }\r\n.timeline-item h4{ color:var(--paper); font-size:1.06rem; margin-bottom:6px; }\r\n.timeline-item p{ color:#B9C6BC; margin-bottom:0; font-size:0.94rem; max-width:50ch; }\r\n\r\n\/* approach section: two-col layout with rotating visual *\/\r\n.approach-grid{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center; }\r\n@media (max-width:900px){ .approach-grid{ grid-template-columns:1fr; } }\r\n\r\n.approach-visual{\r\n position:relative;\r\n background:var(--forest);\r\n border:1px solid var(--forest-line);\r\n border-radius:10px;\r\n min-height:340px;\r\n overflow:hidden;\r\n}\r\n.approach-slide{\r\n position:absolute; inset:0;\r\n display:flex; flex-direction:column; align-items:center; justify-content:center;\r\n text-align:center; padding:40px;\r\n opacity:0;\r\n animation:approachCycle 18s infinite;\r\n}\r\n.approach-slide svg{ width:52px; height:52px; margin-bottom:20px; }\r\n.approach-slide:not(.brass) svg{ color:var(--mint); }\r\n.approach-slide.brass svg{ color:var(--brass); }\r\n.approach-slide .slide-num{\r\n font-family:var(--font-display); font-weight:700; font-size:0.78rem;\r\n letter-spacing:0.02em; margin-bottom:10px; color:var(--mint);\r\n}\r\n.approach-slide.brass .slide-num{ color:var(--brass); }\r\n.approach-slide h5{ color:var(--paper); font-family:var(--font-display); font-size:1.1rem; margin:0 0 8px; }\r\n.approach-slide p{ color:#9FB0A5; font-size:0.88rem; margin:0; max-width:34ch; }\r\n\r\n.approach-slide:nth-child(1){ animation-delay:0s; }\r\n.approach-slide:nth-child(2){ animation-delay:-3s; }\r\n.approach-slide:nth-child(3){ animation-delay:-6s; }\r\n.approach-slide:nth-child(4){ animation-delay:-9s; }\r\n.approach-slide:nth-child(5){ animation-delay:-12s; }\r\n.approach-slide:nth-child(6){ animation-delay:-15s; }\r\n\r\n@keyframes approachCycle{\r\n 0%{ opacity:0; }\r\n 4%{ opacity:1; }\r\n 13%{ opacity:1; }\r\n 17%{ opacity:0; }\r\n 100%{ opacity:0; }\r\n}\r\n\r\n.approach-dots{ position:absolute; bottom:20px; left:0; right:0; display:flex; justify-content:center; gap:8px; }\r\n.approach-dots span{\r\n width:6px; height:6px; border-radius:50%;\r\n background:var(--line-invert);\r\n animation:approachDot 18s infinite;\r\n}\r\n.approach-dots span:nth-child(1){ animation-delay:0s; }\r\n.approach-dots span:nth-child(2){ animation-delay:-3s; }\r\n.approach-dots span:nth-child(3){ animation-delay:-6s; }\r\n.approach-dots span:nth-child(4){ animation-delay:-9s; }\r\n.approach-dots span:nth-child(5){ animation-delay:-12s; }\r\n.approach-dots span:nth-child(6){ animation-delay:-15s; }\r\n@keyframes approachDot{\r\n 0%,100%{ background:var(--line-invert); }\r\n 4%,13%{ background:var(--mint); }\r\n}\r\n\r\n\/* FAQ accordion *\/\r\n.faq-list{ max-width:760px; }\r\n.faq-item{ border-bottom:1px solid var(--line); padding:20px 0; }\r\n.faq-item summary{\r\n cursor:pointer;\r\n list-style:none;\r\n display:flex; justify-content:space-between; align-items:center; gap:20px;\r\n font-family:var(--font-display); font-weight:600; font-size:1.02rem;\r\n color:var(--ink);\r\n}\r\n.faq-item summary::-webkit-details-marker{ display:none; }\r\n.faq-item summary::after{\r\n content:\"+\"; font-size:1.4rem; font-weight:400; color:var(--brass-deep); flex-shrink:0;\r\n}\r\n.faq-item[open] summary::after{ content:\"\u2013\"; }\r\n.faq-item p{ margin-top:14px; margin-bottom:0; font-size:0.95rem; max-width:65ch; }\r\n\r\n\/* pricing tier cards (Basic\/Standard\/Advanced) *\/\r\n.pricing-grid{\r\n display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\r\n}\r\n@media (max-width:900px){ .pricing-grid{ grid-template-columns:1fr; } }\r\n.pricing-card{\r\n background:#fff;\r\n border:1px solid var(--line);\r\n border-radius:10px;\r\n padding:32px 26px;\r\n display:flex; flex-direction:column;\r\n position:relative;\r\n}\r\n.pricing-card.featured{\r\n border:2px solid var(--brass);\r\n box-shadow:0 16px 34px rgba(11,59,46,0.10);\r\n}\r\n.pricing-card .featured-badge{\r\n position:absolute; top:-13px; left:50%; transform:translateX(-50%);\r\n background:var(--brass); color:var(--forest-deep);\r\n font-size:0.72rem; font-weight:700; letter-spacing:0.02em;\r\n padding:5px 14px; border-radius:100px; white-space:nowrap;\r\n}\r\n.pricing-card .tier-name{\r\n font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:var(--forest-deep);\r\n}\r\n.pricing-card .price{\r\n font-family:var(--font-display); font-weight:700; font-size:1.9rem; color:var(--ink);\r\n margin:10px 0 2px;\r\n}\r\n.pricing-card .price .period{ font-size:0.85rem; font-weight:500; color:var(--ink-soft); }\r\n.pricing-card .setup-note{ font-size:0.82rem; color:var(--ink-soft); margin-bottom:6px; }\r\n.pricing-card ul{ margin:18px 0 24px; flex-grow:1; }\r\n.pricing-card li{\r\n font-size:0.88rem; color:var(--ink-soft);\r\n padding:5px 0; display:flex; gap:8px; align-items:flex-start;\r\n}\r\n.pricing-card li::before{ content:\"\u2713\"; color:var(--mint-dim); font-weight:700; flex-shrink:0; }\r\n.pricing-card .btn{ margin-top:auto; width:100%; justify-content:center; }\r\n.pricing-subhead{ margin:56px 0 22px; }\r\n.pricing-subhead:first-child{ margin-top:0; }\r\n.pricing-subhead h3{ font-size:1.15rem; margin-bottom:4px; }\r\n.pricing-subhead p{ font-size:0.88rem; margin-bottom:0; }\r\n.pricing-note{\r\n font-size:0.85rem; color:var(--ink-soft);\r\n margin-top:18px; padding:12px 16px;\r\n background:var(--paper-alt); border-radius:var(--radius);\r\n}\r\n.onetime-table{ display:grid; gap:0; border-top:1px solid var(--line); }\r\n.onetime-row{\r\n display:flex; justify-content:space-between; gap:20px;\r\n padding:16px 0; border-bottom:1px solid var(--line);\r\n font-size:0.95rem;\r\n}\r\n.onetime-row .svc{ font-weight:600; }\r\n.onetime-row .price{ color:var(--brass-deep); font-weight:600; white-space:nowrap; }\r\n.terms-list li{ font-size:0.92rem; color:var(--ink-soft); padding:8px 0 8px 22px; position:relative; }\r\n.terms-list li::before{ content:\"\u2014\"; position:absolute; left:0; color:var(--brass); }\r\n\r\n\/* ---------- footer ---------- *\/\r\n.site-footer{ background:var(--forest-deep); color:#B9C6BC; padding:64px 0 28px; }\r\n.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; }\r\n@media (max-width:700px){ .footer-grid{ grid-template-columns:1fr; gap:32px; } }\r\n.site-footer h4{ color:var(--paper); font-size:0.95rem; margin-bottom:16px; }\r\n.site-footer .logo{ color:var(--paper); }\r\n.site-footer p{ color:#9FB0A5; font-size:0.92rem; }\r\n.site-footer a{ color:#B9C6BC; }\r\n.site-footer a:hover{ color:var(--mint); }\r\n.foot-links li{ margin-bottom:10px; font-size:0.92rem; }\r\n.foot-bottom{\r\n margin-top:48px; padding-top:22px; border-top:1px solid var(--line-invert);\r\n display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;\r\n font-size:0.82rem; color:#7E9187;\r\n}\r\n\r\n\/* ---------- page hero (inner pages, smaller) ---------- *\/\r\n.page-hero{ background:var(--forest-deep); color:var(--paper); padding:64px 0 56px; position:relative; overflow:hidden; }\r\n.page-hero .container{ position:relative; z-index:1; }\r\n.page-hero h1{ color:var(--paper); font-size:clamp(2rem,3.6vw,2.7rem); max-width:20ch; }\r\n.page-hero p{ color:#C9D3C7; max-width:56ch; }\r\n\r\n\/* ---------- forms ---------- *\/\r\n.form-grid{ display:grid; gap:18px; }\r\nlabel{ font-size:0.85rem; font-weight:600; display:block; margin-bottom:6px; }\r\ninput, textarea, select{\r\n width:100%; padding:12px 14px;\r\n border:1px solid var(--line);\r\n border-radius:var(--radius);\r\n font-family:var(--font-body); font-size:0.95rem;\r\n background:#fff; color:var(--ink);\r\n}\r\ntextarea{ resize:vertical; min-height:130px; }\r\ninput:focus, textarea:focus, select:focus{ border-color:var(--mint-dim); }\r\n.form-note{ font-size:0.82rem; color:var(--ink-soft); margin-top:10px; }\r\n\r\n\/* ---------- misc ---------- *\/\r\n.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }\r\n.two-col.v-center{ align-items:center; }\r\n@media (max-width:820px){ .two-col{ grid-template-columns:1fr; } }\r\n.badge-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }\r\n.badge{\r\n font-size:0.82rem; font-weight:600; padding:8px 14px;\r\n border:1px solid var(--line); border-radius:100px; color:var(--ink-soft);\r\n transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;\r\n}\r\n.badge:nth-child(odd):hover{ background:var(--mint); border-color:var(--mint); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge:nth-child(even):hover{ background:var(--brass); border-color:var(--brass); color:var(--forest-deep); transform:translateY(-2px); }\r\n.badge-row .reveal-on-scroll:nth-child(1){ transition-delay:0ms; }\r\n.badge-row .reveal-on-scroll:nth-child(2){ transition-delay:25ms; }\r\n.badge-row .reveal-on-scroll:nth-child(3){ transition-delay:50ms; }\r\n.badge-row .reveal-on-scroll:nth-child(4){ transition-delay:75ms; }\r\n.badge-row .reveal-on-scroll:nth-child(5){ transition-delay:100ms; }\r\n.badge-row .reveal-on-scroll:nth-child(6){ transition-delay:125ms; }\r\n.badge-row .reveal-on-scroll:nth-child(7){ transition-delay:150ms; }\r\n.badge-row .reveal-on-scroll:nth-child(8){ transition-delay:175ms; }\r\n.badge-row .reveal-on-scroll:nth-child(9){ transition-delay:200ms; }\r\n.badge-row .reveal-on-scroll:nth-child(10){ transition-delay:225ms; }\r\n.badge-row .reveal-on-scroll:nth-child(11){ transition-delay:250ms; }\r\n.badge-row .reveal-on-scroll:nth-child(12){ transition-delay:275ms; }\r\n.badge-row .reveal-on-scroll:nth-child(13){ transition-delay:300ms; }\r\n.badge-row .reveal-on-scroll:nth-child(14){ transition-delay:325ms; }\r\n.badge-row .reveal-on-scroll:nth-child(15){ transition-delay:350ms; }\r\n.badge-row .reveal-on-scroll:nth-child(16){ transition-delay:375ms; }\r\n.badge-row .reveal-on-scroll:nth-child(17){ transition-delay:400ms; }\r\n.badge-row .reveal-on-scroll:nth-child(18){ transition-delay:425ms; }\r\n.badge-row .reveal-on-scroll:nth-child(19){ transition-delay:450ms; }\r\n.badge-row .reveal-on-scroll:nth-child(20){ transition-delay:475ms; }\r\n.badge-row .reveal-on-scroll:nth-child(21){ transition-delay:500ms; }\r\n.badge-row .reveal-on-scroll:nth-child(22){ transition-delay:525ms; }\r\n.badge-row .reveal-on-scroll:nth-child(23){ transition-delay:550ms; }\r\n.badge-row .reveal-on-scroll:nth-child(24){ transition-delay:575ms; }\r\n.badge-row .reveal-on-scroll:nth-child(25){ transition-delay:600ms; }\r\n.about-photo-wrap{ position:relative; }\r\n.about-photo-wrap::before{\r\n content:\"\";\r\n position:absolute;\r\n top:20px; left:20px; right:-20px; bottom:-20px;\r\n background:var(--brass);\r\n border-radius:10px;\r\n z-index:0;\r\n}\r\n.about-photo-wrap img{\r\n position:relative; z-index:1;\r\n border-radius:10px;\r\n width:100%;\r\n display:block;\r\n object-fit:cover;\r\n}\r\n@media (max-width:820px){\r\n .about-photo-wrap::before{ top:14px; left:14px; right:-14px; bottom:-14px; }\r\n}\r\n.divider-tick{ display:flex; align-items:center; gap:10px; margin:6px 0 26px; }\r\n.divider-tick span{ width:22px; height:2px; background:var(--brass); display:block; }\r\n\r\n\/* hero flow-diagram svg *\/\r\n.svg-node-bg{ fill:#0F4436; }\r\n.svg-node-border{ fill:none; stroke:var(--forest-line); stroke-width:1.5; }\r\n.svg-line{ fill:none; stroke:var(--mint-dim); stroke-width:1.5; opacity:.8; }\r\n.svg-line-brass{ fill:none; stroke:var(--brass); stroke-width:1.5; opacity:.7; }\r\n.svg-dot{ fill:var(--mint); }\r\n.svg-dot-brass{ fill:var(--brass); }\r\n.svg-label{ font-family:'IBM Plex Sans',sans-serif; font-size:12px; font-weight:600; fill:#D7E3DA; }\r\n.svg-sublabel{ font-family:'IBM Plex Sans',sans-serif; font-size:10px; fill:#8FA599; }\r\n\r\n\/* reveal-on-load hero animation (single orchestrated moment) *\/\r\n.reveal{ opacity:0; transform:translateY(14px); animation:revealUp .7s ease forwards; }\r\n.reveal.d1{ animation-delay:.05s; }\r\n.reveal.d2{ animation-delay:.15s; }\r\n.reveal.d3{ animation-delay:.25s; }\r\n.reveal.d4{ animation-delay:.35s; }\r\n@keyframes revealUp{ to{ opacity:1; transform:none; } }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<section class=\"page-hero\">\r\n <div class=\"hero-bg\" aria-hidden=\"true\">\r\n <span class=\"blob blob-mint\"><\/span>\r\n <span class=\"blob blob-brass\"><\/span>\r\n <\/div>\r\n <div class=\"container\">\r\n <div class=\"tick on-dark\">Pricing<\/div>\r\n <h1>Straightforward packages, real numbers.<\/h1>\r\n <p>Every price below is a starting point \u2014 send your scope on WhatsApp and I'll confirm the exact fit before anything is billed.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"ecommerce\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">E-commerce packages<\/div>\r\n <h2>Full e-commerce business packages<\/h2>\r\n <p>A complete, end-to-end system to take an online store from zero to scale \u2014 website, payments, marketing, and reporting under one plan.<\/p>\r\n <\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Starter<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $120 one-time setup<\/div>\r\n <ul>\r\n <li>E-commerce Website (WooCommerce)<\/li>\r\n <li>Up to 50 Products Setup<\/li>\r\n <li>bKash \/ Nagad Payment Gateway<\/li>\r\n <li>Facebook Page Management<\/li>\r\n <li>3 Ad Campaigns \/ Month<\/li>\r\n <li>Basic SEO Setup<\/li>\r\n <li>Monthly Performance Report<\/li>\r\n <li>WhatsApp Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Starter%20E-Commerce%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Starter<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Growth<\/div>\r\n <div class=\"price\">$375<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $200 one-time setup<\/div>\r\n <ul>\r\n <li>Custom E-commerce Website<\/li>\r\n <li>Unlimited Products<\/li>\r\n <li>All Payment Gateways<\/li>\r\n <li>Facebook + Instagram Management<\/li>\r\n <li>6 Ad Campaigns \/ Month<\/li>\r\n <li>On-Page SEO<\/li>\r\n <li>Email & SMS Automation<\/li>\r\n <li>Facebook Pixel Setup<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Growth%20E-Commerce%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Growth<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Scale<\/div>\r\n <div class=\"price\">$600<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ $325 one-time setup<\/div>\r\n <ul>\r\n <li>Custom Laravel \/ Shopify Store<\/li>\r\n <li>Unlimited Products + CMS<\/li>\r\n <li>All Payment Gateways + API<\/li>\r\n <li>Full Social Media Management<\/li>\r\n <li>Unlimited Ad Campaigns<\/li>\r\n <li>Full SEO (On + Off + Technical)<\/li>\r\n <li>AI Chatbot Integration<\/li>\r\n <li>Email + SMS + Call Support<\/li>\r\n <li>Google & YouTube Ads<\/li>\r\n <li>Weekly Reports + Strategy Call<\/li>\r\n <li>Dedicated Account Manager<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Scale%20E-Commerce%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Scale<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">All packages require a 3-month minimum commitment. Get 10% off on 6 months, or 15% off on 12 months. Prices shown in USD for international clients \u2014 happy to quote in BDT on WhatsApp too.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Individual services<\/div>\r\n <h2>Or pick exactly what you need<\/h2>\r\n <p>Every service below is hired on its own \u2014 Basic, Standard, or Advanced \u2014 no need to buy the full package.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Website design & development<\/div>\r\n <h2>Websites, stores, and landing pages<\/h2>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Business \/ Corporate Website<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Up to 5 Pages<\/li>\r\n <li>Mobile Responsive Design<\/li>\r\n <li>Contact Form<\/li>\r\n <li>Basic SEO Setup<\/li>\r\n <li>SSL Certificate<\/li>\r\n <li>1 Month Free Support<\/li>\r\n <li>Delivery: 7\u201310 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Business%20Website%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$230<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Up to 10 Pages<\/li>\r\n <li>Custom Design<\/li>\r\n <li>Contact + Enquiry Forms<\/li>\r\n <li>On-Page SEO<\/li>\r\n <li>Google Analytics Setup<\/li>\r\n <li>Facebook Pixel Setup<\/li>\r\n <li>Live Chat Integration<\/li>\r\n <li>2 Months Free Support<\/li>\r\n <li>Delivery: 10\u201315 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Business%20Website%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$400<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Unlimited Pages<\/li>\r\n <li>Premium Custom Design<\/li>\r\n <li>CMS (Content Management)<\/li>\r\n <li>Blog Section<\/li>\r\n <li>Advanced SEO Setup<\/li>\r\n <li>Speed Optimization<\/li>\r\n <li>Multi-language (EN + BN)<\/li>\r\n <li>Social Media Integration<\/li>\r\n <li>3 Months Free Support<\/li>\r\n <li>Delivery: 15\u201320 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Business%20Website%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>E-Commerce Website (WordPress \/ WooCommerce)<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Up to 50 Products<\/li>\r\n <li>Mobile Responsive<\/li>\r\n <li>bKash \/ Nagad Gateway<\/li>\r\n <li>Basic Product Filter<\/li>\r\n <li>Order Management<\/li>\r\n <li>SSL Certificate<\/li>\r\n <li>1 Month Support<\/li>\r\n <li>Delivery: 10\u201314 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20WooCommerce%20Website%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$375<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Up to 200 Products<\/li>\r\n <li>Custom Design<\/li>\r\n <li>All Payment Gateways<\/li>\r\n <li>Advanced Product Filter<\/li>\r\n <li>Coupon & Promo System<\/li>\r\n <li>Inventory Management<\/li>\r\n <li>Facebook Pixel<\/li>\r\n <li>On-Page SEO<\/li>\r\n <li>2 Months Support<\/li>\r\n <li>Delivery: 15\u201320 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20WooCommerce%20Website%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$650<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Unlimited Products<\/li>\r\n <li>Premium Custom Design<\/li>\r\n <li>All Gateways + API<\/li>\r\n <li>Multi-vendor Support<\/li>\r\n <li>Loyalty Points System<\/li>\r\n <li>SMS \/ Email Auto Notify<\/li>\r\n <li>Advanced Analytics<\/li>\r\n <li>Full SEO Setup<\/li>\r\n <li>Speed Optimization<\/li>\r\n <li>3 Months Support<\/li>\r\n <li>Delivery: 20\u201330 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20WooCommerce%20Website%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Shopify Store Development<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$160<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Standard Shopify Theme<\/li>\r\n <li>Up to 50 Products Setup<\/li>\r\n <li>Payment Gateway Setup<\/li>\r\n <li>Mobile Responsive<\/li>\r\n <li>Basic Apps Installation<\/li>\r\n <li>1 Month Support<\/li>\r\n <li>Delivery: 7\u201310 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Shopify%20Store%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$325<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Custom Shopify Theme<\/li>\r\n <li>Up to 200 Products<\/li>\r\n <li>All Payment Methods<\/li>\r\n <li>Delivery Integration<\/li>\r\n <li>Email Marketing Setup<\/li>\r\n <li>Facebook & Google Pixel<\/li>\r\n <li>Abandoned Cart Recovery<\/li>\r\n <li>2 Months Support<\/li>\r\n <li>Delivery: 10\u201315 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Shopify%20Store%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$575<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Custom Theme Development<\/li>\r\n <li>Unlimited Products<\/li>\r\n <li>Multi-currency Support<\/li>\r\n <li>Advanced Apps Setup<\/li>\r\n <li>Full Analytics Dashboard<\/li>\r\n <li>AI Product Recommendations<\/li>\r\n <li>International SEO<\/li>\r\n <li>3 Months Support<\/li>\r\n <li>Delivery: 15\u201325 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Shopify%20Store%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Landing Page Development<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$70<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Single Page Design<\/li>\r\n <li>Mobile Responsive<\/li>\r\n <li>Contact \/ Order Form<\/li>\r\n <li>Basic Conversion Design<\/li>\r\n <li>Delivery: 3\u20135 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Landing%20Page%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>High-converting Design<\/li>\r\n <li>Mobile + Speed Optimized<\/li>\r\n <li>Order + Payment Form<\/li>\r\n <li>WhatsApp Integration<\/li>\r\n <li>Facebook Pixel<\/li>\r\n <li>Delivery: 5\u20137 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Landing%20Page%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> one-time<\/span><\/div>\r\n \r\n <ul>\r\n <li>Premium Custom Design<\/li>\r\n <li>A\/B Testing Ready<\/li>\r\n <li>Full Analytics Setup<\/li>\r\n <li>CRM Integration<\/li>\r\n <li>Auto-responder Email<\/li>\r\n <li>SMS Confirmation<\/li>\r\n <li>Delivery: 7\u201310 Days<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Landing%20Page%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Digital marketing<\/div>\r\n <h2>Ads and social media management<\/h2>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Facebook & Instagram Ads Management<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$100<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $80)<\/div>\r\n <ul>\r\n <li>2 Ad Campaigns \/ Month<\/li>\r\n <li>Audience Research<\/li>\r\n <li>Ad Creative (2 Designs)<\/li>\r\n <li>Basic Targeting<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Facebook%20%26%20Instagram%20Ads%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$160<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $120)<\/div>\r\n <ul>\r\n <li>4 Ad Campaigns \/ Month<\/li>\r\n <li>Pixel Setup & Tracking<\/li>\r\n <li>Custom Audiences<\/li>\r\n <li>Retargeting Campaigns<\/li>\r\n <li>Ad Creative (5 Designs)<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Facebook%20%26%20Instagram%20Ads%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$280<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $200)<\/div>\r\n <ul>\r\n <li>Unlimited Campaigns<\/li>\r\n <li>Full Pixel + CAPI Setup<\/li>\r\n <li>Lookalike Audiences<\/li>\r\n <li>Full Funnel Strategy<\/li>\r\n <li>Ad Creative (10+ Designs)<\/li>\r\n <li>Weekly Reports<\/li>\r\n <li>A\/B Testing<\/li>\r\n <li>Conversion Optimization<\/li>\r\n <li>WhatsApp Ads<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Facebook%20%26%20Instagram%20Ads%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Google & YouTube Ads<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $80)<\/div>\r\n <ul>\r\n <li>Search Ads Setup<\/li>\r\n <li>Keyword Research<\/li>\r\n <li>2 Ad Groups<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Google%20%26%20YouTube%20Ads%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $160)<\/div>\r\n <ul>\r\n <li>Search + Display Ads<\/li>\r\n <li>Advanced Keyword Research<\/li>\r\n <li>Competitor Analysis<\/li>\r\n <li>Remarketing Setup<\/li>\r\n <li>Conversion Tracking<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Google%20%26%20YouTube%20Ads%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$325<span class=\"period\"> \/ month<\/span><\/div>\r\n <div class=\"setup-note\">+ Ad Budget (min $240)<\/div>\r\n <ul>\r\n <li>Search + Display + YouTube<\/li>\r\n <li>Shopping Ads (E-commerce)<\/li>\r\n <li>Full Conversion Funnel<\/li>\r\n <li>Performance Max Campaigns<\/li>\r\n <li>Advanced Analytics<\/li>\r\n <li>Weekly Strategy Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Google%20%26%20YouTube%20Ads%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Social Media Management<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$80<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>1 Platform (FB or IG)<\/li>\r\n <li>12 Posts \/ Month<\/li>\r\n <li>Basic Graphic Design<\/li>\r\n <li>Caption Writing<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Social%20Media%20Management%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$150<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>2 Platforms (FB + IG)<\/li>\r\n <li>20 Posts \/ Month<\/li>\r\n <li>Custom Graphic Design<\/li>\r\n <li>Caption (BN + EN)<\/li>\r\n <li>Community Management<\/li>\r\n <li>Story \/ Reel (4\/month)<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Social%20Media%20Management%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$240<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>4 Platforms<\/li>\r\n <li>30+ Posts \/ Month<\/li>\r\n <li>Premium Design<\/li>\r\n <li>Video Reels (8\/month)<\/li>\r\n <li>Content Calendar<\/li>\r\n <li>Influencer Coordination<\/li>\r\n <li>Full Community Management<\/li>\r\n <li>Weekly Analytics Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Social%20Media%20Management%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">SEO<\/div>\r\n <h2>Search engine optimization<\/h2>\r\n <\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$100<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Keyword Research (20 KW)<\/li>\r\n <li>On-Page Optimization<\/li>\r\n <li>Meta Tags Setup<\/li>\r\n <li>Google Search Console<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20SEO%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$180<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Keyword Research (50 KW)<\/li>\r\n <li>Full On-Page SEO<\/li>\r\n <li>Technical SEO Audit<\/li>\r\n <li>10 Backlinks \/ Month<\/li>\r\n <li>Local SEO (GMB Setup)<\/li>\r\n <li>5 Blog Posts \/ Month<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20SEO%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$300<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Keyword Research (100+ KW)<\/li>\r\n <li>Full On + Off Page SEO<\/li>\r\n <li>Technical SEO Monthly<\/li>\r\n <li>25+ Backlinks \/ Month<\/li>\r\n <li>Local + International SEO<\/li>\r\n <li>10 Blog Posts \/ Month<\/li>\r\n <li>Speed Optimization<\/li>\r\n <li>Competitor Analysis<\/li>\r\n <li>Schema Markup<\/li>\r\n <li>Weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20SEO%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">SEO results are typically visible within 3\u20136 months.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">AI automation<\/div>\r\n <h2>Chatbots, CRM, and workflow automation<\/h2>\r\n <\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> one-time setup<\/span><\/div>\r\n \r\n <ul>\r\n <li>Facebook Chatbot<\/li>\r\n <li>Auto Reply Setup<\/li>\r\n <li>FAQ Automation<\/li>\r\n <li>Order Confirmation Auto<\/li>\r\n <li>1 Month Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20AI%20Automation%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$240<span class=\"period\"> one-time setup<\/span><\/div>\r\n \r\n <ul>\r\n <li>Facebook + WhatsApp Chatbot<\/li>\r\n <li>Lead Capture Automation<\/li>\r\n <li>Email Auto Sequence<\/li>\r\n <li>SMS Auto Notification<\/li>\r\n <li>CRM Integration<\/li>\r\n <li>Order & Invoice Auto<\/li>\r\n <li>2 Months Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20AI%20Automation%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$450<span class=\"period\"> one-time setup<\/span><\/div>\r\n \r\n <ul>\r\n <li>Multi-channel Chatbot<\/li>\r\n <li>AI-powered Responses<\/li>\r\n <li>Full CRM Automation<\/li>\r\n <li>Inventory Auto Alert<\/li>\r\n <li>Payment Auto Processing<\/li>\r\n <li>Custom Workflow Design<\/li>\r\n <li>Staff Training Included<\/li>\r\n <li>3 Months Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20AI%20Automation%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">Monthly maintenance available afterward \u2014 Basic $25, Standard $40, Advanced $70.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Graphics & video<\/div>\r\n <h2>Design and video editing<\/h2>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Graphics Design \u2014 Social Media Package<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$70<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>10 Social Media Posts<\/li>\r\n <li>Basic Design<\/li>\r\n <li>JPG \/ PNG Delivery<\/li>\r\n <li>2 Revisions \/ Design<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Graphics%20Design%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>20 Posts \/ Month<\/li>\r\n <li>Custom Brand Design<\/li>\r\n <li>Stories & Covers<\/li>\r\n <li>Ad Creative Designs<\/li>\r\n <li>3 Revisions \/ Design<\/li>\r\n <li>Source File Included<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Graphics%20Design%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$200<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>30+ Posts \/ Month<\/li>\r\n <li>Premium Brand Design<\/li>\r\n <li>Motion Graphics (5\/mo)<\/li>\r\n <li>Infographic Design<\/li>\r\n <li>Unlimited Ad Creatives<\/li>\r\n <li>Unlimited Revisions<\/li>\r\n <li>Source Files Included<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Graphics%20Design%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Video Editing Package<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$80<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>4 Short Videos \/ Month<\/li>\r\n <li>Up to 60 sec each<\/li>\r\n <li>Basic Captions<\/li>\r\n <li>Background Music<\/li>\r\n <li>1080p Delivery<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Video%20Editing%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$160<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>8 Videos \/ Month<\/li>\r\n <li>Reels + YouTube Shorts<\/li>\r\n <li>Motion Text & Graphics<\/li>\r\n <li>Color Grading<\/li>\r\n <li>Voiceover Ready<\/li>\r\n <li>Thumbnail Design<\/li>\r\n <li>4K Delivery<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Video%20Editing%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$280<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>15+ Videos \/ Month<\/li>\r\n <li>Full Production Edit<\/li>\r\n <li>Animation & Effects<\/li>\r\n <li>Documentary Editing<\/li>\r\n <li>Product Promo Videos<\/li>\r\n <li>YouTube Optimization<\/li>\r\n <li>Wedding \/ Event Editing<\/li>\r\n <li>4K + All Formats<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Video%20Editing%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>One-time design services<\/h3><p>Priced per project, not a monthly package.<\/p><\/div>\r\n <div class=\"onetime-table\">\r\n <div class=\"onetime-row\"><span class=\"svc\">Logo Design<\/span><span class=\"price\">$40\u2013$120<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Brand Identity Kit (Logo + Colors + Fonts + Templates)<\/span><span class=\"price\">$120\u2013$280<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Business Card Design<\/span><span class=\"price\">$10\u2013$25<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Brochure \/ Flyer<\/span><span class=\"price\">$15\u2013$40 \/ design<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Product Promo Video<\/span><span class=\"price\">$70\u2013$160 \/ video<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Wedding Cinematography<\/span><span class=\"price\">$160\u2013$500 \/ event<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Voiceover Service<\/span><span class=\"price\">$15\u2013$70 \/ project<\/span><\/div>\r\n <div class=\"onetime-row\"><span class=\"svc\">Seminar \/ Event Video<\/span><span class=\"price\">$120\u2013$325 \/ event<\/span><\/div>\r\n <\/div>\r\n <p style=\"margin-top:24px;\"><a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27d%20like%20a%20quote%20for%20a%20one-time%20design%20service.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Ask about a one-time design<\/a><\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-alt\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Email, SMS & maintenance<\/div>\r\n <h2>Keeping things running after launch<\/h2>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Email & SMS Marketing<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$70<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>2 Email Campaigns<\/li>\r\n <li>Up to 2,000 Contacts<\/li>\r\n <li>Basic Email Template<\/li>\r\n <li>5,000 SMS \/ Month<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Email%20%26%20SMS%20Marketing%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$120<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>5 Email Campaigns<\/li>\r\n <li>Up to 10,000 Contacts<\/li>\r\n <li>Custom Email Design<\/li>\r\n <li>Auto Email Sequence<\/li>\r\n <li>15,000 SMS \/ Month<\/li>\r\n <li>SMS Automation Setup<\/li>\r\n <li>Bi-weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Email%20%26%20SMS%20Marketing%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$230<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Unlimited Email Campaigns<\/li>\r\n <li>Unlimited Contacts<\/li>\r\n <li>Full Automation Funnel<\/li>\r\n <li>Segmentation & A\/B Test<\/li>\r\n <li>50,000 SMS \/ Month<\/li>\r\n <li>Call Center Support<\/li>\r\n <li>Weekly Reports<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Email%20%26%20SMS%20Marketing%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pricing-subhead\"><h3>Website Maintenance<\/h3><\/div>\r\n <div class=\"grid pricing-grid\">\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Basic<\/div>\r\n <div class=\"price\">$25<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>WordPress Updates<\/li>\r\n <li>Security Monitoring<\/li>\r\n <li>Backup<\/li>\r\n <li>Uptime Monitor<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Basic%20Website%20Maintenance%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Basic<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll featured\">\r\n <span class=\"featured-badge\">Most Popular<\/span>\r\n <div class=\"tier-name\">Standard<\/div>\r\n <div class=\"price\">$50<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Everything in Basic<\/li>\r\n <li>Speed Optimization<\/li>\r\n <li>Content Updates (5\/mo)<\/li>\r\n <li>Monthly Report<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Standard%20Website%20Maintenance%20package.\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Choose Standard<\/a>\r\n <\/div>\r\n <div class=\"pricing-card reveal-on-scroll\">\r\n \r\n <div class=\"tier-name\">Advanced<\/div>\r\n <div class=\"price\">$100<span class=\"period\"> \/ month<\/span><\/div>\r\n \r\n <ul>\r\n <li>Full Care: Security, Speed, Content<\/li>\r\n <li>SEO Check<\/li>\r\n <li>Priority Support<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20interested%20in%20the%20Advanced%20Website%20Maintenance%20package.\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Choose Advanced<\/a>\r\n <\/div>\r\n <\/div>\r\n <p class=\"pricing-note\">20% off website maintenance on an annual commitment.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <div class=\"tick\">Good to know<\/div>\r\n <h2>Terms before we start<\/h2>\r\n <\/div>\r\n <ul class=\"terms-list\" style=\"max-width:640px;\">\r\n <li>All prices are shown in USD and are negotiable \u2014 subject to change based on project scope.<\/li>\r\n <li>50% advance payment is required before project commencement.<\/li>\r\n <li>Monthly packages require a minimum 3-month commitment.<\/li>\r\n <li>Ad budget is additional and separate from package pricing.<\/li>\r\n <li>Domain and hosting costs are separate unless specifically mentioned.<\/li>\r\n <\/ul>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-forest\">\r\n <div class=\"container\" style=\"text-align:center;\">\r\n <div class=\"section-head center on-dark\">\r\n <h2>Not sure which package fits?<\/h2>\r\n <p>Send over your business and budget on WhatsApp \u2014 I'll tell you honestly which tier makes sense.<\/p>\r\n <\/div>\r\n <div class=\"hero-actions\" style=\"justify-content:center;\">\r\n <a href=\"https:\/\/wa.me\/8801401687624?text=Hi%20Hasan%2C%20I%27m%20not%20sure%20which%20package%20fits%20my%20business%20%E2%80%94%20can%20you%20help%3F\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a>\r\n <a href=\"https:\/\/hasanabrar.com\/services\/\" class=\"btn btn-outline on-dark\">See service details<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\/\/ Mobile nav toggle\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var toggle = document.querySelector('.nav-toggle');\r\n var links = document.querySelector('.nav-links');\r\n if (toggle && links) {\r\n toggle.addEventListener('click', function () {\r\n toggle.classList.toggle('open');\r\n links.classList.toggle('open');\r\n });\r\n links.querySelectorAll('a').forEach(function (a) {\r\n a.addEventListener('click', function () {\r\n toggle.classList.remove('open');\r\n links.classList.remove('open');\r\n });\r\n });\r\n }\r\n\r\n \/\/ Scroll-triggered reveal for service cards\r\n var revealEls = document.querySelectorAll('.reveal-on-scroll');\r\n if (revealEls.length && 'IntersectionObserver' in window) {\r\n revealEls.forEach(function (el) { el.classList.add('js-armed'); });\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n revealEls.forEach(function (el) { io.observe(el); });\r\n }\r\n\r\n \/\/ Contact form \u2014 static placeholder handling.\r\n \/\/ Replace this block with a real endpoint (Formspree, your own API, etc.)\r\n \/\/ before publishing, so submissions actually reach you.\r\n var form = document.querySelector('#contact-form');\r\n if (form) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n var note = document.querySelector('#form-status');\r\n if (note) {\r\n note.textContent = 'Thanks \u2014 this form is not yet wired to an inbox. Connect it to Formspree, your CRM, or a backend endpoint so messages reach you directly.';\r\n }\r\n });\r\n }\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Services \u2014 AI Automation & Digital Marketing | Hasan Abrar \/* ========================================================= Hasan Abrar \u2014 Personal Portfolio Design tokens: deep […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":4,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/pages\/14\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/hasanabrar.com\/bn\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}