PageSourceSearch

https://www.bigibyte.com/

html bigibyte.com collected 2026-10-02 01:24:04 UTC 515,628 bytes, 2,799 lines download raw bytes

1<!DOCTYPE html>
2<!-- GENERATED by scripts/prerender.cjs from src/index.html. Do not edit; edit src/index.html and re-run. -->
3<html lang="en">
4<head>
5<meta charset="utf-8">
6<link rel="canonical" href="https://bigibyte.com/">
7<meta name="viewport" content="width=device-width, initial-scale=1">
8<title>BigiByte - Big Ideas, Byte Solutions | Web Scraping & Automation Experts</title>
9<meta name="description" content="BigiByte - Expert web scraping, automation, and SaaS development services. Transform your business with our data solutions and custom development.">
10<link rel="icon" href="/favicon.ico" sizes="32x32">
11<link rel="icon" href="/favicon.png" type="image/png">
12<link rel="apple-touch-icon" href="/favicon.png">
13<meta property="og:title" content="BigiByte - Big Ideas, Byte Solutions">
14<meta property="og:description" content="Expert web scraping, automation, and SaaS development services. Transform your business with our data solutions.">
15<meta property="og:type" content="website">
16<meta property="og:url" content="https://bigibyte.com/">
17<meta property="og:site_name" content="BigiByte">
18<meta property="og:image" content="https://images.bigibyte.com/projects/project-bigibyte-brand-banner.webp">
19<meta property="og:image:alt" content="BigiByte logo banner with the tagline Big Ideas, Byte Solutions">
20<meta name="twitter:card" content="summary_large_image">
21<meta name="twitter:title" content="BigiByte - Big Ideas, Byte Solutions">
22<meta name="twitter:description" content="Expert web scraping, automation, and SaaS development services.">
23<meta name="twitter:image" content="https://images.bigibyte.com/projects/project-bigibyte-brand-banner.webp">
24<style>x-dc{display:none!important}</style>
25<link rel="preload" href="./fonts/poppins-latin-500-normal.woff2" as="font" type="font/woff2" crossorigin>
26<link rel="preload" href="./fonts/poppins-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin>
27<style>
28@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/poppins-latin-400-normal.woff2) format('woff2')}
29@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/poppins-latin-500-normal.woff2) format('woff2')}
30@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/poppins-latin-600-normal.woff2) format('woff2')}
31</style>
32<script defer src="./vendor/react.production.min.js"></script>
vendor: 1 bytes, line 32
32
33<script defer src="./vendor/react-dom.production.min.js"></script>
vendor: 1 bytes, line 33
33
34<script defer src="./support.js"></script>
vendor: 1 bytes, line 34
34
35<script defer src="./vendor/lenis.min.js"></script>
vendor: 1 bytes, line 35
35
36<script defer src="./assets/motion.js"></script>
vendor: 1 bytes, line 36
36
37<script defer src="./assets/gallery.js"></script>
37
38<style>html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}
39html.rv-on .rv{opacity:0;translate:0 28px;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1)}
40html.rv-on .rv.rv-in{opacity:1;translate:0 0}</style>
41<script type="application/ld+json" id="faq-ld">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"I'm not technical. Can I still work with you?","acceptedAnswer":{"@type":"Answer","text":"Yes, most of our clients are not. You describe the problem in your own words; we handle the technical side and deliver the results to a spreadsheet, email or tool you already use."}},{"@type":"Question","name":"What is web scraping, in simple words?","acceptedAnswer":{"@type":"Answer","text":"A program visits websites for you and copies the information you need, such as prices, listings or contact details, into a tidy spreadsheet. It does in minutes what would take a person days."}},{"@type":"Question","name":"Is it legal?","acceptedAnswer":{"@type":"Answer","text":"We only collect publicly available information and respect privacy laws and site terms. If something looks risky, we tell you before we build."}},{"@type":"Question","name":"What will I actually receive?","acceptedAnswer":{"@type":"Answer","text":"Usually a spreadsheet, a file, or new rows in your system, delivered on a schedule you choose. For bigger projects, a dashboard or your own app."}}
41,{"@type":"Question","name":"How much does it cost?","acceptedAnswer":{"@type":"Answer","text":"Small one-off jobs start from $499. You always get a fixed price before we start. Full details are on our Pricing page."}},{"@type":"Question","name":"What if it stops working?","acceptedAnswer":{"@type":"Answer","text":"Every build includes monitoring & alerts. If a website changes, we fix it, usually before you notice."}},{"@type":"Question","name":"How fast can you start?","acceptedAnswer":{"@type":"Answer","text":"Most projects kick off within a week. Small scrapers often ship in days."}},{"@type":"Question","name":"Do you work with non-technical teams?","acceptedAnswer":{"@type":"Answer","text":"Yes, we deliver straight into Sheets, Airtable, Notion or your CRM."}},{"@type":"Question","name":"Who owns the code?","acceptedAnswer":{"@type":"Answer","text":"You do. Full source and documentation are handed over at the end."}},{"@type":"Question","name":"Can you work under NDA?","acceptedAnswer":{"@type":"Answer","text":"Yes, we are happy to sign your NDA before any details are shared."}},{"@type":"Question","name":"What kind of projects does BigiByte take on?","acceptedA
41nswer":{"@type":"Answer","text":"We focus on web scraping platforms, automation pipelines, and SaaS products where data quality and reliability really matter."}},{"@type":"Question","name":"How do we start working together?","acceptedAnswer":{"@type":"Answer","text":"Start with a short discovery call. We map your data sources, constraints, and success metrics, then propose a focused first milestone."}},{"@type":"Question","name":"What engagement models do you support?","acceptedAnswer":{"@type":"Answer","text":"We work as an external product team for greenfield builds, or as embedded specialists inside your existing engineering org. Short audits and \"stabilise my scrapers\" rescue missions are also possible."}},{"@type":"Question","name":"Can you work with our existing engineering team?","acceptedAnswer":{"@type":"Answer","text":"Yes. We often plug into existing teams as senior specialists for scraping, automation, and data infrastructure."}},{"@type":"Question","name":"Can you build lead lists for my business?","acceptedA
41nswer":{"@type":"Answer","text":"Yes. We build targeted B2B and local lead lists from directories, maps, marketplaces and social platforms based on your ideal customer profile."}},{"@type":"Question","name":"Where do the leads come from?","acceptedAnswer":{"@type":"Answer","text":"Public sources like Google Maps, company websites, industry directories and professional networks, never bought or recycled lists."}},{"@type":"Question","name":"Are emails and phone numbers verified?","acceptedAnswer":{"@type":"Answer","text":"Emails are validated and every list is deduplicated before delivery, so your outreach reaches real inboxes."}},{"@type":"Question","name":"Can leads go straight into my CRM?","acceptedAnswer":{"@type":"Answer","text":"Yes, HubSpot, Pipedrive, Salesforce, Google Sheets or Airtable, refreshed on a schedule."}},{"@type":"Question","name":"Can you enrich leads I already have?","acceptedAnswer":{"@type":"Answer","text":"Yes. Send us your list and we add company size, industry, socials, website tech and contact details."}},{"@type":"Question","name":"Can you help with Lead Generation Automation?","acceptedA
41nswer":{"@type":"Answer","text":"Absolutely. We automatically collect and qualify leads from various online sources to fuel your sales pipeline. Includes: Contact extraction, Lead scoring, CRM integration, and Email verification."}},{"@type":"Question","name":"What happens when a site changes?","acceptedAnswer":{"@type":"Answer","text":"Every build includes monitoring. We get alerted on breakage and patch it quickly."}},{"@type":"Question","name":"Is web scraping legal?","acceptedAnswer":{"@type":"Answer","text":"We only collect publicly available data and respect site terms and privacy laws. We flag anything risky before we build."}},{"@type":"Question","name":"What formats do you deliver?","acceptedAnswer":{"@type":"Answer","text":"CSV, Excel, JSON, Google Sheets, databases, webhooks or a custom API."}},{"@type":"Question","name":"How often can data refresh?","acceptedAnswer":{"@type":"Answer","text":"Anything from near real-time to monthly. Hourly and daily runs are most common."}},{"@type":"Question","name":"Can you publish actors on Apify?","acceptedA
41nswer":{"@type":"Answer","text":"Yes. We build, publish and maintain actors on the Apify Store."}},{"@type":"Question","name":"How do you handle data privacy and compliance?","acceptedAnswer":{"@type":"Answer","text":"We design collectors and pipelines with your legal and compliance constraints in mind, including robots.txt awareness, consent flows, and regional data residency requirements."}},{"@type":"Question","name":"Do you provide Real Estate Data Solutions?","acceptedAnswer":{"@type":"Answer","text":"Yes. We gather property listings, pricing data, and market analytics for informed investment decisions. Features: Property listings, Price tracking, Market analysis, and Location insights."}},{"@type":"Question","name":"How is pricing structured?","acceptedAnswer":{"@type":"Answer","text":"Fixed price for scoped builds, monthly retainers for ongoing pipelines."}},{"@type":"Question","name":"Do you offer maintenance plans?","acceptedAnswer":{"@type":"Answer","text":"Yes, monthly plans cover monitoring, fixes and small changes."}},{"@type":"Question","name":"Is there a minimum project size?","acceptedA
41nswer":{"@type":"Answer","text":"No. Many clients start with a single scraper and grow from there."}},{"@type":"Question","name":"Do you offer SLAs and ongoing support?","acceptedAnswer":{"@type":"Answer","text":"Yes. For production systems we provide support SLAs, monitoring, and incident response, so your team has a clear point of contact when something changes upstream."}},{"@type":"Question","name":"Do you offer E-Commerce Data Mining?","acceptedAnswer":{"@type":"Answer","text":"Yes. We extract product information, prices, and reviews from multiple e-commerce platforms to gain competitive insights. Key capabilities include: Price monitoring, Competitor analysis, Market trends, and Product insights."}},{"@type":"Question","name":"What is your Price Intelligence Suite?","acceptedAnswer":{"@type":"Answer","text":"It offers always-on monitoring of competitor prices, discounts, and availability across markets. Features: Dynamic pricing inputs, Promo detection, and Geo-specific views."}},{"@type":"Question","name":"Do you provide Marketplace Seller Analytics?","acceptedA
41nswer":{"@type":"Answer","text":"Yes. We help you understand third-party seller performance, assortment, and share of shelf on major marketplaces. Includes: Seller scorecards, Share-of-shelf tracking, and Category coverage."}},{"@type":"Question","name":"Do you offer Review & Rating Analytics?","acceptedAnswer":{"@type":"Answer","text":"Yes. We turn customer reviews into product feedback and quality signals at scale. Includes: Aspect sentiment, Feature requests, and Issue clustering."}},{"@type":"Question","name":"Do you support Social Media Monitoring?","acceptedAnswer":{"@type":"Answer","text":"We track brand mentions, sentiment, and trends across social platforms in real-time. Includes: Brand monitoring, Sentiment analysis, Trend detection, and Influencer tracking."}},{"@type":"Question","name":"Do you have a Travel Fare Tracker?","acceptedAnswer":{"@type":"Answer","text":"We monitor flight and hotel fares over time to surface optimal booking windows. Features: Fare history, Deal alerts, and Route analytics."}},{"@type":"Question","name":"Do you offer Job Board Intelligence?","acceptedA
41nswer":{"@type":"Answer","text":"Yes. We monitor job boards to understand hiring trends, skills demand, and competitor org design. Includes: Skill tagging, Company tracking, and Time-to-fill signals."}},{"@type":"Question","name":"What is the News & Research Aggregator?","acceptedAnswer":{"@type":"Answer","text":"We aggregate research notes, news, and filings into a single searchable feed for your analysts. Features: Source normalization, Alerting, and Full-text search."}},{"@type":"Question","name":"What is the B2B Enrichment API?","acceptedAnswer":{"@type":"Answer","text":"APIs that enrich company and contact records using external public data sources. Capabilities: Firmographic data, Technology stack hints, and Contact signals."}},{"@type":"Question","name":"Can you track Compliance & Policy changes?","acceptedAnswer":{"@type":"Answer","text":"Yes. We track terms of service, privacy policies, and regulatory changes that affect your operations. Includes: Policy diffs, Alerting, and Audit logs."}},{"@type":"Question","name":"What are Real-time Signal Streams?","acceptedA
41nswer":{"@type":"Answer","text":"Push-based feeds that notify your systems about meaningful external changes in near real-time. Features: Webhooks, Low-latency updates, and Replayable streams."}},{"@type":"Question","name":"Can you turn Internal Tools into SaaS?","acceptedAnswer":{"@type":"Answer","text":"Yes. We turn an internal spreadsheet or script into a hosted SaaS product for your customers. Includes: Multi-tenant setup, Billing ready, and Admin dashboards."}},{"@type":"Question","name":"What is the Ops Automation Hub?","acceptedAnswer":{"@type":"Answer","text":"A central hub for back-office automations that replace manual, repetitive workflows. Features: Queue workers, Human-in-the-loop steps, and Audit trails."}},{"@type":"Question","name":"Do you build AI Datasets?","acceptedAnswer":{"@type":"Answer","text":"Yes. Custom dataset creation pipelines for training and evaluating AI models. Includes: Labeling workflows, Quality checks, and Versioned datasets."}},{"@type":"Question","name":"Do you offer an API Observability Layer?","acceptedA
41nswer":{"@type":"Answer","text":"We track health, usage, and performance of your scraping and automation APIs. Features: Request tracing, Error budgets, and Usage dashboards."}},{"@type":"Question","name":"What are Data Quality Guardrails?","acceptedAnswer":{"@type":"Answer","text":"Automated checks that validate scraped or ingested data before it hits production systems. Includes: Schema checks, Anomaly detection, and Automatic quarantining."}},{"@type":"Question","name":"Do you build Analytics-ready Warehouses?","acceptedAnswer":{"@type":"Answer","text":"Yes. Opinionated data models and pipelines that feed your BI tools clean, denormalised tables. Features: Dimensional models, ELT jobs, and BI-ready schemas."}},{"@type":"Question","name":"Do you provide Customer Usage Analytics?","acceptedAnswer":{"@type":"Answer","text":"We build event pipelines and dashboards that show how customers actually use your product. Includes: Product usage funnels, Cohort analysis, and Feature adoption metrics."}}]}</script>
41
42<style id="dc-prerender-css">
43    .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
44      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
45      border-radius:2px;box-sizing:border-box;overflow:hidden}
46    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
47    html.sc-dc-streaming .sc-placeholder,
48    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
49      background:color-mix(in srgb,currentColor 5%,transparent);
50      border-color:transparent}
51    html.sc-dc-streaming .sc-placeholder::before,
52    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
53      position:absolute;inset:0;pointer-events:none;
54      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
55      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
56    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
57    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
58      background:color-mix(in srgb,currentColor 8%,transparent)}
59    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
60      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
61    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
62      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
63      border-radius:2px;box-sizing:border-box;color:transparent;
64      user-select:none}
65    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
66      color:color-mix(in srgb,currentColor 50%,transparent);
67      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
68      padding:0 3px}
69    .sc-host.sc-has-error{position:relative}
70    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
71      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
72      border-radius:4px;white-space:pre-wrap;pointer-events:none}
73    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
74       in sync until dc-runtime regains a build step. */
75    @media print {
76      @page { margin: 0.5cm; }
77      figure, table { break-inside: avoid; }
78      #dc-root, #dc-root > .sc-host { height: auto; }
79      *, *::before, *::after {
80        print-color-adjust: exact; -webkit-print-color-adjust: exact;
81        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
82        animation-delay: -99s !important; animation-duration: .001s !important;
83        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
84        animation-play-state: running !important; transition-duration: 0s !important;
85      }
86    }
87  
88x-dc{display:none!important}
89
90@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/poppins-latin-400-normal.woff2) format('woff2')}
91@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/poppins-latin-500-normal.woff2) format('woff2')}
92@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/poppins-latin-600-normal.woff2) format('woff2')}
93
94html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}
95html.rv-on .rv{opacity:0;translate:0 28px;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1)}
96html.rv-on .rv.rv-in{opacity:1;translate:0 0}
97x-dc{display:none!important}
98
99html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}
100
101html,body{margin:0;background:#FFFFFF;color:#18202B;font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
102*{box-sizing:border-box}
103a{color:#18202B;text-decoration:none}
104a:hover{color:#18202B}footer a:hover{color:inherit}
105input,textarea{font-family:inherit;caret-color:#18202B}
106::selection{background:#18202B;color:#FFFFFF}
107@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
108@keyframes ping{0%{transform:scale(1);opacity:0.8}100%{transform:scale(2.6);opacity:0}
108}
109@keyframes grow{from{width:0}to{width:100%}}
110@keyframes cfPop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
111@keyframes cfDrift{0%{transform:translate(0,0)}100%{transform:translate(-18px,14px)}}
112[data-ab-gallery]{padding:72px 0 80px;background:linear-gradient(180deg,#FFFFFF,#F6F7F8 30%,#F6F7F8 70%,#FFFFFF)}[data-ab-head]{text-align:center;max-width:640px;margin:0 auto 40px;padding:0 20px}[data-ab-marquee]{overflow:hidden;padding:6px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}[data-ab-track]{display:flex;gap:22px;width:max-content;animation:abScroll 60s linear infinite}[data-ab-track="rtl"]{animation-direction:reverse;animation-duration:66s}[data-ab-marquee]:hover [data-ab-track]{animation-play-state:paused}@keyframes abScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}[data-ab-card]{position:relative;flex:0 0 auto;width:400px;aspect-ratio:8/5;margin:0;border-radius:20px;overflow:hidden;background:#E3E6EA;border:1px solid #E6E8EB;box-shadow:0 14px 34px rgba(24,32,43,.08);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}[data-ab-card] img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}[data-ab-card]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(24,32,43,.72));pointer-events:none}[data-ab-card] figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}[data-ab-tag]{font-size:11.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#18202B;background:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px}[data-ab-title]{font-size:18px;font-weight:600;color:#FFFFFF;letter-spacing:-.01em}[data-ab-card]:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(24,32,43,.16)}[data-ab-card]:hover img{transform:scale(1.07)}@media (max-width:640px){[data-ab-card]{width:280px;border-radius:18px}[data-ab-title]{font-size:16px}[data-ab-track]{gap:14px}[data-ab-gallery]{padding-top:56px}}@media (prefers-reduced-motion:reduce){[data-ab-track]{animation:none}[data-ab-marquee]{overflow-x:auto;-webkit-mask-image:none;mask-image:none}[data-ab-card][aria-hidden="true"]{display:none}}
113[data-ab-card]{cursor:zoom-in}[data-ab-card]:focus-visible{outline:3px solid #18202B;outline-offset:3px}.ab-lb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:rgba(15,20,27,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.ab-lb-open{opacity:1;visibility:visible}.ab-lb-fig{margin:0;max-width:min(1200px,100%);display:flex;flex-direction:column;gap:14px;transform:scale(.96);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ab-lb-open .ab-lb-fig{transform:scale(1)}.ab-lb-fig img{display:block;max-width:100%;max-height:78vh;border-radius:20px;object-fit:contain;background:#222B38;box-shadow:0 30px 80px rgba(0,0,0,.45);transition:opacity .25s}.ab-lb-loading .ab-lb-fig img{opacity:.35}.ab-lb-fig figcaption{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-size:16px;font-weight:500}.ab-lb-tag{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#18202B;background:#FFFFFF;padding:4px 10px;border-radius:999px}.ab-lb-count{margin-left:auto;color:#A1A7B0;font-size:13px;font-weight:400}.ab-lb-x,.ab-lb-nav{flex:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#FFFFFF;border-radius:999px;cursor:pointer;display:grid;place-items:center;font:inherit;line-height:1;transition:background .2s,color .2s}.ab-lb-x:hover,.ab-lb-nav:hover{background:#FFFFFF;color:#18202B}.ab-lb-x{position:absolute;top:18px;right:18px;width:44px;height:44px;font-size:26px}.ab-lb-nav{width:52px;height:52px;font-size:30px}@media (max-width:700px){.ab-lb{padding:64px 12px 24px}.ab-lb-nav{position:absolute;bottom:20px;width:46px;height:46px}.ab-lb-prev{left:calc(50% - 56px)}.ab-lb-next{right:calc(50% - 56px)}.ab-lb-fig img{max-height:64vh}}
114[data-nav=wa]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#25D366;opacity:.3;animation:waRing 2.4s cubic-bezier(0,0,.2,1) infinite;z-index:-1}[data-nav=wa] svg{position:relative}@keyframes waRing{0%{transform:scale(1);opacity:.3}70%,100%{transform:scale(1.7);opacity:0}
114}@media (prefers-reduced-motion:reduce){[data-nav=wa]::before{animation:none;opacity:0}}
115[data-fq-search] input:focus{border-color:#18202B!important;box-shadow:0 0 0 4px rgba(24,32,43,0.08),0 18px 40px rgba(24,32,43,0.08)!important}[data-fq-item]:hover{border-color:#C9CED4!important}[data-fq-pop]:hover{border-style:solid!important;border-color:#18202B!important}@media (min-width:980px){[data-fq-layout]{grid-template-columns:minmax(0,1fr) 320px!important}}@media (max-width:979px){[data-fq-side]{position:static!important}}@media (max-width:640px){[data-fq-tabs]{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}[data-fq-tabs]::-webkit-scrollbar{display:none}[data-fq-tabs] button{flex:none;white-space:nowrap}[data-fq-search] input{padding-right:92px!important;font-size:15px!important}}
116[data-cf] input:focus,[data-cf] textarea:focus{border-color:#18202B!important;box-shadow:0 0 0 4px rgba(24,32,43,0.08)}
117[data-cf] [data-chip]:hover{translate:0 -1px}
118[data-cf] [data-lift]{transition:translate .2s ease,box-shadow .2s ease}
119[data-cf] [data-lift]:hover{translate:0 -2px;box-shadow:0 10px 24px rgba(24,32,43,0.10)}
120[data-cf] [data-send]:hover{background:#2A3442!important}
121[data-cf] [data-send]:hover [data-arrow]{translate:3px -3px}
122[data-cf] [data-send]:disabled{cursor:wait}
123@media (min-width:960px){[data-wk-flip=true] [data-wk-media]{order:2}}
124/* Keyboard focus, skip link, current page, pressed state */
125:focus-visible{outline:2px solid #FF5A1F!important;outline-offset:2px}
126[data-skip]{position:fixed;left:12px;top:-64px;z-index:100;background:#18202B;color:#FFFFFF;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:500;transition:top 0.2s ease}
127[data-skip]:focus{top:12px}[data-skip]:hover{color:#FFFFFF}
128[data-nav=link][aria-current=page]{color:#FFFFFF!important;background:rgba(255,255,255,0.10)}
129[data-nav-m][aria-current=page]{background:#F6F7F8}
130button:not([disabled]):active,a:active{scale:0.98}
131/* Team cards: photo turns to colour and the arrow appears on hover or keyboard focus */
132[data-tm-img]{filter:grayscale(1);transition:filter 0.5s ease, transform 0.6s cubic-bezier(0.2,0.8,0.2,1)}
133[data-tm]:hover [data-tm-img],[data-tm]:focus-within [data-tm-img]{filter:none;transform:scale(1.04)}
134[data-tm-go]{opacity:0;transform:translateY(6px);transition:opacity 0.3s ease, transform 0.3s ease}
135[data-tm]:hover [data-tm-go],[data-tm]:focus-within [data-tm-go]{opacity:1;transform:none}
136@media (hover:none){[data-tm-img]{filter:none}[data-tm-go]{opacity:1;transform:none}}
137@media (max-width:680px){[data-tm]{display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:start}[data-tm]>a:first-child{grid-row:1 / span 3;border-radius:16px!important}[data-tm]>a:first-child>span:first-of-type{display:none}[data-tm-go]{display:none!important}[data-tm-join]{min-height:0!important}}
138/* Sections hidden on phones to keep the mobile page short: add data-m-hide to an element. */
139@media (max-width:680px){[data-m-hide]{display:none!important}}
140@media (max-width:680px){[data-nav=link]{display:none!important}[data-nav=burger]{display:grid!important}[data-nav=bar]{gap:8px!important;padding-left:16px!important}}
141@media (max-width:560px){[data-r=proof]{flex-direction:column}[data-r=proof-text]{text-align:center!important}}
142@media (max-width:419px){[data-nav=wa]{display:none!important}}
143@media (max-width:374px){[data-nav=free],[data-nav=dot]{display:none!important}[data-nav=head]{padding:12px 8px!important}[data-nav=cta]{gap:8px!important;font-size:13px!important;padding-left:12px!important}}
144@keyframes waGlow{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,0.38),0 0 10px rgba(34,197,94,0.18)}55%{box-shadow:0 0 0 6px rgba(34,197,94,0.55),0 0 18px rgba(34,197,94,0.28)}}
145[data-nav="wa"]{animation:waGlow 2.8s ease-in-out infinite}
146[data-ct-path]{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;text-align:left;text-decoration:none;transition:transform 0.25s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.25s ease}
147[data-ct-path]:hover{transform:translateY(-4px)}
148[data-story-img]{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;flex:none;background-size:cover;background-position:center}
149</style>
150</head>
151<body>
152<div id="dc-prerender"><div class="sc-host" data-sc-name="Root"><div data-dc-tpl="5" style="background: rgb(255, 255, 255); overflow-x: clip;">
153
154  <a data-dc-tpl="6" href="#main" data-skip="">Skip to content</a>
155  
156  <div data-dc-tpl="7" style="position: fixed; inset: 0px; z-index: 45; background: rgba(24, 32, 43, 0); backdrop-filter: none; pointer-events: none; transition: background 0.3s, backdrop-filter 0.35s, -webkit-backdrop-filter 0.35s;"></div>
157  <header data-dc-tpl="8" data-nav="head" style="position: sticky; top: 0px; z-index: 50; display: flex; justify-content: center; padding: 14px 16px; pointer-events: none;">
158    <nav data-dc-tpl="9" data-nav="bar" style="pointer-events: auto; display: flex; align-items: center; gap: 20px; padding: 6px 6px 6px 22px; border-radius: 999px; background: rgba(24, 32, 43, 0.94); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); box-shadow: rgba(24, 32, 43, 0.22) 0px 12px 34px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; white-space: nowrap; max-width: 100%; font-family: Poppins, system-ui, sans-serif;">
159      <a data-dc-tpl="10" href="/" style="display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: rgb(255, 255, 255); flex: 0 0 auto;"><img data-dc-tpl="11" src="./assets/logo-white.png" alt="BigiByte" style="height: 22px; display: block;"></a>
160      <div data-dc-tpl="12" style="position: relative; display: flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 500; letter-spacing: -0.005em; min-width: 0px;">
161        <a data-dc-tpl="13" href="/work" data-nav="link" aria-current="false" class="scp0" style="color: rgb(213, 217, 222); padding: 9px 15px; border-radius: 999px; transition: background 0.2s, color 0.2s;">Work</a>
162        <button data-dc-tpl="14" type="button" data-nav="link" style="cursor: pointer; border: 0px; background: transparent; font: inherit; padding: 9px 13px 9px 15px; border-radius: 999px; display: flex; align-items: center; gap: 6px; color: rgb(213, 217, 222); transition: background 0.2s, color 0.2s;">Services <svg data-dc-tpl="15" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="opacity: 0.7; transform: rotate(0deg); transition: transform 0.25s;"><path data-dc-tpl="16" d="M6 9l6 6 6-6"></path></svg></button>
163        <button data-dc-tpl="17" type="button" data-nav="link" style="cursor: pointer; border: 0px; background: transparent; font: inherit; padding: 9px 13px 9px 15px; border-radius: 999px; display: flex; align-items: center; gap: 6px; color: rgb(213, 217, 222); transition: background 0.2s, color 0.2s;">More <svg data-dc-tpl="18" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="opacity: 0.7; transform: rotate(0deg); transition: transform 0.25s;"><path data-dc-tpl="19" d="M6 9l6 6 6-6"></path></svg></button>
164        <div data-dc-tpl="20" data-lenis-prevent="" style="position: fixed; left: 50%; top: 76px; transform: translateX(-50%) translateY(-8px) scale(0.98); transform-origin: center top; opacity: 0; visibility: hidden; transition: opacity 0.22s, transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.32s; width: min(760px, -32px + 100vw); max-height: calc(-96px + 100vh); overflow-y: auto; overscroll-behavior: contain; background: rgb(243, 244, 246); border-radius: 20px; padding: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 70px; color: rgb(24, 32, 43);">
165            <div data-dc-tpl="21" style="position: absolute; left: 0px; right: 0px; top: -24px; height: 24px;"></div>
166            <div data-dc-tpl="22" style="background: rgb(255, 255, 255); border-radius: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); overflow: hidden;">
167              
168              <div data-dc-tpl="24" style="display: flex; flex-direction: column; min-width: 0px; border-right: 1px solid rgb(238, 240, 242);">
169              
170                <div data-dc-tpl="26" style="display: flex; flex-direction: column; min-width: 0px;">
171                  <div data-dc-tpl="27" style="padding: 10px 20px; font-size: 12px; color: rgb(91, 99, 110); border-bottom: 1px solid rgb(238, 240, 242); background: rgb(247, 248, 249);"><span class="sc-interp">Data &amp; automation</span></div>
172                  
173                    <a data-dc-tpl="29" href="/services/web-scraping" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
174                      <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M4 7h16M4 12h10M4 17h7M16 15l3 2-3 2"></path></svg>
175                      <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
176                        <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Collect information from any website</span><span data-dc-tpl="35" style="display: inline-block; margin-left: 8px; vertical-align: 1px; font-size: 11px; font-weight: 500; background: rgb(238, 240, 242); color: rgb(24, 32, 43); padding: 2px 8px; border-radius: 999px; line-height: 1.4;">Popular</span></span>
177                        <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Web scraping</span></span>
178                      </span>
179                    </a>
180                  
181                    <a data-dc-tpl="29" href="/services/workflow-automation" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
182                      <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M13 3L5 14h6l-1 7 8-11h-6z"></path></svg>
183                      <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
184                        <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Stop doing the same computer task every day</span></span>
185                        <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Workflow automation</span></span>
186                      </span>
187                    </a>
188                  
189                </div>
190              
191                <div data-dc-tpl="26" style="display: flex; flex-direction: column; min-width: 0px;">
192                  <div data-dc-tpl="27" style="padding: 10px 20px; font-size: 12px; color: rgb(91, 99, 110); border-bottom: 1px solid rgb(238, 240, 242); background: rgb(247, 248, 249);"><span class="sc-interp">AI &amp; agents</span></div>
193                  
194                    <a data-dc-tpl="29" href="/services/ai-agent-development" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
195                      <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M12 3v3M8 6h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM9.5 11.5h.01M14.5 11.5h.01M9.5 15h5M2 12h3M19 12h3"></path></svg>
196                      <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
197                        <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">AI agents that do real tasks</span><span data-dc-tpl="35" style="display: inline-block; margin-left: 8px; vertical-align: 1px; font-size: 11px; font-weight: 500; background: rgb(238, 240, 242); color: rgb(24, 32, 43); padding: 2px 8px; border-radius: 999px; line-height: 1.4;">Popular</span></span>
198                        <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">AI agent development</span></span>
199                      </span>
200                    </a>
201                  
202                    <a data-dc-tpl="29" href="/services/ai-chatbots" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
203                      <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M4 5h16v11H9l-5 4zM8 10h8M8 13h5"></path></svg>
204                      <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
205                        <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">A smart assistant that answers your customers 24/7</span></span>
206                        <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">AI chatbots &amp; assistants</span></span>
207                      </span>
208                    </a>
209                  
210                </div>
211              
212              </div>
213              
214              <div data-dc-tpl="24" style="display: flex; flex-direction: column; min-width: 0px; border-right: 1px solid rgb(238, 240, 242);">
215              
216                <div data-dc-tpl="26" style="display: flex; flex-direction: column; min-width: 0px;">
217                  <div data-dc-tpl="27" style="padding: 10px 20px; font-size: 12px; color: rgb(91, 99, 110); border-bottom: 1px solid rgb(238, 240, 242); background: rgb(247, 248, 249);"><span class="sc-interp">Lead generation &amp; marketing</span></div>
218                  
219                    <a data-dc-tpl="29" href="/services/b2b-lead-lists" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
220                      <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M3 21V8l9-5 9 5v13M9 21v-6h6v6"></path></svg>
221                      <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
222                        <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Get a list of potential customers</span><span data-dc-tpl="35" style="display: inline-block; margin-left: 8px; vertical-align: 1px; font-size: 11px; font-weight: 500; background: rgb(238, 240, 242); color: rgb(24, 32, 43); padding: 2px 8px; border-radius: 999px; line-height: 1.4;">Popular</span></span>
223                        <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">B2B lead lists</span></span>
224                      </span>
225                    </a>
226                  
227                    <a data-dc-tpl="29" href="/services/google-maps-leads" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
228                      <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21zM12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"></path></svg>
229                      <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
230                        <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Every business of a type in your area</span></span>
231                        <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Google Maps leads</span></span>
232                      </span>
233                    </a>
234                  
235                </div>
236              
237                <div data-dc-tpl="26" style="display: flex; flex-direction: column; min-width: 0px;">
238                  <div data-dc-tpl="27" style="padding: 10px 20px; font-size: 12px; color: rgb(91, 99, 110); border-bottom: 1px solid rgb(238, 240, 242); background: rgb(247, 248, 249);"><span class="sc-interp">Product development</span></div>
239                  
240                    <a data-dc-tpl="29" href="/services/saas-development" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
241                      <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M3 5h18v11H3zM8 20h8M12 16v4"></path></svg>
242                      <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
243                        <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Build your own SaaS product</span><span data-dc-tpl="35" style="display: inline-block; margin-left: 8px; vertical-align: 1px; font-size: 11px; font-weight: 500; background: rgb(238, 240, 242); color: rgb(24, 32, 43); padding: 2px 8px; border-radius: 999px; line-height: 1.4;">Popular</span></span>
244                        <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">SaaS development</span></span>
245                      </span>
246                    </a>
247                  
248                    <a data-dc-tpl="29" href="/services/api-development" class="scp1" style="display: flex; gap: 12px; white-space: normal; padding: 10px 20px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
249                      <svg data-dc-tpl="30" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="31" d="M8 8l-4 4 4 4M16 8l4 4-4 4"></path></svg>
250                      <span data-dc-tpl="32" style="display: flex; flex-direction: column; gap: 3px; min-width: 0px;">
251                        <span data-dc-tpl="33" style="display: block; font-size: 15px; font-weight: 500; line-height: 1.35;"><span class="sc-interp">Custom APIs for your data</span></span>
252                        <span data-dc-tpl="36" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">API development</span></span>
253                      </span>
254                    </a>
255                  
256                </div>
257              
258              </div>
259              
260            </div>
261            <a data-dc-tpl="37" href="/services" class="scp2" style="margin-top: 8px; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 15px; border-radius: 12px; background: rgb(24, 32, 43); color: rgb(255, 255, 255); font-size: 14px; font-weight: 500;">Explore all services →</a>
262          </div>
263
264        <div data-dc-tpl="38" style="position: fixed; left: 50%; top: 76px; transform: translateX(-50%) translateY(-8px) scale(0.98); transform-origin: center top; opacity: 0; visibility: hidden; transition: opacity 0.22s, transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.32s; width: min(640px, -32px + 100vw); background: rgb(243, 244, 246); border-radius: 20px; padding: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 70px; color: rgb(24, 32, 43);">
265            <div data-dc-tpl="39" style="position: absolute; left: 0px; right: 0px; top: -24px; height: 24px;"></div>
266            <div data-dc-tpl="40" style="background: rgb(255, 255, 255); border-radius: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); overflow: hidden;">
267              
268                <a data-dc-tpl="42" href="/about" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
269                  <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M12 8h.01M11 12h1v5h1M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg>
270                  <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">About</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Who we are and how we work</span></span></span>
271                </a>
272              
273                <a data-dc-tpl="42" href="/team" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
274                  <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6M18 4.5a3.5 3.5 0 0 1 0 6.5M21.5 19c-.5-1.8-1.6-3.2-3-4"></path></svg>
275                  <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Team</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">The people behind BigiByte</span></span></span>
276                </a>
277              
278                <a data-dc-tpl="42" href="/industries" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
279                  <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z"></path></svg>
280                  <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Industries</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Retail, B2B, real estate &amp; more</span></span></span>
281                </a>
282              
283                <a data-dc-tpl="42" href="/blog" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
284                  <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M6 3h9l4 4v14H6zM14 3v5h5M9 13h7M9 17h5"></path></svg>
285                  <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Blog</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Notes on scraping &amp; automation</span></span></span>
286                </a>
287              
288                <a data-dc-tpl="42" href="/faq" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
289                  <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.7M12 17h.01M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg>
290                  <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">FAQs</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Answers before you ask</span></span></span>
291                </a>
292              
293                <a data-dc-tpl="42" href="/pricing" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
294                  <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M3 12V4h8l10 10-8 8zM7.5 7.5h.01"></path></svg>
295                  <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Pricing</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Fixed builds or monthly plans</span></span></span>
296                </a>
297              
298                <a data-dc-tpl="42" href="/contact" class="scp1" style="display: flex; gap: 14px; padding: 18px 20px; border-bottom: 1px solid rgb(238, 240, 242); border-right: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43);">
299                  <svg data-dc-tpl="43" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto; margin-top: 2px;"><path data-dc-tpl="44" d="M21 3L10 14M21 3l-7 18-4-7-7-4z"></path></svg>
300                  <span data-dc-tpl="45" style="display: flex; flex-direction: column; gap: 3px;"><span data-dc-tpl="46" style="font-size: 15px; font-weight: 500;"><span class="sc-interp">Contact</span></span><span data-dc-tpl="47" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Tell us about your project</span></span></span>
301                </a>
302              
303            </div>
304          </div>
305
306        <div data-dc-tpl="48" data-lenis-prevent="" style="position: fixed; left: 50%; top: 76px; transform: translateX(-50%) translateY(-8px) scale(0.98); transform-origin: center top; opacity: 0; visibility: hidden; transition: opacity 0.22s, transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.32s; width: calc(-24px + 100vw); max-height: calc(-92px + 100dvh); overflow-y: auto; background: rgb(243, 244, 246); border-radius: 20px; padding: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 70px; color: rgb(24, 32, 43);">
307            <div data-dc-tpl="49" style="background: rgb(255, 255, 255); border-radius: 20px; display: flex; flex-direction: column; overflow: hidden;">
308              
309                <a data-dc-tpl="51" href="/services" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">Services</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a>
310              
311                <a data-dc-tpl="51" href="/work" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">Work</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a>
312              
313                <a data-dc-tpl="51" href="/about" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">About</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a>
314              
315                <a data-dc-tpl="51" href="/pricing" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">Pricing</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a>
316              
317                <a data-dc-tpl="51" href="/contact" data-nav-m="" aria-current="false" style="display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid rgb(238, 240, 242); color: rgb(24, 32, 43); font-size: 17px; font-weight: 500;"><span class="sc-interp">Contact</span><svg data-dc-tpl="52" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex: 0 0 auto;"><path data-dc-tpl="53" d="M9 6l6 6-6 6"></path></svg></a>
318              
319              <div data-dc-tpl="54" style="display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 14px 18px; font-size: 14px;">
320                <a data-dc-tpl="56" href="/team" style="color: rgb(91, 99, 110);"><span class="sc-interp">Team</span></a><a data-dc-tpl="56" href="/industries" style="color: rgb(91, 99, 110);"><span class="sc-interp">Industries</span></a><a data-dc-tpl="56" href="/blog" style="color: rgb(91, 99, 110);"><span class="sc-interp">Blog</span></a><a data-dc-tpl="56" href="/faq" style="color: rgb(91, 99, 110);"><span class="sc-interp">FAQs</span></a>
321              </div>
322            </div>
323            <a data-dc-tpl="57" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="margin-top: 8px; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 15px; border-radius: 12px; background: rgb(24, 32, 43); color: rgb(255, 255, 255); font-size: 15px; font-weight: 500;">Book a call ↗</a>
324            <a data-dc-tpl="58" href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20
324a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" style="display: flex; justify-content: center; align-items: center; gap: 8px; padding: 14px; border-radius: 12px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); font-size: 15px; font-weight: 500;"><svg data-dc-tpl="59" width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" style="color: rgb(21, 128, 61);"><path data-dc-tpl="60" d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.8h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z"></path></svg>Chat on WhatsApp</a>
325          </div>
326
327      </div>
328      <a data-dc-tpl="61" href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" data-nav="wa" target="_blank" rel="noopener" aria-label="Chat with us on WhatsApp" title="Chat on WhatsApp" class="scp3" style="position: relative; isolation: isolate; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; background: rgb(21, 128, 61); color: rgb(255, 255, 255); transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);"><svg data-dc-tpl="62" width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path data-dc-tpl="63" d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2 
3281.87.12.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.8h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z"></path></svg></a>
329      <a data-dc-tpl="64" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-nav="cta" class="scp4" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; background: rgb(255, 255, 255); color: rgb(24, 32, 43); padding: 5px 5px 5px 14px; border-radius: 999px; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 4px; transition: box-shadow 0.25s;"><span data-dc-tpl="65" data-nav="dot" style="position: relative; height: 17px; flex: 0 0 auto; width: 8px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);"><span data-dc-tpl="66" style="position: absolute; left: 0px; top: 4.5px; width: 8px; height: 8px; opacity: 1; transform: scale(1); transition: opacity 0.25s, transform 0.3s;"><span data-dc-tpl="67" style="position: absolute; inset: 0px; border-radius: 50%; background: rgb(34, 197, 94); animation: 1.6s ease-out 0s infinite normal none running ping;"></span><span data-dc-tpl="68" style="position: absolute; inset: 0px; border-radius: 50%; background: rgb(34, 197, 94);"></span></span><span data-dc-tpl="69" style="position: absolute; left: 0px; top: 0px; display: block; line-height: 0; opacity: 0; transform: scale(0.3) rotate(-25deg); transform-origin: 30% 60%; transition: opacity 0.3s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);"><svg data-dc-tpl="70" viewBox="0 0 87.5 72" width="20" height="17" aria-hidden="true"><path data-dc-tpl="71" fill="#00832d" d="M49.5 36l8.53 9.75 11.47 7.33 2-17.02-2-16.64-11.69 6.44z"></path><path data-dc-tpl="72" fill="#0066da" d="M0 51.5V66c0 3.315 2.685 6 6 6h14.5l3-10.96-3-9.54-9.95-3z"></path><path data-dc-tpl="73" fill="#e94235" d="M20.5 0L0 20.5l10.55 3 9.95-3 2.95-9.41z"></path><path data-dc-tpl="74" fill="#2684fc" d="M20.5 20.5H0v31h20.5z"></path><path data-dc-tpl="75" fill="#00ac47" d="M82.6 8.68L69.5 19.42v33.66l13.16 10.79c1.97 1.54 4.85.135 4.85-2.37V11c0-2.535-2.945-3.925-4.91-2.32zM49.5 36v15.5h-29V72h43c3.315 0 6-2.685 6-6V53.08z"></path><path data-dc-tpl="76" fill="#ffba00" d="M63.5 0h-43v20.5h29V36l20-16.57V6c0-3.315-2.685-6-6-6z"></path></svg></span></span><span data-dc-tpl="77" style="white-space: nowrap;">Book a call</span><span data-dc-tpl="78" style="position: relative; width: 30px; height: 30px; border-radius: 50%; background: rgb(24, 32, 43); color: rgb(255, 255, 255); overflow: hidden; flex: 0 0 auto;">
330          <span data-dc-tpl="79" style="position: absolute; inset: 0px; display: grid; place-items: center; font-size: 14px; opacity: 1; transform: translate(0px, 0px) scale(1); transition: opacity 0.3s, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);"><svg data-dc-tpl="80" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="81" d="M7 17L17 7M8 7h9v9"></path></svg></span>
331          <span data-dc-tpl="82" style="position: absolute; inset: 0px; display: grid; place-items: center; opacity: 0; transform: translate(-12px, 12px) rotate(-45deg) scale(0.5); transition: opacity 0.25s, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);"><svg data-dc-tpl="83" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="84" d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"></path></svg></span>
332        </span></a>
333      <button data-dc-tpl="85" type="button" data-nav="burger" aria-label="Open menu" aria-expanded="false" style="display: none; place-items: center; width: 40px; height: 40px; flex: 0 0 auto; border: 0px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); cursor: pointer;"><svg data-dc-tpl="86" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path data-dc-tpl="87" d="M4 7h16M4 12h16M4 17h16"></path></svg></button>
334    </nav>
335  </header>
336  <main data-dc-tpl="88" id="main">
337
338  
339  
340  <section data-dc-tpl="90" id="top" style="position: relative; margin-top: -80px; padding: 166px 20px 40px; text-align: center;">
341    <div data-dc-tpl="91" style="position: absolute; inset: 0px; pointer-events: none; overflow: hidden;">
342      <div data-dc-tpl="92" style="position: absolute; left: -12%; top: -18%; width: 52%; height: 78%; border-radius: 50%; background: radial-gradient(closest-side, rgba(168, 182, 202, 0.55), rgba(168, 182, 202, 0.18) 55%, transparent);"></div>
343      <div data-dc-tpl="93" style="position: absolute; right: -10%; top: -24%; width: 62%; height: 86%; border-radius: 50%; background: radial-gradient(closest-side, rgba(24, 32, 43, 0.22), rgba(60, 74, 94, 0.1) 55%, transparent);"></div>
344      <div data-dc-tpl="94" style="position: absolute; left: 30%; top: -30%; width: 40%; height: 55%; border-radius: 50%; background: radial-gradient(closest-side, rgba(206, 214, 226, 0.6), transparent);"></div>
345      <div data-dc-tpl="95" style="position: absolute; inset: 0px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgb(255, 255, 255) 92%);"></div>
346    </div>
347    <div data-dc-tpl="96" style="position: relative; max-width: 860px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 22px;">
348      <div data-dc-tpl="97" style="display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgb(91, 99, 110); background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); padding: 6px 14px 6px 8px; border-radius: 999px;">
349        <span data-dc-tpl="98" style="background: rgb(240, 241, 243); color: rgb(24, 32, 43); font-weight: 500; padding: 3px 9px; border-radius: 999px; font-size: 12px;">New</span>
350        Booking Q4 2026 projects
351      </div>
352      <h1 data-dc-tpl="99" style="margin: 0px; font-weight: 500; font-size: clamp(40px, 5.6vw, 72px); line-height: 1.04; letter-spacing: -0.035em; text-wrap: balance;">Your data partner for scraping, automation &amp; SaaS products.</h1>
353      <p data-dc-tpl="100" style="margin: 0px; font-size: 18px; line-height: 1.55; color: rgb(91, 99, 110); max-width: 600px; text-wrap: pretty;">We turn messy web data into clean pipelines, and clean pipelines into products your customers pay for.</p>
354      <div data-dc-tpl="101" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; font-size: 14px; color: rgb(53, 60, 71);">
355        
356          <span data-dc-tpl="103" style="display: flex; align-items: center; gap: 7px;"><span data-dc-tpl="104" style="width: 18px; height: 18px; border-radius: 50%; background: rgb(24, 32, 43); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 11px; font-weight: 700;">✓</span><span class="sc-interp">Senior engineers only</span></span>
357        
358          <span data-dc-tpl="103" style="display: flex; align-items: center; gap: 7px;"><span data-dc-tpl="104" style="width: 18px; height: 18px; border-radius: 50%; background: rgb(24, 32, 43); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 11px; font-weight: 700;">✓</span><span class="sc-interp">Ship in weeks, not months</span></span>
359        
360          <span data-dc-tpl="103" style="display: flex; align-items: center; gap: 7px;"><span data-dc-tpl="104" style="width: 18px; height: 18px; border-radius: 50%; background: rgb(24, 32, 43); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 11px; font-weight: 700;">✓</span><span class="sc-interp">Monitoring included</span></span>
361        
362      </div>
363      <div data-dc-tpl="105" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px;">
364        <a data-dc-tpl="106" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" class="scp5" style="background: rgb(24, 32, 43); color: rgb(255, 255, 255); padding: 14px 24px; border-radius: 999px; font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 10px;">Book a free call <span data-dc-tpl="107" style="width: 22px; height: 22px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center; font-size: 12px;">↗</span></a>
365        <a data-dc-tpl="108" href="/#work" class="scp6" style="background: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 228); padding: 14px 24px; border-radius: 999px; font-size: 15px; font-weight: 500;">See our work</a>
366      </div>
367      <div data-dc-tpl="109" data-r="proof" style="display: flex; align-items: center; gap: 12px; margin-top: 6px;">
368        <div data-dc-tpl="110" style="display: flex; padding-left: 10px;">
369          
370            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/65e3fcd7c34e8ffed623b1d08907976f-1619207353829/ff591810-8646-4d69-a3a4-617405c8f453.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
371          
372            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/110f4fff726164f780b94ff9d60a8ec1-1624213898824/2b462463-e813-4728-8bae-8c46b8b53282.jpeg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
373          
374            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/d5b74f37aabb5bf397f928fa8ef83174-743836741596390704.906231/90ABB451-BF26-4D22-A958-08C501FE2C8B&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
375          
376            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/33256108/original/600710_101
37651401161744070_286028602_n.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
377          
378            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/33bc4173ea279a054c29d0d8f6b4ce07-1539806278747/28413816-05d1-4f97-a685-318a19b47623.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
379          
380            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/1540103/original/aa.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
381          
382            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/8fd94d7e384933f3b8ea57b47b1b0c2e-1707576894598/09d21929-1a00-45fd-bc51-18dd8ba8c9c4.jpeg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
383          
384            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/ac52a372ae434d3358e2f5a52a6c2b3a-1654792993352/8e493fba-1687-45c8-a286-1af0ef3a34e3.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
385          
386            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1777579006404.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
387          
388            <div data-dc-tpl="112" class="scp7" style="position: relative; width: 38px; height: 38px; margin-left: -10px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1652600318017.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgba(24, 32, 43, 0.12) 0px 2px 6px; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s; cursor: pointer;"></div>
389          
390        </div>
391        <div data-dc-tpl="113" data-r="proof-text" style="font-size: 14px; line-height: 1.4; color: rgb(91, 99, 110); text-align: left;"><span data-dc-tpl="114" style="color: rgb(24, 32, 43); font-weight: 500;">Join founders who automated their data.</span><br data-dc-tpl="115">Your project could be next.</div>
392      </div>
393    </div>
394
395    <div data-dc-tpl="116" id="heroShots" data-m-hide="" style="position: relative; margin: 72px -20px 0px; overflow: auto hidden; scrollbar-width: none; cursor: grab; touch-action: pan-x pan-y;">
396      <div data-dc-tpl="117" style="display: flex; gap: 16px; padding-right: 16px; width: max-content;">
397        
398          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-scraper-live-runs.webp" alt="Live scraper run monitor with progress, success rate, rows collected and recent runs" title="Live scraper run monitor with progress, success rate, rows collected and recent runs" loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
399        
400          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-web-scraper-runs-dashboard.webp" alt="Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." title="Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
401        
402          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-automation-flow-canvas.webp" alt="Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" title="Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
403        
404          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-b2b-saas-leads-database.webp" alt="B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." title="B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
405        
406          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-python-scraper-code.webp" alt="Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" title="Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
407        
408          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-price-tracker-mobile-app.webp" alt="Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." title="Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
409        
410          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-google-maps-leads.webp" alt="Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" title="Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
411        
412          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-real-estate-listings-map.webp" alt="Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." title="Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." loading="eager" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
413        
414          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-ai-agent-steps.webp" alt="AI agent researching decision-makers step by step and writing 47 contacts to the CRM" title="AI agent researching decision-makers step by step and writing 47 contacts to the CRM" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
415        
416          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ecommerce-product-catalog-sync.webp" alt="Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." title="Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
417        
418          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-product-extraction.webp" alt="E-commerce product page with fields highlighted and extracted into clean JSON" title="E-commerce product page with fields highlighted and extracted into clean JSON" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
419        
420          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-google-maps-lead-automation.webp" alt="Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." title="Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
421        
422          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-crm-pipeline.webp" alt="CRM pipeline board receiving automatically enriched leads" title="CRM pipeline board receiving automatically enriched leads" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
423        
424          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ai-scraping-agent-chat.webp" alt="AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." title="AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
425        
426          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-real-estate-listings.webp" alt="Messy property listings turned into a clean structured dataset" title="Messy property listings turned into a clean structured dataset" loadi
426ng="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
427        
428          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-business-leads-spreadsheet-delivery.webp" alt="Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." title="Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
429        
430          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-slack-report.webp" alt="Automated weekly price report posted to the team chat with a spreadsheet attached" title="Automated weekly price report posted to the team chat with a spreadsheet attached" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
431        
432          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-social-creator-insights-dashboard.webp" alt="Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." title="Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
433        
434          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-data-notebook.webp" alt="Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" title="Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
435        
436          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-competitor-pricing-heatmap.webp" alt="Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." title="Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
437        
438          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-rag-knowledge-base.webp" alt="Company documents turned into a knowledge base that answers questions with sources" title="Company documents turned into a knowledge base that answers questions with sources" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
439        
440          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-python-playwright-scraper-code.webp" alt="Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." title="Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
441        
442          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-verified-email-list.webp" alt="Verified B2B lead list with email status and a 1.2% bounce rate" title="Verified B2B lead list with email status and a 1.2% bounce rate" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
443        
444          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-hotel-price-comparison-lisbon.webp" alt="Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." title="Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
445        
446          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-monitoring-alerts.webp" alt="Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" title="Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
447        
448          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-remote-job-board-scraper.webp" alt="Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." title="Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
449        
450          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-inbox-automation.webp" alt="Email inbox automatically sorted into leads, invoices, support and spam" title="Email inbox automatically sorted into leads, invoices, support and spam" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
451        
452          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 3 / 4; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-agent-lead-workflow-vertical.webp" alt="Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." title="Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
453        
454          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-api-endpoint.webp" alt="REST API endpoint returning product data as JSON with latency and uptime stats" title="REST API endpoint returning product data as JSON with latency and uptime stats" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
455        
456          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-email-extraction-crm-workflow.webp" alt="Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." title="Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
457        
458          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-review-sentiment.webp" alt="AI classifying 12,480 customer reviews by sentiment and topic" title="AI classifying 12,480 customer reviews by sentiment and topic" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
459        
460          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-dark-workflow-scraping-pipeline.webp" alt="Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." title="Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
461        
462          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-scheduled-jobs.webp" alt="Weekly schedule of recurring data jobs with the job running now highlighted" title="Weekly schedule of recurring data jobs with the job running now highlighted" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
463        
464          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ai-agent-workflow-canvas.webp" alt="AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." title="AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
465        
466          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-saas-dashboard.webp" alt="Price tracker SaaS dashboard on web and mobile with price-drop alerts" title="Price tracker SaaS dashboard on web and mobile with price-drop alerts" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
467        
468          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-website-
468contact-extraction-pipeline.webp" alt="Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." title="Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
469        
470          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-url-scraper-error-handling.webp" alt="Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." title="Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
471        
472          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-agent-lead-workflow-horizontal.webp" alt="Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." title="Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
473        
474          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-scraper-live-runs.webp" alt="Live scraper run monitor with progress, success rate, rows collected and recent runs" title="Live scraper run monitor with progress, success rate, rows collected and recent runs" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
475        
476          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-web-scraper-runs-dashboard.webp" alt="Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." title="Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
477        
478          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-automation-flow-canvas.webp" alt="Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" title="Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
479        
480          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-b2b-saas-leads-database.webp" alt="B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." title="B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
481        
482          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-python-scraper-code.webp" alt="Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" title="Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
483        
484          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-price-tracker-mobile-app.webp" alt="Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." title="Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
485        
486          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-google-maps-leads.webp" alt="Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" title="Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
487        
488          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-real-estate-listings-map.webp" alt="Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." title="Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
489        
490          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-ai-agent-steps.webp" alt="AI agent researching decision-makers step by step and writing 47 contacts to the CRM" title="AI agent researching decision-makers step by step and writing 47 contacts to the CRM" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
491        
492          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ecommerce-product-catalog-sync.webp" alt="Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." title="Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
493        
494          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-product-extraction.webp" alt="E-commerce product page with fields highlighted and extracted into clean JSON" title="E-commerce product page with fields highlighted and extracted into clean JSON" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
495        
496          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-google-maps-lead-automation.webp" alt="Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." title="Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
497        
498          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-crm-pipeline.webp" alt="CRM pipeline board receiving automatically enriched leads" title="CRM pipeline board receiving automatically enriched leads" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
499        
500          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ai-scraping-agent-chat.webp" alt="AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." title="AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
501        
502          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-real-estate-listings.webp" alt="Messy property listings turned into a clean structured dataset" title="Messy property listings turned into a clean structured dataset" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
503        
504          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-business-leads-spreadsheet-delivery.webp" alt="Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." title="Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
505        
506          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-slack-report.webp" alt="Automated weekly price report posted to the team chat with a spreadsheet attached" title="Automated weekly price report posted to the team chat with a spreadsheet attached" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
507        
508          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-social-creator-insights-dashboard.webp" alt="Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." title="Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display:
508 block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
509        
510          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-data-notebook.webp" alt="Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" title="Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
511        
512          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-competitor-pricing-heatmap.webp" alt="Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." title="Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
513        
514          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-rag-knowledge-base.webp" alt="Company documents turned into a knowledge base that answers questions with sources" title="Company documents turned into a knowledge base that answers questions with sources" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
515        
516          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-python-playwright-scraper-code.webp" alt="Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." title="Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
517        
518          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-verified-email-list.webp" alt="Verified B2B lead list with email status and a 1.2% bounce rate" title="Verified B2B lead list with email status and a 1.2% bounce rate" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
519        
520          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-hotel-price-comparison-lisbon.webp" alt="Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." title="Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
521        
522          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-monitoring-alerts.webp" alt="Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" title="Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
523        
524          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-remote-job-board-scraper.webp" alt="Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." title="Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
525        
526          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-inbox-automation.webp" alt="Email inbox automatically sorted into leads, invoices, support and spam" title="Email inbox automatically sorted into leads, invoices, support and spam" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
527        
528          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 3 / 4; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-agent-lead-workflow-vertical.webp" alt="Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." title="Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
529        
530          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-api-endpoint.webp" alt="REST API endpoint returning product data as JSON with latency and uptime stats" title="REST API endpoint returning product data as JSON with latency and uptime stats" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
531        
532          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-email-extraction-crm-workflow.webp" alt="Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." title="Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
533        
534          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-review-sentiment.webp" alt="AI classifying 12,480 customer reviews by sentiment and topic" title="AI classifying 12,480 customer reviews by sentiment and topic" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
535        
536          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-dark-workflow-scraping-pipeline.webp" alt="Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." title="Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
537        
538          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-scheduled-jobs.webp" alt="Weekly schedule of recurring data jobs with the job running now highlighted" title="Weekly schedule of recurring data jobs with the job running now highlighted" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
539        
540          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-ai-agent-workflow-canvas.webp" alt="AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." title="AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
541        
542          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/hero-saas-dashboard.webp" alt="Price tracker SaaS dashboard on web and mobile with price-drop alerts" title="Price tracker SaaS dashboard on web and mobile with price-drop alerts" loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
543        
544          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-website-contact-extraction-pipeline.webp" alt="Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." title="Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
545        
546          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-url-scraper-error-handling.webp" alt="Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." title="Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
547        
548          <div data-dc-tpl="119" style="flex: 0 0 auto; height: clamp(240px, 34vw, 460px); aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(238, 240, 242); cursor: zoom-in;"><img data-dc-tpl="120" src="https://images.bigibyte.com/cdn-cgi/image/width=1400,quality=80,format=auto/projects/project-agent-lead-workflow-horizontal.webp" alt="Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." title="Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." loading="lazy" decoding="async" draggable="false" class="scp8" style="display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);"></div>
549        
550      </div>
551    </div>
552    <div data-dc-tpl="121" data-m-hide="" style="display: flex; justify-content: center; gap: 10px; margin-top: 20px;"><button data-dc-tpl="122" type="button" aria-label="Previous" class="scp9" style="width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgb(230, 232, 235); background:
552 rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center; cursor: pointer; transition: background 0.2s, transform 0.2s;"><svg data-dc-tpl="123" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="124" d="M15 18l-6-6 6-6"></path></svg></button><button data-dc-tpl="125" type="button" aria-label="Next" class="scp9" style="width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgb(230, 232, 235); background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center; cursor: pointer; transition: background 0.2s, transform 0.2s;"><svg data-dc-tpl="126" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="127" d="M9 18l6-6-6-6"></path></svg></button></div>
553  </section>
554
555  
556  <section data-dc-tpl="128" id="who" style="padding: 80px 20px 24px; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 40px;">
557    <div data-dc-tpl="129" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px 48px;">
558      <h2 data-dc-tpl="130" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; max-width: 640px;">Who we help</h2>
559      <p data-dc-tpl="131" style="margin: 0px 0px 6px; font-size: 16.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 380px; text-wrap: pretty;">If one of these sounds like you, we have probably solved it before.</p>
560    </div>
561    <div data-dc-tpl="132" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); column-gap: 48px; border-top: 1px solid rgb(230, 232, 235);">
562      
563        <a data-dc-tpl="134" href="/services/real-estate-data-scraping" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;">
564          <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6"></path></svg></span>
565          <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Real estate</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">“<span class="sc-interp">I scroll listing sites every day looking for the right deal.</span>”</span></span>
566          <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">→</span>
567        </a>
568      
569        <a data-dc-tpl="134" href="/services/web-scraping" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;">
570          <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M5 8h14l-1 12H6zM9 8V6a3 3 0 0 1 6 0v2"></path></svg></span>
571          <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Online shops</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">“<span class="sc-interp">I check competitor prices by hand and always find out too late.</span>”</span></span>
572          <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">→</span>
573        </a>
574      
575        <a data-dc-tpl="134" href="/services/cold-email-lists" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;">
576          <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M3 11v2a1 1 0 0 0 1 1h3l6 4V6L7 10H4a1 1 0 0 0-1 1zM17 9a4 4 0 0 1 0 6M20 6a8 8 0 0 1 0 12"></path></svg></span>
577          <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Marketing agencies</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">“<span class="sc-interp">Our clients want leads and reports, and my team builds them by hand.</span>”</span></span>
578          <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">→</span>
579        </a>
580      
581        <a data-dc-tpl="134" href="/services/b2b-lead-lists" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;">
582          <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6"></path></svg></span>
583          <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Sales teams</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">“<span class="sc-interp">We spend hours finding the right person to contact.</span>”</span></span>
584          <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">→</span>
585        </a>
586      
587        <a data-dc-tpl="134" href="/services/saas-development" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;">
588          <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.7.7 1 1.5 1 2.5h6c0-1 .3-1.8 1-2.5A6 6 0 0 0 12 3z"></path></svg></span>
589          <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Startups</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">“<span class="sc-interp">I have an idea for an app, or a half-built one that keeps breaking.</span>”</span></span>
590          <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">→</span>
591        </a>
592      
593        <a data-dc-tpl="134" href="/services/ai-model-datasets" class="scpa" style="display: flex; gap: 16px; align-items: flex-start; padding: 22px 8px; border-bottom: 1px solid rgb(230, 232, 235); color: rgb(24, 32, 43); transition: background 0.25s;">
594          <span data-dc-tpl="135" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(240, 241, 243); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="136" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="137" d="M9 3h6M10 3v6l-5.5 9.5A1.7 1.7 0 0 0 6 21h12a1.7 1.7 0 0 0 1.5-2.5L14 9V3M7 15h10"></path></svg></span>
595          <span data-dc-tpl="138" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;"><span data-dc-tpl="139" style="font-size: 17px; font-weight: 500; letter-spacing: -0.01em;"><span class="sc-interp">Researchers &amp; AI teams</span></span><span data-dc-tpl="140" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110); text-wrap: pretty;">“<span class="sc-interp">I need a large, clean dataset and collecting it would take months.</span>”</span></span>
596          <span data-dc-tpl="141" aria-hidden="true" style="flex: 0 0 auto; margin-top: 8px; color: rgb(91, 99, 110);">→</span>
597        </a>
598      
599    </div>
600  </section>
601
602  
603  <section data-dc-tpl="142" style="padding: 64px 0px; display: flex; flex-direction: column; align-items: center; gap: 22px;">
604    <div data-dc-tpl="143" style="display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0px 20px; text-align: center;"><div data-dc-tpl="144" style="font-size: 15px; font-weight: 500; color: rgb(24, 32, 43);">Works with the tools you already use</div><div data-dc-tpl="145" style="font-size: 13px; color: rgb(91, 99, 110);">Excel, Google Sheets, HubSpot, Airtable, Notion and more. No need to learn anything new.</div></div>
605    <div data-dc-tpl="146" style="width: 100%; display: flex; flex-direction: column; gap: 12px;">
606      <div data-dc-tpl="147" style="width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 7%, rgb(0, 0, 0) 93%, transparent);">
607        <div data-dc-tpl="148" style="display: flex; gap: 12px; padding-right: 12px; width: max-content; animation: 80s linear 0s infinite normal none running marq;">
608          
609            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://apify.com/favicon.ico&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Apify</span></span></div>
610          
611            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/python&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Python</span></span></div>
612          
613            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/typescript&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">TypeScript</span></span></div>
614          
615            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/nodedotjs&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Node.js</span></span></div>
616          
617            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/puppeteer&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Puppeteer</span></span></div>
618          
619            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/selenium&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Selenium</span></span></div>
620          
621            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/scrapy&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Scrapy</span></span></div>
622          
623            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/n8n&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">n8n</span></span></div>
624          
625            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/make&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Make</span></span></div>
626          
627            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/zapier&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">
627Zapier</span></span></div>
628          
629            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/googlesheets&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Google Sheets</span></span></div>
630          
631            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/airtable&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Airtable</span></span></div>
632          
633            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/notion&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Notion</span></span></div>
634          
635            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://apify.com/favicon.ico&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Apify</span></span></div>
636          
637            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/python&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Python</span></span></div>
638          
639            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/typescript&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">TypeScript</span></span></div>
640          
641            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/nodedotjs&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Node.js</span></span></div>
642          
643            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/puppeteer&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Puppeteer</span></span></div>
644          
645            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/selenium&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Selenium</span></span></div>
646          
647            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/scrapy&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Scrapy</span></span></div>
648          
649            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/n8n&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">n8n</span></span></div>
650          
651            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/make&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Make</span></span></div>
652          
653            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/zapier&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">
653Zapier</span></span></div>
654          
655            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/googlesheets&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Google Sheets</span></span></div>
656          
657            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/airtable&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Airtable</span></span></div>
658          
659            <div data-dc-tpl="150" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="151" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/notion&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="152" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Notion</span></span></div>
660          
661        </div>
662      </div>
663      <div data-dc-tpl="153" style="width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 7%, rgb(0, 0, 0) 93%, transparent);">
664        <div data-dc-tpl="154" style="display: flex; gap: 12px; padding-right: 12px; width: max-content; animation: 100s linear 0s infinite normal none running marq;">
665          
666            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/nextdotjs&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Next.js</span></span></div>
667          
668            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/react&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">React</span></span></div>
669          
670            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/fastapi&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">FastAPI</span></span></div>
671          
672            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/postgresql&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">PostgreSQL</span></span></div>
673          
674            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/supabase&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Supabase</span></span></div>
675          
676            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/mongodb&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">MongoDB</span></span></div>
677          
678            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/redis&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Redis</span></span></div>
679          
680            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/docker&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">
680Docker</span></span></div>
681          
682            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/googlecloud&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Google Cloud</span></span></div>
683          
684            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/cloudflare&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Cloudflare</span></span></div>
685          
686            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/vercel&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Vercel</span></span></div>
687          
688            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/stripe&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Stripe</span></span></div>
689          
690            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/hubspot&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">HubSpot</span></span></div>
691          
692            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/github&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">GitHub</span></span></div>
693          
694            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/nextdotjs&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Next.js</span></span></div>
695          
696            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/react&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">React</span></span></div>
697          
698            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/fastapi&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">FastAPI</span></span></div>
699          
700            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/postgresql&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">PostgreSQL</span></span></div>
701          
702            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/supabase&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Supabase</span></span></div>
703          
704            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/mongodb&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">MongoDB</span></span></div>
705          
706            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/redis&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Redis</span></span></div>
707          
708            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/docker&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">
708Docker</span></span></div>
709          
710            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/googlecloud&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Google Cloud</span></span></div>
711          
712            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/cloudflare&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Cloudflare</span></span></div>
713          
714            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/vercel&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Vercel</span></span></div>
715          
716            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/stripe&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">Stripe</span></span></div>
717          
718            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/hubspot&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">HubSpot</span></span></div>
719          
720            <div data-dc-tpl="156" style="flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border: 1px solid rgb(230, 232, 235); border-radius: 999px; background: rgb(255, 255, 255);"><span data-dc-tpl="157" style="width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url(&quot;https://cdn.simpleicons.org/github&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center;"></span><span data-dc-tpl="158" style="font-size: 15px; font-weight: 500; color: rgb(53, 60, 71); white-space: nowrap;"><span class="sc-interp">GitHub</span></span></div>
721          
722        </div>
723      </div>
724    </div>
725  </section>
726
727  
728  <section data-dc-tpl="159" id="services" data-m-hide="" style="padding: 80px 20px; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 48px;">
729    <div data-dc-tpl="160" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px 48px;">
730      <h2 data-dc-tpl="161" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; max-width: 640px;">Three ways we save you time</h2>
731      <p data-dc-tpl="162" style="margin: 0px 0px 6px; font-size: 16.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 380px; text-wrap: pretty;">Pick one, or let us handle all three.</p>
732    </div>
733    <div data-dc-tpl="163" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px 16px; align-items: start;">
734      
735        <div data-dc-tpl="165" style="display: flex; flex-direction: column; gap: 12px;">
736          <h3 data-dc-tpl="166" style="margin: 0px 0px 4px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em;"><span class="sc-interp">Get the information you need</span></h3>
737          
738            <a data-dc-tpl="168" href="/services/web-scraping" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
739              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M4 6h16M4 12h10M4 18h7M17 15l3 3-3 3"></path></svg></span>
740              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
741                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Collect information from any website</span></span>
742                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Web scraping</span></span>
743                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
744              </span>
745            </a>
746          
747            <a data-dc-tpl="168" href="/services/data-pipelines" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
748              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M12 3c5 0 8 1.5 8 3s-3 3-8 3-8-1.5-8-3 3-3 8-3zM4 6v6c0 1.5 3 3 8 3s8-1.5 8-3V6M4 12v6c0 1.5 3 3 8 3s8-1.5 8-3v-6"></path></svg></span>
749              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
750                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">All your data, cleaned, in one place</span></span>
751                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Data pipelines</span></span>
752                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
753              </span>
754            </a>
755          
756            <a data-dc-tpl="168" href="/services/maintenance" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
757              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"></path></svg></span>
758              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
759                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Monitoring &amp; alerts, fixed if a website changes</span></span>
760                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Monitoring &amp; upkeep</span></span>
761                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
762              </span>
763            </a>
764          
765        </div>
766      
767        <div data-dc-tpl="165" style="display: flex; flex-direction: column; gap: 12px;">
768          <h3 data-dc-tpl="166" style="margin: 0px 0px 4px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em;"><span class="sc-interp">Find more customers</span></h3>
769          
770            <a data-dc-tpl="168" href="/services/b2b-lead-lists" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
771              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6M19 3l2 2-2 2M21 5h-5"></path></svg></span>
772              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
773                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Get a list of potential customers</span></span>
774                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">B2B &amp; B2C lead generation</span></span>
775                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
776              </span>
777            </a>
778          
779            <a data-dc-tpl="168" href="/services/ai-agent-development" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
780              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M12 3v3M8 6h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM9.5 11.5h.01M14.5 11.5h.01M9.5 15h5M2 12h3M19 12h3"></path></svg></span>
781              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
782                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">AI agents that research leads for you</span></span>
783                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">AI agent development</span></span>
784                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
785              </span>
786            </a>
787          
788            <a data-dc-tpl="168" href="/services/ai-chatbots" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
789              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M4 5h16v11H9l-5 4zM8 10h8M8 13h5"></path></svg></span>
790              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
791                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">A smart assistant that answers your customers 24/7</span></span>
792                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">AI chatbots &amp; assistants</span></span>
793                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
794              </span>
795            </a>
796          
797        </div>
798      
799        <div data-dc-tpl="165" style="display: flex; flex-direction: column; gap: 12px;">
800          <h3 data-dc-tpl="166" style="margin: 0px 0px 4px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em;"><span class="sc-interp">Stop doing it by hand, or build your own product</span></h3>
801          
802            <a data-dc-tpl="168" href="/services/saas-development" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
803              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M3 5h18v12H3zM8 21h8M12 17v4"></path></svg></span>
804              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
805                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Build your own SaaS product, from MVP to paying users</span></span>
806                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">SaaS development</span></span>
807                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
808              </span>
809            </a>
810          
811            <a data-dc-tpl="168" href="/services/api-development" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
812              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M8 8l-4 4 4 4M16 8l4 4-4 4M14 5l-4 14"></path></svg></span>
813              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
814                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">Custom APIs that connect your systems and partners</span></span>
815                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">API development</span></span>
816                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
817              </span>
818            </a>
819          
820            <a data-dc-tpl="168" href="/services/rag-knowledge-bases" class="scpb" style="color: rgb(24, 32, 43); background: rgb(246, 247, 248); border: 1px solid rgb(246, 247, 248); border-radius: 20px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.25s, box-shadow 0.25s;">
821              <span data-dc-tpl="169" style="flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); display: grid; place-items: center;"><svg data-dc-tpl="170" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="171" d="M9 4a3 3 0 0 0-3 3 3 3 0 0 0-2 5 3 3 0 0 0 2 5 3 3 0 0 0 3 3h1V4zM15 4a3 3 0 0 1 3 3 3 3 0 0 1 2 5 3 3 0 0 1-2 5 3 3 0 0 1-3 3h-1V4z"></path></svg></span>
822              <span data-dc-tpl="172" style="flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;">
823                <span data-dc-tpl="173" style="font-size: 16.5px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3;"><span class="sc-interp">AI that answers from your own documents</span></span>
824                <span data-dc-tpl="174" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">RAG &amp; knowledge bases</span></span>
825                <span data-dc-tpl="175" style="margin-top: 6px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43);">Learn more →</span>
826              </span>
827            </a>
828          
829        </div>
830      
831    </div>
832  </section>
833
834  
835  <section data-dc-tpl="176" id="process" style="margin: 40px 0px; padding: 96px 20px; background: rgb(245, 246, 247);">
836    <div data-dc-tpl="177" style="max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 56px;">
837      <div data-dc-tpl="178" style="text-align: center; display: flex; flex-direction: column; gap: 12px; align-items: center;">
838        
839        <h2 data-dc-tpl="179" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; text-wrap: balance;">Three simple steps</h2>
840      </div>
841      <figure data-dc-tpl="180" style="margin: 0px auto; width: 100%; max-width: 920px; aspect-ratio: 16 / 9; border-radius: 28px; overflow: hidden; background: rgb(230, 232, 235);
841 box-shadow: rgba(24, 32, 43, 0.1) 0px 24px 60px;"><img data-dc-tpl="181" src="https://images.bigibyte.com/cdn-cgi/image/width=1600,height=900,fit=cover,quality=80,format=auto/projects/how-it-works-flow.webp" srcset="https://images.bigibyte.com/cdn-cgi/image/width=800,height=450,fit=cover,quality=80,format=auto/projects/how-it-works-flow.webp 800w, https://images.bigibyte.com/cdn-cgi/image/width=1600,height=900,fit=cover,quality=80,format=auto/projects/how-it-works-flow.webp 1600w" sizes="(max-width: 960px) 100vw, 920px" alt="Diagram: scattered websites, PDFs and tables flow into one step and come out as a tidy spreadsheet and a rising chart." loading="lazy" decoding="async" width="1600" height="900" style="width: 100%; height: 100%; object-fit: cover; display: block;"></figure>
842      <div data-dc-tpl="182" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 36px 48px;">
843        
844          <div data-dc-tpl="184" style="position: relative; cursor: pointer; display: flex; flex-direction: column; gap: 12px; padding-top: 24px; opacity: 1; transition: opacity 0.5s;">
845            <div data-dc-tpl="185" style="position: absolute; left: 0px; right: 0px; top: 0px; height: 2px; background: rgb(213, 217, 222);"></div>
846            <div data-dc-tpl="187" style="position: absolute; left: 0px; top: 0px; height: 2px; background: rgb(24, 32, 43); animation: 3.6s linear 0s 1 normal forwards running grow;"></div>
847            <div data-dc-tpl="188" style="display: flex; align-items: center; gap: 12px; color: rgb(24, 32, 43);"><span data-dc-tpl="189" style="font-size: 14px; font-weight: 600; color: rgb(91, 99, 110); font-variant-numeric: tabular-nums;"><span class="sc-interp">01</span></span><svg data-dc-tpl="190" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="191" d="M4 5h16v11H9l-5 4z"></path></svg></div>
848            <div data-dc-tpl="192" style="font-size: 20px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Tell us what you need.</span></div>
849            <p data-dc-tpl="193" style="margin: 0px; font-size: 15.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 360px;"><span class="sc-interp">Which information you need, or which task wastes your time. A free 30-minute call or a short message; no technical knowledge needed. You get a clear plan and a fixed price, usually within a few hours.</span></p>
850          </div>
851        
852          <div data-dc-tpl="184" style="position: relative; cursor: pointer; display: flex; flex-direction: column; gap: 12px; padding-top: 24px; opacity: 0.72; transition: opacity 0.5s;">
853            <div data-dc-tpl="185" style="position: absolute; left: 0px; right: 0px; top: 0px; height: 2px; background: rgb(213, 217, 222);"></div>
854            
855            <div data-dc-tpl="188" style="display: flex; align-items: center; gap: 12px; color: rgb(24, 32, 43);"><span data-dc-tpl="189" style="font-size: 14px; font-weight: 600; color: rgb(91, 99, 110); font-variant-numeric: tabular-nums;"><span class="sc-interp">02</span></span><svg data-dc-tpl="190" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="191" d="M6 3h9l4 4v14H6zM14 3v5h5M9.5 14.5l2 2 3.5-4"></path></svg></div>
856            <div data-dc-tpl="192" style="font-size: 20px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">We build it and show you a sample.</span></div>
857            <p data-dc-tpl="193" style="margin: 0px; font-size: 15.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 360px;"><span class="sc-interp">You see real results first, like the first rows of your spreadsheet, so you can check it's right before we finish.</span></p>
858          </div>
859        
860          <div data-dc-tpl="184" style="position: relative; cursor: pointer; display: flex; flex-direction: column; gap: 12px; padding-top: 24px; opacity: 0.72; transition: opacity 0.5s;">
861            <div data-dc-tpl="185" style="position: absolute; left: 0px; right: 0px; top: 0px; height: 2px; background: rgb(213, 217, 222);"></div>
862            
863            <div data-dc-tpl="188" style="display: flex; align-items: center; gap: 12px; color: rgb(24, 32, 43);"><span data-dc-tpl="189" style="font-size: 14px; font-weight: 600; color: rgb(91, 99, 110); font-variant-numeric: tabular-nums;"><span class="sc-interp">03</span></span><svg data-dc-tpl="190" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="191" d="M6 3h9l4 4v6M14 3v5h5M6 3v18h6M17.5 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM17.5 16v1.6l1 .9"></path></svg></div>
864            <div data-dc-tpl="192" style="font-size: 20px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Results arrive automatically.</span></div>
865            <p data-dc-tpl="193" style="margin: 0px; font-size: 15.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 360px;"><span class="sc-interp">In Excel, Google Sheets or your system, on the schedule you choose. If something changes or breaks, we fix it.</span></p>
866          </div>
867        
868      </div>
869      <div data-dc-tpl="194" style="display: flex; justify-content: center;"><a data-dc-tpl="195" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" class="scp5" style="background: rgb(24, 32, 43); color: rgb(255, 255, 255); padding: 13px 22px; border-radius: 999px; font-size: 14px; font-weight: 500;">Book a free call (30 min) ↗</a></div>
870    </div>
871  </section>
872
873  
874
875  
876  
877  <section data-dc-tpl="197" id="work" style="padding: 80px 20px; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: clamp(56px, 7vw, 88px);">
878    
879      <div data-dc-tpl="199" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px 48px;">
880        <h2 data-dc-tpl="200" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; max-width: 640px;">What this looks like in real life</h2>
881        <a data-dc-tpl="201" href="/work" style="margin-bottom: 8px; font-size: 15px; font-weight: 500; color: rgb(24, 32, 43); border-bottom: 1px solid rgb(24, 32, 43); padding-bottom: 2px;">See all our work →</a>
882      </div>
883    
884    
885    
886      <article data-dc-tpl="210" data-wk-flip="false" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(24px, 4vw, 56px); align-items: center;">
887        <div data-dc-tpl="211" data-wk-media="" style="display: flex; flex-direction: column; gap: 12px;">
888          <div data-dc-tpl="212" style="position: relative; aspect-ratio: 16 / 10; border-radius: 28px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="213" src="https://images.bigibyte.com/cdn-cgi/image/width=1200,height=750,fit=cover,quality=80,format=auto/projects/work-realestate-detail-1.webp" alt="Phone with a property listings app showing a map and home cards, next to house keys" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;">
889            <div data-dc-tpl="214" style="position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex;"><span data-dc-tpl="215" style="display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); font-size: 14px; font-weight: 500; line-height: 1.35; padding: 10px 14px; border-radius: 12px; box-shadow: rgba(24, 32, 43, 0.18) 0px 12px 30px;"><span data-dc-tpl="216" style="flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 90, 31);"></span><span class="sc-interp">$18k in monthly revenue within six months</span></span></div>
890          </div>
891          <div data-dc-tpl="217" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
892            <div data-dc-tpl="218" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="219" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-real-estate-listings-map.webp" alt="Real estate listings on an interactive map" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div>
893            <div data-dc-tpl="220" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="221" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-price-tracker-mobile-app.webp" alt="Price tracker mobile app" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div>
894          </div>
895        </div>
896        <div data-dc-tpl="222" style="display: flex; flex-direction: column; gap: 18px;">
897          <span data-dc-tpl="223" style="align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43); background: rgb(240, 241, 243); padding: 6px 12px; border-radius: 999px;"><svg data-dc-tpl="224" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="225" d="M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6"></path></svg><span class="sc-interp">Real estate</span></span>
898          <h2 data-dc-tpl="226" style="margin: 0px; font-weight: 500; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -0.025em; line-height: 1.15; text-wrap: balance;"><span class="sc-interp">From a spreadsheet idea to a paid product</span></h2>
899          <div data-dc-tpl="227" style="display: flex; flex-direction: column; gap: 10px;">
900            <div data-dc-tpl="228" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(246, 247, 248); border-radius: 20px; padding: 14px 16px;">
901              <span data-dc-tpl="229" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(230, 232, 235); color: rgb(91, 99, 110); display: grid; place-items: center;"><svg data-dc-tpl="230" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="231" d="M12 7v5l3 2M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg></span>
902              <div data-dc-tpl="232" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="233" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(91, 99, 110);">Before</span><span data-dc-tpl="234" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110);"><span class="sc-interp">Useful property data, but no product people could sign up for.</span></span></div>
903            </div>
904            <div data-dc-tpl="235" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(255, 255, 255); border: 1px solid rgb(24, 32, 43); border-radius: 20px; padding: 14px 16px; box-shadow: rgba(24, 32, 43, 0.06) 0px 12px 30px;">
905              <span data-dc-tpl="236" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(22, 163, 74); color: rgb(255, 255, 255); display: grid; place-items: center;"><svg data-dc-tpl="237" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="238" d="M5 12.5l4.5 4L19 7"></path></svg></span>
906              <div data-dc-tpl="239" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="240" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(22, 163, 74);">After</span><span data-dc-tpl="241" style="font-size: 15px; line-height: 1.55; color: rgb(24, 32, 43); font-weight: 500;"><span class="sc-interp">A subscription website with log-in, payments and dashboards.</span></span></div>
907            </div>
908          </div>
909          <div data-dc-tpl="242" style="display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;">
910            
911              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
912                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">1.2k</span></div>
913                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Active users</span></div>
914              </div>
915            
916              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
917                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">$18k</span></div>
918                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Monthly revenue at 6 months</span></div>
919              </div>
920            
921              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
922                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">12</span></div>
923                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Weeks to first version</span></div>
924              </div>
925            
926          </div>
927          <div data-dc-tpl="247" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">SaaS · React, FastAPI, PostgreSQL</span></div>
928        </div>
929      </article>
930    
931      <article data-dc-tpl="210" data-wk-flip="true" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(24px, 4vw, 56px); align-items: center;">
932        <div data-dc-tpl="211" data-wk-media="" style="display: flex; flex-direction: column; gap: 12px;">
933          <div data-dc-tpl="212" style="position: relative; aspect-ratio: 16 / 10; border-radius: 28px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="213" src="https://images.bigibyte.com/cdn-cgi/image/width=1200,height=750,fit=cover,quality=80,format=auto/projects/work-ecommerce-detail-1.webp" alt="The same sneaker from three online stores with price tags, the best price highlighted" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;">
934            <div data-dc-tpl="214" style="position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex;"><span data-dc-tpl="215" style="display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); font-size: 14px; font-weight: 500; line-height: 1.35; padding: 10px 14px; border-radius: 12px; box-shadow: rgba(24, 32, 43, 0.18) 0px 12px 30px;"><span data-dc-tpl="216" style="flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 90, 31);"></span><span class="sc-interp">Tracks 2.1M products daily at 99.6% success</span></span></div>
935          </div>
936          <div data-dc-tpl="217" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
937            <div data-dc-tpl="218" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="219" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-competitor-pricing-heatmap.webp" alt="Competitor pricing heatmap" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div>
938            <div data-dc-tpl="220" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="221" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-ecommerce-product-catalog-sync.webp" alt="E-commerce product catalog sync" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div>
939          </div>
940        </div>
941        <div data-dc-tpl="222" style="display: flex; flex-direction: column; gap: 18px;">
942          <span data-dc-tpl="223" style="align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43); background: rgb(240, 241, 243); padding: 6px 12px; border-radius: 999px;"><svg data-dc-tpl="224" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="225" d="M5 8h14l-1 12H6zM9 8V6a3 3 0 0 1 6 0v2"></path></svg><span class="sc-interp">E-commerce</span></span>
943          <h2 data-dc-tpl="226" style="margin: 0px; font-weight: 500; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -0.025em; line-height: 1.15; text-wrap: balance;"><span class="sc-interp">An online shop that sees every competitor’s price change the same day</span></h2>
944          <div data-dc-tpl="227" style="display: flex; flex-direction: column; gap: 10px;">
945            <div data-dc-tpl="228" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(246, 247, 248); border-radius: 20px; padding: 14px 16px;">
946              <span data-dc-tpl="229" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(230, 232, 235); color: rgb(91, 99, 110); display: grid; place-items: center;"><svg data-dc-tpl="230" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="231" d="M12 7v5l3 2M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg></span>
947              <div data-dc-tpl="232" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="233" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(91, 99, 110);">Before</span><span data-dc-tpl="234" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110);"><span class="sc-interp">The team checked competitor websites by hand and always reacted a week late.</span></span></div>
948            </div>
949            <div data-dc-tpl="235" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(255, 255, 255); border: 1px solid rgb(24, 32, 43); border-radius: 20px; padding: 14px 16px; box-shadow: rgba(24, 32, 43, 0.06) 0px 12px 30px;">
950              <span data-dc-tpl="236" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(22, 163, 74); color: rgb(255, 255, 255); display: grid; place-items: center;"><svg data-dc-tpl="237" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="238" d="M5 12.5l4.5 4L19 7"></path></svg></span>
951              <div data-dc-tpl="239" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="240" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(22, 163, 74);">After</span><span data-dc-tpl="241" style="font-size: 15px; line-height: 1.55; color: rgb(24, 32, 43); font-weight: 500;"><span class="sc-interp">Prices from 400 online stores arrive in their reports every day, automatically.</span></span></div>
952            </div>
953          </div>
954          <div data-dc-tpl="242" style="display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;">
955            
956              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
957                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">2.1M</span></div>
958                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Products tracked</span></div>
959              </div>
960            
961              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
962                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">99.6%</span></div>
963                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Success rate</span></div>
964              </div>
965            
966              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
967                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">6</span></div>
968                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Weeks to go live</span></div>
969              </div>
970            
971          </div>
972          <div data-dc-tpl="247" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Web scraping · Python, Playwright, BigQuery</span></div>
973        </div>
974      </article>
975    
976      <article data-dc-tpl="210" data-wk-flip="false" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(24px, 4vw, 56px); align-items: center;">
977        <div data-dc-tpl="211" data-wk-media="" style="display: flex; flex-direction: column; gap: 12px;">
978          <div data-dc-tpl="212" style="position: relative; aspect-ratio: 16 / 10; border-radius: 28px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="213" src="https://images.bigibyte.com/cdn-cgi/image/width=1200,height=750,fit=cover,quality=80,format=auto/projects/work-sales-detail-1.webp" alt="Weekly planner with a large block of time freed up and highlighted in yellow" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;">
979            <div data-dc-tpl="214" style="position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex;"><span data-dc-tpl="215" style="display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); font-size: 14px; font-weight: 500; line-height: 1.35; padding: 10px 14px; border-radius: 12px; box-shadow: rgba(24, 32, 43, 0.18) 0px 12px 30px;"><span data-dc-tpl="216" style="flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 90, 31);"></span><span class="sc-interp">Saves the sales team 30 hours every week</span></span></div>
980          </div>
981          <div data-dc-tpl="217" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
982            <div data-dc-tpl="218" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="219" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-email-extraction-crm-workflow.webp" alt="Email extraction to CRM workflow" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div>
983            <div data-dc-tpl="220" style="aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: rgb(230, 232, 235);"><img data-dc-tpl="221" src="https://images.bigibyte.com/cdn-cgi/image/width=800,height=500,fit=cover,quality=80,format=auto/projects/project-business-leads-spreadsheet-delivery.webp" alt="Bu
983siness leads delivered as a spreadsheet" loading="lazy" decoding="async" style="width: 100%; height: 100%; object-fit: cover; display: block;"></div>
984          </div>
985        </div>
986        <div data-dc-tpl="222" style="display: flex; flex-direction: column; gap: 18px;">
987          <span data-dc-tpl="223" style="align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: rgb(24, 32, 43); background: rgb(240, 241, 243); padding: 6px 12px; border-radius: 999px;"><svg data-dc-tpl="224" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="225" d="M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6"></path></svg><span class="sc-interp">Sales teams</span></span>
988          <h2 data-dc-tpl="226" style="margin: 0px; font-weight: 500; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -0.025em; line-height: 1.15; text-wrap: balance;"><span class="sc-interp">A sales team that got 30 hours a week back</span></h2>
989          <div data-dc-tpl="227" style="display: flex; flex-direction: column; gap: 10px;">
990            <div data-dc-tpl="228" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(246, 247, 248); border-radius: 20px; padding: 14px 16px;">
991              <span data-dc-tpl="229" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(230, 232, 235); color: rgb(91, 99, 110); display: grid; place-items: center;"><svg data-dc-tpl="230" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="231" d="M12 7v5l3 2M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg></span>
992              <div data-dc-tpl="232" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="233" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(91, 99, 110);">Before</span><span data-dc-tpl="234" style="font-size: 15px; line-height: 1.55; color: rgb(91, 99, 110);"><span class="sc-interp">Reps spent their mornings searching the web for who to contact.</span></span></div>
993            </div>
994            <div data-dc-tpl="235" style="display: flex; gap: 12px; align-items: flex-start; background: rgb(255, 255, 255); border: 1px solid rgb(24, 32, 43); border-radius: 20px; padding: 14px 16px; box-shadow: rgba(24, 32, 43, 0.06) 0px 12px 30px;">
995              <span data-dc-tpl="236" style="flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(22, 163, 74); color: rgb(255, 255, 255); display: grid; place-items: center;"><svg data-dc-tpl="237" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="238" d="M5 12.5l4.5 4L19 7"></path></svg></span>
996              <div data-dc-tpl="239" style="display: flex; flex-direction: column; gap: 2px;"><span data-dc-tpl="240" style="font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(22, 163, 74);">After</span><span data-dc-tpl="241" style="font-size: 15px; line-height: 1.55; color: rgb(24, 32, 43); font-weight: 500;"><span class="sc-interp">New contacts are found, checked and added to HubSpot automatically.</span></span></div>
997            </div>
998          </div>
999          <div data-dc-tpl="242" style="display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;">
1000            
1001              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
1002                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">30h</span></div>
1003                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Hours saved each week</span></div>
1004              </div>
1005            
1006              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
1007                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">4×</span></div>
1008                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">More leads</span></div>
1009              </div>
1010            
1011              <div data-dc-tpl="244" style="border-top: 2px solid rgb(24, 32, 43); padding-top: 12px; display: flex; flex-direction: column; gap: 4px;">
1012                <div data-dc-tpl="245" style="font-size: clamp(22px, 2.4vw, 28px); font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;"><span class="sc-interp">0</span></div>
1013                <div data-dc-tpl="246" style="font-size: 12.5px; line-height: 1.4; color: rgb(91, 99, 110);"><span class="sc-interp">Manual steps left</span></div>
1014              </div>
1015            
1016          </div>
1017          <div data-dc-tpl="247" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Automation · n8n, Python, HubSpot</span></div>
1018        </div>
1019      </article>
1020    
1021    
1022  </section>
1023  
1024
1025  
1026
1027  
1028  
1029    <section data-dc-tpl="262" style="padding: 96px 20px; background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 22%, rgb(246, 247, 248));">
1030      <div data-dc-tpl="263" style="max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 48px;">
1031        <div data-dc-tpl="264" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 14px 48px;">
1032          <h2 data-dc-tpl="265" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; max-width: 640px;">What clients say</h2>
1033          <p data-dc-tpl="266" style="margin: 0px 0px 6px; font-size: 16.5px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 380px;">4.9 average rating from clients worldwide.</p>
1034        </div>
1035        <div data-dc-tpl="267" class="scpd" style="position: relative; overflow: hidden; background: rgb(24, 32, 43); color: rgb(255, 255, 255); border-radius: 28px; padding: clamp(28px, 5vw, 56px); display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: clamp(20px, 4vw, 48px); align-items: center; transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s;">
1036          <div data-dc-tpl="268" style="width: clamp(88px, 12vw, 140px); height: clamp(88px, 12vw, 140px); border-radius: 50%; background-color: rgb(42, 52, 66); background-image: url(&quot;https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1777579006404.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgb(24, 32, 43) 0px 0px 0px 4px, rgba(255, 255, 255, 0.25) 0px 0px 0px 5px;"></div>
1037          <div data-dc-tpl="269" style="display: flex; flex-direction: column; gap: 18px;">
1038            <div data-dc-tpl="270" style="color: rgb(255, 255, 255); font-size: 16px; letter-spacing: 3px;">★★★★★</div>
1039            <p data-dc-tpl="271" style="margin: 0px; font-size: clamp(20px, 2.4vw, 30px); line-height: 1.35; letter-spacing: -0.02em; text-wrap: pretty;">“He walked me through exactly how a scraper could meet my needs, helped me cho
1039ose the right toolset, and delivered on time and within budget. I strongly recommend him.”</p>
1040            <div data-dc-tpl="272" style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;"><span data-dc-tpl="273" style="font-size: 17px; font-weight: 500;">Aundre Dudley</span><svg data-dc-tpl="274" width="17" height="17" viewBox="0 0 24 24"><circle data-dc-tpl="275" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="276" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg><span data-dc-tpl="277" style="font-size: 14px; color: rgb(161, 167, 176);">National Manager of Solution Architects · Dual CCIE #29014</span></div>
1041          </div>
1042        </div>
1043        <div data-dc-tpl="278" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px;">
1044          
1045            <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;">
1046              <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/65e3fcd7c34e8ffed623b1d08907976f-1619207353829/ff591810-8646-4d69-a3a4-617405c8f453.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">“</span></div>
1047              <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;">
1048                <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Habib F.</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
1049                <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">Verified client · Fiverr</span></div>
1050              </div>
1051              <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">★★★★★</span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">4.7</span></span></div>
1052              <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar did an excellent job developing a Python script to scrape real estate data with custom filters and automated scheduling.</span></p>
1053            </div>
1054          
1055            <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;">
1056              <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/110f4fff726164f780b94ff9d60a8ec1-1624213898824/2b462463-e813-4728-8bae-8c46b8b53282.jpeg&quot;); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">“</span></div>
1057              <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;">
1058                <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Drew H.</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
1059                <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">
1059Verified client · Fiverr</span></div>
1060              </div>
1061              <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">★★★★★</span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div>
1062              <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar was excellent to work with. He understood what I was looking for and proactively suggested ideas.</span></p>
1063            </div>
1064          
1065            <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;">
1066              <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/d5b74f37aabb5bf397f928fa8ef83174-743836741596390704.906231/90ABB451-BF26-4D22-A958-08C501FE2C8B&quot;); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">“</span></div>
1067              <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;">
1068                <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">gaddcorp</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
1069                <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">Verified client · Fiverr</span></div>
1070              </div>
1071              <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">★★★★★</span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div>
1072              <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar is literally the best of the best! He took on a massive project and completed it against all odds.</span></p>
1073            </div>
1074          
1075            <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;">
1076              <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/33256108/original/600710_101
107651401161744070_286028602_n.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">“</span></div>
1077              <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;">
1078                <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Pedrinho</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
1079                <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">Verified client · Fiverr</span></div>
1080              </div>
1081              <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">★★★★★</span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div>
1082              <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar truly exceeded my expectations with his professional and detail-oriented work.</span></p>
1083            </div>
1084          
1085            <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;">
1086              <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://fiverr-res.cloudinary.com/image/upload/t_profile_small/v1/attachments/profile/photo/49bb3acffbe522e9d98e754c90cf365f-1676931287371/3efd3aac-2322-4332-bd7e-4b6ec762e1fa.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">“</span></div>
1087              <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;">
1088                <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">T. J. Thorne</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
1089                <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">Verified Fiverr client · 5 / 5</span></div>
1090              </div>
1091              <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">★★★★★</span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div>
1092              <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar extracted over 15 million lines of data and leads for me. Without a doubt, the most skilled data freelancer I've ever worked with. I'd give him 100 stars if Fiverr let me.</span></p>
1093            </div>
1094          
1095            <div data-dc-tpl="280" class="scpe" style="position: relative; cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s, border-color 0.35s;">
1096              <div data-dc-tpl="281" style="display: flex; justify-content: space-between; align-items: flex-start;"><div data-dc-tpl="282" style="width: 60px; height: 60px; border-radius: 50%; background-color: rgb(238, 240, 242); background-image: url(&quot;https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1652600318017.jpg&quot;); background-size: cover; background-position: center center; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgb(230, 232, 235) 0px 0px 0px 4px;"></div><span data-dc-tpl="283" style="font-size: 52px; line-height: 0.8; color: rgb(225, 228, 232); font-family: Georgia, serif;">“</span></div>
1097              <div data-dc-tpl="284" style="display: flex; flex-direction: column; gap: 5px;">
1098                <div data-dc-tpl="285" style="display: flex; align-items: center; gap: 7px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em;"><span class="sc-interp">Ryan Jones</span><svg data-dc-tpl="286" width="17" height="17" viewBox="0 0 24 24" style="flex: 0 0 auto;"><circle data-dc-tpl="287" cx="12" cy="12" r="11" fill="#1FA45B"></circle><path data-dc-tpl="288" d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
1099                <div data-dc-tpl="289" style="font-size: 13px; color: rgb(91, 99, 110); line-height: 1.45;"><span class="sc-interp">CEO / President, RBS Data Inc</span></div>
1100              </div>
1101              <div data-dc-tpl="290" style="display: flex; align-items: center; gap: 8px;"><span data-dc-tpl="291" style="color: rgb(24, 32, 43); font-size: 15px; letter-spacing: 2px;"><span class="sc-interp">★★★★★</span></span><span data-dc-tpl="292" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">5.0</span></span></div>
1102              <p data-dc-tpl="293" style="margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(53, 60, 71); text-wrap: pretty; max-height: none; overflow: hidden; mask-image: none;"><span class="sc-interp">Kawsar is instrumental in our success with our API developments. His knowledge base is incredible. I haven’t seen anyone in my 20+ years in development with such a skill set.</span></p>
1103            </div>
1104          
1105        </div>
1106        <button data-dc-tpl="294" type="button" class="scpf" style="align-self: center; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 14px 26px; border-radius: 999px; border: 1px solid rgb(24, 32, 43); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">See more reviews</span></button>
1107      </div>
1108    </section>
1109  
1110
1111  
1112  
1113    <section data-dc-tpl="296" style="padding: 80px 20px; max-width: 960px; margin: 0px auto; display: flex; flex-direction: column; gap: 48px;">
1114      <div data-dc-tpl="297" style="text-align: center; display: flex; flex-direction: column; gap: 12px; align-items: center;">
1115        
1116        <h2 data-dc-tpl="298" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; text-wrap: balance;">Why not a freelancer or a new hire?</h2>
1117      </div>
1118      <div data-dc-tpl="299" style="overflow-x: auto;">
1119        <div data-dc-tpl="300" style="min-width: 560px; display: grid; grid-template-columns: minmax(0px, 1.6fr) repeat(3, minmax(0px, 1fr)); background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; overflow: hidden; font-size: 15px;">
1120          <div data-dc-tpl="301" style="padding: 20px 24px; color: rgb(91, 99, 110); font-size: 13px;">Feature</div>
1121          <div data-dc-tpl="302" style="padding: 20px 12px; text-align: center; font-weight: 600; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222);">BigiByte</div>
1122          <div data-dc-tpl="303" style="padding: 20px 12px; text-align: center; color: rgb(91, 99, 110); font-size: 13px;">Freelancer</div>
1123          <div data-dc-tpl="304" style="padding: 20px 12px; text-align: center; color: rgb(91, 99, 110); font-size: 13px;">In-house</div>
1124          
1125            <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Senior engineers</span></div>
1126            <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">✓</div>
1127            <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1128            <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">✓</span></div>
1129          
1130            <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Delivery in weeks</span></div>
1131            <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">✓</div>
1132            <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">✓</span></div>
1133            <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1134          
1135            <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Works on hard-to-reach websites</span></div>
1136            <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">✓</div>
1137            <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1138            <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1139          
1140            <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Monitoring included</span></div>
1141            <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">✓</div>
1142            <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1143            <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1144          
1145            <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Fixed when a website changes</span></div>
1146            <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">✓</div>
1147            <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1148            <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">✓</span></div>
1149          
1150            <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Fixed pricing</span></div>
1151            <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">✓</div>
1152            <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">✓</span></div>
1153            <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1154          
1155            <div data-dc-tpl="306" style="padding: 16px 24px; border-top: 1px solid rgb(243, 244, 246);"><span class="sc-interp">Everything we build is yours</span></div>
1156            <div data-dc-tpl="307" style="padding: 16px 12px; border-top: 1px solid rgb(213, 217, 222); text-align: center; background: rgb(243, 244, 246); border-left: 1px solid rgb(213, 217, 222); border-right: 1px solid rgb(213, 217, 222); color: rgb(22, 163, 74); font-weight: 900; font-size: 18px;">✓</div>
1157            <div data-dc-tpl="308" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(185, 28, 28); font-weight: 700; font-size: 17px;"><span class="sc-interp">✕</span></div>
1158            <div data-dc-tpl="309" style="padding: 16px 12px; border-top: 1px solid rgb(243, 244, 246); text-align: center; color: rgb(22, 163, 74); font-weight: 900; font-size: 17px;"><span class="sc-interp">✓</span></div>
1159          
1160        </div>
1161      </div>
1162    </section>
1163  
1164
1165  
1166  <section data-dc-tpl="310" id="faq" style="padding: 80px 20px; max-width: 1120px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 40px; align-items: start;">
1167    <div data-dc-tpl="311" style="display: flex; flex-direction: column; gap: 20px;">
1168      
1169      <h2 data-dc-tpl="312" style="margin: 0px; font-weight: 500; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.03em; line-height: 
11691.05;">Everything about working with us</h2>
1170      <div data-dc-tpl="313" style="border-radius: 20px; padding: 24px; background: rgb(24, 32, 43); color: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 14px;">
1171        <div data-dc-tpl="314" style="font-size: 17px; font-weight: 500; color: rgb(255, 255, 255);">Still unsure?</div>
1172        <p data-dc-tpl="315" style="margin: 0px; font-size: 14px; line-height: 1.55; color: rgb(198, 203, 210);">Ask us in plain English. You'll talk to the person who builds it.</p>
1173        <a data-dc-tpl="316" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" class="scpg" style="align-self: flex-start; background: rgb(255, 255, 255); color: rgb(24, 32, 43); padding: 11px 18px; border-radius: 999px; font-size: 14px; font-weight: 500;">Book a call ↗</a>
1174      </div>
1175    </div>
1176    <div data-dc-tpl="317" style="display: flex; flex-direction: column; gap: 10px;">
1177      <div data-dc-tpl="318" style="display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px;"><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(24, 32, 43); background: rgb(24, 32, 43); color: rgb(255, 255, 255); transition: background 0.2s, color 0.2s;"><span class="sc-interp">New to this?</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">General</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Lead generation</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Scraping &amp; data</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Pricing</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Market intelligence</span></button><button data-dc-tpl="320" type="button" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.2s, color 0.2s;"><span class="sc-interp">Data &amp; AI platforms</span></button></div>
1178      
1179        <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;">
1180          <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;">
1181            <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">I'm not technical. Can I still work with you?</span></div>
1182            <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">−</span></span>
1183          </div>
1184          
1185            <p data-dc-tpl="327" style="margin: 0px; font-size: 15px; line-height: 1.6; color: rgb(91, 99, 110);"><span class="sc-interp">Yes, most of our clients are not. You describe the problem in your own words; we handle the technical side and deliver the results to a spreadsheet, email or tool you already use.</span></p>
1186          
1187        </div>
1188      
1189        <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;">
1190          <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;">
1191            <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">What is web scraping, in simple words?</span></div>
1192            <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span>
1193          </div>
1194          
1195        </div>
1196      
1197        <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;">
1198          <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;">
1199            <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">
1199Is it legal?</span></div>
1200            <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span>
1201          </div>
1202          
1203        </div>
1204      
1205        <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;">
1206          <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;">
1207            <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">What will I actually receive?</span></div>
1208            <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span>
1209          </div>
1210          
1211        </div>
1212      
1213        <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;">
1214          <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;">
1215            <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">How much does it cost?</span></div>
1216            <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span>
1217          </div>
1218          
1219        </div>
1220      
1221        <div data-dc-tpl="322" style="cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 20px; padding: 18px 22px; display: flex; flex-direction: column; gap: 12px;">
1222          <div data-dc-tpl="323" style="display: flex; justify-content: space-between; gap: 16px; align-items: center;">
1223            <div data-dc-tpl="324" style="font-size: 16px; font-weight: 500;"><span class="sc-interp">What if it stops working?</span></div>
1224            <span data-dc-tpl="325" style="flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: rgb(243, 244, 246); display: grid; place-items: center; font-size: 16px;"><span class="sc-interp">+</span></span>
1225          </div>
1226          
1227        </div>
1228      
1229    </div>
1230  </section>
1231
1232  
1233  <section data-dc-tpl="328" id="contact" data-cf="" style="padding: 80px 20px 100px; max-width: 1120px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 48px; align-items: start; position: relative;">
1234    <div data-dc-tpl="329" style="display: flex; flex-direction: column; gap: 20px;">
1235      <h2 data-dc-tpl="330" style="margin: 0px; font-weight: 500; font-size: clamp(36px, 4.6vw, 56px); letter-spacing: -0.035em; line-height: 1.02;">Tell us what's slowing you down.</h2>
1236      <p data-dc-tpl="331" style="margin: 0px; font-size: 16px; line-height: 1.6; color: rgb(91, 99, 110); max-width: 440px;">Describe the task or the information you need, in your own words. We reply within a few hours with a plan and a fixed quote.</p>
1237      <div data-dc-tpl="332" style="display: flex; align-items: center; gap: 12px;">
1238        <div data-dc-tpl="333" style="display: flex;"><img data-dc-tpl="334" src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-smiling-bearded-headshot.webp" alt="" width="40" height="40" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgb(255, 255, 255); background: rgb(238, 240, 242);"><img data-dc-tpl="335" src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-long-hair-portrait.webp" alt="" width="40" height="40" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgb(255, 255, 255); margin-left: -12px; background: rgb(238, 240, 242);"><img data-dc-tpl="336" src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-neutral-mustache-headshot.webp" alt="" width="40" height="40" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgb(255, 255, 255); margin-left: -12px; background: rgb(238, 240, 242);"></div>
1239        <div data-dc-tpl="337" style="font-size: 14px; line-height: 1.4; color: rgb(91, 99, 110);"><span data-dc-tpl="338" style="color: rgb(24, 32, 43); font-weight: 500;">Kawsar &amp; the team</span><br data-dc-tpl="339">read every brief themselves</div>
1240      </div>
1241      <div data-dc-tpl="340" style="display: flex; flex-direction: column; gap: 0px; margin-top: 6px; border-left: 1px dashed rgb(213, 217, 222); padding-left: 18px;">
1242        
1243          <div data-dc-tpl="342" style="position: relative; padding: 8px 0px;">
1244            <span data-dc-tpl="343" style="position: absolute; left: -26px; top: 12px; width: 15px; height: 15px; border-radius: 50%; background: rgb(24, 32, 43); border: 3px solid rgb(255, 255, 255); box-shadow: rgb(24, 32, 43) 0px 0px 0px 1px; transition: background 0.4s;"></span>
1245            <div data-dc-tpl="344" style="font-size: 15px; font-weight: 500; color: rgb(24, 32, 43); transition: color 0.4s;"><span class="sc-interp">Tell us the problem</span></div>
1246            <div data-dc-tpl="345" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">About one minute</span></div>
1247          </div>
1248        
1249          <div data-dc-tpl="342" style="position: relative; padding: 8px 0px;">
1250            <span data-dc-tpl="343" style="position: absolute; left: -26px; top: 12px; width: 15px; height: 15px; border-radius: 50%; background: rgb(213, 217, 222); border: 3px solid rgb(255, 255, 255); box-shadow: rgb(213, 217, 222) 0px 0px 0px 1px; transition: background 0.4s;"></span>
1251            <div data-dc-tpl="344" style="font-size: 15px; font-weight: 500; color: rgb(91, 99, 110); transition: color 0.4s;"><span class="sc-interp">We reply within a few hours</span></div>
1252            <div data-dc-tpl="345" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Questions or a first plan</span></div>
1253          </div>
1254        
1255          <div data-dc-tpl="342" style="position: relative; padding: 8px 0px;">
1256            <span data-dc-tpl="343" style="position: absolute; left: -26px; top: 12px; width: 15px; height: 15px; border-radius: 50%; background: rgb(213, 217, 222); border: 3px solid rgb(255, 255, 255); box-shadow: rgb(213, 217, 222) 0px 0px 0px 1px; transition: background 0.4s;"></span>
1257            <div data-dc-tpl="344" style="font-size: 15px; font-weight: 500; color: rgb(91, 99, 110); transition: color 0.4s;"><span class="sc-interp">Free call and a fixed price</span></div>
1258            <div data-dc-tpl="345" style="font-size: 13px; color: rgb(91, 99, 110);"><span class="sc-interp">Often with a working sample</span></div>
1259          </div>
1260        
1261      </div>
1262      <div data-dc-tpl="346" style="display: flex; flex-wrap: wrap; gap: 8px;">
1263        <a data-dc-tpl="347" href="mailto:[email protected]" data-lift="" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43);"><svg data-dc-tpl="348" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="349" d="M3 6h18v12H3zM3 7l9 6 9-6"></path></svg>[email protected]</a>
1264        <a data-dc-tpl="350" href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" data-lift="" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43);"><svg data-dc-tpl="351" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="352" d="M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.4A8.4 8.4 0 1 1 21 11.5z"></path></svg>WhatsApp</a>
1265        <a data-dc-tpl="353" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-lift="" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 999px; border: 1px solid rgb(24, 32, 43); background: rgb(24, 32, 43); color: rgb(255, 255, 255);"><svg data-dc-tpl="354" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path data-dc-tpl="355" d="M3 5h18v16H3zM16 3v4M8 3v4M3 10h18"></path></svg>Book a call</a>
1266      </div>
1267    </div>
1268    <div data-dc-tpl="356" style="position: relative;">
1269    <div data-dc-tpl="357" aria-hidden="true" style="position: absolute; inset: -40px -30px; z-index: 0; pointer-events: none; background: radial-gradient(closest-side at 72% 28%, rgba(255, 90, 31, 0.16), transparent), radial-gradient(closest-side at 28% 74%, rgba(24, 32, 43, 0.1
1269), transparent); animation: 12s ease-in-out 0s infinite alternate none running cfDrift;"></div>
1270    <form data-dc-tpl="358" style="position: relative; z-index: 1; background: rgb(255, 255, 255); border: 1px solid rgb(230, 232, 235); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 18px; box-shadow: rgba(24, 32, 43, 0.08) 0px 24px 60px;">
1271      
1272      
1273        <div data-dc-tpl="367" style="display: flex; flex-direction: column; gap: 8px;">
1274          <div data-dc-tpl="368" style="display: flex; justify-content: space-between; align-items: baseline; font-size: 13px;"><span data-dc-tpl="369" style="font-weight: 500; color: rgb(24, 32, 43);">Project brief</span><span data-dc-tpl="370" style="color: rgb(91, 99, 110);"><span class="sc-interp">20% complete</span></span></div>
1275          <div data-dc-tpl="371" style="height: 6px; border-radius: 999px; background: rgb(238, 240, 242); overflow: hidden;"><div data-dc-tpl="372" style="height: 100%; width: 100%; border-radius: 999px; background: linear-gradient(90deg, rgb(24, 32, 43), rgb(58, 68, 82) 70%, rgb(255, 90, 31)); transform: scaleX(0.2); transform-origin: left center; transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);"></div></div>
1276        </div>
1277        <div data-dc-tpl="373" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px;">
1278          <input data-dc-tpl="374" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true" style="position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0;">
1279          <input data-dc-tpl="375" name="name" autocomplete="name" placeholder="Your name" aria-label="Your name" style="border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); border-radius: 12px; padding: 13px 14px; font-size: 15px; outline: none; color: rgb(24, 32, 43); transition: border-color 0.2s, box-shadow 0.2s;">
1280          <input data-dc-tpl="376" type="email" name="email" autocomplete="email" placeholder="Work email" aria-label="Email address" style="border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); border-radius: 12px; padding: 13px 14px; font-size: 15px; outline: none; color: rgb(24, 32, 43); transition: border-color 0.2s, box-shadow 0.2s;">
1281        </div>
1282        <div data-dc-tpl="377" style="display: flex; flex-direction: column; gap: 10px;">
1283          <div data-dc-tpl="378" style="font-size: 14px; font-weight: 500;">What do you need? <span data-dc-tpl="379" style="color: rgb(91, 99, 110); font-weight: 400;">Pick any</span></div>
1284          <div data-dc-tpl="380" style="display: flex; flex-wrap: wrap; gap: 8px;">
1285            
1286              <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="true" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(24, 32, 43); background: rgb(24, 32, 43); color: rgb(255, 255, 255); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp">✓ </span><span class="sc-interp">Collect data from websites</span></button>
1287            
1288              <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">Find new customers</span></button>
1289            
1290              <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">AI agents</span></button>
1291            
1292              <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">Automate a task</span></button>
1293            
1294              <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">SaaS product</span></button>
1295            
1296              <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">API</span></button>
1297            
1298              <button data-dc-tpl="382" type="button" data-chip="" aria-pressed="false" style="cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); color: rgb(24, 32, 43); transition: background 0.25s, color 0.25s, border-color 0.25s, translate 0.2s;"><span class="sc-interp"></span><span class="sc-interp">Monitoring &amp; maintenance</span></button>
1299            
1300          </div>
1301        </div>
1302        <div data-dc-tpl="383" style="display: flex; flex-direction: column; gap: 10px;">
1303          <div data-dc-tpl="384" style="font-size: 14px; font-weight: 500;">Budget</div>
1304          <div data-dc-tpl="385" style="display: flex; flex-wrap: wrap; gap: 6px; padding: 4px; border-radius: 12px; background: rgb(243, 244, 246);">
1305            
1306              <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="false" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: transparent; color: rgb(91, 99, 110); box-shadow: none; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$500–1k</span></button>
1307            
1308              <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="true" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: rgb(255, 255, 255); color: rgb(24, 32, 43); box-shadow: rgba(24, 32, 43, 0.08) 0px 1px 2px, rgba(24, 32, 43, 0.08) 0px 4px 12px; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$1k–2k</span></button>
1309            
1310              <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="false" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: transparent; color: rgb(91, 99, 110); box-shadow: none; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$2k–5k</span></button>
1311            
1312              <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="false" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: transparent; color: rgb(91, 99, 110); box-shadow: none; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$5k–15k</span></button>
1313            
1314              <button data-dc-tpl="387" type="button" data-chip="" aria-pressed="false" style="flex: 1 1 auto; cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: 500; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; padding: 8px 12px; border-radius: 12px; border: 0px; background: transparent; color: rgb(91, 99, 110); box-shadow: none; transition: background 0.25s, color 0.25s, box-shadow 0.25s;"><span class="sc-interp">$15k+</span></button>
1315            
1316          </div>
1317          <div data-dc-tpl="388" style="font-size: 12.5px; color: rgb(91, 99, 110);">
1317Not sure? That's fine, we'll suggest options.</div>
1318        </div>
1319        <div data-dc-tpl="389" style="display: flex; flex-direction: column; gap: 6px;">
1320          <textarea data-dc-tpl="390" name="message" rows="4" placeholder="e.g. &quot;Every Monday we copy prices from 10 competitor websites into Excel.&quot;" aria-label="Describe what you need" style="border: 1px solid rgb(225, 228, 232); border-radius: 12px; padding: 13px 14px; font-size: 15px; outline: none; resize: vertical; color: rgb(24, 32, 43); transition: border-color 0.2s, box-shadow 0.2s;"></textarea>
1321          <div data-dc-tpl="391" style="display: flex; justify-content: space-between; font-size: 12px; color: rgb(91, 99, 110);"><span data-dc-tpl="392"><span class="sc-interp">A few sentences is enough.</span></span><span data-dc-tpl="393"><span class="sc-interp"></span></span></div>
1322        </div>
1323        <label data-dc-tpl="394" style="display: flex; flex-direction: column; gap: 8px;">
1324          <span data-dc-tpl="395" style="font-size: 14px; font-weight: 500;">Phone or WhatsApp <span data-dc-tpl="396" style="color: rgb(91, 99, 110); font-weight: 400;">Optional</span></span>
1325          <input data-dc-tpl="397" type="tel" name="phone" autocomplete="tel" placeholder="+1 555 000 0000" style="border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); border-radius: 12px; padding: 13px 14px; font-size: 15px; outline: none; color: rgb(24, 32, 43); transition: border-color 0.2s, box-shadow 0.2s;">
1326        </label>
1327        
1328        <button data-dc-tpl="400" type="submit" data-send="" style="cursor: pointer; border: 0px; background: rgb(24, 32, 43); color: rgb(255, 255, 255); border-radius: 999px; padding: 15px; font-style: inherit; font-variant: inherit; font-weight: 600; font-stretch: inherit; font-size: 15px; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; display: flex; justify-content: center; align-items: center; gap: 10px; transition: background 0.25s, transform 0.2s; opacity: 1;"><span class="sc-interp">Send your brief</span><span data-dc-tpl="401" data-arrow="" style="display: inline-block; transition: translate 0.25s;">↗</span></button>
1329        <div data-dc-tpl="402" style="font-size: 12px; color: rgb(91, 99, 110); text-align: center;">No spam, no sales calls you didn't ask for. NDA on request.</div>
1330        <div data-dc-tpl="403" style="font-size: 14px; color: rgb(91, 99, 110); text-align: center;">Prefer to talk? <a data-dc-tpl="404" href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="color: rgb(24, 32, 43); font-weight: 500; border-bottom: 1px solid rgb(24, 32, 43);">Book a free 30-minute call ↗</a></div>
1331      
1332    </form>
1333    </div>
1334  </section>
1335
1336  
1337
1338  
1339  
1340
1341  
1342  
1343
1344  
1345  
1346
1347  
1348  
1349
1350  
1351  
1352
1353  
1354  
1355
1356  
1357  
1358
1359  
1360  
1361
1362  
1363  
1364
1365  
1366  </main>
1367  <footer data-dc-tpl="793" style="position: relative; background: rgb(24, 32, 43); color: rgb(255, 255, 255); padding: 72px 20px 0px; overflow: hidden;">
1368    <div data-dc-tpl="794" style="position: absolute; left: 50%; bottom: -260px; width: 1200px; height: 520px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03) 55%, transparent); pointer-events: none;"></div>
1369    <div data-dc-tpl="795" style="position: relative; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 56px;">
1370      <div data-dc-tpl="796" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 32px; font-size: 14px;">
1371        <div data-dc-tpl="797" style="display: flex; flex-direction: column; gap: 12px;">
1372          <img data-dc-tpl="798" src="./assets/logo-white.png" alt="BigiByte" style="height: 30px; display: block; align-self: flex-start;">
1373          <div data-dc-tpl="799" style="color: rgb(161, 167, 176); line-height: 1.6;">Big ideas, byte solutions.</div>
1374        </div>
1375        <div data-dc-tpl="800" style="display: flex; flex-direction: column; gap: 10px; color: rgb(161, 167, 176);"><span data-dc-tpl="801" style="color: rgb(255, 255, 255); font-weight: 500;">Services</span><a data-dc-tpl="802" href="/services/web-scraping" class="scpp" style="color: rgb(161, 167, 176);">Web scraping</a><a data-dc-tpl="803" href="/services/web-automation" class="scpp" style="color: rgb(161, 167, 176);">Automation</a><a data-dc-tpl="804" href="/services/saas-development" class="scpp" style="color: rgb(161, 167, 176);">SaaS development</a><a data-dc-tpl="805" href="/services/api-development" class="scpp" style="color: rgb(161, 167, 176);">API development</a><a data-dc-tpl="806" href="/services/b2b-lead-lists" class="scpp" style="color: rgb(161, 167, 176);">Lead generation</a><a data-dc-tpl="807" href="/services/real-estate-data-scraping" class="scpp" style="color: rgb(161, 167, 176);">Real estate data</a><a data-dc-tpl="808" href="/services" class="scpp" style="color: rgb(161, 167, 176);">All services</a></div>
1376        <div data-dc-tpl="809" style="display: flex; flex-direction: column; gap: 10px; color: rgb(161, 167, 176);"><span data-dc-tpl="810" style="color: rgb(255, 255, 255); font-weight: 500;">Company</span><a data-dc-tpl="811" href="/about" class="scpp" style="color: rgb(161, 167, 176);">About</a><a data-dc-tpl="812" href="/team" class="scpp" style="color: rgb(161, 167, 176);">Team</a><a data-dc-tpl="813" href="/work" class="scpp" style="color: rgb(161, 167, 176);">Work</a><a data-dc-tpl="814" href="/blog" class="scpp" style="color: rgb(161, 167, 176);">Blog</a><a data-dc-tpl="815" href="/faq" class="scpp" style="color: rgb(161, 167, 176);">FAQ</a><a data-dc-tpl="816" href="/contact" class="scpp" style="color: rgb(161, 167, 176);">Contact</a></div>
1377        <div data-dc-tpl="817" style="display: flex; flex-direction: column; gap: 16px; color: rgb(161, 167, 176);">
1378          <span data-dc-tpl="818" style="color: rgb(255, 255, 255); font-weight: 500;">Connect</span>
1379          <div data-dc-tpl="819" style="display: flex; flex-wrap: wrap; gap: 6px; max-width: 260px;">
1380            <a data-dc-tpl="820" href="https://linkedin.com/company/bigibyte" target="_blank" rel="noopener" aria-label="LinkedIn" title="LinkedIn" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><svg data-dc-tpl="821" width="18" height="18" viewBox="0 0 24 24" fill="#FFFFFF"><path data-dc-tpl="822" d="M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z"></path></svg></a><a data-dc-tpl="823" href="https://facebook.com/bigibyte" target="_blank" rel="noopener" aria-label="Facebook" title="Facebook" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><img data-dc-tpl="824" src="https://cdn.simpleicons.org/facebook/FFFFFF" alt="" style="width: 18px; height: 18px; display: block;"></a><a data-dc-tpl="825" href="https://twitter.com/bigibyte" target="_blank" rel="noopener" aria-label="X (Twitter)" title="X (Twitter)" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><img data-dc-tpl="826" src="https://cdn.simpleicons.org/x/FFFFFF" alt="" style="width: 18px; height: 18px; display: block;"></a><a data-dc-tpl="827" href="https://instagram.com/thebigibyte" target="_blank" rel="noopener" aria-label="Instagram" title="Instagram" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><img data-dc-tpl="828" src="https://cdn.simpleicons.org/instagram/FFFFFF" alt="" style="width: 18px; height: 18px; display: block;"></a><a data-dc-tpl="829" href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" aria-label="WhatsApp" title="WhatsApp" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><img data-dc-tpl="830" src="https://cdn.simpleicons.org/whatsapp/FFFFFF" alt="" style="width: 18px; height: 18px; display: block;"></a>
1381            <a data-dc-tpl="831" href="mailto:[email protected]" aria-label="Email [email protected]" title="[email protected]" class="scpr" style="width: 37px; height: 37px; border-radius: 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); display: grid; place-items: center; transition: background 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s;"><svg data-dc-tpl="832" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect data-dc-tpl="833" x="3" y="5" width="18" height="14" rx="2"></rect><path data-dc-tpl="834" d="m3 7 9 6 9-6"></path></svg></a>
1382          </div>
1383          <a data-dc-tpl="835" href="https://www.google.com/maps/search/?api=1&amp;query=Uttara+Center+Metro+Station+Dhaka" target="_blank" rel="noopener" aria-label="BigiByte office: Flat 10B, House 30/32, Road 10, Uttara Sector 15/B, Dhaka, Bangladesh. Open in Google Maps" class="scps" style="display: flex; gap: 12px; align-items: flex-start; max-width: 280px; padding: 14px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); transition: background 0.2s, border-color 0.2s, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);"><span data-dc-tpl="836" style="flex: 0 0 auto; width: 34px; height: 34px; border-radius: 12px; background: rgba(255, 90, 31, 0.14); color: rgb(255, 138, 91); display: grid; place-items: center;">
1383<svg data-dc-tpl="837" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path data-dc-tpl="838" d="M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z"></path><circle data-dc-tpl="839" cx="12" cy="9.5" r="2.5"></circle></svg></span><address data-dc-tpl="840" style="font-style: normal; display: flex; flex-direction: column; gap: 2px; min-width: 0px;"><span data-dc-tpl="841" style="font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(161, 167, 176);">Office · Dhaka</span><span data-dc-tpl="842" style="font-size: 13.5px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.45;">Flat 10B, House 30/32</span><span data-dc-tpl="843" style="font-size: 13px; color: rgb(161, 167, 176); line-height: 1.5;">Road 10, Uttara Sector 15/B<br data-dc-tpl="844">Dhaka, Bangladesh</span><span data-dc-tpl="845" style="font-size: 12px; color: rgb(161, 167, 176); line-height: 1.5;">Beside Uttara Center Metro</span><span data-dc-tpl="846" style="margin-top: 6px; font-size: 12.5px; font-weight: 500; color: rgb(255, 255, 255);">Get directions ↗</span></address></a>
1384        </div>
1385      </div>
1386      <div data-dc-tpl="847" style="display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 13px; color: rgb(161, 167, 176); border-top: 1px solid rgb(44, 53, 66); padding-top: 20px; position: relative; z-index: 1;"><span data-dc-tpl="848">© 2026 BigiByte. All rights reserved.</span><span data-dc-tpl="849" style="display: flex; flex-wrap: wrap; gap: 6px 14px;"><a data-dc-tpl="850" href="/privacy-policy" class="scpp" style="color: rgb(161, 167, 176);">Privacy</a><a data-dc-tpl="851" href="/terms-of-service" class="scpp" style="color: rgb(161, 167, 176);">Terms</a><a data-dc-tpl="852" href="/cookie-policy" class="scpp" style="color: rgb(161, 167, 176);">Cookies</a><a data-dc-tpl="853" href="/data-protection" class="scpp" style="color: rgb(161, 167, 176);">Data protection</a><a data-dc-tpl="854" href="/refund-policy" class="scpp" style="color: rgb(161, 167, 176);">Refunds</a><a data-dc-tpl="855" href="/acceptable-use-policy" class="scpp" style="color: rgb(161, 167, 176);">Acceptable use</a></span></div>
1387      <div data-dc-tpl="856" aria-hidden="true" style="pointer-events: none; user-select: none; font-size: clamp(90px, 22vw, 300px); font-weight: 600; letter-spacing: -0.07em; line-height: 0.75; text-align: center; white-space: nowrap; color: rgb(44, 53, 66);">BigiByte</div>
1388    </div>
1389  </footer></div></div></div>
1390<script>(function(){var pre=document.getElementById('dc-prerender');if(!pre)return;if(/^#\/./.test(location.hash))pre.style.visibility='hidden';new MutationObserver(function(m,o){var r=document.getElementById('dc-root');if(r&&r.firstChild){pre.remove();o.disconnect();}}).observe(document.body,{childList:true,subtree:true});})();</script>
1390
1391<x-dc>
1392<helmet>
1393<style>
1394html,body{margin:0;background:#FFFFFF;color:#18202B;font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
1395*{box-sizing:border-box}
1396a{color:#18202B;text-decoration:none}
1397a:hover{color:#18202B}footer a:hover{color:inherit}
1398input,textarea{font-family:inherit;caret-color:#18202B}
1399::selection{background:#18202B;color:#FFFFFF}
1400@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
1401@keyframes ping{0%{transform:scale(1);opacity:0.8}100%{transform:scale(2.6);opacity:0}}
1402@keyframes grow{from{width:0}to{width:100%}}
1403@keyframes cfPop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
1404@keyframes cfDrift{0%{transform:translate(0,0)}100%{transform:translate(-18px,14px)}}
1405[data-ab-gallery]{padding:72px 0 80px;background:linear-gradient(180deg,#FFFFFF,#F6F7F8 30%,#F6F7F8 70%,#FFFFFF)}[data-ab-head]{text-align:center;max-width:640px;margin:0 auto 40px;padding:0 20px}[data-ab-marquee]{overflow:hidden;padding:6px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}[data-ab-track]{display:flex;gap:22px;width:max-content;animation:abScroll 60s linear infinite}[data-ab-track="rtl"]{animation-direction:reverse;animation-duration:66s}[data-ab-marquee]:hover [data-ab-track]{animation-play-state:paused}@keyframes abScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}[data-ab-card]{position:relative;flex:0 0 auto;width:400px;aspect-ratio:8/5;margin:0;border-radius:20px;overflow:hidden;background:#E3E6EA;border:1px solid #E6E8EB;box-shadow:0 14px 34px rgba(24,32,43,.08);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}[data-ab-card] img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}[data-ab-card]::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(24,32,43,.72));pointer-events:none}[data-ab-card] figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}[data-ab-tag]{font-size:11.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#18202B;background:rgba(255,255,255,.9);padding:4px 10px;border-radius:999px}[data-ab-title]{font-size:18px;font-weight:600;color:#FFFFFF;letter-spacing:-.01em}[data-ab-card]:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(24,32,43,.16)}[data-ab-card]:hover img{transform:scale(1.07)}@media (max-width:640px){[data-ab-card]{width:280px;border-radius:18px}[data-ab-title]{font-size:16px}[data-ab-track]{gap:14px}[data-ab-gallery]{padding-top:56px}}@media (prefers-reduced-motion:reduce){[data-ab-track]{animation:none}[data-ab-marquee]{overflow-x:auto;-webkit-mask-image:none;mask-image:none}[data-ab-card][aria-hidden="true"]{display:none}}
1406[data-ab-card]{cursor:zoom-in}[data-ab-card]:focus-visible{outline:3px solid #18202B;outline-offset:3px}.ab-lb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:rgba(15,20,27,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.ab-lb-open{opacity:1;visibility:visible}.ab-lb-fig{margin:0;max-width:min(1200px,100%);display:flex;flex-direction:column;gap:14px;transform:scale(.96);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ab-lb-open .ab-lb-fig{transform:scale(1)}.ab-lb-fig img{display:block;max-width:100%;max-height:78vh;border-radius:20px;object-fit:contain;background:#222B38;box-shadow:0 30px 80px rgba(0,0,0,.45);transition:opacity .25s}.ab-lb-loading .ab-lb-fig img{opacity:.35}.ab-lb-fig figcaption{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-size:16px;font-weight:500}.ab-lb-tag{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#18202B;background:#FFFFFF;padding:4px 10px;border-radius:999px}.ab-lb-count{margin-left:auto;color:#A1A7B0;font-size:13px;font-weight:400}.ab-lb-x,.ab-lb-nav{flex:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#FFFFFF;border-radius:999px;cursor:pointer;display:grid;place-items:center;font:inherit;line-height:1;transition:background .2s,color .2s}.ab-lb-x:hover,.ab-lb-nav:hover{background:#FFFFFF;color:#18202B}.ab-lb-x{position:absolute;top:18px;right:18px;width:44px;height:44px;font-size:26px}.ab-lb-nav{width:52px;height:52px;font-size:30px}@media (max-width:700px){.ab-lb{padding:64px 12px 24px}.ab-lb-nav{position:absolute;bottom:20px;width:46px;height:46px}.ab-lb-prev{left:calc(50% - 56px)}.ab-lb-next{right:calc(50% - 56px)}.ab-lb-fig img{max-height:64vh}}
1407[data-nav=wa]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#25D366;opacity:.3;animation:waRing 2.4s cubic-bezier(0,0,.2,1) infinite;z-index:-1}[data-nav=wa] svg{position:relative}@keyframes waRing{0%{transform:scale(1);opacity:.3}70%,100%{transform:scale(1.7);opacity:0}
1407}@media (prefers-reduced-motion:reduce){[data-nav=wa]::before{animation:none;opacity:0}}
1408[data-fq-search] input:focus{border-color:#18202B!important;box-shadow:0 0 0 4px rgba(24,32,43,0.08),0 18px 40px rgba(24,32,43,0.08)!important}[data-fq-item]:hover{border-color:#C9CED4!important}[data-fq-pop]:hover{border-style:solid!important;border-color:#18202B!important}@media (min-width:980px){[data-fq-layout]{grid-template-columns:minmax(0,1fr) 320px!important}}@media (max-width:979px){[data-fq-side]{position:static!important}}@media (max-width:640px){[data-fq-tabs]{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}[data-fq-tabs]::-webkit-scrollbar{display:none}[data-fq-tabs] button{flex:none;white-space:nowrap}[data-fq-search] input{padding-right:92px!important;font-size:15px!important}}
1409[data-cf] input:focus,[data-cf] textarea:focus{border-color:#18202B!important;box-shadow:0 0 0 4px rgba(24,32,43,0.08)}
1410[data-cf] [data-chip]:hover{translate:0 -1px}
1411[data-cf] [data-lift]{transition:translate .2s ease,box-shadow .2s ease}
1412[data-cf] [data-lift]:hover{translate:0 -2px;box-shadow:0 10px 24px rgba(24,32,43,0.10)}
1413[data-cf] [data-send]:hover{background:#2A3442!important}
1414[data-cf] [data-send]:hover [data-arrow]{translate:3px -3px}
1415[data-cf] [data-send]:disabled{cursor:wait}
1416@media (min-width:960px){[data-wk-flip=true] [data-wk-media]{order:2}}
1417/* Keyboard focus, skip link, current page, pressed state */
1418:focus-visible{outline:2px solid #FF5A1F!important;outline-offset:2px}
1419[data-skip]{position:fixed;left:12px;top:-64px;z-index:100;background:#18202B;color:#FFFFFF;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:500;transition:top 0.2s ease}
1420[data-skip]:focus{top:12px}[data-skip]:hover{color:#FFFFFF}
1421[data-nav=link][aria-current=page]{color:#FFFFFF!important;background:rgba(255,255,255,0.10)}
1422[data-nav-m][aria-current=page]{background:#F6F7F8}
1423button:not([disabled]):active,a:active{scale:0.98}
1424/* Team cards: photo turns to colour and the arrow appears on hover or keyboard focus */
1425[data-tm-img]{filter:grayscale(1);transition:filter 0.5s ease, transform 0.6s cubic-bezier(0.2,0.8,0.2,1)}
1426[data-tm]:hover [data-tm-img],[data-tm]:focus-within [data-tm-img]{filter:none;transform:scale(1.04)}
1427[data-tm-go]{opacity:0;transform:translateY(6px);transition:opacity 0.3s ease, transform 0.3s ease}
1428[data-tm]:hover [data-tm-go],[data-tm]:focus-within [data-tm-go]{opacity:1;transform:none}
1429@media (hover:none){[data-tm-img]{filter:none}[data-tm-go]{opacity:1;transform:none}}
1430@media (max-width:680px){[data-tm]{display:grid!important;grid-template-columns:104px minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:start}[data-tm]>a:first-child{grid-row:1 / span 3;border-radius:16px!important}[data-tm]>a:first-child>span:first-of-type{display:none}[data-tm-go]{display:none!important}[data-tm-join]{min-height:0!important}}
1431/* Sections hidden on phones to keep the mobile page short: add data-m-hide to an element. */
1432@media (max-width:680px){[data-m-hide]{display:none!important}}
1433@media (max-width:680px){[data-nav=link]{display:none!important}[data-nav=burger]{display:grid!important}[data-nav=bar]{gap:8px!important;padding-left:16px!important}}
1434@media (max-width:560px){[data-r=proof]{flex-direction:column}[data-r=proof-text]{text-align:center!important}}
1435@media (max-width:419px){[data-nav=wa]{display:none!important}}
1436@media (max-width:374px){[data-nav=free],[data-nav=dot]{display:none!important}[data-nav=head]{padding:12px 8px!important}[data-nav=cta]{gap:8px!important;font-size:13px!important;padding-left:12px!important}}
1437@keyframes waGlow{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,0.38),0 0 10px rgba(34,197,94,0.18)}55%{box-shadow:0 0 0 6px rgba(34,197,94,0.55),0 0 18px rgba(34,197,94,0.28)}}
1438[data-nav="wa"]{animation:waGlow 2.8s ease-in-out infinite}
1439[data-ct-path]{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;text-align:left;text-decoration:none;transition:transform 0.25s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.25s ease}
1440[data-ct-path]:hover{transform:translateY(-4px)}
1441[data-story-img]{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;flex:none;background-size:cover;background-position:center}
1442</style>
1443<link rel="preconnect" href="https://cal.com"><link rel="preconnect" href="https://app.cal.com"><link rel="dns-prefetch" href="https://cal.com"></helmet>
1444
1445<div style="background:#FFFFFF;overflow-x:clip">
1446
1447  <a href="#main" data-skip>Skip to content</a>
1448  <!-- NAV -->
1449  <div onClick="{{ closeMenu }}" style="position:fixed;inset:0;z-index:45;background:rgba(24,32,43,{{ bdA }});backdrop-filter:{{ bdF }};-webkit-backdrop-filter:{{ bdF }};pointer-events:{{ bdPe }};transition:background 0.3s ease, backdrop-filter 0.35s ease, -webkit-backdrop-filter 0.35s ease"></div>
1450  <header data-nav="head" onMouseLeave="{{ scheduleClose }}" onMouseEnter="{{ cancelClose }}" style="position:sticky;top:0;z-index:50;display:flex;justify-content:center;padding:14px 16px;pointer-events:none">
1451    <nav data-nav="bar" style="pointer-events:auto;display:flex;align-items:center;gap:20px;padding:6px 6px 6px 22px;border-radius:999px;background:rgba(24,32,43,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);color:#FFFFFF;box-shadow:0 12px 34px rgba(24,32,43,0.22), inset 0 1px 0 rgba(255,255,255,0.06);white-space:nowrap;max-width:100%;font-family:'Poppins',system-ui,sans-serif">
1452      <a href="/" style="display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#FFFFFF;flex:none"><img src="./assets/logo-white.png" alt="BigiByte" style="height:22px;display:block"></a>
1453      <div style="position:relative;display:flex;align-items:center;gap:2px;font-size:14px;font-weight:500;letter-spacing:-0.005em;min-width:0">
1454        <a href="/work" data-nav="link" aria-current="{{ curWork }}" onMouseEnter="{{ closeMenu }}" style="color:#D5D9DE;padding:9px 15px;border-radius:999px;transition:background 0.2s ease, color 0.2s ease" style-hover="color:#FFFFFF;background:rgba(255,255,255,0.08)">Work</a>
1455        <button type="button" data-nav="link" onMouseEnter="{{ openServices }}" onClick="{{ openServices }}" style="cursor:pointer;border:0;background:{{ svcBg }};font:inherit;padding:9px 13px 9px 15px;border-radius:999px;display:flex;align-items:center;gap:6px;color:{{ svcInk }};transition:background 0.2s ease, color 0.2s ease">Services <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="opacity:0.7;transform:rotate({{ svcRot }});transition:transform 0.25s ease"><path d="M6 9l6 6 6-6"></path></svg></button>
1456        <button type="button" data-nav="link" onMouseEnter="{{ openMore }}" onClick="{{ openMore }}" style="cursor:pointer;border:0;background:{{ moreBg }};font:inherit;padding:9px 13px 9px 15px;border-radius:999px;display:flex;align-items:center;gap:6px;color:{{ moreInk }};transition:background 0.2s ease, color 0.2s ease">More <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="opacity:0.7;transform:rotate({{ moreRot }});transition:transform 0.25s ease"><path d="M6 9l6 6 6-6"></path></svg></button>
1457        <div data-lenis-prevent style="position:fixed;left:50%;top:76px;transform:translateX(-50%) translateY({{ svcY }}) scale({{ svcS }});transform-origin:top center;opacity:{{ svcOp }};visibility:{{ svcVis }};transition:opacity 0.22s ease, transform 0.32s cubic-bezier(0.2,0.8,0.2,1), visibility 0.32s;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain;background:#F3F4F6;border-radius:20px;padding:8px;box-shadow:0 30px 70px rgba(0,0,0,0.35);color:#18202B">
1458            <div style="position:absolute;left:0;right:0;top:-24px;height:24px"></div>
1459            <div style="background:#FFFFFF;border-radius:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));overflow:hidden">
1460              <sc-for list="{{ navSvc }}" as="nc" hint-placeholder-count="2">
1461              <div style="display:flex;flex-direction:column;min-width:0;border-right:1px solid #EEF0F2">
1462              <sc-for list="{{ nc.groups }}" as="col" hint-placeholder-count="1">
1463                <div style="display:flex;flex-direction:column;min-width:0">
1464                  <div style="padding:10px 20px;font-size:12px;color:#5B636E;border-bottom:1px solid #EEF0F2;background:#F7F8F9">{{ col.h }}</div>
1465                  <sc-for list="{{ col.items }}" as="it" hint-placeholder-count="3">
1466                    <a href="/services/{{ it.slug }}" onClick="{{ closeMenu }}" style="display:flex;gap:12px;white-space:normal;padding:10px 20px;border-bottom:1px solid #EEF0F2;color:#18202B" style-hover="background:#F7F8F9;color:#18202B">
1467                      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex:none;margin-top:2px"><path d="{{ it.icon }}"></path></svg>
1468                      <span style="display:flex;flex-direction:column;gap:3px;min-width:0">
1469                        <span style="display:block;font-size:15px;font-weight:500;line-height:1.35">{{ it.plain }}<sc-if value="{{ it.pop }}" hint-placeholder-val="{{ false }}"><span style="display:inline-block;margin-left:8px;vertical-align:1px;font-size:11px;font-weight:500;background:#EEF0F2;color:#18202B;padding:2px 8px;border-radius:999px;line-height:1.4">Popular</span></sc-if></span>
1470                        <span style="font-size:13px;color:#5B636E">{{ it.t }}</span>
1471                      </span>
1472                    </a>
1473                  </sc-for>
1474                </div>
1475              </sc-for>
1476              </div>
1477              </sc-for>
1478            </div>
1479            <a href="/services" onClick="{{ closeMenu }}" style="margin-top:8px;display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;border-radius:12px;background:#18202B;color:#FFFFFF;font-size:14px;font-weight:500" style-hover="background:#FF5A1F;color:#18202B">Explore all services →</a>
1480          </div>
1481
1482        <div style="position:fixed;left:50%;top:76px;transform:translateX(-50%) translateY({{ moreY }}) scale({{ moreS }});transform-origin:top center;opacity:{{ moreOp }};visibility:{{ moreVis }};transition:opacity 0.22s ease, transform 0.32s cubic-bezier(0.2,0.8,0.2,1), visibility 0.32s;width:min(640px,calc(100vw - 32px));background:#F3F4F6;border-radius:20px;padding:8px;box-shadow:0 30px 70px rgba(0,0,0,0.35);color:#18202B">
1483            <div style="position:absolute;left:0;right:0;top:-24px;height:24px"></div>
1484            <div style="background:#FFFFFF;border-radius:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));overflow:hidden">
1485              <sc-for list="{{ moreItems }}" as="it" hint-placeholder-count="6">
1486                <a href="{{ it.href }}" onClick="{{ closeMenu }}" style="display:flex;gap:14px;padding:18px 20px;border-bottom:1px solid #EEF0F2;border-right:1px solid #EEF0F2;color:#18202B" style-hover="background:#F7F8F9;color:#18202B">
1487                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="flex:none;margin-top:2px"><path d="{{ it.icon }}"></path></svg>
1488                  <span style="display:flex;flex-direction:column;gap:3px"><span style="font-size:15px;font-weight:500">{{ it.t }}</span><span style="font-size:13px;color:#5B636E">{{ it.s }}</span></span>
1489                </a>
1490              </sc-for>
1491            </div>
1492          </div>
1493
1494        <div data-lenis-prevent style="position:fixed;left:50%;top:76px;transform:translateX(-50%) translateY({{ mobY }}) scale({{ mobS }});transform-origin:top center;opacity:{{ mobOp }};visibility:{{ mobVis }};transition:opacity 0.22s ease, transform 0.32s cubic-bezier(0.2,0.8,0.2,1), visibility 0.32s;width:calc(100vw - 24px);max-height:calc(100dvh - 92px);overflow-y:auto;background:#F3F4F6;border-radius:20px;padding:8px;box-shadow:0 30px 70px rgba(0,0,0,0.35);color:#18202B">
1495            <div style="background:#FFFFFF;border-radius:20px;display:flex;flex-direction:column;overflow:hidden">
1496              <sc-for list="{{ mobileItems }}" as="it" hint-placeholder-count="5">
1497                <a href="{{ it.href }}" data-nav-m aria-current="{{ it.cur }}" onClick="{{ closeMenu }}" style="display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid #EEF0F2;color:#18202B;font-size:17px;font-weight:500">{{ it.t }}<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex:none"><path d="M9 6l6 6-6 6"></path></svg></a>
1498              </sc-for>
1499              <div style="display:flex;flex-wrap:wrap;gap:4px 16px;padding:14px 18px;font-size:14px">
1500                <sc-for list="{{ mobileMore }}" as="mm" hint-placeholder-count="4"><a href="{{ mm.href }}" onClick="{{ closeMenu }}" style="color:#5B636E">{{ mm.t }}</a></sc-for>
1501              </div>
1502            </div>
1503            <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" onClick="{{ closeMenu }}" style="margin-top:8px;display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;border-radius:12px;background:#18202B;color:#FFFFFF;font-size:15px;font-weight:500">Book a call ↗</a>
1504            <a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20
1504a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" onClick="{{ closeMenu }}" style="display:flex;justify-content:center;align-items:center;gap:8px;padding:14px;border-radius:12px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B;font-size:15px;font-weight:500"><svg width="17" height="17" style="color:#15803D" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.8h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z"/></svg>Chat on WhatsApp</a>
1505          </div>
1506
1507      </div>
1508      <a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" data-nav="wa" target="_blank" rel="noopener" aria-label="Chat with us on WhatsApp" title="Chat on WhatsApp" style="position:relative;isolation:isolate;flex:none;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#15803D;color:#FFFFFF;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1)" style-hover="background:#166534;color:#FFFFFF;transform:translateY(-1px)"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2 
15081.87.12.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35zM12.05 21.8h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88zm8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41z"/></svg></a>
1509      <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-nav="cta" onMouseEnter="{{ ctaOn }}" onMouseLeave="{{ ctaOff }}" style="flex:none;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;background:#FFFFFF;color:#18202B;padding:5px 5px 5px 14px;border-radius:999px;box-shadow:0 0 0 4px rgba(255,255,255,0.10);transition:box-shadow 0.25s ease" style-hover="box-shadow:0 0 0 7px rgba(255,255,255,0.18);color:#18202B"><span data-nav="dot" style="position:relative;height:17px;flex:none;width:{{ ctaLeadW }};transition:width 0.4s cubic-bezier(0.2,0.8,0.2,1)"><span style="position:absolute;left:0;top:4.5px;width:8px;height:8px;opacity:{{ ctaDotOp }};transform:scale({{ ctaDotOp }});transition:opacity 0.25s ease, transform 0.3s ease"><span style="position:absolute;inset:0;border-radius:50%;background:#22C55E;animation:ping 1.6s ease-out infinite"></span><span style="position:absolute;inset:0;border-radius:50%;background:#22C55E"></span></span><span style="position:absolute;left:0;top:0;display:block;line-height:0;opacity:{{ ctaMeetOp }};transform:{{ ctaMeetT }};transform-origin:30% 60%;transition:opacity 0.3s ease, transform 0.5s cubic-bezier(0.34,1.56,0.64,1)"><svg viewBox="0 0 87.5 72" width="20" height="17" aria-hidden="true"><path fill="#00832d" d="M49.5 36l8.53 9.75 11.47 7.33 2-17.02-2-16.64-11.69 6.44z"/><path fill="#0066da" d="M0 51.5V66c0 3.315 2.685 6 6 6h14.5l3-10.96-3-9.54-9.95-3z"/><path fill="#e94235" d="M20.5 0L0 20.5l10.55 3 9.95-3 2.95-9.41z"/><path fill="#2684fc" d="M20.5 20.5H0v31h20.5z"/><path fill="#00ac47" d="M82.6 8.68L69.5 19.42v33.66l13.16 10.79c1.97 1.54 4.85.135 4.85-2.37V11c0-2.535-2.945-3.925-4.91-2.32zM49.5 36v15.5h-29V72h43c3.315 0 6-2.685 6-6V53.08z"/><path fill="#ffba00" d="M63.5 0h-43v20.5h29V36l20-16.57V6c0-3.315-2.685-6-6-6z"/></svg></span></span><span style="white-space:nowrap">Book a call</span><span style="position:relative;width:30px;height:30px;border-radius:50%;background:#18202B;color:#FFFFFF;overflow:hidden;flex:none">
1510          <span style="position:absolute;inset:0;display:grid;place-items:center;font-size:14px;opacity:{{ ctaArrowOp }};transform:{{ ctaArrowT }};transition:opacity 0.3s ease, transform 0.45s cubic-bezier(0.2,0.8,0.2,1)"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M8 7h9v9"></path></svg></span>
1511          <span style="position:absolute;inset:0;display:grid;place-items:center;opacity:{{ ctaPhoneOp }};transform:{{ ctaPhoneT }};transition:opacity 0.25s ease, transform 0.4s cubic-bezier(0.34,1.56,0.64,1)"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"></path></svg></span>
1512        </span></a>
1513      <button type="button" data-nav="burger" aria-label="{{ mobLabel }}" aria-expanded="{{ mobOpen }}" onClick="{{ toggleMobile }}" style="display:none;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:999px;background:rgba(255,255,255,0.10);color:#FFFFFF;cursor:pointer"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="{{ mobIcon }}"></path></svg></button>
1514    </nav>
1515  </header>
1516  <main id="main">
1517
1518  <sc-if value="{{ isHome }}" hint-placeholder-val="{{ true }}">
1519  <!-- HERO -->
1520  <section id="top" style="position:relative;margin-top:-80px;padding:166px 20px 40px;text-align:center">
1521    <div style="position:absolute;inset:0;pointer-events:none;overflow:hidden">
1522      <div style="position:absolute;
1522left:-12%;top:-18%;width:52%;height:78%;border-radius:50%;background:radial-gradient(closest-side,rgba(168,182,202,0.55),rgba(168,182,202,0.18) 55%,transparent)"></div>
1523      <div style="position:absolute;right:-10%;top:-24%;width:62%;height:86%;border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.22),rgba(60,74,94,0.10) 55%,transparent)"></div>
1524      <div style="position:absolute;left:30%;top:-30%;width:40%;height:55%;border-radius:50%;background:radial-gradient(closest-side,rgba(206,214,226,0.6),transparent)"></div>
1525      <div style="position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 45%,#FFFFFF 92%)"></div>
1526    </div>
1527    <div style="position:relative;max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px">
1528      <div style="display:flex;align-items:center;gap:8px;font-size:13px;color:#5B636E;background:#FFFFFF;border:1px solid #E6E8EB;padding:6px 14px 6px 8px;border-radius:999px">
1529        <span style="background:#F0F1F3;color:#18202B;font-weight:500;padding:3px 9px;border-radius:999px;font-size:12px">New</span>
1530        Booking Q4 2026 projects
1531      </div>
1532      <h1 style="margin:0;font-weight:500;font-size:clamp(40px,5.6vw,72px);line-height:1.04;letter-spacing:-0.035em;text-wrap:balance">Your data partner for scraping, automation &amp; SaaS products.</h1>
1533      <p style="margin:0;font-size:18px;line-height:1.55;color:#5B636E;max-width:600px;text-wrap:pretty">We turn messy web data into clean pipelines, and clean pipelines into products your customers pay for.</p>
1534      <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:14px;color:#353C47">
1535        <sc-for list="{{ checks }}" as="c" hint-placeholder-count="3">
1536          <span style="display:flex;align-items:center;gap:7px"><span style="width:18px;height:18px;border-radius:50%;background:#18202B;color:#FFFFFF;display:grid;place-items:center;font-size:11px;font-weight:700">✓</span>{{ c }}</span>
1537        </sc-for>
1538      </div>
1539      <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px">
1540        <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="background:#18202B;color:#FFFFFF;padding:14px 24px;border-radius:999px;font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px" style-hover="background:#2A3442;color:#FFFFFF">Book a free call <span style="width:22px;height:22px;border-radius:50%;background:#FFFFFF;color:#18202B;display:grid;place-items:center;font-size:12px">↗</span></a>
1541        <a href="/#work" style="background:#FFFFFF;border:1px solid #DDE0E4;padding:14px 24px;border-radius:999px;font-size:15px;font-weight:500" style-hover="border-color:#18202B;color:#18202B">See our work</a>
1542      </div>
1543      <div data-r="proof" style="display:flex;align-items:center;gap:12px;margin-top:6px">
1544        <div style="display:flex;padding-left:10px">
1545          <sc-for list="{{ avatars }}" as="av" hint-placeholder-count="0">
1546            <div style="position:relative;width:38px;height:38px;margin-left:-10px;border:2px solid #FFFFFF;border-radius:50%;background-color:#EEF0F2;background-image:url({{ av }});background-size:cover;background-position:center;box-shadow:0 2px 6px rgba(24,32,43,0.12);transition:transform 0.25s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.25s ease;cursor:pointer" style-hover="transform:scale(1.45) translateY(-3px);z-index:3;box-shadow:0 10px 20px rgba(24,32,43,0.25)"></div>
1547          </sc-for>
1548        </div>
1549        <div data-r="proof-text" style="font-size:14px;line-height:1.4;color:#5B636E;text-align:left"><span style="color:#18202B;font-weight:500">Join founders who automated their data.</span><br>Your project could be next.</div>
1550      </div>
1551    </div>
1552
1553    <div id="heroShots" data-m-hide onMouseEnter="{{ pauseShots }}" onMouseLeave="{{ playShots }}" style="position:relative;margin:72px -20px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;">
1554      <div style="display:flex;gap:16px;padding-right:16px;width:max-content">
1555        <sc-for list="{{ shots }}" as="sh" hint-placeholder-count="6">
1556          <div style="flex:none;height:clamp(240px,34vw,460px);aspect-ratio:{{ sh.ar }};border-radius:20px;overflow:hidden;background:#EEF0F2;cursor:zoom-in"><img src="{{ sh.src }}" alt="{{ sh.alt }}" title="{{ sh.alt }}" loading="{{ sh.ld }}" decoding="async" draggable="false" style="display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 0.7s cubic-bezier(0.2,0.8,0.2,1)" style-hover="transform:scale(1.12)"></div>
1557        </sc-for>
1558      </div>
1559    </div>
1560    <div data-m-hide style="display:flex;justify-content:center;gap:10px;margin-top:20px"><button type="button" onClick="{{ shotsPrev }}" aria-label="Previous" style="width:44px;height:44px;border-radius:999px;border:1px solid #E6E8EB;background:#FFFFFF;color:#18202B;display:grid;place-items:center;cursor:pointer;transition:background 0.2s ease, transform 0.2s ease" style-hover="background:#18202B;color:#FFFFFF;transform:translateY(-2px)">
1560<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"></path></svg></button><button type="button" onClick="{{ shotsNext }}" aria-label="Next" style="width:44px;height:44px;border-radius:999px;border:1px solid #E6E8EB;background:#FFFFFF;color:#18202B;display:grid;place-items:center;cursor:pointer;transition:background 0.2s ease, transform 0.2s ease" style-hover="background:#18202B;color:#FFFFFF;transform:translateY(-2px)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"></path></svg></button></div>
1561  </section>
1562
1563  <!-- WHO WE HELP -->
1564  <section id="who" style="padding:80px 20px 24px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:40px">
1565    <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 48px">
1566      <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;max-width:640px">Who we help</h2>
1567      <p style="margin:0 0 6px;font-size:16.5px;line-height:1.6;color:#5B636E;max-width:380px;text-wrap:pretty">If one of these sounds like you, we have probably solved it before.</p>
1568    </div>
1569    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));column-gap:48px;border-top:1px solid #E6E8EB">
1570      <sc-for list="{{ whoHelp }}" as="wh" hint-placeholder-count="6">
1571        <a href="{{ wh.href }}" style="display:flex;gap:16px;align-items:flex-start;padding:22px 8px;border-bottom:1px solid #E6E8EB;color:#18202B;transition:background 0.25s ease" style-hover="background:#F6F7F8;color:#18202B">
1572          <span style="flex:none;width:40px;height:40px;border-radius:12px;background:#F0F1F3;color:#18202B;display:grid;place-items:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ wh.icon }}"></path></svg></span>
1573          <span style="flex:1;min-width:0;display:flex;flex-direction:column;gap:4px"><span style="font-size:17px;font-weight:500;letter-spacing:-0.01em">{{ wh.t }}</span><span style="font-size:15px;line-height:1.55;color:#5B636E;text-wrap:pretty">“{{ wh.q }}”</span></span>
1574          <span aria-hidden="true" style="flex:none;margin-top:8px;color:#5B636E">→</span>
1575        </a>
1576      </sc-for>
1577    </div>
1578  </section>
1579
1580  <!-- STACK STRIP -->
1581  <section style="padding:64px 0;display:flex;flex-direction:column;align-items:center;gap:22px">
1582    <div style="display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 20px;text-align:center"><div style="font-size:15px;font-weight:500;color:#18202B">Works with the tools you already use</div><div style="font-size:13px;color:#5B636E">Excel, Google Sheets, HubSpot, Airtable, Notion and more. No need to learn anything new.</div></div>
1583    <div style="width:100%;display:flex;flex-direction:column;gap:12px">
1584      <div style="width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)">
1585        <div style="display:flex;gap:12px;padding-right:12px;width:max-content;animation:marq 80s linear infinite">
1586          <sc-for list="{{ toolsA }}" as="tl" hint-placeholder-count="0">
1587            <div style="flex:none;display:flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border:1px solid #E6E8EB;border-radius:999px;background:#FFFFFF"><span style="width:22px;height:22px;display:block;flex:none;background-image:url({{ tl.src }});background-size:contain;background-repeat:no-repeat;background-position:center"></span><span style="font-size:15px;font-weight:500;color:#353C47;white-space:nowrap">{{ tl.n }}</span></div>
1588          </sc-for>
1589        </div>
1590      </div>
1591      <div style="width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)">
1592        <div style="display:flex;gap:12px;padding-right:12px;width:max-content;animation:marq 100s linear infinite">
1593          <sc-for list="{{ toolsB }}" as="tl" hint-placeholder-count="0">
1594            <div style="flex:none;display:flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border:1px solid #E6E8EB;border-radius:999px;background:#FFFFFF"><span style="width:22px;height:22px;display:block;flex:none;background-image:url({{ tl.src }});background-size:contain;background-repeat:no-repeat;background-position:center"></span><span style="font-size:15px;font-weight:500;color:#353C47;white-space:nowrap">{{ tl.n }}</span></div>
1595          </sc-for>
1596        </div>
1597      </div>
1598    </div>
1599  </section>
1600
1601  <!-- SERVICES -->
1602  <section id="services" data-m-hide style="padding:80px 20px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:48px">
1603    <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
1603gap:14px 48px">
1604      <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;max-width:640px">Three ways we save you time</h2>
1605      <p style="margin:0 0 6px;font-size:16.5px;line-height:1.6;color:#5B636E;max-width:380px;text-wrap:pretty">Pick one, or let us handle all three.</p>
1606    </div>
1607    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px 16px;align-items:start">
1608      <sc-for list="{{ svcGroups }}" as="sg" hint-placeholder-count="3">
1609        <div style="display:flex;flex-direction:column;gap:12px">
1610          <h3 style="margin:0 0 4px;font-size:18px;font-weight:600;letter-spacing:-0.01em">{{ sg.h }}</h3>
1611          <sc-for list="{{ sg.items }}" as="sv" hint-placeholder-count="3">
1612            <a href="{{ sv.href }}" style="color:#18202B;background:#F6F7F8;border:1px solid #F6F7F8;border-radius:20px;padding:20px;display:flex;gap:14px;align-items:flex-start;transition:border-color 0.25s ease, box-shadow 0.25s ease" style-hover="border-color:#18202B;background:#FFFFFF">
1613              <span style="flex:none;width:40px;height:40px;border-radius:12px;background:#FFFFFF;color:#18202B;display:grid;place-items:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ sv.icon }}"></path></svg></span>
1614              <span style="flex:1;min-width:0;display:flex;flex-direction:column;gap:4px">
1615                <span style="font-size:16.5px;font-weight:500;letter-spacing:-0.01em;line-height:1.3">{{ sv.t }}</span>
1616                <span style="font-size:13px;color:#5B636E">{{ sv.k }}</span>
1617                <span style="margin-top:6px;font-size:13px;font-weight:500;color:#18202B">Learn more →</span>
1618              </span>
1619            </a>
1620          </sc-for>
1621        </div>
1622      </sc-for>
1623    </div>
1624  </section>
1625
1626  <!-- PROCESS -->
1627  <section id="process" style="margin:40px 0;padding:96px 20px;background:#F5F6F7">
1628    <div style="max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:56px">
1629      <div style="text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center">
1630        
1631        <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;text-wrap:balance">Three simple steps</h2>
1632      </div>
1633      <figure style="margin:0 auto;width:100%;max-width:920px;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#E6E8EB;box-shadow:0 24px 60px rgba(24,32,43,0.10)"><img src="{{ beforeAfterImg }}" srcset="{{ beforeAfterSet }}" sizes="(max-width: 960px) 100vw, 920px" alt="Diagram: scattered websites, PDFs and tables flow into one step and come out as a tidy spreadsheet and a rising chart." loading="lazy" decoding="async" width="1600" height="900" style="width:100%;height:100%;object-fit:cover;display:block"></figure>
1634      <div onMouseEnter="{{ procPause }}" onMouseLeave="{{ procPlay }}" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:36px 48px">
1635        <sc-for list="{{ steps }}" as="st" hint-placeholder-count="3">
1636          <div onClick="{{ st.pick }}" style="position:relative;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding-top:24px;opacity:{{ st.op }};transition:opacity 0.5s ease">
1637            <div style="position:absolute;left:0;right:0;top:0;height:2px;background:#D5D9DE"></div>
1638            <sc-if value="{{ st.active }}" hint-placeholder-val="{{ false }}"><div style="position:absolute;left:0;top:0;height:2px;background:#18202B;animation:grow 3.6s linear forwards;animation-play-state:{{ procPlayState }}"></div></sc-if>
1639            <div style="display:flex;align-items:center;gap:12px;color:#18202B"><span style="font-size:14px;font-weight:600;color:#5B636E;font-variant-numeric:tabular-nums">{{ st.n }}</span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ st.icon }}"></path></svg></div>
1640            <div style="font-size:20px;font-weight:500;letter-spacing:-0.02em">{{ st.t }}</div>
1641            <p style="margin:0;font-size:15.5px;line-height:1.6;color:#5B636E;max-width:360px">{{ st.d }}</p>
1642          </div>
1643        </sc-for>
1644      </div>
1645      <div style="display:flex;justify-content:center"><a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="background:#18202B;color:#FFFFFF;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500" style-hover="background:#2A3442;color:#FFFFFF">
1645Book a free call (30 min) ↗</a></div>
1646    </div>
1647  </section>
1648
1649  </sc-if>
1650
1651  <!-- WORK (home: three featured projects; /work: all projects and stories) -->
1652  <sc-if value="{{ showWork }}" hint-placeholder-val="{{ true }}">
1653  <section id="work" style="padding:{{ workPad }};max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(56px,7vw,88px)">
1654    <sc-if value="{{ isHome }}" hint-placeholder-val="{{ true }}">
1655      <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 48px">
1656        <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;max-width:640px">What this looks like in real life</h2>
1657        <a href="/work" style="margin-bottom:8px;font-size:15px;font-weight:500;color:#18202B;border-bottom:1px solid #18202B;padding-bottom:2px">See all our work →</a>
1658      </div>
1659    </sc-if>
1660    <sc-if value="{{ pgWork }}" hint-placeholder-val="{{ false }}">
1661      <div style="text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center;margin-bottom:-24px">
1662        
1663        <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Real projects, real results.</h1>
1664        <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Before and after stories from work we have delivered. Pick an industry to see projects like yours.</p>
1665    <div role="group" aria-label="Filter examples by industry" style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:-8px">
1666      <sc-for list="{{ exTabs }}" as="xt" hint-placeholder-count="5"><button type="button" onClick="{{ xt.pick }}" aria-pressed="{{ xt.on }}" style="cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:9px 16px;border-radius:999px;border:1px solid {{ xt.bd }};background:{{ xt.bg }};color:{{ xt.ink }};transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease">{{ xt.t }}</button></sc-for>
1667    </div>
1668      </div>
1669    </sc-if>
1670    <sc-for list="{{ workShown }}" as="w" hint-placeholder-count="3">
1671      <article data-wk-flip="{{ w.flip }}" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(24px,4vw,56px);align-items:center">
1672        <div data-wk-media style="display:flex;flex-direction:column;gap:12px">
1673          <div style="position:relative;aspect-ratio:16/10;border-radius:28px;overflow:hidden;background:#E6E8EB"><img src="{{ w.ia }}" alt="{{ w.alt }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block">
1674            <div style="position:absolute;left:14px;right:14px;bottom:14px;display:flex"><span style="display:inline-flex;align-items:center;gap:9px;background:#FFFFFF;color:#18202B;font-size:14px;font-weight:500;line-height:1.35;padding:10px 14px;border-radius:12px;box-shadow:0 12px 30px rgba(24,32,43,0.18)"><span style="flex:none;width:8px;height:8px;border-radius:50%;background:#FF5A1F"></span>{{ w.result }}</span></div>
1675          </div>
1676          <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
1677            <div style="aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#E6E8EB"><img src="{{ w.ib }}" alt="{{ w.altb }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div>
1678            <div style="aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#E6E8EB"><img src="{{ w.ic }}" alt="{{ w.altc }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div>
1679          </div>
1680        </div>
1681        <div style="display:flex;flex-direction:column;gap:18px">
1682          <span style="align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#18202B;background:#F0F1F3;padding:6px 12px;border-radius:999px"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="{{ w.icon }}"></path></svg>{{ w.tag }}</span>
1683          <h2 style="margin:0;font-weight:500;font-size:clamp(24px,2.6vw,32px);letter-spacing:-0.025em;line-height:1.15;text-wrap:balance">{{ w.t }}</h2>
1684          <div style="display:flex;flex-direction:column;gap:10px">
1685            <div style="display:flex;gap:12px;align-items:flex-start;background:#F6F7F8;border-radius:20px;padding:14px 16px">
1686              <span style="flex:none;width:28px;height:28px;border-radius:50%;background:#E6E8EB;color:#5B636E;display:grid;place-items:center"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 7v5l3 2M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z"></path></svg></span>
1687              <div style="display:flex;flex-direction:column;gap:2px"><span style="font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#5B636E">Before</span><span style="font-size:15px;line-height:1.55;color:#5B636E">{{ w.before }}</span></div>
1688            </div>
1689            <div style="display:flex;gap:12px;align-items:flex-start;background:#FFFFFF;border:1px solid #18202B;border-radius:20px;padding:14px 16px;box-shadow:0 12px 30px rgba(24,32,43,0.06)">
1690              <span style="flex:none;width:28px;height:28px;border-radius:50%;background:#16A34A;color:#FFFFFF;display:grid;place-items:center"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5l4.5 4L19 7"></path></svg></span>
1691              <div style="display:flex;flex-direction:column;gap:2px"><span style="font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#16A34A">After</span><span style="font-size:15px;line-height:1.55;color:#18202B;font-weight:500">{{ w.after }}</span></div>
1692            </div>
1693          </div>
1694          <div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px">
1695            <sc-for list="{{ w.stats }}" as="s" hint-placeholder-count="3">
1696              <div style="border-top:2px solid #18202B;padding-top:12px;display:flex;flex-direction:column;gap:4px">
1697                <div style="font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:-0.03em;font-variant-numeric:tabular-nums">{{ s.v }}</div>
1698                <div style="font-size:12.5px;line-height:1.4;color:#5B636E">{{ s.l }}</div>
1699              </div>
1700            </sc-for>
1701          </div>
1702          <div style="font-size:13px;color:#5B636E">{{ w.small }}</div>
1703        </div>
1704      </article>
1705    </sc-for>
1706    <sc-if value="{{ pgWork }}" hint-placeholder-val="{{ false }}">
1707      <div style="display:flex;flex-direction:column;gap:18px">
1708        <h2 style="margin:0;font-weight:500;font-size:clamp(26px,3vw,36px);letter-spacing:-0.03em">{{ storiesHead }}</h2>
1709        <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px">
1710          <sc-for list="{{ storiesShown }}" as="sy" hint-placeholder-count="4">
1711            <a href="{{ sy.href }}" style="color:#18202B;background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;gap:0;text-decoration:none;transition:border-color 0.25s ease,box-shadow 0.25s ease" style-hover="border-color:#C8CDD3;box-shadow:0 10px 28px rgba(24,32,43,0.09)">
1712              <span data-story-img style="background-image:url({{ sy.img }});background-color:{{ sy.ph }}">
1713                <span style="position:absolute;top:10px;left:10px;font-size:11px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;background:rgba(255,255,255,0.92);color:#18202B;padding:4px 10px;border-radius:999px">{{ sy.tag }}</span>
1714              </span>
1715              <span style="display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px">
1716                <p style="margin:0;font-size:14px;line-height:1.55;color:#5B636E">{{ sy.before }}</p>
1717                <p style="margin:0;font-size:15px;line-height:1.5;color:#18202B;font-weight:500">{{ sy.after }}</p>
1718                <span style="margin-top:auto;padding-top:6px;font-size:13px;font-weight:500;color:#FF5A1F">{{ sy.svc }} →</span>
1719              </span>
1720            </a>
1721          </sc-for>
1722        </div>
1723      </div>
1724    </sc-if>
1725  </section>
1726  </sc-if>
1727
1728  <sc-if value="{{ isHome }}" hint-placeholder-val="{{ true }}">
1729
1730  <!-- TESTIMONIALS -->
1731  <sc-if value="{{ showTestimonials }}" hint-placeholder-val="{{ true }}">
1732    <section style="padding:96px 20px;background:linear-gradient(180deg,#FFFFFF 0%,rgba(255,255,255,0) 22%,#F6F7F8)">
1733      <div style="max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:48px">
1734        <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
1734gap:14px 48px">
1735          <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;max-width:640px">What clients say</h2>
1736          <p style="margin:0 0 6px;font-size:16.5px;line-height:1.6;color:#5B636E;max-width:380px">4.9 average rating from clients worldwide.</p>
1737        </div>
1738        <div style="position:relative;overflow:hidden;background:#18202B;color:#FFFFFF;border-radius:28px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;transition:transform 0.4s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.4s ease" style-hover="transform:translateY(-6px);box-shadow:0 34px 60px rgba(24,32,43,0.25)">
1739          <div style="width:clamp(88px,12vw,140px);height:clamp(88px,12vw,140px);border-radius:50%;background-color:#2A3442;background-image:url(https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1777579006404.jpg);background-size:cover;background-position:center;box-shadow:0 0 0 4px #18202B, 0 0 0 5px rgba(255,255,255,0.25)"></div>
1740          <div style="display:flex;flex-direction:column;gap:18px">
1741            <div style="color:#FFFFFF;font-size:16px;letter-spacing:3px">★★★★★</div>
1742            <p style="margin:0;font-size:clamp(20px,2.4vw,30px);line-height:1.35;letter-spacing:-0.02em;text-wrap:pretty">“He walked me through exactly how a scraper could meet my needs, helped me choose the right toolset, and delivered on time and within budget. I strongly recommend him.”</p>
1743            <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap"><span style="font-size:17px;font-weight:500">Aundre Dudley</span><svg width="17" height="17" viewBox="0 0 24 24"><circle cx="12" cy="12" r="11" fill="#1FA45B"></circle><path d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="font-size:14px;color:#A1A7B0">National Manager of Solution Architects · Dual CCIE #29014</span></div>
1744          </div>
1745        </div>
1746        <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px">
1747          <sc-for list="{{ revShown }}" as="q" hint-placeholder-count="0">
1748            <div onClick="{{ q.toggle }}" style="position:relative;cursor:pointer;background:#FFFFFF;border:1px solid #FFFFFF;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:18px;transition:transform 0.35s cubic-bezier(0.2,0.8,0.2,1), box-shadow 0.35s ease, border-color 0.35s ease" style-hover="transform:translateY(-8px);box-shadow:0 28px 50px rgba(24,32,43,0.12);border-color:#18202B">
1749              <div style="display:flex;justify-content:space-between;align-items:flex-start"><div style="width:60px;height:60px;border-radius:50%;background-color:#EEF0F2;background-image:url({{ q.image }});background-size:cover;background-position:center;box-shadow:0 0 0 3px #FFFFFF, 0 0 0 4px #E6E8EB"></div><span style="font-size:52px;line-height:0.8;color:#E1E4E8;font-family:Georgia,serif">“</span></div>
1750              <div style="display:flex;flex-direction:column;gap:5px">
1751                <div style="display:flex;align-items:center;gap:7px;font-size:19px;font-weight:500;letter-spacing:-0.02em">{{ q.name }}<svg width="17" height="17" viewBox="0 0 24 24" style="flex:none"><circle cx="12" cy="12" r="11" fill="#1FA45B"></circle><path d="M7 12.5l3.2 3L17 9" fill="none" stroke="#FFFFFF" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
1752                <div style="font-size:13px;color:#5B636E;line-height:1.45">{{ q.sub }}</div>
1753              </div>
1754              <div style="display:flex;align-items:center;gap:8px"><span style="color:#18202B;font-size:15px;letter-spacing:2px">{{ q.stars }}</span><span style="font-size:13px;color:#5B636E">{{ q.rating }}</span></div>
1755              <p style="margin:0;font-size:17px;line-height:1.6;color:#353C47;text-wrap:pretty;max-height:{{ q.maxH }};overflow:hidden;-webkit-mask-image:{{ q.mask }};mask-image:{{ q.mask }}">{{ q.review }}</p>
1756            </div>
1757          </sc-for>
1758        </div>
1759        <button type="button" onClick="{{ toggleRevAll }}" style="align-self:center;cursor:pointer;font:inherit;font-size:15px;font-weight:500;padding:14px 26px;border-radius:999px;border:1px solid #18202B;background:#FFFFFF;color:#18202B;transition:background 0.2s ease, color 0.2s ease" style-hover="background:#18202B;color:#FFFFFF">{{ revBtn }}</button>
1760      </div>
1761    </section>
1762  </sc-if>
1763
1764  <!-- COMPARISON -->
1765  <sc-if value="{{ showComparison }}" hint-placeholder-val="{{ true }}">
1766    <section style="padding:80px 20px;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:48px">
1767      <div style="text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center">
1768        
1769        <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;text-wrap:balance">Why not a freelancer or a new hire?</h2>
1770      </div>
1771      <div style="overflow-x:auto">
1772        <div style="min-width:560px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;overflow:hidden;font-size:15px">
1773          <div style="padding:20px 24px;color:#5B636E;font-size:13px">Feature</div>
1774          <div style="padding:20px 12px;text-align:center;font-weight:600;background:#F3F4F6;border-left:1px solid #D5D9DE;border-right:1px solid #D5D9DE">BigiByte</div>
1775          <div style="padding:20px 12px;text-align:center;color:#5B636E;font-size:13px">Freelancer</div>
1776          <div style="padding:20px 12px;text-align:center;color:#5B636E;font-size:13px">In-house</div>
1777          <sc-for list="{{ compare }}" as="r" hint-placeholder-count="7">
1778            <div style="padding:16px 24px;border-top:1px solid #F3F4F6">{{ r.f }}</div>
1779            <div style="padding:16px 12px;border-top:1px solid #D5D9DE;text-align:center;background:#F3F4F6;border-left:1px solid #D5D9DE;border-right:1px solid #D5D9DE;color:#16A34A;font-weight:900;font-size:18px">✓</div>
1780            <div style="padding:16px 12px;border-top:1px solid #F3F4F6;text-align:center;color:{{ r.ac }};font-weight:{{ r.aw }};font-size:17px">{{ r.a }}</div>
1781            <div style="padding:16px 12px;border-top:1px solid #F3F4F6;text-align:center;color:{{ r.bc }};
1781font-weight:{{ r.bw }};font-size:17px">{{ r.b }}</div>
1782          </sc-for>
1783        </div>
1784      </div>
1785    </section>
1786  </sc-if>
1787
1788  <!-- FAQ -->
1789  <section id="faq" style="padding:80px 20px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px;align-items:start">
1790    <div style="display:flex;flex-direction:column;gap:20px">
1791      
1792      <h2 style="margin:0;font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-0.03em;line-height:1.05">Everything about working with us</h2>
1793      <div style="border-radius:20px;padding:24px;background:#18202B;color:#FFFFFF;display:flex;flex-direction:column;gap:14px">
1794        <div style="font-size:17px;font-weight:500;color:#FFFFFF">Still unsure?</div>
1795        <p style="margin:0;font-size:14px;line-height:1.55;color:#C6CBD2">Ask us in plain English. You'll talk to the person who builds it.</p>
1796        <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="align-self:flex-start;background:#FFFFFF;color:#18202B;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:500" style-hover="background:#E6E8EB;color:#18202B">Book a call ↗</a>
1797      </div>
1798    </div>
1799    <div style="display:flex;flex-direction:column;gap:10px">
1800      <div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px"><sc-for list="{{ faqTabs }}" as="ft" hint-placeholder-count="4"><button type="button" onClick="{{ ft.pick }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid {{ ft.bd }};background:{{ ft.bg }};color:{{ ft.ink }};transition:background 0.2s ease, color 0.2s ease">{{ ft.t }}</button></sc-for></div>
1801      <sc-for list="{{ faqs }}" as="f" hint-placeholder-count="6">
1802        <div onClick="{{ f.toggle }}" style="cursor:pointer;background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:18px 22px;display:flex;flex-direction:column;gap:12px">
1803          <div style="display:flex;justify-content:space-between;gap:16px;align-items:center">
1804            <div style="font-size:16px;font-weight:500">{{ f.q }}</div>
1805            <span style="flex:none;width:26px;height:26px;border-radius:50%;background:#F3F4F6;display:grid;place-items:center;font-size:16px">{{ f.icon }}</span>
1806          </div>
1807          <sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
1808            <p style="margin:0;font-size:15px;line-height:1.6;color:#5B636E">{{ f.a }}</p>
1809          </sc-if>
1810        </div>
1811      </sc-for>
1812    </div>
1813  </section>
1814
1815  <!-- CONTACT -->
1816  <section id="contact" data-cf style="padding:80px 20px 100px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px;align-items:start;position:relative">
1817    <div style="display:flex;flex-direction:column;gap:20px">
1818      <h2 style="margin:0;font-weight:500;font-size:clamp(36px,4.6vw,56px);letter-spacing:-0.035em;line-height:1.02">Tell us what's slowing you down.</h2>
1819      <p style="margin:0;font-size:16px;line-height:1.6;color:#5B636E;max-width:440px">Describe the task or the information you need, in your own words. We reply within a few hours with a plan and a fixed quote.</p>
1820      <div style="display:flex;align-items:center;gap:12px">
1821        <div style="display:flex"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-smiling-bearded-headshot.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;background:#EEF0F2"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-long-hair-portrait.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;margin-left:-12px;background:#EEF0F2"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-neutral-mustache-headshot.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;margin-left:-12px;background:#EEF0F2"></div>
1822        <div style="font-size:14px;line-height:1.4;color:#5B636E"><span style="color:#18202B;font-weight:500">Kawsar &amp; the team</span><br>read every brief themselves</div>
1823      </div>
1824      <div style="display:flex;flex-direction:column;gap:0;margin-top:6px;border-left:1px dashed #D5D9DE;padding-left:18px">
1825        <sc-for list="{{ briefSteps }}" as="bs" hint-placeholder-count="3">
1826          <div style="position:relative;padding:8px 0">
1827            <span style="position:absolute;left:-26px;top:12px;width:15px;height:15px;border-radius:50%;background:{{ bs.dot }};border:3px solid #FFFFFF;box-shadow:0 0 0 1px {{ bs.ring }};transition:background 0.4s ease"></span>
1828            <div style="font-size:15px;font-weight:500;color:{{ bs.ink }};transition:color 0.4s ease">{{ bs.t }}</div>
1829            <div style="font-size:13px;color:#5B636E">{{ bs.d }}</div>
1830          </div>
1831        </sc-for>
1832      </div>
1833      <div style="display:flex;flex-wrap:wrap;gap:8px">
1834        <a href="mailto:[email protected]" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18v12H3zM3 7l9 6 9-6"></path></svg>[email protected]</a>
1835        <a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.4A8.4 8.4 0 1 1 21 11.5z"></path></svg>WhatsApp</a>
1836        <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #18202B;background:#18202B;color:#FFFFFF"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5h18v16H3zM16 3v4M8 3v4M3 10h18"></path></svg>Book a call</a>
1837      </div>
1838    </div>
1839    <div style="position:relative">
1840    <div aria-hidden="true" style="position:absolute;inset:-40px -30px;z-index:0;pointer-events:none;background:radial-gradient(closest-side at 72% 28%,rgba(255,90,31,0.16),transparent),radial-gradient(closest-side at 28% 74%,rgba(24,32,43,0.10),transparent);animation:cfDrift 12s ease-in-out infinite alternate"></div>
1841    <form onSubmit="{{ submit }}" onInput="{{ trackBrief }}" style="position:relative;z-index:1;background:#FFFFFF;border:1px solid #E6E8EB;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px rgba(24,32,43,0.08)">
1842      <sc-if value="{{ sent }}" hint-placeholder-val="{{ false }}">
1843        <div style="padding:34px 10px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center">
1844          <span style="width:64px;height:64px;border-radius:50%;background:#22C55E;color:#FFFFFF;display:grid;place-items:center;font-size:28px;font-weight:700;animation:cfPop 0.6s cubic-bezier(0.34,1.56,0.64,1) both;box-shadow:0 0 0 10px rgba(34,197,94,0.12)">✓</span>
1845          <div style="font-size:22px;font-weight:500;letter-spacing:-0.01em">Brief received. Thank you.</div>
1846          <div style="font-size:14px;color:#5B636E;max-width:340px">We'll reply within a few hours about <span style="color:#18202B;font-weight:500">{{ sentSummary }}</span>.</div>
1847          <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="margin-top:6px;display:inline-flex;align-items:center;gap:8px;background:#18202B;color:#FFFFFF;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500">Skip the wait, book a call ↗</a>
1848        </div>
1849      </sc-if>
1850      <sc-if value="{{ notSent }}" hint-placeholder-val="{{ true }}">
1851        <div style="display:flex;flex-direction:column;gap:8px">
1852          <div style="display:flex;justify-content:space-between;align-items:baseline;font-size:13px"><span style="font-weight:500;color:#18202B">Project brief</span><span style="color:#5B636E">{{ briefLabel }}</span></div>
1853          <div style="height:6px;border-radius:999px;background:#EEF0F2;overflow:hidden"><div style="height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#18202B,#3A4452 70%,#FF5A1F);
1853transform:scaleX({{ briefPctScale }});transform-origin:left center;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1)"></div></div>
1854        </div>
1855        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px">
1856          <input type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true" style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0">
1857          <input required name="name" autocomplete="name" placeholder="Your name" aria-label="Your name" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease">
1858          <input required type="email" name="email" autocomplete="email" placeholder="Work email" aria-label="Email address" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease">
1859        </div>
1860        <div style="display:flex;flex-direction:column;gap:10px">
1861          <div style="font-size:14px;font-weight:500">What do you need? <span style="color:#5B636E;font-weight:400">Pick any</span></div>
1862          <div style="display:flex;flex-wrap:wrap;gap:8px">
1863            <sc-for list="{{ needs }}" as="nd" hint-placeholder-count="5">
1864              <button type="button" data-chip onClick="{{ nd.toggle }}" aria-pressed="{{ nd.pressed }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid {{ nd.border }};background:{{ nd.bg }};color:{{ nd.ink }};transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, translate 0.2s ease">{{ nd.mark }}{{ nd.t }}</button>
1865            </sc-for>
1866          </div>
1867        </div>
1868        <div style="display:flex;flex-direction:column;gap:10px">
1869          <div style="font-size:14px;font-weight:500">Budget</div>
1870          <div style="display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:12px;background:#F3F4F6">
1871            <sc-for list="{{ budgets }}" as="bd" hint-placeholder-count="4">
1872              <button type="button" data-chip onClick="{{ bd.pick }}" aria-pressed="{{ bd.pressed }}" style="flex:1 1 auto;cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 12px;border-radius:12px;border:0;background:{{ bd.bg }};color:{{ bd.ink }};box-shadow:{{ bd.shadow }};transition:background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease">{{ bd.t }}</button>
1873            </sc-for>
1874          </div>
1875          <div style="font-size:12.5px;color:#5B636E">Not sure? That's fine, we'll suggest options.</div>
1876        </div>
1877        <div style="display:flex;flex-direction:column;gap:6px">
1878          <textarea required name="message" rows="4" placeholder="e.g. &quot;Every Monday we copy prices from 10 competitor websites into Excel.&quot;" aria-label="Describe what you need" style="border:1px solid #E1E4E8;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;resize:vertical;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"></textarea>
1879          <div style="display:flex;justify-content:space-between;font-size:12px;color:#5B636E"><span>{{ msgHint }}</span><span>{{ msgCount }}</span></div>
1880        </div>
1881        <label style="display:flex;flex-direction:column;gap:8px">
1882          <span style="font-size:14px;font-weight:500">Phone or WhatsApp <span style="color:#5B636E;font-weight:400">Optional</span></span>
1883          <input type="tel" name="phone" autocomplete="tel" placeholder="+1 555 000 0000" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease">
1884        </label>
1885        <sc-if value="{{ sendErr }}" hint-placeholder-val="{{ false }}"><div style="font-size:13px;color:#b91c1c;background:#FEF2F2;border-radius:12px;padding:10px 12px">We could not send your brief. Please try again or email [email protected].</div></sc-if>
1886        <button type="submit" data-send disabled="{{ sending }}" style="cursor:pointer;border:0;background:#18202B;color:#FFFFFF;border-radius:999px;padding:15px;font:inherit;font-size:15px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:10px;transition:background 0.25s ease, transform 0.2s ease;opacity:{{ sendOp }}">{{ sendLabel }}<span data-arrow style="display:inline-block;transition:translate 0.25s ease">↗</span></button>
1887        <div style="font-size:12px;color:#5B636E;text-align:center">No spam, no sales calls you didn't ask for. NDA on request.</div>
1888        <div style="font-size:14px;color:#5B636E;text-align:center">Prefer to talk? <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="color:#18202B;font-weight:500;border-bottom:1px solid #18202B">Book a free 30-minute call ↗</a></div>
1889      </sc-if>
1890    </form>
1891    </div>
1892  </section>
1893
1894  </sc-if>
1895
1896  <!-- PAGE: SERVICES -->
1897  <sc-if value="{{ pgServices }}" hint-placeholder-val="{{ false }}">
1898    <section style="position:relative;padding:72px 20px 56px;text-align:center">
1899      <div style="position:absolute;
1899left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div>
1900      <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px">
1901        
1902        <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Everything we can take off your plate.</h1>
1903        <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Not sure which one you need? Describe the problem and we'll point you to the right one.</p>
1904      </div>
1905    </section>
1906    <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:48px">
1907      <sc-for list="{{ svcCols }}" as="col" hint-placeholder-count="2">
1908        <div style="display:flex;flex-direction:column;gap:18px">
1909          <h2 style="margin:0;font-weight:500;font-size:24px;letter-spacing:-0.02em">{{ col.h }}</h2>
1910          <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px">
1911            <sc-for list="{{ col.items }}" as="it" hint-placeholder-count="4">
1912              <div style="background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px" style-hover="border-color:#18202B">
1913                <div style="width:44px;height:44px;border-radius:12px;background:#F0F1F3;display:grid;place-items:center"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#18202B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ it.icon }}"></path></svg></div>
1914                <div style="display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500">{{ it.plain }}<sc-if value="{{ it.pop }}" hint-placeholder-val="{{ false }}"><span style="font-size:11px;background:#18202B;color:#FFFFFF;padding:2px 8px;border-radius:999px">Popular</span></sc-if></div>
1915                <p style="margin:0;font-size:14px;line-height:1.6;color:#5B636E">{{ it.plainSub }}. <span style="color:#5B636E">{{ it.t }}</span></p>
1916              </div>
1917            </sc-for>
1918          </div>
1919        </div>
1920      </sc-for>
1921    </section>
1922  </sc-if>
1923
1924  <!-- PAGE: ABOUT -->
1925  <sc-if value="{{ pgAbout }}" hint-placeholder-val="{{ false }}">
1926    <section style="position:relative;padding:72px 20px 56px;text-align:center">
1927      <div style="position:absolute;left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div>
1928      <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px">
1929        
1930        <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Big ideas, byte solutions.</h1>
1931        <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">BigiByte is a team of engineers in Dhaka, Bangladesh, working with clients worldwide. We build the tools that collect information, find customers and take repeated work off people's plates.</p>
1932      </div>
1933    </section>
1934    <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:center">
1935      <div style="aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#F3F4F6"><img src="https://images.bigibyte.com/cdn-cgi/image/width=1200,height=900,fit=cover,quality=80,format=auto/projects/about-team.webp" alt="The BigiByte team working together around a table: pair programming, whiteboarding a data pipeline and on a client call" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div>
1936      <div style="display:flex;flex-direction:column;gap:18px">
1937        <h2 style="margin:0;font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-0.03em;line-height:1.1">We started by fixing our own data problems.</h2>
1938        <p style="margin:0;font-size:16px;line-height:1.7;color:#5B636E">Most teams don't need another tool. They need the data already sitting on the web, delivered cleanly to where they work. That's what we build: tools that keep working when websites change, automations nobody has to watch, and products built on top of reliable data.</p>
1939        <p style="margin:0;font-size:16px;line-height:1.7;color:#5B636E">We also publish ready-to-run scrapers on the Apify Store, like our StreetEasy and Google Search Results scrapers, used by teams every week.</p>
1940      </div>
1941    </section>
1942    <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px">
1943      <sc-for list="{{ values }}" as="v" hint-placeholder-count="3">
1944        <div style="background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px">
1945          <div style="font-size:13px;color:#5B636E">{{ v.n }}</div>
1946          <div style="font-size:20px;font-weight:500;letter-spacing:-0.02em">{{ v.t }}</div>
1947          <p style="margin:0;font-size:15px;line-height:1.6;color:#5B636E">{{ v.d }}</p>
1948        </div>
1949      </sc-for>
1950    </section>
1951    <section data-ab-gallery aria-label="Our work in action">
1952      <div data-ab-head>
1953        
1954        <h2 style="margin:16px 0 12px;font-weight:500;font-size:clamp(30px,4vw,44px);letter-spacing:-0.03em;line-height:1.1">Our work in action</h2>
1955        <p style="margin:0;font-size:16.5px;line-height:1.6;color:#5B636E">Office culture, team dynamics and workspace moments from the people who build your data pipelines.</p>
1956      </div>
1957      <sc-for list="{{ galleryRows }}" as="gr" hint-placeholder-count="2">
1958        <div data-ab-marquee data-no-reveal><div data-ab-track="{{ gr.dir }}">
1959          <sc-for list="{{ gr.items }}" as="gi" hint-placeholder-count="6">
1960            <figure data-ab-card aria-hidden="{{ gi.hide }}" data-full="{{ gi.full }}" data-title="{{ gi.t }}" data-tag="{{ gi.tag }}" role="button" tabindex="{{ gi.tab }}" aria-label="{{ gi.label }}"><img src="{{ gi.src }}" srcset="{{ gi.set }}" sizes="(max-width: 640px) 280px, 400px" alt="{{ gi.alt }}" width="800" height="500" loading="lazy" decoding="async"><figcaption><span data-ab-tag>{{ gi.tag }}</span><span data-ab-title>{{ gi.t }}</span></figcaption></figure>
1961          </sc-for>
1962        </div></div>
1963      </sc-for>
1964    </section>
1965  </sc-if>
1966
1967  <!-- PAGE: TEAM -->
1968  <sc-if value="{{ pgTeam }}" hint-placeholder-val="{{ false }}">
1969    <section style="padding:72px 20px 40px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:40px">
1970      <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
1970gap:20px 48px">
1971        <div style="display:flex;flex-direction:column;gap:16px;max-width:680px">
1972          <span style="align-self:flex-start;font-size:13px;font-weight:500;color:#18202B;background:#F0F1F3;padding:5px 12px;border-radius:999px">Our team</span>
1973          <h1 style="margin:0;font-weight:500;font-size:clamp(40px,6vw,72px);letter-spacing:-0.04em;line-height:1;text-wrap:balance">The people behind BigiByte</h1>
1974        </div>
1975        <p style="margin:0 0 6px;font-size:16.5px;line-height:1.6;color:#5B636E;max-width:380px;text-wrap:pretty">Engineers, designers and operators in Dhaka, Bangladesh, building scrapers, automations and products for teams around the world.</p>
1976      </div>
1977      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:20px 32px">
1978        <sc-for list="{{ teamStats }}" as="ts" hint-placeholder-count="4">
1979          <div style="border-top:2px solid #18202B;padding-top:14px;display:flex;flex-direction:column;gap:4px"><span style="font-size:clamp(28px,3vw,36px);font-weight:500;letter-spacing:-0.03em;font-variant-numeric:tabular-nums">{{ ts.v }}</span><span style="font-size:14px;color:#5B636E">{{ ts.l }}</span></div>
1980        </sc-for>
1981      </div>
1982    </section>
1983    <section style="padding:0 20px 40px;max-width:1120px;margin:0 auto">
1984      <sc-for list="{{ founderList }}" as="f" hint-placeholder-count="0">
1985      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px;align-items:center;background:#18202B;color:#FFFFFF;border-radius:28px;padding:clamp(20px,3vw,32px)">
1986        <div style="aspect-ratio:1/1;max-height:460px;border-radius:20px;overflow:hidden;background:#2C3542"><img loading="lazy" src="{{ f.photo }}" alt="{{ f.alt }}" style="display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.2,0.8,0.2,1)" style-hover="transform:scale(1.06)"></div>
1987        <div style="display:flex;flex-direction:column;gap:16px">
1988          <span style="align-self:flex-start;font-size:12px;color:#18202B;background:#FFFFFF;padding:4px 10px;border-radius:999px;font-weight:500">Founder · {{ f.exp }}</span>
1989          <h2 style="margin:0;font-weight:500;font-size:clamp(30px,3.6vw,44px);letter-spacing:-0.03em;line-height:1.05"><a href="{{ f.href }}" style="color:#FFFFFF" style-hover="color:#FFFFFF;text-decoration:underline">{{ f.name }}</a></h2>
1990          <div style="font-size:16px;color:#A1A7B0">{{ f.role }}</div>
1991          <p style="margin:0;font-size:16px;line-height:1.6;color:#D5DAE1;text-wrap:pretty">{{ f.bio }}</p>
1992          <div style="display:flex;flex-direction:column;gap:8px">
1993            <sc-for list="{{ f.ach }}" as="a" hint-placeholder-count="4"><div style="display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#FFFFFF;line-height:1.5"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#A8B6CA" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="flex:none;margin-top:3px"><path d="M5 12l5 5L20 7"></path></svg>{{ a }}</div></sc-for>
1994          </div>
1995          <div style="display:flex;gap:6px;flex-wrap:wrap"><sc-for list="{{ f.socials }}" as="so" hint-placeholder-count="3"><a href="{{ so.href }}" target="_blank" rel="noopener" aria-label="{{ so.l }}" title="{{ so.l }}" style="width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.06);color:#FFFFFF;display:grid;place-items:center;transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease" style-hover="background:#FFFFFF;color:#18202B;transform:translateY(-2px)"><svg width="16" height="16" viewBox="0 0 24 24" fill="{{ so.fill }}" stroke="{{ so.stroke }}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ so.d }}"></path></svg></a></sc-for></div>
1996        </div>
1997      </div>
1998      </sc-for>
1999    </section>
2000    <section style="padding:56px 20px 96px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:28px">
2001      <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px">
2002        <h2 style="margin:0;font-weight:500;font-size:clamp(28px,3.2vw,40px);letter-spacing:-0.03em">Meet the team</h2>
2003        <div role="group" aria-label="Filter the team" style="display:flex;flex-wrap:wrap;gap:8px">
2004          <sc-for list="{{ teamTabs }}" as="tt" hint-placeholder-count="4"><button type="button" onClick="{{ tt.pick }}" aria-pressed="{{ tt.on }}" style="cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:9px 16px;border-radius:999px;border:1px solid {{ tt.bd }};background:{{ tt.bg }};color:{{ tt.ink }};transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease">{{ tt.t }}<span style="margin-left:6px;opacity:0.6;font-weight:400">{{ tt.n }}</span></button></sc-for>
2005        </div>
2006      </div>
2007      <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:32px 20px">
2008        <sc-for list="{{ teamShown }}" as="m" hint-placeholder-count="8">
2009          <div data-tm style="display:flex;flex-direction:column;gap:14px">
2010            <a href="{{ m.href }}" aria-label="{{ m.name }}, {{ m.role }}: view profile" style="position:relative;display:block;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#F0F1F3"><img data-tm-img src="{{ m.photo }}" alt="{{ m.alt }}" loading="lazy" decoding="async" style="display:block;width:100%;height:100%;object-fit:cover">
2011              <span style="position:absolute;left:12px;top:12px;font-size:12px;font-weight:500;color:#18202B;background:rgba(255,255,255,0.92);padding:4px 10px;border-radius:999px">{{ m.exp }}</span>
2012              <span data-tm-go aria-hidden="true" style="position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;background:#FFFFFF;color:#18202B;display:grid;place-items:center;box-shadow:0 8px 24px rgba(24,32,43,0.18)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7M8 7h9v9"></path></svg></span>
2013            </a>
2014            <div style="display:flex;flex-direction:column;gap:3px"><a href="{{ m.href }}" style="font-size:18px;font-weight:500;letter-spacing:-0.01em;color:#18202B" style-hover="color:#18202B;text-decoration:underline">{{ m.name }}</a><span style="font-size:14px;color:#5B636E;line-height:1.4">{{ m.role }}</span></div>
2015            <p style="margin:0;font-size:14px;line-height:1.55;color:#5B636E;text-wrap:pretty">{{ m.bio }}</p>
2016            <div style="display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto">
2017              <div style="display:flex;gap:6px;flex-wrap:wrap"><sc-for list="{{ m.tags2 }}" as="tg" hint-placeholder-count="2"><span style="font-size:12px;color:#3A4452;background:#F0F1F3;padding:4px 10px;border-radius:999px">{{ tg }}</span></sc-for></div>
2018              <div style="display:flex;gap:4px;margin-left:-8px"><sc-for list="{{ m.socials }}" as="so" hint-placeholder-count="2"><a href="{{ so.href }}" target="_blank" rel="noopener" aria-label="{{ so.l }}" title="{{ so.l }}" style="width:32px;height:32px;border-radius:12px;color:#5B636E;display:grid;place-items:center;transition:background 0.2s ease, color 0.2s ease" style-hover="background:#18202B;color:#FFFFFF"><svg width="15" height="15" viewBox="0 0 24 24" fill="{{ so.fill }}" stroke="{{ so.stroke }}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="{{ so.d }}"></path></svg></a></sc-for></div>
2019            </div>
2020          </div>
2021        </sc-for>
2022        <a href="mailto:[email protected]?subject=Joining%20BigiByte" data-tm-join style="display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:320px;border:1.5px dashed #C9CED4;border-radius:20px;padding:24px;color:#18202B;transition:border-color 0.25s ease, background 0.25s ease" style-hover="border-color:#18202B;background:#F6F7F8;color:#18202B">
2023          <span style="width:44px;height:44px;border-radius:12px;background:#F0F1F3;display:grid;place-items:center"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"></path></svg></span>
2024          <span style="display:flex;flex-direction:column;gap:8px"><span style="font-size:20px;font-weight:500;letter-spacing:-0.02em">Want to join us?</span><span style="font-size:14px;line-height:1.55;color:#5B636E">We are always glad to hear from good engineers, designers and operators. Tell us what you do best.</span></span>
2025          <span style="font-size:14px;font-weight:500">Email [email protected] →</span>
2026        </a>
2027      </div>
2028    </section>
2029  </sc-if>
2030
2031  <!-- PAGE: INDUSTRIES -->
2032  <sc-if value="{{ pgIndustries }}" hint-placeholder-val="{{ false }}">
2033    <section style="position:relative;padding:72px 20px 56px;text-align:center">
2034      <div style="position:absolute;left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div>
2035      <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px">
2036        
2037        <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">What we do for businesses like yours.</h1>
2038        <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Wherever the data lives on the web, we can collect it, clean it and put it to work.</p>
2039      </div>
2040    </section>
2041    <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:grid;
2041grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px">
2042      <sc-for list="{{ industries }}" as="ind" hint-placeholder-count="6">
2043        <div style="background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:16px">
2044          <div style="aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#F3F4F6"><img src="{{ ind.img }}" alt="{{ ind.alt }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div>
2045          <div style="padding:4px 12px 14px;display:flex;flex-direction:column;gap:12px">
2046            <div style="font-size:20px;font-weight:500;letter-spacing:-0.02em">{{ ind.t }}</div>
2047            <p style="margin:0;font-size:14px;line-height:1.6;color:#5B636E">{{ ind.d }}</p>
2048            <p style="margin:0;font-size:14px;line-height:1.6;color:#18202B;background:#F6F7F8;border-radius:12px;padding:12px 14px"><span style="font-weight:600">For example:</span> {{ ind.ex }}</p>
2049            <div style="display:flex;flex-wrap:wrap;gap:6px"><sc-for list="{{ ind.uses }}" as="u" hint-placeholder-count="3"><span style="font-size:12px;padding:5px 10px;border-radius:999px;background:#F3F4F6;color:#353C47">{{ u }}</span></sc-for></div>
2050          </div>
2051        </div>
2052      </sc-for>
2053    </section>
2054  </sc-if>
2055
2056  <!-- PAGE: BLOG -->
2057  <sc-if value="{{ pgBlog }}" hint-placeholder-val="{{ false }}">
2058    <section style="position:relative;padding:72px 20px 56px;text-align:center">
2059      <div style="position:absolute;left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div>
2060      <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px">
2061        
2062        <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Notes on scraping &amp; automation.</h1>
2063        <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Practical guides from the work we do every day: real workflows, real datasets.</p>
2064      </div>
2065    </section>
2066    <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:32px">
2067      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px">
2068        <sc-for list="{{ posts }}" as="p" hint-placeholder-count="2">
2069          <a href="{{ p.href }}" target="_blank" rel="noopener" style="background:#FFFFFF;border:1px solid #E6E8EB;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:18px;color:#18202B" style-hover="border-color:#18202B;color:#18202B">
2070            <div style="aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#F3F4F6"><img src="{{ p.img }}" alt="{{ p.alt }}" loading="lazy" decoding="async" style="width:100%;height:100%;object-fit:cover;display:block"></div>
2071            <div style="padding:4px 12px 16px;display:flex;flex-direction:column;gap:10px">
2072              <div style="display:flex;gap:10px;font-size:13px;color:#5B636E"><span>{{ p.tag }}</span><span>·</span><span>{{ p.date }}</span></div>
2073              <div style="font-size:22px;font-weight:500;letter-spacing:-0.025em;line-height:1.2">{{ p.t }}</div>
2074              <p style="margin:0;font-size:15px;line-height:1.6;color:#5B636E">{{ p.d }}</p>
2075              <span style="font-size:14px;font-weight:500;margin-top:4px">Read on Medium ↗</span>
2076            </div>
2077          </a>
2078        </sc-for>
2079      </div>
2080      <a href="https://medium.com/@bigiByte" target="_blank" rel="noopener" style="align-self:center;font-size:15px;font-weight:500;padding:13px 22px;border-radius:999px;border:1px solid #DDE0E4" style-hover="border-color:#18202B;color:#18202B">All articles on Medium ↗</a>
2081    </section>
2082  </sc-if>
2083
2084  <!-- PAGE: PRICING -->
2085  <sc-if value="{{ pgPricing }}" hint-placeholder-val="{{ false }}">
2086    <section style="position:relative;padding:72px 20px 56px;text-align:center">
2087      <div style="position:absolute;
2087left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div>
2088      <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px">
2089        
2090        <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Simple, fixed pricing.</h1>
2091        <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">Fixed quotes for scoped builds, monthly plans for pipelines that keep running. No hourly surprises.</p>
2092      </div>
2093    </section>
2094    <section style="padding:0 20px 80px;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;align-items:stretch">
2095      <sc-for list="{{ plans }}" as="pl" hint-placeholder-count="3">
2096        <div style="border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:22px;background:{{ pl.bg }};color:{{ pl.ink }};border:1px solid {{ pl.bd }}">
2097          <div style="display:flex;justify-content:space-between;align-items:center"><span style="font-size:16px;font-weight:500">{{ pl.t }}</span><sc-if value="{{ pl.pop }}" hint-placeholder-val="{{ false }}"><span style="font-size:11px;background:#FFFFFF;color:#18202B;padding:3px 9px;border-radius:999px">Most popular</span></sc-if></div>
2098          <div style="display:flex;align-items:baseline;gap:6px"><span style="font-size:44px;font-weight:500;letter-spacing:-0.04em">{{ pl.p }}</span><span style="font-size:14px;color:{{ pl.mute }}">{{ pl.u }}</span></div>
2099          <p style="margin:0;font-size:15px;line-height:1.6;color:{{ pl.mute }}">{{ pl.d }}</p>
2100          <div style="display:flex;flex-direction:column;gap:10px;flex:1">
2101            <sc-for list="{{ pl.f }}" as="ft" hint-placeholder-count="4"><div style="display:flex;gap:10px;font-size:14px"><span style="font-weight:700">✓</span><span>{{ ft }}</span></div></sc-for>
2102          </div>
2103          <a href="{{ pl.href }}" target="{{ pl.tgt }}" rel="noopener" style="text-align:center;padding:14px;border-radius:999px;font-size:15px;font-weight:500;background:{{ pl.btn }};color:{{ pl.btnInk }}" style-hover="opacity:0.9">{{ pl.cta }}</a>
2104        </div>
2105      </sc-for>
2106    </section>
2107  </sc-if>
2108
2109  <!-- PAGE: FAQ -->
2110  <sc-if value="{{ pgFaq }}" hint-placeholder-val="{{ false }}">
2111    <section style="position:relative;padding:72px 20px 40px;text-align:center">
2112      <div style="position:absolute;left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div>
2113      <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px">
2114        
2115        <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Answers before you ask.</h1>
2116        <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">{{ fqTotal }} answers about timelines, pricing, ownership and how we keep your data flowing.</p>
2117        <label data-fq-search style="position:relative;width:100%;max-width:620px;margin-top:8px">
2118          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#5B636E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="position:absolute;left:20px;top:50%;transform:translateY(-50%)" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m20 20-3.5-3.5"></path></svg>
2119          <input type="search" aria-label="Search the FAQ" placeholder="Search the FAQ…" onInput="{{ fqType }}" value="{{ fq }}" style="width:100%;font:inherit;font-size:16px;padding:18px 110px 18px 52px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B;outline:none;box-shadow:0 18px 40px rgba(24,32,43,0.08);transition:border-color 0.2s ease, box-shadow 0.2s ease">
2120          <span style="position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:13px;color:#5B636E">{{ fqHits }}</span>
2121        </label>
2122        <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;color:#5B636E"><span>Popular:</span><sc-for list="{{ fqPopular }}" as="pp" hint-placeholder-count="4"><button type="button" onClick="{{ pp.go }}" data-fq-pop style="cursor:pointer;font:inherit;font-size:13px;padding:4px 12px;border-radius:999px;border:1px dashed #C9CED4;background:transparent;color:#18202B">{{ pp.t }}</button></sc-for></div>
2123      </div>
2124    </section>
2125    <section style="padding:0 20px 96px;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;align-items:start" data-fq-layout>
2126      <div style="display:flex;flex-direction:column;gap:14px;min-width:0" data-fq-main>
2127        <div style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between">
2128          <div data-fq-tabs style="display:flex;flex-wrap:wrap;gap:8px"><sc-for list="{{ fqTabs }}" as="ft" hint-placeholder-count="5"><button type="button" onClick="{{ ft.pick }}" aria-pressed="{{ ft.on }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid {{ ft.bd }};background:{{ ft.bg }};color:{{ ft.ink }};display:inline-flex;align-items:center;gap:8px;transition:background 0.2s ease, color 0.2s ease">{{ ft.t }}<span style="font-size:11px;padding:1px 7px;border-radius:999px;background:{{ ft.cbg }};color:{{ ft.cink }}">{{ ft.n }}</span></button></sc-for></div>
2129          <button type="button" onClick="{{ fqAllToggle }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 4px;border:0;background:transparent;color:#18202B;text-decoration:underline;text-underline-offset:3px">{{ fqAllLabel }}</button>
2130        </div>
2131        <sc-for list="{{ fqList }}" as="f" hint-placeholder-count="6">
2132          <div data-fq-item style="background:#FFFFFF;border:1px solid {{ f.bd }};border-radius:20px;box-shadow:{{ f.shadow }};transition:border-color 0.25s ease, box-shadow 0.25s ease">
2133            <button type="button" onClick="{{ f.toggle }}" aria-expanded="{{ f.open }}" style="border:0;background:transparent;margin:0;font:inherit;color:inherit;text-align:left;box-sizing:border-box;cursor:pointer;width:100%;display:flex;gap:16px;align-items:center;padding:18px 20px">
2134              <span style="flex:none;width:30px;height:30px;border-radius:12px;background:{{ f.nbg }};color:{{ f.nink }};display:grid;place-items:center;font-size:12px;font-weight:500;transition:background 0.25s ease, color 0.25s ease">{{ f.n }}</span>
2135              <span style="flex:1;display:flex;flex-direction:column;gap:3px"><span style="font-size:16px;font-weight:500;color:#18202B;line-height:1.4">{{ f.q }}</span><span style="font-size:12px;color:#5B636E;display:{{ f.catShow }}">{{ f.cat }}</span></span>
2136              <span style="flex:none;width:28px;height:28px;border-radius:50%;background:#F3F4F6;display:grid;place-items:center;font-size:18px;color:#18202B;transform:rotate({{ f.rot }});transition:transform 0.35s cubic-bezier(0.2,0.8,0.2,1)">+</span>
2137            </button>
2138            <div style="display:grid;grid-template-rows:{{ f.rows }};transition:grid-template-rows 0.4s cubic-bezier(0.2,0.8,0.2,1)"><div style="overflow:hidden">
2139              <div style="padding:0 20px 18px 66px;display:flex;flex-direction:column;gap:14px">
2140                <p style="margin:0;font-size:15px;line-height:1.7;color:#5B636E">{{ f.a }}</p>
2141                <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#5B636E">
2142                  <sc-if value="{{ f.asking }}" hint-placeholder-val="{{ true }}"><span>Was this helpful?</span><button type="button" onClick="{{ f.up }}" aria-label="Yes, helpful" style="cursor:pointer;font:inherit;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF">👍 Yes</button><button type="button" onClick="{{ f.down }}" aria-label="Not helpful" style="cursor:pointer;font:inherit;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF">👎 No</button></sc-if>
2143                  <sc-if value="{{ f.liked }}" hint-placeholder-val="{{ false }}"><span style="color:#16A34A">Thanks for the feedback!</span></sc-if>
2144                  <sc-if value="{{ f.disliked }}" hint-placeholder-val="{{ false }}"><span>Sorry about that.</span><a href="{{ f.wa }}" target="_blank" rel="noopener" style="color:#18202B;text-decoration:underline;text-underline-offset:3px">Ask us on WhatsApp ↗</a></sc-if>
2145                </div>
2146              </div>
2147            </div></div>
2148          </div>
2149        </sc-for>
2150        <sc-if value="{{ fqEmpty }}" hint-placeholder-val="{{ false }}">
2151          <div style="border:1px dashed #C9CED4;border-radius:20px;padding:36px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px">
2152            <div style="font-size:28px">🔎</div>
2153            <div style="font-size:18px;font-weight:500">No answers for “{{ fq }}” yet</div>
2154            <p style="margin:0;color:#5B636E;font-size:15px">Ask us directly. A senior engineer will answer.</p>
2155            <div style="display:flex;gap:8px;flex-wrap:wrap;justify-content:center"><a href="{{ fqAskWa }}" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:#15803D;color:#FFFFFF;font-size:14px;font-weight:500" style-hover="color:#FFFFFF;opacity:0.92">
2155<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41A11.82 11.82 0 0 0 12.05 0zm5.42 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49 2.5 1.08 3.01.87 3.56.81.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/></svg>Ask on WhatsApp</a><button type="button" onClick="{{ fqClear }}" style="cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:11px 18px;border-radius:999px;border:1px solid #DDE0E4;background:#FFFFFF;color:#18202B">Clear search</button></div>
2156          </div>
2157        </sc-if>
2158      </div>
2159      <aside data-fq-side style="position:sticky;top:96px;display:flex;flex-direction:column;gap:14px">
2160        <div style="border-radius:20px;padding:26px;background:#18202B;color:#FFFFFF;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden">
2161          <div style="position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,90,31,0.25),transparent)"></div>
2162          <div style="position:relative;font-size:20px;font-weight:500;letter-spacing:-0.02em">Still have questions?</div>
2163          <p style="position:relative;margin:0;font-size:14px;line-height:1.6;color:#C6CBD2">Talk to an engineer, not a salesperson. Free call, NDA on request.</p>
2164          <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;border-radius:999px;background:#FFFFFF;color:#18202B;font-size:14.5px;font-weight:500" style-hover="background:#E6E8EB;color:#18202B">Book a call ↗</a>
2165          <a href="{{ fqWa }}" target="_blank" rel="noopener" style="position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding:13px;border-radius:999px;background:#15803D;color:#FFFFFF;font-size:14.5px;font-weight:500" style-hover="color:#FFFFFF;opacity:0.92"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41A11.82 11.82 0 0 0 12.05 0zm5.42 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49 2.5 1.08 3.01.87 3.56.81.57-.08 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/></svg>Chat on WhatsApp</a>
2166          <a href="/contact" style="position:relative;text-align:center;font-size:13.5px;color:#FFFFFF;text-decoration:underline;text-underline-offset:3px" style-hover="color:#FFFFFF">or send a project brief</a>
2167        </div>
2168        <div style="border:1px solid #E6E8EB;border-radius:20px;padding:22px;background:#FFFFFF;display:flex;flex-direction:column;gap:10px">
2169          <div style="font-size:14px;font-weight:500">Browse by topic</div>
2170          <sc-for list="{{ fqTabs }}" as="ft" hint-placeholder-count="5"><button type="button" onClick="{{ ft.pick }}" style="border:0;margin:0;font:inherit;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;font-size:14px;color:#18202B;background:{{ ft.side }}"><span>{{ ft.t }}</span><span style="font-size:12px;color:#5B636E">{{ ft.n }}</span></button></sc-for>
2171        </div>
2172      </aside>
2173    </section>
2174  </sc-if>
2175
2176  <!-- PAGE: CONTACT -->
2177  <sc-if value="{{ pgContact }}" hint-placeholder-val="{{ false }}">
2178    <section style="position:relative;padding:72px 20px 56px;text-align:center">
2179      <div style="position:absolute;
2179left:50%;top:-200px;width:1000px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(24,32,43,0.07),transparent);pointer-events:none"></div>
2180      <div style="position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px">
2181        
2182        <h1 style="margin:0;font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-0.035em;text-wrap:balance">Tell us what you need.</h1>
2183        <p style="margin:0;font-size:18px;line-height:1.6;color:#5B636E;max-width:580px;text-wrap:pretty">We reply within a few hours with a plan and a quote.</p>
2184        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;width:100%;max-width:600px;margin-top:8px">
2185          <a href="#calendly" data-ct-path style="background:#18202B;color:#FFFFFF;box-shadow:0 8px 24px rgba(24,32,43,0.22)">
2186            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="3"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
2187            <span style="font-size:16px;font-weight:600;line-height:1.2">Book a free call</span>
2188            <span style="font-size:13.5px;color:rgba(255,255,255,0.72);line-height:1.5">30 minutes. Talk to the engineer who builds it.</span>
2189            <span style="margin-top:4px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.88)">Pick a time ↓</span>
2190          </a>
2191          <a href="#brief" data-ct-path style="background:#FFFFFF;color:#18202B;border:1px solid #E1E4E8;box-shadow:0 4px 14px rgba(24,32,43,0.07)">
2192            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
2193            <span style="font-size:16px;font-weight:600;line-height:1.2">Send a brief</span>
2194            <span style="font-size:13.5px;color:#5B636E;line-height:1.5">Short form. Plan and fixed quote back within a few hours.</span>
2195            <span style="margin-top:4px;font-size:13px;font-weight:500;color:#FF5A1F">Fill the brief ↓</span>
2196          </a>
2197        </div>
2198        <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:13px;color:#5B636E;margin-top:4px">
2199          <span>✓ No sales calls you didn't ask for</span>
2200          <span>✓ No commitment required</span>
2201          <span>✓ 1,000+ projects delivered</span>
2202        </div>
2203      </div>
2204    </section>
2205  <section id="calendly" style="padding:88px 20px 56px;background:#F6F7F8;scroll-margin-top:80px">
2206    <div style="max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px">
2207      
2208      <h2 style="margin:0;font-weight:500;font-size:clamp(34px,4.6vw,56px);letter-spacing:-0.035em;text-align:center;text-wrap:balance">Schedule a discovery call</h2>
2209      <p style="margin:0;font-size:16px;color:#5B636E;max-width:520px;text-align:center;line-height:1.6">Come prepared with your problem. 30 minutes is enough to agree a plan and an estimate.</p>
2210      <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px">
2211        <span style="display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#5B636E;background:#FFFFFF;border:1px solid #E6E8EB;padding:8px 16px;border-radius:999px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>No obligation</span>
2212        <span style="display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#5B636E;background:#FFFFFF;border:1px solid #E6E8EB;padding:8px 16px;border-radius:999px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>30 minutes</span>
2213        <span style="display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#5B636E;background:#FFFFFF;border:1px solid #E6E8EB;padding:8px 16px;border-radius:999px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>Talk to the engineer</span>
2214      </div>
2215      <div style="position:relative;width:100%;margin-top:32px;border-radius:20px;overflow:hidden;background:#141414;box-shadow:0 30px 60px rgba(24,32,43,0.18)">
2216        <div style="position:absolute;inset:0;display:grid;place-items:center;color:#A1A7B0;font-size:14px;pointer-events:none">Loading calendar…</div>
2217        <iframe src="https://cal.com/kawsarlog/coffee-chat?embed=true&amp;theme=dark&amp;layout=month_view&amp;hideEventTypeDetails=false" title="Book a coffee chat with BigiByte" loading="lazy" allow="payment" style="position:relative;display:block;width:100%;height:clamp(620px,80vh,720px);border:0;background:transparent"></iframe>
2218      </div>
2219      <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="margin-top:6px;font-size:14px;color:#5B636E" style-hover="color:#18202B">Having trouble? Open in Cal.com ↗</a>
2220    </div>
2221  </section>
2222
2223  <!-- CONTACT -->
2224  <section id="brief" data-cf style="padding:0 20px 100px;max-width:1120px;margin:0 auto;display:grid;scroll-margin-top:80px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px;align-items:start;position:relative">
2225    <div style="display:flex;flex-direction:column;gap:20px">
2226      <h2 style="margin:0;font-weight:500;font-size:clamp(36px,4.6vw,56px);letter-spacing:-0.035em;line-height:1.02">Tell us what's slowing you down.</h2>
2227      <p style="margin:0;font-size:16px;line-height:1.6;color:#5B636E;max-width:440px">Describe the task or the information you need, in your own words. We reply within a few hours with a plan and a fixed quote.</p>
2228      <div style="display:flex;align-items:center;gap:12px">
2229        <div style="display:flex"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-smiling-bearded-headshot.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;background:#EEF0F2"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-long-hair-portrait.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;margin-left:-12px;background:#EEF0F2"><img src="https://images.bigibyte.com/cdn-cgi/image/width=96,height=96,fit=cover,quality=80,format=auto/projects/project-team-neutral-mustache-headshot.webp" alt="" width="40" height="40" style="width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF;margin-left:-12px;background:#EEF0F2"></div>
2230        <div style="font-size:14px;line-height:1.4;color:#5B636E"><span style="color:#18202B;font-weight:500">Kawsar &amp; the team</span><br>read every brief themselves</div>
2231      </div>
2232      <div style="display:flex;flex-direction:column;gap:0;margin-top:6px;border-left:1px dashed #D5D9DE;padding-left:18px">
2233        <sc-for list="{{ briefSteps }}" as="bs" hint-placeholder-count="3">
2234          <div style="position:relative;padding:8px 0">
2235            <span style="position:absolute;left:-26px;top:12px;width:15px;height:15px;border-radius:50%;background:{{ bs.dot }};border:3px solid #FFFFFF;box-shadow:0 0 0 1px {{ bs.ring }};transition:background 0.4s ease"></span>
2236            <div style="font-size:15px;font-weight:500;color:{{ bs.ink }};transition:color 0.4s ease">{{ bs.t }}</div>
2237            <div style="font-size:13px;color:#5B636E">{{ bs.d }}</div>
2238          </div>
2239        </sc-for>
2240      </div>
2241      <div style="display:flex;flex-wrap:wrap;gap:8px">
2242        <a href="mailto:[email protected]" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18v12H3zM3 7l9 6 9-6"></path></svg>[email protected]</a>
2243        <a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20
2243a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #E1E4E8;background:#FFFFFF;color:#18202B"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.4A8.4 8.4 0 1 1 21 11.5z"></path></svg>WhatsApp</a>
2244        <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" data-lift style="display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid #18202B;background:#18202B;color:#FFFFFF"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5h18v16H3zM16 3v4M8 3v4M3 10h18"></path></svg>Book a call</a>
2245      </div>
2246    </div>
2247    <div style="position:relative">
2248    <div aria-hidden="true" style="position:absolute;inset:-40px -30px;z-index:0;pointer-events:none;background:radial-gradient(closest-side at 72% 28%,rgba(255,90,31,0.16),transparent),radial-gradient(closest-side at 28% 74%,rgba(24,32,43,0.10),transparent);animation:cfDrift 12s ease-in-out infinite alternate"></div>
2249    <form onSubmit="{{ submit }}" onInput="{{ trackBrief }}" style="position:relative;z-index:1;background:#FFFFFF;border:1px solid #E6E8EB;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px rgba(24,32,43,0.08)">
2250      <sc-if value="{{ sent }}" hint-placeholder-val="{{ false }}">
2251        <div style="padding:34px 10px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center">
2252          <span style="width:64px;height:64px;border-radius:50%;background:#22C55E;color:#FFFFFF;display:grid;place-items:center;font-size:28px;font-weight:700;animation:cfPop 0.6s cubic-bezier(0.34,1.56,0.64,1) both;box-shadow:0 0 0 10px rgba(34,197,94,0.12)">✓</span>
2253          <div style="font-size:22px;font-weight:500;letter-spacing:-0.01em">Brief received. Thank you.</div>
2254          <div style="font-size:14px;color:#5B636E;max-width:340px">We'll reply within a few hours about <span style="color:#18202B;font-weight:500">{{ sentSummary }}</span>.</div>
2255          <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="margin-top:6px;display:inline-flex;align-items:center;gap:8px;background:#18202B;color:#FFFFFF;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500">Skip the wait, book a call ↗</a>
2256        </div>
2257      </sc-if>
2258      <sc-if value="{{ notSent }}" hint-placeholder-val="{{ true }}">
2259        <div style="display:flex;flex-direction:column;gap:8px">
2260          <div style="display:flex;justify-content:space-between;align-items:baseline;font-size:13px"><span style="font-weight:500;color:#18202B">Project brief</span><span style="color:#5B636E">{{ briefLabel }}</span></div>
2261          <div style="height:6px;border-radius:999px;background:#EEF0F2;overflow:hidden"><div style="height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#18202B,#3A4452 70%,#FF5A1F);transform:scaleX({{ briefPctScale }});transform-origin:left center;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1)"></div></div>
2262        </div>
2263        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px">
2264          <input type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true" style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0">
2265          <input required name="name" autocomplete="name" placeholder="Your name" aria-label="Your name" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease">
2266          <input required type="email" name="email" autocomplete="email" placeholder="Work email" aria-label="Email address" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease">
2267        </div>
2268        <div style="display:flex;flex-direction:column;gap:10px">
2269          <div style="font-size:14px;font-weight:500">What do you need? <span style="color:#5B636E;font-weight:400">Pick any</span></div>
2270          <div style="display:flex;flex-wrap:wrap;gap:8px">
2271            <sc-for list="{{ needs }}" as="nd" hint-placeholder-count="5">
2272              <button type="button" data-chip onClick="{{ nd.toggle }}" aria-pressed="{{ nd.pressed }}" style="cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid {{ nd.border }};background:{{ nd.bg }};color:{{ nd.ink }};transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, translate 0.2s ease">{{ nd.mark }}{{ nd.t }}</button>
2273            </sc-for>
2274          </div>
2275        </div>
2276        <div style="display:flex;flex-direction:column;gap:10px">
2277          <div style="font-size:14px;font-weight:500">Budget</div>
2278          <div style="display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:12px;background:#F3F4F6">
2279            <sc-for list="{{ budgets }}" as="bd" hint-placeholder-count="4">
2280              <button type="button" data-chip onClick="{{ bd.pick }}" aria-pressed="{{ bd.pressed }}" style="flex:1 1 auto;cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:8px 12px;border-radius:12px;border:0;background:{{ bd.bg }};color:{{ bd.ink }};box-shadow:{{ bd.shadow }};transition:background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease">{{ bd.t }}</button>
2281            </sc-for>
2282          </div>
2283          <div style="font-size:12.5px;color:#5B636E">
2283Not sure? That's fine, we'll suggest options.</div>
2284        </div>
2285        <div style="display:flex;flex-direction:column;gap:6px">
2286          <textarea required name="message" rows="4" placeholder="e.g. &quot;Every Monday we copy prices from 10 competitor websites into Excel.&quot;" aria-label="Describe what you need" style="border:1px solid #E1E4E8;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;resize:vertical;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease"></textarea>
2287          <div style="display:flex;justify-content:space-between;font-size:12px;color:#5B636E"><span>{{ msgHint }}</span><span>{{ msgCount }}</span></div>
2288        </div>
2289        <label style="display:flex;flex-direction:column;gap:8px">
2290          <span style="font-size:14px;font-weight:500">Phone or WhatsApp <span style="color:#5B636E;font-weight:400">Optional</span></span>
2291          <input type="tel" name="phone" autocomplete="tel" placeholder="+1 555 000 0000" style="border:1px solid #E1E4E8;background:#FFFFFF;border-radius:12px;padding:13px 14px;font-size:15px;outline:none;color:#18202B;transition:border-color 0.2s ease, box-shadow 0.2s ease">
2292        </label>
2293        <sc-if value="{{ sendErr }}" hint-placeholder-val="{{ false }}"><div style="font-size:13px;color:#b91c1c;background:#FEF2F2;border-radius:12px;padding:10px 12px">We could not send your brief. Please try again or email [email protected].</div></sc-if>
2294        <button type="submit" data-send disabled="{{ sending }}" style="cursor:pointer;border:0;background:#18202B;color:#FFFFFF;border-radius:999px;padding:15px;font:inherit;font-size:15px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:10px;transition:background 0.25s ease, transform 0.2s ease;opacity:{{ sendOp }}">{{ sendLabel }}<span data-arrow style="display:inline-block;transition:translate 0.25s ease">↗</span></button>
2295        <div style="font-size:12px;color:#5B636E;text-align:center">No spam, no sales calls you didn't ask for. NDA on request.</div>
2296        <div style="font-size:14px;color:#5B636E;text-align:center">Prefer to talk? <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="color:#18202B;font-weight:500;border-bottom:1px solid #18202B">Book a free 30-minute call ↗</a></div>
2297      </sc-if>
2298    </form>
2299    </div>
2300  </section>
2301
2302  </sc-if>
2303
2304  <!-- INNER CTA -->
2305  <sc-if value="{{ showCta }}" hint-placeholder-val="{{ false }}">
2306    <section style="padding:0 20px 96px;max-width:1120px;margin:0 auto">
2307      <div style="background:#18202B;color:#FFFFFF;border-radius:28px;padding:clamp(36px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap">
2308        <div style="display:flex;flex-direction:column;gap:10px"><h2 style="margin:0;font-weight:500;font-size:clamp(28px,3.4vw,42px);letter-spacing:-0.03em">Have a project in mind?</h2><p style="margin:0;font-size:16px;color:#C6CBD2">Free 30-minute call. Plan and quote within a few hours.</p></div>
2309        <a href="https://cal.com/kawsarlog/coffee-chat" target="_blank" rel="noopener" style="background:#FFFFFF;color:#18202B;padding:15px 26px;border-radius:999px;font-size:15px;font-weight:500" style-hover="background:#E6E8EB;color:#18202B">Book a call ↗</a>
2310      </div>
2311    </section>
2312  </sc-if>
2313
2314  <!-- FOOTER -->
2315  </main>
2316  <footer style="position:relative;background:#18202B;color:#FFFFFF;padding:72px 20px 0;overflow:hidden">
2317    <div style="position:absolute;left:50%;bottom:-260px;width:1200px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,0.10),rgba(255,255,255,0.03) 55%,transparent);pointer-events:none"></div>
2318    <div style="position:relative;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:56px">
2319      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:32px;font-size:14px">
2320        <div style="display:flex;flex-direction:column;gap:12px">
2321          <img src="./assets/logo-white.png" alt="BigiByte" style="height:30px;display:block;align-self:flex-start">
2322          <div style="color:#A1A7B0;line-height:1.6">Big ideas, byte solutions.</div>
2323        </div>
2324        <div style="display:flex;flex-direction:column;gap:10px;color:#A1A7B0"><span style="color:#FFFFFF;font-weight:500">Services</span><a href="/services/web-scraping" style="color:#A1A7B0" style-hover="color:#FFFFFF">Web scraping</a><a href="/services/web-automation" style="color:#A1A7B0" style-hover="color:#FFFFFF">Automation</a><a href="/services/saas-development" style="color:#A1A7B0" style-hover="color:#FFFFFF">SaaS development</a><a href="/services/api-development" style="color:#A1A7B0" style-hover="color:#FFFFFF">API development</a><a href="/services/b2b-lead-lists" style="color:#A1A7B0" style-hover="color:#FFFFFF">Lead generation</a><a href="/services/real-estate-data-scraping" style="color:#A1A7B0" style-hover="color:#FFFFFF">Real estate data</a><a href="/services" style="color:#A1A7B0" style-hover="color:#FFFFFF">All services</a></div>
2325        <div style="display:flex;flex-direction:column;gap:10px;color:#A1A7B0"><span style="color:#FFFFFF;font-weight:500">Company</span><a href="/about" style="color:#A1A7B0" style-hover="color:#FFFFFF">About</a><a href="/team" style="color:#A1A7B0" style-hover="color:#FFFFFF">Team</a><a href="/work" style="color:#A1A7B0" style-hover="color:#FFFFFF">Work</a><a href="/blog" style="color:#A1A7B0" style-hover="color:#FFFFFF">Blog</a><a href="/faq" style="color:#A1A7B0" style-hover="color:#FFFFFF">FAQ</a><a href="/contact" style="color:#A1A7B0" style-hover="color:#FFFFFF">Contact</a></div>
2326        <div style="display:flex;flex-direction:column;gap:16px;color:#A1A7B0">
2327          <span style="color:#FFFFFF;font-weight:500">Connect</span>
2328          <div style="display:flex;flex-wrap:wrap;gap:6px;max-width:260px">
2329            <a href="https://linkedin.com/company/bigibyte" target="_blank" rel="noopener" aria-label="LinkedIn" title="LinkedIn" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><svg width="18" height="18" viewBox="0 0 24 24" fill="#FFFFFF"><path d="M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z"></path></svg></a><a href="https://facebook.com/bigibyte" target="_blank" rel="noopener" aria-label="Facebook" title="Facebook" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><img src="https://cdn.simpleicons.org/facebook/FFFFFF" alt="" style="width:18px;height:18px;display:block"></a><a href="https://twitter.com/bigibyte" target="_blank" rel="noopener" aria-label="X (Twitter)" title="X (Twitter)" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><img src="https://cdn.simpleicons.org/x/FFFFFF" alt="" style="width:18px;height:18px;display:block"></a><a href="https://instagram.com/thebigibyte" target="_blank" rel="noopener" aria-label="Instagram" title="Instagram" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><img src="https://cdn.simpleicons.org/instagram/FFFFFF" alt="" style="width:18px;height:18px;display:block"></a><a href="https://wa.me/8801617934881?text=Hi%20BigiByte%21%20I%20found%20you%20on%20bigibyte.com%20and%20I%27d%20like%20to%20discuss%20a%20project.%20Could%20you%20share%20how%20you%20can%20help%20and%20what%20the%20next%20steps%20are%3F" target="_blank" rel="noopener" aria-label="WhatsApp" title="WhatsApp" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><img src="https://cdn.simpleicons.org/whatsapp/FFFFFF" alt="" style="width:18px;height:18px;display:block"></a>
2330            <a href="mailto:[email protected]" aria-label="Email [email protected]" title="[email protected]" style="width:37px;height:37px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);display:grid;place-items:center;transition:background 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1), border-color 0.2s ease" style-hover="background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"></rect><path d="m3 7 9 6 9-6"></path></svg></a>
2331          </div>
2332          <a href="https://www.google.com/maps/search/?api=1&amp;query=Uttara+Center+Metro+Station+Dhaka" target="_blank" rel="noopener" aria-label="BigiByte office: Flat 10B, House 30/32, Road 10, Uttara Sector 15/B, Dhaka, Bangladesh. Open in Google Maps" style="display:flex;gap:12px;align-items:flex-start;max-width:280px;padding:14px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);color:#FFFFFF;transition:background 0.2s ease, border-color 0.2s ease, transform 0.25s cubic-bezier(0.2,0.8,0.2,1)" style-hover="background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.22);transform:translateY(-2px);color:#FFFFFF"><span style="flex:none;width:34px;height:34px;border-radius:12px;background:rgba(255,90,31,0.14);color:#FF8A5B;display:grid;place-items:center">
2332<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z"></path><circle cx="12" cy="9.5" r="2.5"></circle></svg></span><address style="font-style:normal;display:flex;flex-direction:column;gap:2px;min-width:0"><span style="font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:#A1A7B0">Office · Dhaka</span><span style="font-size:13.5px;font-weight:500;color:#FFFFFF;line-height:1.45">Flat 10B, House 30/32</span><span style="font-size:13px;color:#A1A7B0;line-height:1.5">Road 10, Uttara Sector 15/B<br>Dhaka, Bangladesh</span><span style="font-size:12px;color:#A1A7B0;line-height:1.5">Beside Uttara Center Metro</span><span style="margin-top:6px;font-size:12.5px;font-weight:500;color:#FFFFFF">Get directions ↗</span></address></a>
2333        </div>
2334      </div>
2335      <div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#A1A7B0;border-top:1px solid #2C3542;padding-top:20px;position:relative;z-index:1"><span>© 2026 BigiByte. All rights reserved.</span><span style="display:flex;flex-wrap:wrap;gap:6px 14px"><a href="/privacy-policy" style="color:#A1A7B0" style-hover="color:#FFFFFF">Privacy</a><a href="/terms-of-service" style="color:#A1A7B0" style-hover="color:#FFFFFF">Terms</a><a href="/cookie-policy" style="color:#A1A7B0" style-hover="color:#FFFFFF">Cookies</a><a href="/data-protection" style="color:#A1A7B0" style-hover="color:#FFFFFF">Data protection</a><a href="/refund-policy" style="color:#A1A7B0" style-hover="color:#FFFFFF">Refunds</a><a href="/acceptable-use-policy" style="color:#A1A7B0" style-hover="color:#FFFFFF">Acceptable use</a></span></div>
2336      <div aria-hidden="true" style="pointer-events:none;user-select:none;font-size:clamp(90px,22vw,300px);font-weight:600;letter-spacing:-0.07em;line-height:0.75;text-align:center;white-space:nowrap;color:#2C3542">BigiByte</div>
2337    </div>
2338  </footer>
2339</div>
2340</x-dc>
2341<script type="text/x-dc" data-dc-script data-props="{&quot;showTestimonials&quot;:{&quot;editor&quot;:&quot;boolean&quot;,&quot;default&quot;:true,&quot;tsType&quot;:&quot;boolean&quot;},&quot;showComparison&quot;:{&quot;editor&quot;:&quot;boolean&quot;,&quot;default&quot;:true,&quot;tsType&quot;:&quot;boolean&quot;}}">
2342class Component extends DCLogic {
2343  state = { ctaHover: false, page: 'home', menu: null, openFaq: 0, faqCat: 'New to this?', exTab: 'All', teamCat: 'All', shotsHover: false, revHover: false, revAll: false, revOpen: -1, cmpHover: -1, procHover: false, step: 0, needs: ['Web scraping'], budget: 1, sent: false, sending: false, sendErr: false, bName: false, bEmail: false, bMsg: 0 };
2344  componentDidMount() {
2345    this.onHash = () => {
2346      const hs = window.location.hash || '';
2347      // /about, /team, /faq, /industries and /pricing are real URLs served by this same app.
2348      const base = { '/work': 'work', '/about': 'about', '/team': 'team', '/faq': 'faq', '/industries': 'industries', '/pricing': 'pricing' }[window.location.pathname.replace(/\/+$/, '')] || 'home';
2349      const page = hs.indexOf('#/') === 0 ? hs.slice(2) || 'home' : base;
2350      // These live as their own pages; send old #/ links there.
2351      const real = { work: '/work', blog: '/blog', services: '/services', about: '/about', team: '/team', faq: '/faq', contact: '/contact', industries: '/industries', pricing: '/pricing' };
2352      if (real[page] && hs.indexOf('#/') === 0) { window.location.replace(real[page]); return; }
2353      this.setState({ page, menu: null }, () => {
2354        if (page !== 'home') { window.scrollTo(0, 0); return; }
2355        const el = hs.length > 1 ? document.getElementById(hs.slice(1)) : null;
2356        if (el) window.scrollTo(0, el.getBoundingClientRect().top + window.scrollY - 80);
2357      });
2358    };
2359    window.addEventListener('hashchange', this.onHash);
2360    this.onHash();
2361    setTimeout(() => { this.syncHero(); this.syncShots(); }, 0);
2362    this.procT = setInterval(() => { if (!this.state.procHover) this.setState(s => ({ step: (s.step + 1) % 12 })); }, 3600);
2363  }
2364  componentWillUnmount() { window.removeEventListener('hashchange', this.onHash); clearInterval(this.procT); this.heroCanvas(null); if (this._shStop) this._shStop(); }
2365  syncHero() {
2366    const cv = document.querySelector('#top canvas') || null;
2367    if (cv !== this._cv) { this._cv = cv; this.heroCanvas(cv); }
2368  }
2369  componentDidUpdate() { this.syncHero(); this.syncShots(); }
2370  nudgeShots(dir) { const el = this._shEl; if (!el) return; const row = el.firstElementChild, card = row && row.firstElementChild; this._shNudge = (this._shNudge || 0) + dir * ((card ? card.offsetWidth : 300) + 16); }
2371  syncShots() {
2372    const el = document.getElementById('heroShots') || null;
2373    if (el === this._shEl) return;
2374    if (this._shStop) { this._shStop(); this._shStop = null; }
2375    this._shEl = el; if (!el) return;
2376    let raf = 0, drag = null, pos = el.scrollLeft, vis = true;
2377    const io = new IntersectionObserver((en) => { vis = en[0].isIntersecting; }); io.observe(el);
2378    const wrap = () => { const half = el.scrollWidth / 2; if (half <= 0) return; if (pos >= half) pos -= half; else if (pos < 0) pos += half; };
2379    const tick = () => {
2380      if (!vis && !drag) { raf = requestAnimationFrame(tick); return; }
2381      if (Math.abs(el.scrollLeft - pos) > 2 && !drag) pos = el.scrollLeft;
2382      if (!drag) { if (!this._shHover && !this.state.menu) pos += 0.4; if (this._shNudge) { const st = this._shNudge * 0.12; pos += st; this._shNudge -= st; if (Math.abs(this._shNudge) < 0.5) this._shNudge = 0; } }
2383      wrap(); el.scrollLeft = pos; raf = requestAnimationFrame(tick);
2384    };
2385    const down = (e) => { if (e.pointerType !== 'mouse') return; drag = { x: e.clientX, p: pos }; el.style.cursor = 'grabbing'; };
2386    const move = (e) => { if (!drag) return; pos = drag.p - (e.clientX - drag.x); wrap(); el.scrollLeft = pos; };
2387    const up = () => { drag = null; el.style.cursor = 'grab'; };
2388    el.addEventListener('pointerdown', down); window.addEventListener('pointermove', move); window.addEventListener('pointerup', up);
2389    raf = requestAnimationFrame(tick);
2390    this._shStop = () => { io.disconnect(); cancelAnimationFrame(raf); el.removeEventListener('pointerdown', down); window.removeEventListener('pointermove', move); window.removeEventListener('pointerup', up); };
2391  }
2392  heroCanvas = (cv) => {
2393    if (this._pStop) { this._pStop(); this._pStop = null; }
2394    if (!cv) return;
2395    const ctx = cv.getContext('2d'), sec = cv.closest('section') || cv.parentElement;
2396    const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
2397    let W = 0, H = 0, dpr = 1, pts = [], raf = 0, mx = -9999, my = -9999;
2398    const size = () => {
2399      const r = cv.getBoundingClientRect(); dpr = Math.min(window.devicePixelRatio || 1, 2);
2400      W = r.width; H = r.height; cv.width = W * dpr; cv.height = H * dpr;
2400 ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
2401      const n = Math.round(Math.min(90, Math.max(30, W * H / 16000)));
2402      pts = Array.from({ length: n }, () => ({ x: Math.random() * W, y: Math.random() * H, vx: (Math.random() - 0.5) * 0.35, vy: (Math.random() - 0.5) * 0.35, r: 1 + Math.random() * 1.6 }));
2403    };
2404    const draw = () => {
2405      ctx.clearRect(0, 0, W, H);
2406      const L = 130;
2407      for (let i = 0; i < pts.length; i++) {
2408        const p = pts[i];
2409        if (!reduce) { p.x += p.vx; p.y += p.vy; if (p.x < 0 || p.x > W) p.vx *= -1; if (p.y < 0 || p.y > H) p.vy *= -1; }
2410        const dxm = p.x - mx, dym = p.y - my, dm = Math.hypot(dxm, dym);
2411        if (dm < 140 && dm > 0) { p.x += dxm / dm * 0.8; p.y += dym / dm * 0.8; }
2412        for (let j = i + 1; j < pts.length; j++) {
2413          const q = pts[j], d = Math.hypot(p.x - q.x, p.y - q.y);
2414          if (d < L) { ctx.strokeStyle = 'rgba(24,32,43,' + (0.16 * (1 - d / L)).toFixed(3) + ')'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(q.x, q.y); ctx.stroke(); }
2415        }
2416        if (dm < 180) { ctx.strokeStyle = 'rgba(24,32,43,' + (0.22 * (1 - dm / 180)).toFixed(3) + ')'; ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(mx, my); ctx.stroke(); }
2417        ctx.fillStyle = 'rgba(24,32,43,0.45)'; ctx.beginPath(); ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2); ctx.fill();
2418      }
2419      raf = requestAnimationFrame(draw);
2420    };
2421    const mv = (e) => { const r = cv.getBoundingClientRect(); mx = e.clientX - r.left; my = e.clientY - r.top; };
2422    const lv = () => { mx = my = -9999; };
2423    size(); draw();
2424    window.addEventListener('resize', size); sec.addEventListener('mousemove', mv); sec.addEventListener('mouseleave', lv);
2425    this._pStop = () => { cancelAnimationFrame(raf); window.removeEventListener('resize', size); sec.removeEventListener('mousemove', mv); sec.removeEventListener('mouseleave', lv); };
2426  };
2427  renderVals() {
2428    const S = this.state;
2429    const needsAll = ['Web scraping', 'Lead generation', 'AI agents', 'Automation', 'SaaS product', 'API', 'Maintenance'];
2430    // Plain labels on the chips; the email we receive keeps the technical names.
2431    const needLabel = { 'Web scraping': 'Collect data from websites', 'Lead generation': 'Find new customers', 'AI agents': 'AI agents', 'Automation': 'Automate a task', 'SaaS product': 'SaaS product', 'API': 'API', 'Maintenance': 'Monitoring & maintenance' };
2432    const budgetsAll = ['$500–1k', '$1k–2k', '$2k–5k', '$5k–15k', '$15k+'];
2433    const faqAll = {
2434      'New to this?': [
2435        ["I'm not technical. Can I still work with you?", 'Yes, most of our clients are not. You describe the problem in your own words; we handle the technical side and deliver the results to a spreadsheet, email or tool you already use.'],
2436        ['What is web scraping, in simple words?', 'A program visits websites for you and copies the information you need, such as prices, listings or contact details, into a tidy spreadsheet. It does in minutes what would take a person days.'],
2437        ['Is it legal?', 'We only collect publicly available information and respect privacy laws and site terms. If something looks risky, we tell you before we build.'],
2438        ['What will I actually receive?', 'Usually a spreadsheet, a file, or new rows in your system, delivered on a schedule you choose. For bigger projects, a dashboard or your own app.'],
2439        ['How much does it cost?', 'Small one-off jobs start from $499. You always get a fixed price before we start. Full details are on our Pricing page.'],
2440        ['What if it stops working?', 'Every build includes monitoring & alerts. If a website changes, we fix it, usually before you notice.'],
2441      ],
2442      'General': [
2443        ['How fast can you start?', 'Most projects kick off within a week. Small scrapers often ship in days.'],
2444        ['Do you work with non-technical teams?', 'Yes, we deliver straight into Sheets, Airtable, Notion or your CRM.'],
2445        ['Who owns the code?', 'You do. Full source and documentation are handed over at the end.'],
2446        ['Can you work under NDA?', 'Yes, we are happy to sign your NDA before any details are shared.'],
2447        ["What kind of projects does BigiByte take on?", "We focus on web scraping platforms, automation pipelines, and SaaS products where data quality and reliability really matter."],
2448        ["How do we start working together?", "Start with a short discovery call. We map your data sources, constraints, and success metrics, then propose a focused first milestone."],
2449        ["What engagement models do you support?", "We work as an external product team for greenfield builds, or as embedded specialists inside your existing engineering org. Short audits and \"stabilise my scrapers\" rescue missions are also possible."],
2450        ["Can you work with our existing engineering team?", "Yes. We often plug into existing teams as senior specialists for scraping, automation, and data infrastru
2450cture."],
2451      ],
2452      'Lead generation': [
2453        ['Can you build lead lists for my business?', 'Yes. We build targeted B2B and local lead lists from directories, maps, marketplaces and social platforms based on your ideal customer profile.'],
2454        ['Where do the leads come from?', 'Public sources like Google Maps, company websites, industry directories and professional networks, never bought or recycled lists.'],
2455        ['Are emails and phone numbers verified?', 'Emails are validated and every list is deduplicated before delivery, so your outreach reaches real inboxes.'],
2456        ['Can leads go straight into my CRM?', 'Yes, HubSpot, Pipedrive, Salesforce, Google Sheets or Airtable, refreshed on a schedule.'],
2457        ['Can you enrich leads I already have?', 'Yes. Send us your list and we add company size, industry, socials, website tech and contact details.'],
2458        ["Can you help with Lead Generation Automation?", "Absolutely. We automatically collect and qualify leads from various online sources to fuel your sales pipeline. Includes: Contact extraction, Lead scoring, CRM integration, and Email verification."],
2459      ],
2460      'Scraping & data': [
2461        ['What happens when a site changes?', 'Every build includes monitoring. We get alerted on breakage and patch it quickly.'],
2462        ['Is web scraping legal?', 'We only collect publicly available data and respect site terms and privacy laws. We flag anything risky before we build.'],
2463        ['What formats do you deliver?', 'CSV, Excel, JSON, Google Sheets, databases, webhooks or a custom API.'],
2464        ['How often can data refresh?', 'Anything from near real-time to monthly. Hourly and daily runs are most common.'],
2465        ['Can you publish actors on Apify?', 'Yes. We build, publish and maintain actors on the Apify Store.'],
2466        ["How do you handle data privacy and compliance?", "We design collectors and pipelines with your legal and compliance constraints in mind, including robots.txt awareness, consent flows, and regional data residency requirements."],
2467        ["Do you provide Real Estate Data Solutions?", "Yes. We gather property listings, pricing data, and market analytics for informed investment decisions. Features: Property listings, Price tracking, Market analysis, and Location insights."],
2468      ],
2469      'Pricing': [
2470        ['How is pricing structured?', 'Fixed price for scoped builds, monthly retainers for ongoing pipelines.'],
2471        ['Do you offer maintenance plans?', 'Yes, monthly plans cover monitoring, fixes and small changes.'],
2472        ['Is there a minimum project size?', 'No. Many clients start with a single scraper and grow from there.'],
2473        ["Do you offer SLAs and ongoing support?", "Yes. For production systems we provide support SLAs, monitoring, and incident response, so your team has a clear point of contact when something changes upstream."],
2474      ],
2475      'Market intelligence': [
2476        ["Do you offer E-Commerce Data Mining?", "Yes. We extract product information, prices, and reviews from multiple e-commerce platforms to gain competitive insights. Key capabilities include: Price monitoring, Competitor analysis, Market trends, and Product insights."],
2477        ["What is your Price Intelligence Suite?", "It offers always-on monitoring of competitor prices, discounts, and availability across markets. Features: Dynamic pricing inputs, Promo detection, and Geo-specific views."],
2478        ["Do you provide Marketplace Seller Analytics?", "Yes. We help you understand third-party seller performance, assortment, and share of shelf on major marketplaces. Includes: Seller scorecards, Share-of-shelf tracking, and Category coverage."],
2479        ["Do you offer Review & Rating Analytics?", "Yes. We turn customer reviews into product feedback and quality signals at scale. Includes: Aspect sentiment, Feature requests, and Issue clustering."],
2480        ["Do you support Social Media Monitoring?", "We track brand mentions, sentiment, and trends across social platforms in real-time. Includes: Brand monitoring, Sentiment analysis, Trend detection, and Influencer tracking."],
2481        ["Do you have a Travel Fare Tracker?", "We monitor flight and hotel fares over time to surface optimal booking windows. Features: Fare history, Deal alerts, and Route analytics."],
2482        ["Do you offer Job Board Intelligence?", "Yes. We monitor job boards to understand hiring trends, skills demand, and competitor org design. Includes: Skill tagging, Company tracking, and Time-to-fill signals."],
2483        ["What is the News & Research Aggregator?", "We aggregate research notes, news, and filings into a single searchable feed for your analysts. Features: Source normalization, Alerting, and Full-text search."],
2484      ],
2485      'Data & AI platforms': [
2486        ["What is the B2B Enrichment API?", "APIs that enrich company and contact records using external public data sources. Capabilities: Firmographic data, Technology stack hints, and Contact signals."],
2487        ["Can you track Compliance & Policy changes?", "Yes. We track terms of service, privacy policies, and regulatory changes that affect your operations. Includes: Policy diffs, Alerting, and Audit logs."],
2488        ["What are Real-time Signal Streams?", "Push-based feeds that notify your systems about meaningful external 
2488changes in near real-time. Features: Webhooks, Low-latency updates, and Replayable streams."],
2489        ["Can you turn Internal Tools into SaaS?", "Yes. We turn an internal spreadsheet or script into a hosted SaaS product for your customers. Includes: Multi-tenant setup, Billing ready, and Admin dashboards."],
2490        ["What is the Ops Automation Hub?", "A central hub for back-office automations that replace manual, repetitive workflows. Features: Queue workers, Human-in-the-loop steps, and Audit trails."],
2491        ["Do you build AI Datasets?", "Yes. Custom dataset creation pipelines for training and evaluating AI models. Includes: Labeling workflows, Quality checks, and Versioned datasets."],
2492        ["Do you offer an API Observability Layer?", "We track health, usage, and performance of your scraping and automation APIs. Features: Request tracing, Error budgets, and Usage dashboards."],
2493        ["What are Data Quality Guardrails?", "Automated checks that validate scraped or ingested data before it hits production systems. Includes: Schema checks, Anomaly detection, and Automatic quarantining."],
2494        ["Do you build Analytics-ready Warehouses?", "Yes. Opinionated data models and pipelines that feed your BI tools clean, denormalised tables. Features: Dimensional models, ELT jobs, and BI-ready schemas."],
2495        ["Do you provide Customer Usage Analytics?", "We build event pipelines and dashboards that show how customers actually use your product. Includes: Product usage funnels, Cohort analysis, and Feature adoption metrics."],
2496      ],
2497    };
2498    const fqCats = Object.keys(faqAll);
2499    const fqFlat = fqCats.flatMap(c => faqAll[c].map(([q, a], i) => ({ key: c + ':' + i, cat: c, q, a })));
2500    const fqTerm = (S.fq || '').trim().toLowerCase();
2501    const fqMatch = x => !fqTerm || fqTerm.split(/\s+/).every(w => (x.q + ' ' + x.a + ' ' + x.cat).toLowerCase().includes(w));
2502    const fqCat = S.fqCat || 'All';
2503    const fqSel = fqFlat.filter(x => (fqTerm || fqCat === 'All' || x.cat === fqCat) && fqMatch(x));
2504    const fqOpen = S.fqOpen || {};
2505    const fqVote = S.fqVote || {};
2506    const WA = t => 'https://wa.me/8801617934881?text=' + encodeURIComponent(t);
2507    const fqList = fqSel.map((x, i) => {
2508      const open = fqTerm && fqSel.length <= 3 ? fqOpen[x.key] !== false : !!fqOpen[x.key];
2509      const v = fqVote[x.key];
2510      return { ...x, n: String(i + 1).padStart(2, '0'), open, rows: open ? '1fr' : '0fr', rot: open ? '45deg' : '0deg', bd: open ? '#C9CED4' : '#E6E8EB', shadow: open ? '0 16px 36px rgba(24,32,43,0.07)' : 'none', nbg: open ? '#18202B' : '#F3F4F6', nink: open ? '#FFFFFF' : '#5B636E', catShow: fqTerm || fqCat === 'All' ? 'block' : 'none',
2511        toggle: () => this.setState({ fqOpen: { ...fqOpen, [x.key]: !open } }),
2512        asking: !v, liked: v === 'up', disliked: v === 'down',
2513        up: () => this.setState({ fqVote: { ...fqVote, [x.key]: 'up' } }), down: () => this.setState({ fqVote: { ...fqVote, [x.key]: 'down' } }),
2514        wa: WA('Hi BigiByte! I read your FAQ ("' + x.q + '") and have a follow-up question: ') };
2515    });
2516    const fqAnyClosed = fqList.some(f => !f.open);
2517    const fqPage = {
2518      fq: S.fq || '', fqTotal: fqFlat.length, fqList, fqEmpty: fqSel.length === 0,
2519      fqHits: fqTerm ? fqSel.length + (fqSel.length === 1 ? ' result' : ' results') : '',
2520      fqType: e => this.setState({ fq: e.target.value }),
2521      fqClear: () => this.setState({ fq: '' }),
2522      fqAllLabel: fqAnyClosed ? 'Expand all' : 'Collapse all',
2523      fqAllToggle: () => { const o = { ...fqOpen }; fqList.forEach(f => { o[f.key] = fqAnyClosed; }); this.setState({ fqOpen: o }); },
2524      fqTabs: ['All'].concat(fqCats).map(t => { const on = !fqTerm && fqCat === t; const n = t === 'All' ? fqFlat.length : faqAll[t].length; return { t, n, on: on ? 'true' : 'false', bg: on ? '#18202B' : '#FFFFFF', ink: on ? '#FFFFFF' : '#18202B', bd: on ? '#18202B' : '#E1E4E8', cbg: on ? 'rgba(255,255,255,0.16)' : '#F0F1F3', cink: on ? '#FFFFFF' : '#5B636E', side: on ? '#F3F4F6' : 'transparent', pick: () => this.setState({ fqCat: t, fq: '', fqOpen: {} }) }; }),
2525      fqPopular: ['Pricing', 'NDA', 'API', 'Support', 'Legal'].map(t => ({ t, go: () => this.setState({ fq: t, fqOpen: {} }) })),
2526      fqWa: WA("Hi BigiByte! I have a question that isn't in your FAQ: "),
2527      fqAskWa: WA('Hi BigiByte! I searched your FAQ for "' + (S.fq || '') + '" and have a question: '),
2528    };
2529    const faqs = faqAll[S.faqCat].map(([q, a], i) => ({ q, a, open: S.openFaq === i, icon: S.openFaq === i ? '−' : '+', toggle: () => this.setState({ openFaq: S.openFaq === i ? -1 : i }) }));
2530    const faqTabs = Object.keys(faqAll).map(t => { const on = S.faqCat === t; return { t, bg: on ? '#18202B' : '#FFFFFF', ink: on ? '#FFFFFF' : '#18202B', bd: on ? '#18202B' : '#E1E4E8', pick: () => this.setState({ faqCat: t, openFaq: 0 }) }; });
2531    const ic = s => 'https://cdn.simpleicons.org/' + s;
2532    const toolsA = [['python','Python'],['typescript','TypeScript'],['nodedotjs','Node.js'],['puppeteer','Puppeteer'],['selenium','Selenium'],['scrapy','Scrapy'],['n8n','n8n'],['make','Make'],['zapier','Zapier'],['googlesheets','Google Sheets'],['airtable','Airtable'],['notion','Notion']].map(([s, n]) => ({ n, src: ic(s) }));
2533    toolsA.unshift({ n: 'Apify', src: 'https://apify.com/favicon.ico' });
2534    const CF = (f, w, h) => 'https://images.bigibyte.com/cdn-cgi/image/width=' + w + (h ? ',height=' + h + ',fit=cover' : '') + ',quality=80,format=auto/projects/' + f;
2535    const CFU = (u, w) => u.replace('https://images.bigibyte.com/', 'https://images.bigibyte.com/cdn-cgi/image/width=' + w + ',quality=80,format=auto/');
2536    const toolsB = [['nextdotjs','Next.js'],['react','React'],['fastapi','FastAPI'],['postgresql','PostgreSQL'],['supabase','Supabase'],['mongodb','MongoDB'],['redis','Redis'],['docker','Docker'],['googlecloud','Google Cloud'],['cloudflare','Cloudflare'],['vercel','Vercel'],['stripe','Stripe'],['hubspot','HubSpot'],['github','GitHub']].map(([s, n]) => ({ n, src: ic(s) }));
2537    const IC = { linkedin: { d: "M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45z", fill: "currentColor", stroke: "none", l: "LinkedIn" }, github: { d: "M12 .5C5.6.5.5 5.6.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.3.8-.6v-2c-3.2.7-3.9-1.5-3.9-1.5-.5-1.3-1.3-1.7-1.3-1.7-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.7 0-1.3.5-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 4.7 18.3 5 18.3 5c.7 1.7.2 2.9.1 3.2.8.8 1.2 
25371.9 1.2 3.1 0 4.4-2.7 5.4-5.3 5.7.4.4.8 1.1.8 2.2v3.2c0 .3.2.7.8.6A11.5 11.5 0 0 0 23.5 12C23.5 5.6 18.4.5 12 .5z", fill: "currentColor", stroke: "none", l: "GitHub" }, website: { d: "M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM3 12h18M12 3c2.5 2.5 3.8 5.5 3.8 9s-1.3 6.5-3.8 9c-2.5-2.5-3.8-5.5-3.8-9S9.5 5.5 12 3z", fill: "none", stroke: "currentColor", l: "Website" }, email: { d: "M3 6h18v12H3zM3 7l9 6 9-6", fill: "none", stroke: "currentColor", l: "Email" } };
2538    const galItems = [['standup','Morning Stand-up','Team'],['pair-programming','Pair Programming','Engineering'],['whiteboard','Pipeline Whiteboarding','Planning'],['client-call','Client Discovery Call','Clients'],['workspace','Developer Workspace','Workspace'],['dashboard-review','Dashboard Review','Delivery'],['coffee-break','Coffee Break','Culture'],['launch-night','Launch Night','Shipping'],['server-monitoring','Pipeline Monitoring','Operations'],['design-review','Design Review','Design'],['team-lunch','Team Lunch','Culture'],['remote-collab','Remote Collaboration','Remote']]
2539      .map(([f, t, tag]) => { const u = (w, h) => 'https://images.bigibyte.com/cdn-cgi/image/width=' + w + ',height=' + h + ',fit=cover,quality=80,format=auto/projects/gallery-' + f + '.webp'; return { t, tag, src: u(800, 500), set: u(480, 300) + ' 480w, ' + u(800, 500) + ' 800w', alt: t + ' at BigiByte', full: 'https://images.bigibyte.com/cdn-cgi/image/width=1800,quality=85,format=auto/projects/gallery-' + f + '.webp', label: 'Open photo: ' + t }; });
2540    const galRow = (list, dir) => ({ dir, items: list.map(x => ({ ...x, hide: 'false', tab: '0' })).concat(list.map(x => ({ ...x, alt: '', hide: 'true', tab: '-1' }))) });
2541    const galleryRows = [galRow(galItems.slice(0, 6), 'ltr'), galRow(galItems.slice(6), 'rtl')];
2542    const teamList = [["MD Kawsar","Founder & CEO","[email protected]","https://images.bigibyte.com/projects/project-team-smiling-bearded-headshot.webp","10+ years","Web scraping, automation and development expert. Founder and CEO of BigiByte, turning AI and big data into useful insights for organizations.",["Python","Selenium","JavaScript","API Development","PostgreSQL","Flask","Data Analysis"],{"linkedin":"https://www.linkedin.com/in/kawsarlog/","github":"https://github.com/kawsarlog","website":"https://kawsarlog.com/"},["Fiverr Pro Python Developer, top 1% of professionals","Upwork Top Rated with 170+ jobs and 1,000+ hours","Extracted 15M+ lines of data for clients","Co-founder of TocoLabs","API Developer at RBS Data Marketing Agency"]],["Eva","COO & 3D Product Modeling Artist","[email protected]","https://images.bigibyte.com/projects/project-team-long-hair-portrait.webp","5+ years","Leads operations and creates realistic product visuals that help teams pitch, sell and innovate.",["Operations","3D Modeling","Product Visualization"],{"linkedin":"https://www.linkedin.com/in/evacanvas/"}],["Rakibul Islam","Graphic Designer","[email protected]","https://images.bigibyte.com/projects/project-team-serious-stubble-headshot.webp","3+ years","Creates bold, memorable visuals that help brands stand out.",["Graphic Design","Visual Identity","Branding"],{"linkedin":"https://www.linkedin.com/in/rakworld/","website":"https://rsgraphicdesign.com/"}],["Adnan Mojid","Senior Fashion Designer & Brand Consultant","[email protected]","https://images.bigibyte.com/projects/project-team-round-glasses-beard.webp","5+ years","Helps fashion SaaS products and design MVPs build better collections and grow faster.",["Fashion Design","Consulting","SaaS"],{"linkedin":"https://www.linkedin.com/in/adnan-mojid/","website":"https://adnanmojid.com/"}],["NE Nurnobi","Virtual Assistant","[email protected]","https://images.bigibyte.com/projects/project-team-glasses-arms-crossed.webp","5+ years","Keeps BigiByte organized, manages daily tasks and keeps projects moving smoothly.",["Virtual Assistance","Operations"],{"linkedin":"https://www.linkedin.com/in/nenurnobi/"}],["Towfik Ahmed","Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-neutral-mustache-headshot.webp","3+ years","Builds scalable automation, APIs and scrapers that save time and speed up growth.",["Python","Automation","API Development","Web Scraping"],{"linkedin":"https://www.linkedin.com/in/towfik-ahmed-9b563622a/"}],["HM Ashiqur Rahman","Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-wavy-hair-glasses.webp","2+ years","Builds robust, efficient and scalable data extraction systems.",["Python","Web Scraping","Automation"],{"linkedin":"https://www.linkedin.com/in/hmashiqurrahman/"}
2542],["Firoz Islam","Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-spiky-hair-headshot.webp","1+ years","Builds web scraping and automation solutions that help teams move faster.",["Python","Web Automation","Web Scraping"],{"linkedin":"https://www.linkedin.com/in/md-firoz-islam-486ab4325"}],["Mohammad Hridoy","Motion Graphics Designer & Video Editor","[email protected]","https://images.bigibyte.com/projects/team-photo-hridot.webp","4+ years","Motion graphics and video focused on clear stories and powerful results.",["Motion Graphics","Video Editing","Storytelling"],{"linkedin":"https://www.linkedin.com/in/motionxpart/","website":"https://www.motionxpart.com"}],["Ekramul Islam Jishan","Video Editor","[email protected]","https://images.bigibyte.com/projects/project-team-smiling-arms-crossed.webp","2+ years","Turns raw footage into clean, engaging brand and product stories.",["Video Editing","Storytelling","Motion Graphics"],{}],["Payer Ahmed","Jr Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-slick-hair-arms-crossed.webp","1+ years","Builds reliable scraping and automation scripts that help clients scale data workflows.",["Python","Web Scraping","Automation"],{}],["Shahariar Hasan","Jr Python Developer","[email protected]","https://images.bigibyte.com/projects/project-team-curly-hair-wire-glasses.webp","1+ years","Focused on web scraping, automation and practical tools that keep projects moving.",["Python","Web Scraping","Automation"],{}]].map(([name, role, email, photo, exp, bio, tags, soc, ach]) => ({ name, role, href: '/team/' + name.toLowerCase().replace(/\s+/g, '-'), photo: CFU(photo, 480), alt: name + ', ' + role, exp, bio, tags, ach: ach || [], hasAch: !!ach, socials: Object.keys(soc).map(k => ({ ...IC[k], href: soc[k] })).concat([{ ...IC.email, href: "mailto:" + email }]) }));
2543    const shotBase = [{ src: 'https://images.bigibyte.com/projects/project-web-scraper-runs-dashboard.webp', alt: "Web scraper dashboard showing pages scraped, success rate, a requests-per-hour chart, and a table of recent scraper runs." },
2544      { src: 'https://images.bigibyte.com/projects/project-b2b-saas-leads-database.webp', alt: "B2B lead list of US SaaS founders with verified emails, LinkedIn links, lead scores, and a detailed contact profile panel." },
2545      { src: 'https://images.bigibyte.com/projects/project-price-tracker-mobile-app.webp', alt: "Mobile app screens tracking product prices, with a 90-day price history chart, store comparison, and price alerts." },
2546      { src: 'https://images.bigibyte.com/projects/project-real-estate-listings-map.webp', alt: "Real estate dashboard with scraped Austin home listings on an interactive map, property cards, and Excel export." },
2547      { src: 'https://images.bigibyte.com/projects/project-ecommerce-product-catalog-sync.webp', alt: "Product catalog of 42,380 SKUs with category filters, product cards, stock status, and a push-to-store sync button." },
2548      { src: 'https://images.bigibyte.com/projects/project-google-maps-lead-automation.webp', alt: "Workflow builder scraping Google Maps businesses, filtering by rating, finding emails, and sending leads to Sheets and Slack." },
2549      { src: 'https://images.bigibyte.com/projects/project-ai-scraping-agent-chat.webp', alt: "AI chat agent finding 200 Texas dental clinics with emails, showing task progress, a results preview, and CSV download." },
2550      { src: 'https://images.bigibyte.com/projects/project-business-leads-spreadsheet-delivery.webp', alt: "Spreadsheet of 15,420 local business leads with category, phone, email, website, ratings, and city, delivered with no duplicates." },
2551      { src: 'https://images.bigibyte.com/projects/project-social-creator-insights-dashboard.webp', alt: "Creator analytics dashboard comparing Instagram, TikTok, and YouTube creators with engagement trends and top posts." },
2552      { src: 'https://images.bigibyte.com/projects/project-competitor-pricing-heatmap.webp', alt: "Competitor pricing heatmap comparing product prices across 12 retailers, with a price gap chart and top opportunities." },
2553      { src: 'https://images.bigibyte.com/projects/project-python-playwright-scraper-code.webp', alt: "Code editor showing a Python Playwright web scraper, JSON output of listings, and a terminal with live scraping progress." },
2554      { src: 'https://images.bigibyte.com/projects/project-hotel-price-comparison-lisbon.webp', alt: "Hotel rate comparison for Lisbon showing prices across booking sites, a 30-day rate trend chart, and a hotel map." },
2555      { src: 'https://images.bigibyte.com/projects/project-remote-job-board-scraper.webp', alt: "Job search app on laptop and phone listing remote Python developer jobs aggregated from job boards and company sites." },
2556      { src: 'https://images.bigibyte.com/projects/project-agent-lead-workflow-vertical.webp', alt: "Vertical workflow scraping a real estate agent directory weekly, cleaning data, and routing verified emails to HubSpot or phones to Sheets." },
2557      { src: 'https://images.bigibyte.com/projects/project-email-extraction-crm-workflow.webp', alt: "Automation canvas that scrapes websites from new sheet rows, extracts and verifies emails, and pushes contacts to a CRM." },
2558      { src: 'https://images.bigibyte.com/projects/project-dark-workflow-scraping-pipeline.webp', alt: "Dark workflow editor running a daily HTTP scrape, HTML extraction, deduplication, email check, and Google Sheets append." },
2559      { src: 'https://images.bigibyte.com/projects/project-ai-agent-workflow-canvas.webp', alt: "AI agent workflow canvas with chat trigger, memory, web scraper, email finder, and Google Sheets tools, plus a test chat panel." },
2560      { src: 'https://images.bigibyte.com/projects/project-website-contact-extraction-pipeline.webp', alt: "Pipeline fetching websites, parsing content, extracting contacts into a table, normalizing data, and saving to a CRM." },
2561      { src: 'https://images.bigibyte.com/projects/project-url-scraper-error-handling.webp', alt: "Workflow looping over URLs to scrape pages with retries, Telegram error alerts, sheet logging, and Postgres inserts." },
2562      { src: 'https://images.bigibyte.com/projects/project-agent-lead-workflow-horizontal.webp', alt: "Horizontal workflow scraping an agent directory, deduping, verifying emails into HubSpot, or finding phones for Google Sheets." }];
2563    const heroNew = [{ src: CF('hero-scraper-live-runs.webp', 1400), alt: "Live scraper run monitor with progress, success rate, rows collected and recent runs" }, { src: CF('hero-automation-flow-canvas.webp', 1400), alt: "Automation workflow canvas: scheduled trigger, scrape, clean, AI enrich, send to CRM and notify the team" }, { src: CF('hero-python-scraper-code.webp', 1400), alt: "Python Playwright scraper in a code editor with a terminal showing 2,431 rows saved" }, { src: CF('hero-google-maps-leads.webp', 1400), alt: "Google Maps business leads pinned on a map and exported to a spreadsheet with verified emails" }, { src: CF('hero-ai-agent-steps.webp', 1400), alt: "AI agent researching decision-makers step by step and writing 47 contacts to the CRM" }, { src: CF('hero-product-extraction.webp', 1400), alt: "E-commerce product page with fields highlighted and extracted into clean JSON" }, { src: CF('hero-crm-pipeline.webp', 1400), alt: "CRM pipeline board receiving automatically enriched leads" }, { src: CF('hero-real-estate-listings.webp', 1400), alt: "Messy property listings turned into a clean structured dataset" }, { src: CF('hero-slack-report.webp', 1400), alt: "Automated weekly price report posted to the team chat with a spreadsheet attached" }, { src: CF('hero-data-notebook.webp', 1400), alt: "Data-cleaning notebook removing duplicate rows, from 10,482 to 9,917" }, { src: CF('hero-rag-knowledge-base.webp', 1400), alt: "Company documents turned into a knowledge base that answers questions with sources" }, { src: CF('hero-verified-email-list.webp', 1400), alt: "Verified B2B lead list with email status and a 1.2% bounce rate" }, { src: CF('hero-monitoring-alerts.webp', 1400), alt: "Pipeline monitoring dashboard with 30-day uptime and an auto-repaired layout change" }, { src: CF('hero-inbox-automation.webp', 1400), alt: "Email inbox automatically sorted into leads, invoices, support and spam" }, { src: CF('hero-api-endpoint.webp', 1400), alt: "REST API endpoint returning product data as JSON with latency and uptime stats" }, { src: CF('hero-review-sentiment.webp', 1400), alt: "AI classifying 12,480 customer reviews by sentiment and topic" }, { src: CF('hero-scheduled-jobs.webp', 1400), alt: "Weekly schedule of recurring data jobs with the job running now highlighted" }, { src: CF('hero-saas-dashboard.webp', 1400), alt: "Price tracker SaaS dashboard on web and mobile with price-drop alerts" }];
2564    const shotMix = [];
2565    for (let i = 0; i < Math.max(heroNew.length, shotBase.length); i++) { if (heroNew[i]) shotMix.push(heroNew[i]); if (shotBase[i]) shotMix.push({ ...shotBase[i], src: CFU(shotBase[i].src, 1400) }); }
2566
2567    const I = {
2568      scrape: 'M4 6h16M4 12h10M4 18h7M17 15l3 3-3 3',
2569      auto: 'M13 2L4 14h7l-1 8 9-12h-7z',
2570      saas: 'M3 5h18v12H3zM8 21h8M12 17v4',
2571      api: 'M8 8l-4 4 4 4M16 8l4 4-4 4M14 5l-4 14',
2572      data: 'M12 3c5 0 8 1.5 8 3s-3 3-8 3-8-1.5-8-3 3-3 8-3zM4 6v6c0 1.5 3 3 8 3s8-1.5 8-3V6M4 12v6c0 1.5 3 3 8 3s8-1.5 8-3v-6',
2573      shield: 'M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z',
2574    };
2575    const P = {
2576      scrape: 'M4 7h16M4 12h10M4 17h7M16 15l3 2-3 2', api: 'M8 8l-4 4 4 4M16 8l4 4-4 4', bolt: 'M13 3L5 14h6l-1 7 8-11h-6z',
2577      apify: 'M12 3l8 4.5v9L12 21l-8-4.5v-9zM12 12l8-4.5M12 12v9M12 12L4 7.5', saas: 'M3 5h18v11H3zM8 20h8M12 16v4', layers: 'M12 3l9 5-9 5-9-5zM3 13l9 5 9-5',
2578      chart: 'M4 20V10M10 20V4M16 20v-7M22 20H2', shield: 'M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z',
2579      info: 'M12 8h.01M11 12h1v5h1M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z', grid: 'M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z',
2580      doc: 'M6 3h9l4 4v14H6zM14 3v5h5M9 13h7M9 17h5', help: 'M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.7M12 17h.01M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z',
2581      tag: 'M3 12V4h8l10 10-8 8zM7.5 7.5h.01', send: 'M21 3L10 14M21 3l-7 18-4-7-7-4z',
2582    };
2583    const svgU = s => 'url("data:image/svg+xml,' + encodeURIComponent(s) + '")';
2584    const flt = (id, body, w) => svgU("<svg xmlns='http://www.w3.org/2000/svg' width='" + w + "' height='" + w + "'><filter id='" + id + "'>" + body + "</filter><rect width='100%' height='100%' filter='url(#" + id + ")'/></svg>");
2585    const lift = "<feComponentTransfer><feFuncR type='linear' slope='0.4' intercept='0.62'/><feFuncG type='linear' slope='0.4' intercept='0.62'/><feFuncB type='linear' slope='0.4' intercept='0.62'/></feComponentTransfer>";
2586    const Lr = st => React.createElement('div', { style: Object.assign({ position: 'absolute', inset: 0 }, st) });
2587    const heroPaper = this._paper || (this._paper = React.createElement(React.Fragment, null,
2588      Lr({ backgroundImage: flt('pg', "<feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/>" + lift, 200), backgroundSize: '200px 200px', mixBlendMode: 'multiply', opacity: 0.55 }),
2589      Lr({ backgroundImage: flt('pf', "<feTurbulence type='fractalNoise' baseFrequency='0.005 0.3' numOctaves='2' seed='9' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/>" + lift, 500), backgroundSize: '500px 500px', mixBlendMode: 'multiply', opacity: 0.35 }),
2590      Lr({ backgroundImage: flt('ps', "<feTurbulence type='fractalNoise' baseFrequency='0.008' numOctaves='4' seed='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/>" + lift, 900), backgroundSize: '900px 900px', mixBlendMode: 'multiply', opacity: 0.4 })
2591    ));
2592    const closeMenu = () => { if (this.state.menu) this.setState({ menu: null }); };
2593    const pg = S.page;
2594    const plans = [
2595      { t: 'Starter build', p: '$499', u: 'one-time', d: 'One task, done for you.', f: ['1 website or task', 'Results in a spreadsheet or file', 'Runs on a schedule', '14 days of free fixes'], pop: false, cta: 'Get a quote' },
2596      { t: 'Pipeline', p: '$1,200', u: '/ month', d: 'Data that keeps arriving, looked after by us.', f: ['Up to 5 websites', 'Updated daily or hourly', 'Monitoring & alerts', 'Fixed when a website changes', 'Priority support'], pop: true, cta: 'Start a pipeline' },
2597      { t: 'Product', p: 'Custom', u: '', d: 'Your own SaaS product or API.', f: ['Design and development', 'Log-in, payments, dashboards', 'API & documentation', 'Hosting and handover'], pop: false, cta: 'Book a call' },
2598    ].map(p => ({ ...p, ...(/call/i.test(p.cta) ? { href: 'https://cal.com/kawsarlog/coffee-chat', tgt: '_blank' } : { href: '/contact', tgt: '_self' }) })).map(p => p.pop ? { ...p, bg: '#18202B', ink: '#FFFFFF', bd: '#18202B', mute: '#C6CBD2', btn: '#FFFFFF', btnInk: '#18202B' } : { ...p, bg: '#FFFFFF', ink: '#18202B', bd: '#E6E8EB', mute: '#5B636E', btn: '#18202B', btnInk: '#FFFFFF' });
2599    return {
2600      heroPaper,
2601      isHome: pg === 'home', pgWork: pg === 'work', showWork: pg === 'home' || pg === 'work', workPad: pg === 'work' ? '72px 20px 88px' : '80px 20px', pgServices: pg === 'services', pgAbout: pg === 'about', galleryRows, pgTeam: pg === 'team', team: team
2601List, founderList: [teamList[0]], teamRest: teamList.slice(1),
2602      ...(() => {
2603        // Team page: group people by what they do, for the filter chips.
2604        const cat = m => /python/i.test(m.role) ? 'Engineering' : /design|video|motion|graphic/i.test(m.role) ? 'Design & video' : 'Operations';
2605        const rest = teamList.slice(1).map(m => ({ ...m, cat: cat(m), tags2: m.tags.slice(0, 2) }));
2606        const cur = S.teamCat || 'All';
2607        const years = teamList.reduce((t, m) => t + (parseInt(m.exp, 10) || 0), 0);
2608        return {
2609          teamShown: rest.filter(m => cur === 'All' || m.cat === cur),
2610          teamTabs: ['All', 'Engineering', 'Design & video', 'Operations'].map(t => { const on = cur === t; return { t, n: t === 'All' ? rest.length : rest.filter(m => m.cat === t).length, on: on ? 'true' : 'false', bg: on ? '#18202B' : '#FFFFFF', ink: on ? '#FFFFFF' : '#18202B', bd: on ? '#18202B' : '#E1E4E8', pick: () => this.setState({ teamCat: t }) }; }),
2611          teamStats: [[String(teamList.length), 'People on the team'], [years + '+', 'Years of combined experience'], ['1000+', 'Projects for clients worldwide'], ['4.9', 'Average client rating']].map(([v, l]) => ({ v, l })),
2612        };
2613      })(), pgIndustries: pg === 'industries', pgBlog: pg === 'blog', pgPricing: pg === 'pricing', pgFaq: pg === 'faq', pgContact: pg === 'contact',
2614      showCta: pg !== 'home' && pg !== 'contact',
2615      plans,
2616      values: [
2617        { n: '01', t: 'Reliability over hype', d: 'We build things that run for months without attention, with monitoring from day one.' },
2618        { n: '02', t: 'Clear and fixed', d: 'Honest scoping, fixed quotes and plain-language updates. No hourly surprises.' },
2619        { n: '03', t: 'You own it', d: 'Full source code and documentation are yours at handover.' },
2620      ],
2621      industries: [
2622        { id: 'ind-1', img: CF('industry-ecommerce.webp', 800, 450), alt: 'Merchandising manager checking product prices on a tablet in a retail stockroom', t: 'E-commerce & retail', d: 'Track competitor prices, stock and reviews across marketplaces.', uses: ['Price monitoring', 'Product catalogs', 'Review mining'], ex: 'A store owner used to copy supplier products into Shopify by hand every week. Now the catalog, prices and stock update themselves.' },
2623        { id: 'ind-2', img: CF('industry-real-estate.webp', 800, 450), alt: 'Property analyst on a brownstone street checking listings on a phone map', t: 'Real estate', d: 'Pull listings, prices and availability from portals like StreetEasy in seconds.', uses: ['Listing feeds', 'Rent analysis', 'Market alerts'], ex: 'An investor now reviews a short list of matching deals every Monday instead of scrolling listing sites.' },
2624        { id: 'ind-3', img: CF('industry-seo-marketing.webp', 800, 450), alt: 'Growth marketer reviewing search rankings on two monitors', t: 'SEO & marketing', d: 'Collect SERP titles, URLs, snippets and rank positions at scale.', uses: ['Rank tracking', 'SERP research', 'Content gaps'], ex: 'A small agency’s client tracker now updates itself from forms and emails, and pings the right teammate.' },
2625        { id: 'ind-4', img: CF('industry-b2b-sales.webp', 800, 450), alt: 'Sales team huddle reviewing verified company leads on a laptop', t: 'B2B sales', d: 'Find, verify and enrich leads straight into your CRM.', uses: ['Lead lists', 'Enrichment', 'CRM sync'], ex: 'A SaaS team entering a new country had no contacts there, and launched outreach within a week.' },
2626        { id: 'ind-5', img: CF('industry-travel.webp', 800, 450), alt: 'Hotel revenue manager checking room rates on a tablet in the lobby', t: 'Travel & hospitality', d: 'Monitor rates, availability and reviews across booking sites.', uses: ['Rate tracking', 'Availability', 'Reviews'], ex: 'A hotel software startup got a list of independent hotels in three tourist regions and started demos the same week.' },
2627        { id: 'ind-6', img: CF('industry-research-ai.webp', 800, 450), alt: 'Machine learning researcher labelling an image dataset at night', t: 'Research & AI', d: 'Build clean, labeled datasets for analysis and model training.', uses: ['Datasets', 'Labeling', 'Monitoring'], ex: 'An AI startup got a large, labelled product dataset and started training within days instead of months.' },
2628      ],
2629      posts: [
2630        { id: 'post-1', img: CF('blog-nyc-apartments.webp', 800, 450), alt: 'Laptop with apartment listings, a phone map with pins and apartment keys on a desk', tag: 'Real estate', date: 'Jun 2026', t: 'Automate NYC apartment research: get results in 15 seconds', d: 'Pull dozens of StreetEasy listings in one run with no API key and no bot script to maintain.', href: 'https://medium.com/@bigiByte/automate-nyc-apartment-research-get-results-in-15-seconds-0d1c1d74944a' },
2631        { id: 'post-2', img: CF('blog-google-serp.webp', 800, 450), alt: 'Developer monitor showing search results and a running crawl', tag: 'SEO', date: 'May 2026', t: 'How to scrape Google search results with Apify', d: 'Extract titles, URLs, snippets and rank positions at scale. No API keys, no quota limits.', href: 'https://medium.com/@bigiByte/how-to-scrape
2631-google-search-results-with-apify-ef3f1ad79993' },
2632      ],
2633      openMore: () => { clearTimeout(this._mt); this.setState({ menu: 'more' }); }, toggleMobile: () => { clearTimeout(this._mt); this.setState({ menu: S.menu === 'mobile' ? null : 'mobile' }); }, mobOpen: S.menu === 'mobile' ? 'true' : 'false', mobLabel: S.menu === 'mobile' ? 'Close menu' : 'Open menu', mobIcon: S.menu === 'mobile' ? 'M6 6l12 12M18 6L6 18' : 'M4 7h16M4 12h16M4 17h16', openServices: () => { clearTimeout(this._mt); this.setState({ menu: 'services' }); }, closeMenu,
2634      ctaOn: () => this.setState({ ctaHover: true }), ctaOff: () => this.setState({ ctaHover: false }),
2635      ctaLeadW: S.ctaHover ? '20px' : '8px', ctaDotOp: S.ctaHover ? '0' : '1', ctaMeetOp: S.ctaHover ? '1' : '0', ctaMeetT: S.ctaHover ? 'scale(1) rotate(0deg)' : 'scale(0.3) rotate(-25deg)',
2636      ctaArrowOp: S.ctaHover ? '0' : '1', ctaArrowT: S.ctaHover ? 'translate(12px,-12px) scale(0.5)' : 'translate(0px,0px) scale(1)',
2637      ctaPhoneOp: S.ctaHover ? '1' : '0', ctaPhoneT: S.ctaHover ? 'translate(0px,0px) rotate(0deg) scale(1)' : 'translate(-12px,12px) rotate(-45deg) scale(0.5)',
2638      scheduleClose: () => { clearTimeout(this._mt); if (this.state.menu === 'mobile') return; this._mt = setTimeout(() => { if (this.state.menu && this.state.menu !== 'mobile') this.setState({ menu: null }); }, 280); }, cancelClose: () => clearTimeout(this._mt),
2639      moreInk: S.menu === 'more' ? '#FFFFFF' : '#D5D9DE', svcInk: S.menu === 'services' ? '#FFFFFF' : '#D5D9DE', svcBg: S.menu === 'services' ? 'rgba(255,255,255,0.10)' : 'transparent', moreBg: S.menu === 'more' ? 'rgba(255,255,255,0.10)' : 'transparent', svcRot: S.menu === 'services' ? '180deg' : '0deg', moreRot: S.menu === 'more' ? '180deg' : '0deg',
2640      ...['svc', 'more', 'mob'].reduce((o, k) => { const on = S.menu === ({ svc: 'services', more: 'more', mob: 'mobile' })[k]; o[k + 'Op'] = on ? 1 : 0; o[k + 'Y'] = on ? '0px' : '-8px'; o[k + 'S'] = on ? 1 : 0.98; o[k + 'Vis'] = on ? 'visible' : 'hidden'; return o; }, {}),
2641      bdA: S.menu ? 0.18 : 0, bdB: S.menu ? '10px' : '0px', bdF: S.menu ? 'blur(10px)' : 'none', bdPe: S.menu ? 'auto' : 'none',
2642      get navSvc() { const keep = ['Web scraping', 'Workflow automation', 'AI agent development', 'AI chatbots & assistants', 'B2B lead lists', 'Google Maps leads', 'SaaS development', 'API development']; const c = this.svcCols.map(g => ({ ...g, items: g.items.filter(it => keep.includes(it.t)) })); return [{ groups: [c[0], c[2]] }, { groups: [c[3], c[1]] }]; },
2643      svcCols: [
2644        { h: 'Data & automation', items: [
2645          { icon: P.scrape, long: 'Resilient crawlers for JS-heavy, logged-in and rate-limited sites. Structured output delivered on schedule to Sheets, your database or an API.', t: 'Web scraping', s: 'Any site, structured on schedule', pop: true, slug: 'web-scraping', plain: 'Collect information from any website', plainSub: 'Delivered to your spreadsheet on a schedule' },
2646          { icon: P.bolt, long: 'Enrichment, reporting, syncing and alerts built on n8n, Make or custom Python, running without babysitting.', t: 'Workflow automation', s: 'n8n, Make & custom Python', pop: false, slug: 'workflow-automation', plain: 'Stop doing the same computer task every day', plainSub: 'Reports and updates that run themselves' },
2647          { icon: P.apify, long: 'Custom actors built, published and maintained on the Apify Store, with docs and input schemas your users understand.', t: 'Apify actors', s: 'Built, published, maintained', pop: false, slug: 'apify-actors', plain: 'Sell your own data tool on Apify', plainSub: 'We build, publish and maintain it' },
2648          { icon: P.chart, long: 'Clean, normalize, dedupe and load data into your warehouse with validation at every step.', t: 'Data pipelines', s: 'Clean, dedupe, load', pop: false, slug: 'data-pipelines', plain: 'All your data, cleaned, in one place', plainSub: 'Deduplicated, normalized, loaded' },
2649        ] },
2650        { h: 'Product development', items: [
2651          { icon: P.saas, long: 'We design and ship data products with auth, billing and dashboards, from MVP to paying users.', t: 'SaaS development', s: 'MVP to production', pop: true, slug: 'saas-development', plain: 'Build your own SaaS product', plainSub: 'From MVP to paying users' },
2652          { icon: P.api, long: 'Clean, documented REST and GraphQL APIs that expose your data to partners, apps and internal teams.', t: 'API development', s: 'REST & GraphQL, documented', pop: false, slug: 'api-development', plain: 'Custom APIs for your data', plainSub: 'Connect your systems and partners' },
2653          { icon: P.layers, long: 'Turn raw datasets into dashboards your team actually opens: prices, leads, rankings, trends.', t: 'Dashboards', s: 'Turn data into decisions', pop: false, slug: 'dashboards', plain: 'See your numbers on one screen', plainSub: 'Prices, leads and trends, live' },
2654          { icon: P.shield, long: 'Monitoring, alerts and quick fixes when source sites change, so your data keeps flowing.', t: 'Maintenance', s: 'Monitoring & quick fixes', pop: false, slug: 'maintenance', plain: 'Monitoring & alerts', plainSub: 'Fixed if a website changes' },
2655        ] },
2656        { h: 'AI & agents', items: [
2657          { icon: 'M12 3v3M8 6h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM9.5 11.5h.01M14.5 11.5
2657h.01M9.5 15h5M2 12h3M19 12h3', long: 'Autonomous agents that research, qualify leads, fill forms and update your tools, with guardrails and human review where it matters.', t: 'AI agent development', s: 'Agents that do real work', pop: true, slug: 'ai-agent-development', plain: 'AI agents that do real tasks', plainSub: 'Research, draft, update your tools' },
2658          { icon: 'M9 4a3 3 0 0 0-3 3 3 3 0 0 0-2 5 3 3 0 0 0 2 5 3 3 0 0 0 3 3h1V4zM15 4a3 3 0 0 1 3 3 3 3 0 0 1 2 5 3 3 0 0 1-2 5 3 3 0 0 1-3 3h-1V4z', long: 'Retrieval-augmented pipelines that ground LLMs in your own docs, products and scraped data for accurate answers.', t: 'RAG & knowledge bases', s: 'LLMs grounded in your data', pop: false, slug: 'rag-knowledge-bases', plain: 'AI that answers from your documents', plainSub: 'Your handbook, searchable in chat' },
2659          { icon: 'M4 5h16v11H9l-5 4zM8 10h8M8 13h5', long: 'Chatbots and assistants for support, sales and internal teams, connected to your CRM, docs and live data.', t: 'AI chatbots & assistants', s: 'Support, sales, internal', pop: false, slug: 'ai-chatbots', plain: 'A smart assistant that answers your customers 24/7', plainSub: 'For customers or your own staff' },
2660          { icon: 'M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8zM19 16l.8 2.2L22 19l-2.2.8L19 22l-.8-2.2L16 19l2.2-.8z', long: 'Add LLM steps to existing workflows: classify, summarize, extract and enrich data at scale with OpenAI, Claude or open models.', t: 'AI automation', s: 'LLMs inside your workflows', pop: false, slug: 'ai-automation', plain: 'Let AI sort, summarise and tag', plainSub: 'Emails, forms and data, handled' },
2661        ] },
2662        { h: 'Lead generation & marketing', items: [
2663          { icon: 'M3 21V8l9-5 9 5v13M9 21v-6h6v6', long: 'Targeted B2B lead lists by industry, company size, role and location, with verified work emails, direct dials and LinkedIn profiles.', t: 'B2B lead lists', s: 'Decision-makers, verified emails', pop: true, slug: 'b2b-lead-lists', plain: 'Get a list of potential customers', plainSub: 'Decision-makers with checked emails' },
2664          { icon: 'M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6', long: 'Consumer and local audiences for promotions and campaigns, sourced from public directories, maps and marketplaces.', t: 'B2C & local leads', s: 'Consumers, local businesses', pop: false, slug: 'local-leads', plain: 'Lists of local businesses and customers', plainSub: 'For promotions and campaigns' },
2665          { icon: 'M3 6h18v12H3zM3 7l9 6 9-6', long: 'Cold email ready lists: validated, deduplicated and segmented, formatted for Instantly, Lemlist, Apollo or your sending tool.', t: 'Cold email lists', s: 'Validated, campaign-ready', pop: false, slug: 'cold-email-lists', plain: 'Email lists that don\'t bounce', plainSub: 'Ready to load into your email tool' },
2666          { icon: 'M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21zM12 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z', long: 'Businesses from Google Maps and directories with phone, website, email, ratings and reviews, filtered by niche and city.', t: 'Google Maps leads', s: 'Phones, emails, ratings', pop: false, slug: 'google-maps-leads', plain: 'Every business of a type in your area', plainSub: 'Phones, emails and ratings' },
2667          { icon: 'M4 12h16M12 4v16M5 5l14 14', long: 'Add missing emails, phones, company size, industry, socials and tech stack to the lists you already have.', t: 'Lead enrichment', s: 'Fill gaps in your CRM', pop: false, slug: 'lead-enrichment', plain: 'Fill in missing contact details', plainSub: 'Complete the lists you already have' },
2668          { icon: 'M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3zM9 12l2 2 4-4', long: 'Bulk email verification that removes invalid, risky and catch-all addresses so your campaigns land in real inboxes.', t: 'Email verification', s: 'Protect sender reputation', pop: false, slug: 'email-verification', plain: 'Clean an email list before sending', plainSub: 'Keep your emails out of spam' },
2669        ] },
2670      ],
2671      mobileItems: [['Services', '/services'], ['Work', '/work'], ['About', '/about'], ['Pricing', '/pricing'], ['Contact', '/contact']].map(([t, href]) => ({ t, href, cur: href === '/' + pg ? 'page' : 'false' })),
2672      curWork: pg === 'work' ? 'page' : 'false',
2673      mobileMore: [['Team', '/team'], ['Industries', '/industries'], ['Blog', '/blog'], ['FAQs', '/faq']].map(([t, href]) => ({ t, href })),
2674      moreItems: [
2675        { icon: P.info, t: 'About', s: 'Who we are and how we work', href: '/about' },
2676        { icon: 'M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6M18 4.5a3.5 3.5 0 0 1 0 6.5M21.5 19c-.5-1.8-1.6-3.2-3-4', t: 'Team', s: 'The people behind BigiByte', href: '/team' },
2677        { icon: P.grid, t: 'Industries', s: 'Retail, B2B, real estate & more', href: '/industries' },
2678        { icon: P.doc, t: 'Blog', s: 'Notes on scraping & automation', href: '/blog' },
2679        { icon: P.help, t: 'FAQs', s: 'Answers before you ask', href: '/faq' },
2680        { icon: P.tag, t: 'Pricing', s: 'Fixed builds or monthly plans', href: '/pricing' },
2681        { icon: P.send, t: 'Contact', s: 'Tell us about your project', href: '/contact' },
2682      ],
2683      checks: ['Senior engineers only', 'Ship in weeks, not months', 'Monitoring included'],
2684      stack: ['Apify', 'Python', 'Playwright', 'n8n', 'Next.js', 'Postgres', 'Supabase', 'AWS'],
2685      work: [
2686        { flip: 'false', icon: 'M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6', a: 'w3a', b: 'w3b', c: 'w3c', ia: CF('work-realestate-detail-1.webp', 1200, 750), ib: CF('project-real-estate-listings-map.webp', 800, 500), ic: CF('project-price-tracker-mobile-app.webp', 800, 500), alt: 'Phone with a property listings app showing a map and home cards, next to house keys', altb: 'Real estate listings on an interactive map', altc: 'Price tracker mobile app', tools: ['React', 'FastAPI', 'PostgreSQL'], result: '$18k in monthly revenue within six months', tag: 'Real estate', t: 'From a spreadsheet idea to a paid product', cat: 'Real estate', before: 'Useful property data, but no product people could sign up for.', after: 'A subscription website with log-in, payments and dashboards.', small: 'SaaS · React, FastAPI, PostgreSQL', stats: [{ v: '1.2k', l: 'Active users' }, { v: '$18k', l: 'Monthly revenue at 6 months' }, { v: '12', l: 'Weeks to first version' }] },
2687        { flip: 'true', icon: 'M5 8h14l-1 12H6zM9 8V6a3 3 0 0 1 6 0v2', a: 'w1a', b: 'w1b', c: 'w1c', ia: CF('work-ecommerce-detail-1.webp', 1200, 750), ib: CF('project-competitor-pricing-heatmap.webp', 800, 500), ic: CF('project-ecommerce-product-catalog-sync.webp', 800, 500), alt: 'The same sneaker from three online stores with price tags, the best price highlighted', altb: 'Competitor pricing heatmap', altc: 'E-commerce product catalog sync', tools: ['Python', 'Playwright', 'BigQuery'], result: 'Tracks 2.1M products daily at 99.6% success', tag: 'E-commerce', t: 'An online shop that sees every competitor’s price change the same day', cat: 'E-commerce', before: 'The team checked competitor websites by hand and always reacted a week late.', after: 'Prices from 400 online stores arrive in their reports every day, automatically.', small: 'Web scraping · Python, Playwright, BigQuery', stats: [{ v: '2.1M', l: 'Products tracked' }, { v: '99.6%', l: 'Success rate' }, { v: '6', l: 'Weeks to go live' }] },
2688        { flip: 'false', icon: 'M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6', a: 'w2a', b: 'w2b', c: 'w2c', ia: CF('work-sales-detail-1.webp', 1200, 750), ib: CF('project-email-extraction-crm-workflow.webp', 800, 500), ic: CF('project-business-leads-spreadsheet-delivery.webp', 800, 500), alt: 'Weekly planner with a large block of time freed up and highlighted in yellow', altb: 'Email extraction to CRM workflow', altc: 'Business leads delivered as a spreadsheet', tools: ['n8n', 'Python', 'HubSpot'], result: 'Saves the sales team 30 hours every week', tag: 'Sales teams', t: 'A sales team that got 30 hours a week back', cat: 'Sales teams', before: 'Reps spent their mornings searching the web for who to contact.', after: 'New contacts are found, checked and added to HubSpot automatically.', small: 'Automation · n8n, Python, HubSpot', stats: [{ v: '30h', l: 'Hours s
2688aved each week' }, { v: '4×', l: 'More leads' }, { v: '0', l: 'Manual steps left' }] },
2689      ],
2690      get workShown() { return this.work.filter(w => S.exTab === 'All' || w.cat === S.exTab); },
2691      exTabs: ['All', 'Real estate', 'E-commerce', 'Sales teams', 'Marketing agencies'].map(t => { const on = S.exTab === t; return { t, on: on ? 'true' : 'false', bg: on ? '#18202B' : '#FFFFFF', ink: on ? '#FFFFFF' : '#18202B', bd: on ? '#18202B' : '#E1E4E8', pick: () => this.setState({ exTab: t }) }; }),
2692      beforeAfterImg: CF('how-it-works-flow.webp', 1600, 900), beforeAfterSet: CF('how-it-works-flow.webp', 800, 450) + ' 800w, ' + CF('how-it-works-flow.webp', 1600, 900) + ' 1600w',
2693      // Short before/after stories for /work, taken from the examples on our service pages.
2694      stories: [
2695        ['Real estate', 'An investor reviewed new listings in three markets by hand every week.', 'Now a short list of matching deals lands in their sheet every Monday.', 'real-estate-data-scraping', 'Property listings and prices', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-re-listings.webp', '#E8EDF5'],
2696        ['Real estate', 'A small investment team rebuilt their prospect list by hand every month.', 'Now fresh for-sale-by-owner listings appear in their sheet automatically.', 'real-estate-leads', 'Find property owners and deals', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-re-leads.webp', '#E8EDF5'],
2697        ['E-commerce', 'A store owner copied supplier products into Shopify by hand every week.', 'Now the catalog, prices and stock update themselves.', 'e-commerce-solutions', 'Run your online store with less work', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-ecom-catalog.webp', '#EAF4EC'],
2698        ['E-commerce', 'A brand had thousands of reviews and no time to read them.', 'Now they have a clear list of what customers love and what to fix first.', 'sentiment-analysis', 'Find out what customers really think', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-ecom-sentiment.webp', '#EAF4EC'],
2699        ['Sales teams', 'A fitness supplier wanted every independent gym in five cities.', 'They got a ready call list for all five.', 'local-leads', 'Lists of local businesses', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-sales-local.webp', '#F0EAF5'],
2700        ['Sales teams', 'A SaaS team entering a new country had no contacts there.', 'They launched outreach within a week.', 'b2b-lead-lists', 'Get a list of potential customers', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-sales-b2b.webp', '#F0EAF5'],
2701        ['Marketing agencies', 'An agency’s last campaign bounced so badly their domain was flagged.', 'We rebuilt the list from fresh sources, and the next campaign sent cleanly.', 'cold-email-lists', 'Email lists that don’t bounce', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-agency-email.webp', '#FDF1EA'],
2702        ['Marketing agencies', 'A small agency updated a client tracker by hand from forms and emails.', 'Now the sheet updates itself and emails the right teammate.', 'google-sheets-automation', 'Spreadsheets that update themselves', 'https://images.bigibyte.com/cdn-cgi/image/width=640,quality=80,format=auto/projects/story-agency-sheets.webp', '#FDF1EA'],
2703      ].map(([tag, before, after, slug, svc, img, ph]) => ({ tag, before, after, svc, img, ph, href: '/services/' + slug })),
2704      storiesHead: S.exTab === 'All' ? 'More examples' : 'More examples · ' + S.exTab,
2705      get storiesShown() { return this.stories.filter(x => S.exTab === 'All' || x.tag === S.exTab); },
2706      whoHelp: [
2707        ['M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6', 'Real estate', 'I scroll listing sites every day looking for the right deal.', '/services/real-estate-data-scraping'],
2708        ['M5 8h14l-1 12H6zM9 8V6a3 3 0 0 1 6 0v2', 'Online shops', 'I check competitor prices by hand and always find out too late.', '/services/web-scraping'],
2709        ['M3 11v2a1 1 0 0 0 1 1h3l6 4V6L7 10H4a1 1 0 0 0-1 1zM17 9a4 4 0 0 1 0 6M20 6a8 8 0 0 1 0 12', 'Marketing agencies', 'Our clients want leads and reports, and my team builds them by hand.', '/services/cold-email-lists'],
2710        ['M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6', 'Sales teams', 'We spend hours finding the right person to contact.', '/services/b2b-lead-lists'],
2711        ['M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.7.7 1 1.5 1 2.5h6c0-1 .3-1.8 1-2.5A6 6 0 0 0 12 3z', 'Startups', 'I have an idea for an app, or a half-built one that keeps breaking.', '/services/saas-development'],
2712        ['M9 3h6M10 3v6l-5.5 9.5A1.7 1.7 0 0 0 6 21h12a1.7 1.7 0 0 0 1.5-2.5L14 9V3M7 15h10', 'Researchers & AI teams', 'I need a large, clean dataset and collecting it would take months.', '/services/ai-model-datasets'],
2713      ].map(([icon, t, q, href]) => ({ icon, t, q, href, cta: 'See how we help' })),
2714      // Home 'What we do': plain promise first, technical name underneath.
2715      svcGroups: [
2716        { h: 'Get the information you need', items: [
2717          { icon: I.scrape, href: '/services/web-scraping', t: 'Collect information from any website', k: 'Web scraping' },
2718          { icon: I.data, href: '/services/data-pipelines', t: 'All your data, cleaned, in one place', k: 'Data pipelines' },
2719          { icon: I.shield, href: '/services/maintenance', t: 'Monitoring & alerts, fixed if a website changes', k: 'Monitoring & upkeep' },
2720        ] },
2721        { h: 'Find more customers', items: [
2722          { icon: 'M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0zM3 21c1.2-3.6 4.6-6 9-6s7.8 2.4 9 6M19 3l2 2-2 2M21 5h-5', href: '/services/b2b-lead-lists', t: 'Get a list of potential customers', k: 'B2B & B2C lead generation' },
2723          { icon: 'M12 3v3M8 6h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zM9.5 11.5h.01M14.5 11.5
2723h.01M9.5 15h5M2 12h3M19 12h3', href: '/services/ai-agent-development', t: 'AI agents that research leads for you', k: 'AI agent development' },
2724          { icon: 'M4 5h16v11H9l-5 4zM8 10h8M8 13h5', href: '/services/ai-chatbots', t: 'A smart assistant that answers your customers 24/7', k: 'AI chatbots & assistants' },
2725        ] },
2726        { h: 'Stop doing it by hand, or build your own product', items: [
2727          { icon: I.saas, href: '/services/saas-development', t: 'Build your own SaaS product, from MVP to paying users', k: 'SaaS development' },
2728          { icon: I.api, href: '/services/api-development', t: 'Custom APIs that connect your systems and partners', k: 'API development' },
2729          { icon: 'M9 4a3 3 0 0 0-3 3 3 3 0 0 0-2 5 3 3 0 0 0 2 5 3 3 0 0 0 3 3h1V4zM15 4a3 3 0 0 1 3 3 3 3 0 0 1 2 5 3 3 0 0 1-2 5 3 3 0 0 1-3 3h-1V4z', href: '/services/rag-knowledge-bases', t: 'AI that answers from your own documents', k: 'RAG & knowledge bases' },
2730        ] },
2731      ],
2732      steps: [
2733        ['M4 5h16v11H9l-5 4z', 'Tell us what you need.', 'Which information you need, or which task wastes your time. A free 30-minute call or a short message; no technical knowledge needed. You get a clear plan and a fixed price, usually within a few hours.'],
2734        ['M6 3h9l4 4v14H6zM14 3v5h5M9.5 14.5l2 2 3.5-4', 'We build it and show you a sample.', "You see real results first, like the first rows of your spreadsheet, so you can check it's right before we finish."],
2735        ['M6 3h9l4 4v6M14 3v5h5M6 3v18h6M17.5 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM17.5 16v1.6l1 .9', 'Results arrive automatically.', 'In Excel, Google Sheets or your system, on the schedule you choose. If something changes or breaks, we fix it.'],
2736      ].map(([icon, t, d], i) => { const on = S.step % 3 === i; return { n: String(i + 1).padStart(2, '0'), icon, t, d, active: on, bg: on ? '#FFFFFF' : 'rgba(255,255,255,0.55)', bd: on ? '#18202B' : '#E1E4E8', y: on ? '-6px' : '0px', sh: on ? '0 18px 40px rgba(24,32,43,0.10)' : '0 0 0 rgba(24,32,43,0)', op: on ? 1 : 0.72, dot: on ? '#18202B' : '#E1E4E8', dotInk: on ? '#FFFFFF' : '#18202B', pick: () => this.setState({ step: i }) }; }),
2737      showTestimonials: this.props.showTestimonials ?? true,
2738      showComparison: this.props.showComparison ?? true,
2739      ...(() => {
2740        const rv = [["oorteal",5,"Great working with you!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/ede698b6799d505ebaf0e581aa0766ec-1039297421675370042.4869251/61E5C2F7-5C57-4A03-81AB-5826FBCD81CA"],["Nicholas S.",5,"Amazing work","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/21883d7f61058ab8371179cf8e4ea5f1-1639025374671/165a19a5-65e8-4bd4-8fd2-c9b4bd8e4448.png"],["dh2407",4.3,"Really enjoyed working with Kawsar. Very professional!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/11e08a79a72c85e08a05612097f56763-1568229834064/694053ed-6dca-43ec-af7c-8cafcf8fa30a.JPG"],["Kyle B.",5,"Great to work with, his understanding of accounting helps greatly!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/4017636/original/kb_kids.jpg"],["Justin",5,"Just amazing work and unmatched skill. It's making me think of what else we do next!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/1540103/original/aa.jpg"],["Jais S.",5,"The solution works very well and is really fast.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/ac52a372ae434d3358e2f5a52a6c2b3a-1654792993352/8e493fba-1687-45c8-a286-1af0ef3a34e3.jpg"],["Habib F.",4.7,"Kawsar did an excellent job developing a Python script to scrape real estate data with custom filters and automated scheduling.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/65e3fcd7c34e8ffed623b1d08907976f-1619207353829/ff591810-8646-4d69-a3a4-617405c8f453.jpg"],["Andreas V.",5,"Was again amazing working with you. Great job!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/8fd94d7e384933f3b8ea57b47b1b0c2e-1707576894598/09d21929-1a00-45fd-bc51-18dd8ba8c9c4.jpeg"],["Rugved W.",5,"Looks great! Thanks for the help","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/f14cb134a1b0aa741184e5e6d2dec09c-831078501675152036.484696/9BF4900F-E7AB-438D-B79E-15B8A0AC2708"],["Drew H.",5,"Kawsar was excellent to work with. He understood what I was looking for and proactively suggested ideas.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/110f4fff726164f780b94ff9d60a8ec1-1624213898824/2b462463-e813-4728-8bae-8c46b8b53282.jpeg"],["aslantcreative",5,"Working with Kawsar was AMAZING! The quality of his work was outstanding with great attention to detail.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/3a6eb4ed36754889eca39bc03a9b88bb-1671158307106/9fdf1160-56cc-4866-84da-9e98292642fc.png"],["Pedrinho",5,"Kawsar truly exceeded my expectations with his professional and detail-oriented work.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/profile/photos/33256108/original/600710_101
274051401161744070_286028602_n.jpg"],["copytrans",5,"Very good, professional and, in my case, very fast work. Good communication.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/49bb3acffbe522e9d98e754c90cf365f-1676931287371/3efd3aac-2322-4332-bd7e-4b6ec762e1fa.jpg"],["acsf1verr",5,"Excellent work, delivered on time and in budget. Recommended.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/8e8e3023c2e32a10b70b876d7f74cea5-1624120251269/61b71652-da16-484a-be0b-9a203a024420.jpg"],["gaddcorp",5,"Kawsar is literally the best of the best! He took on a massive project and completed it against all odds.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/d5b74f37aabb5bf397f928fa8ef83174-743836741596390704.906231/90ABB451-BF26-4D22-A958-08C501FE2C8B"],["Katrin T.",5,"Ich habe alles so bekommen, wie ich es wollte. Eine große technische Hürde schnell und einfach umgesetzt.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/cff7d362f033
2740056ae5cf049537a1744a-1681722487683/a9cf5d53-0db9-4ee0-ba2b-295d9b2d9aad.jpg"],["Roei Z.",4,"Fast and good delivery.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/94c8ad406c827ec3abf6ebfdd7ae81ad-1224184801668456941611/JPEG_20221114_221541_4294791081798438979.jpg"],["nteck90027",5,"This is my second time working with Kawsar, and I will work with him again. His understanding and patience are appreciated.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/94e95cdd86f0fd5e478b8bddd007a3ab-1527368688927/b0f3b5cc-5f56-49e1-be19-ce3610869577.png"],["Tony P.",4.7,"Excellent service, delivered in under the time frame.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/67ff974f4bf3dbb1a6aa61fffdf025de-1740131769637/2c02d1eb-d6ac-49df-9c1f-23be5d3ef671.jpg"],["M. Gyura",5,"Exactly what I asked for and quicker than I expected. We'll be back with more projects.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/33bc4173ea279a054c29d0d8f6b4ce07-1539806278747/28413816-05d1-4f97-a685-318a19b47623.jpg"],["T. J. Thorne",5,"I have used Kawsar to pull over 15 million lines of data and leads. He is hands down the most exceptional data freelancer.","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_smartwm/t_delivery_large/v1/attachments/delivery/asset/4ee694a6b1978d48e340bb5e92158f01-1715642257/Screenshot_3.png"],["joft63",4.7,"Great in communication and speed. Would definitely recommend!","https://fiverr-res.cloudinary.com/image/upload/f_auto,q_auto,t_profile_small/v1/attachments/profile/photo/c0a0f8fafe43017dc5452993587cfb75-1714342382938/b6aebf28-998f-41cb-acf2-58bf0fc9b459.JPG"]].map(([name, rating, review, image]) => ({ name, rating: rating.toFixed(1), review, image, stars: '★'.repeat(Math.round(rating)) + '☆'.repeat(5 - Math.round(rating)), sub: 'Verified client · Fiverr' }));
2741        const half = Math.ceil(rv.length / 2), A = rv.slice(0, half), B = rv.slice(half);
2742        const avg = rv.reduce((s, r) => s + parseFloat(r.rating), 0) / rv.length;
2743        const pick = ['Habib F.', 'Drew H.', 'gaddcorp', 'Pedrinho'];
2744        const ord = pick.map(n => rv.find(r => r.name === n)).concat([
2745          { name: 'T. J. Thorne', sub: 'Verified Fiverr client · 5 / 5', rating: '5.0', stars: '★★★★★', review: 'Kawsar extracted over 15 million lines of data and leads for me. Without a doubt, the most skilled data freelancer I\'ve ever worked with. I\'d give him 100 stars if Fiverr let me.', image: 'https://fiverr-res.cloudinary.com/image/upload/t_profile_small/v1/attachments/profile/photo/49bb3acffbe522e9d98e754c90cf365f-1676931287371/3efd3aac-2322-4332-bd7e-4b6ec762e1fa.jpg' },
2746          { name: 'Ryan Jones', sub: 'CEO / President, RBS Data Inc', rating: '5.0', stars: '★★★★★', review: 'Kawsar is instrumental in our success with our API developments. His knowledge base is incredible. I haven’t seen anyone in my 20+ years in development with such a skill set.', image: 'https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1652600318017.jpg' },
2747        ]);
2748        const rest = rv.filter(r => !pick.includes(r.name) && r.name !== 'T. J. Thorne');
2749        const shown = (S.revAll ? ord.concat(rest) : ord).map((r, i) => { const ex = S.revOpen === i, long = r.review.length > 110; return { ...r, maxH: 'none', mask: 'none', toggle: () => this.setState({ revOpen: ex ? -1 : i }) }; });
2750        const faces = ['Habib F.', 'Drew H.', 'gaddcorp', 'Pedrinho', 'M. Gyura', 'Justin', 'Andreas V.', 'Jais S.'].map(n => rv.find(r => r.name === n).image).concat(['https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1777579006404.jpg', 'https://images.bigibyte.com/cdn-cgi/image/width=160,height=160,fit=cover,quality=80,format=auto/client/1652600318017.jpg']);
2751        return { revShown: shown, revBtn: S.revAll ? 'See fewer reviews' : 'See more reviews', toggleRevAll: () => this.setState({ revAll: !S.revAll, revOpen: -1 }), revAvg: avg.toFixed(1), revCount: rv.length, avatars: faces };
2752      })(),
2753      revPlay: S.revHover ? 'paused' : 'running', pauseRev: () => this.setState({ revHover: true }), playRev: () => this.setState({ revHover: false }),
2754      compare: [
2755        { f: 'Senior engineers', a: '✕', b: '✓' },
2756        { f: 'Delivery in weeks', a: '✓', b: '✕' },
2757        { f: 'Works on hard-to-reach websites', a: '✕', b: '✕' },
2758        { f: 'Monitoring included', a: '✕', b: '✕' },
2759        { f: 'Fixed when a website changes', a: '✕', b: '✓' },
2760        { f: 'Fixed pricing', a: '✓', b: '✕' },
2761        { f: 'Everything we build is yours', a: '✕', b: '✓' },
2762      ].map(r => ({ ...r, ac: r.a === '✓' ? '#16A34A' : '#b91c1c', bc: r.b === '✓' ? '#16A34A' : '#b91c1c', aw: r.a === '✓' ? 900 : 700, bw: r.b === '✓' ? 900 : 700 })),
2763      ...fqPage, faqs, faqTabs, toolsA: [...toolsA, ...toolsA], toolsB: [...toolsB, ...toolsB],
2764      // Each card has a fixed shape so it never collapses to 0px while its image loads
2765      // (iPhone Safari then never loads it). The first eight load straight away.
2766      shots: [...shotMix, ...shotMix].map((x, i) => ({ ...x, ld: i < 8 ? 'eager' : 'lazy', ar: /vertical/.test(x.src) ? '3 / 4' : '16 / 10' })), shotsPrev: () => this.nudgeShots(-1), shotsNext: () => this.nudgeShots(1),
2767      pauseShots: () => { this._shHover = true; }, playShots: () => { this._shHover = false; },
2768      procPause: () => this.setState({ procHover: true }), procPlay: () => this.setState({ procHover: false }),
2769      procPct: ((S.step % 3 + 1) / 3 * 100) + '%', procPlayState: S.procHover ? 'paused' : 'running',
2770      needs: needsAll.map(t => { const on = S.needs.includes(t); return { t: needLabel[t], mark: on ? '✓ ' : '', pressed: on ? 'true' : 'false', ink: on ? '#FFFFFF' : '#18202B', bg: on ? '#18202B' : '#FFFFFF', border: on ? '#18202B' : '#E1E4E8', toggle: () => this.setState(s => ({ needs: on ? s.needs.filter(x => x !== t) : [...s.needs, t] })) }; }),
2771      budgets: budgetsAll.map((t, i) => ({ t, pressed: S.budget === i ? 'true' : 'false', bg: S.budget === i ? '#FFFFFF' : 'transparent', ink: S.budget === i ? '#18202B' : '#5B636E', shadow: S.budget === i ? '0 1px 2px rgba(24,32,43,0.08), 0 4px 12px rgba(24,32,43,0.08)' : 'none', border: S.budget === i ? '#18202B' : '#E1E4E8', pick: () => this.setState({ budget: i }) })),
2772      sent: S.sent, notSent: !S.sent, sending: S.sending, sendErr: S.sendErr,
2773      sendLabel: S.sending ? 'Sending…' : 'Send your brief', sendOp: S.sending ? '0.7' : '1',
2774      ...(() => { const pct = (S.bName ? 25 : 0) + (S.bEmail ? 25 : 0) + (S.needs.length ? 20 : 0) + (S.bMsg > 40 ? 30 : S.bMsg > 0 ? 15 : 0); return { briefPct: pct + '%', briefPctScale: Math.min(pct / 100, 1), briefLabel: pct >= 100 ? 'Ready to send ✓' : pct + '% complete' }; })(),
2775      msgCount: S.bMsg ? S.bMsg + ' characters' : '', msgHint: S.bMsg > 40 ? 'Great, that is plenty to start.' : 'A few sentences is enough.',
2776      sentSummary: (S.needs.length ? S.needs.map(n => needLabel[n] || n).join(', ') : 'your project') + ' · ' + budgetsAll[S.budget],
2777      briefSteps: [
2778        { t: 'Tell us the problem', d: 'About one minute' },
2779        { t: 'We reply within a few hours', d: 'Questions or a first plan' },
2780        { t: 'Free call and a fixed price', d: 'Often with a working sample' },
2781      ].map((st, i) => { const done = S.sent ? i === 0 : false; const active = S.sent ? i === 1 : i === 0; return { ...st, dot: done ? '#22C55E' : active ? '#18202B' : '#D5D9DE', ring: done ? '#22C55E' : active ? '#18202B' : '#D5D9DE', ink: active || done ? '#18202B' : '#5B636E' }; }),
2782      trackBrief: e => { const f = e.currentTarget; if (!f || !f.elements) return; const g = n => (f.elements[n] && f.elements[n].value || '').trim(); this.setState({ bName: !!g('name'), bEmail: /.+@.+\..+/.test(g('email')), bMsg: g('message').length }); },
2783      submit: e => {
2784        e.preventDefault(); if (S.sending) return;
2785        const f = e.currentTarget; const g = n => (f.elements[n] && f.elements[n].value || '').trim();
2786        const needs = S.needs.length ? S.needs.join(', ') : 'Not specified';
2787        const body = { name: g('name'), email: g('email'), phone: g('phone'), subject: 'Website brief: ' + needs + ' (' + budgetsAll[S.budget] + ')', message: g('message'), needs: S.needs, budget: budgetsAll[S.budget], page: location.href, website: g('website') };
2788        this.setState({ sending: true, sendErr: false });
2789        fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) })
2790          .then(r => r.json().catch(() => ({})).then(d => { if (!r.ok || !d.ok) throw new Error('send failed'); }))
2791          .then(() => this.setState({ sent: true, sending: false }))
2792          .catch(() => this.setState({ sending: false, sendErr: true }));
2793      },
2794    };
2795  }
2796}
2797</script>
2797
2798</body>
2799</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.