PageSourceSearch

https://startupsadvisory.ai/what-we-do/product-packaging.html

html startupsadvisory.ai collected 2026-10-05 14:58:47 UTC 246,406 bytes, 5,046 lines download raw bytes

1
2<!doctype html>
3<html lang="en">
4  <head>
5    
5<script src="/assets/js/regional-site.js?v=8" async></script>
5
6    
6<script id="sa-multilipi-config" type="text/plain" src="https://script-cdn.multilipi.com/static/JS/page_translations.js" multilipi-key="d5668a6d-b9b8-498d-b8e5-3d9aa3571f15" mode="auto" data-pos-x="50" data-pos-y="50" crossorigin="anonymous" defer></script>
6
7    <!-- GTM + Meta Pixel + Kogents: deferred via assets/js/site-performance.js?v=20260924-website-contact. Noscript fallbacks below. -->
vendor: 68 bytes, lines 7-8
7
8<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
8GTM-M4NWZBC7
vendor: 83 bytes, lines 8-9
8"
9height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
10<noscript><img height="1" width="1" style="display:none"
11src="https://www.facebook.com/tr?id=2268243713932710&ev=PageView&noscript=1"/></noscript>
12<meta charset="UTF-8" />
13<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
14    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
15    <meta name="robots" content="index, follow" />
16
17    <link rel="icon" href="/assets/images/faviocn.svg" type="image/svg+xml" />
18    <title>Product Packaging StartupAdvisory.ai</title>
19    <meta
20      name="description"
21      content="Get packaging that sells off the shelf print ready in days. Boxes, labels, and pouches by a senior team. Printer approved files, unlimited revisions, you own every file."
22    />
23    <link rel="preconnect" href="https://fonts.googleapis.com" />
24    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
25    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com" />
26    <link
27      href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap"
28      rel="stylesheet"
29    />
30    <link
31      rel="stylesheet"
32      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
33      integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
34      crossorigin="anonymous"
35      referrerpolicy="no-referrer"
36    />
37    <link rel="stylesheet" href="/assets/css/style.css?v=form-perk-line2" />
38    <link rel="stylesheet" href="/assets/css/surface-pro-nav.css?v=1" />
39    <link rel="stylesheet" href="/assets/css/safari-compat.css?v=2" />
40    
41    <link rel="stylesheet" href="/assets/css/how-it-works-process.css?v=10" />
42    <link rel="stylesheet" href="/assets/css/design-services.css" />
43    <link rel="stylesheet" href="/assets/css/lead-form-hero.css?v=30" />
44    
45    <link rel="stylesheet" href="/assets/css/service-pages-title-case.css?v=1" />
46    <link rel="stylesheet" href="/assets/css/responsive-mobile.css?v=3" />
47    
48<link rel="stylesheet" href="/assets/css/video-testi-reviews.css?v=8" />
49      <link rel="stylesheet" href="/assets/css/hero-short-viewport.css?v=1" />
50    
51    
52      <link rel="stylesheet" href="/assets/css/what-we-do-banner-text-short.css?v=2" />
53    
54    
55    <link rel="stylesheet" href="/services-pages-css/product-packaging.css?v=7" />
56    <link rel="stylesheet" href="/assets/css/what-we-do-solution-surface.css?v=2" />
57    <link rel="stylesheet" href="/assets/css/what-we-do-hero-surface.css?v=12" />
58    <link rel="stylesheet" href="/assets/css/what-we-do-comp-table-surface.css?v=1" />
59    <link rel="stylesheet" href="/assets/css/what-we-do-addons-surface.css?v=1" />
60    <link rel="stylesheet" href="/assets/css/what-we-do-logo-bar-surface.css?v=1" />
61    <link rel="stylesheet" href="/assets/css/what-we-do-promo-bar-surface.css?v=3" />
62
63    <link rel="stylesheet" href="/assets/css/field-validate.css?v=1" />
64  </head>
65
66  <body class="has-top-promo-bar page-logo-design page-logo-design-v2 page-product-packaging">
67<div
68      class="nl-overlay"
69      id="nl-overlay"
70      role="dialog"
71      aria-modal="true"
72      aria-labelledby="nl-title"
73    >
74      <div class="nl-modal">
75        <button class="nl-close" id="nl-close" aria-label="Close">?</button>
76        <span class="nl-eyebrow">Newsletter</span>
77        <h2 class="nl-title" id="nl-title">Stay in the <em>loop</em></h2>
78        <p class="nl-subtitle">
79          Get growth playbooks, founder insights, and startup frameworks
80          delivered to your inbox.
81        </p>
82
83        <form class="nl-form" id="nl-form" novalidate>
84          <input type="text" class="nl-input" placeholder="Your Full Name" />
85          <input
86            type="email"
87            class="nl-input"
88            id="nl-email"
89            placeholder="[email protected]"
90            required
91            maxlength="255"
92            autocomplete="email"
93          />
94          <button type="submit" class="nl-button">Subscribe</button>
95        </form>
96
97        <div class="nl-success" id="nl-success">
98          <div class="nl-success-icon">?</div>
99          <div class="nl-success-text">You're in!</div>
100          <div class="nl-success-sub">Check your inbox shortly.</div>
101        </div>
102
103        <div class="nl-divider">Follow us</div>
104        <div class="nl-socials">
105          <a href="#" aria-label="Facebook" target="_blank" rel="noopener">
106            <!-- <svg viewBox="0 0 24 24" fill="currentColor">
107              <path
108                d="M13.5 21v-7.5h2.5l.4-3h-2.9V8.6c0-.9.2-1.5 1.5-1.5h1.6V4.4c-.3 0-1.2-.1-2.3-.1-2.3 0-3.8 1.4-3.8 3.9v2.2H8v3h2.5V21h3z" />
109            </svg> -->
110
111            <i class="fa-brands fa-facebook-f facebook"></i>
112          </a>
113          <a href="#" aria-label="LinkedIn" target="_blank" rel="noopener">
114            <!-- <svg viewBox="0 0 24 24" fill="currentColor">
115              <path
116                d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM8.3 18.3H5.7V10h2.6v8.3zM7 8.8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm11.3 9.5h-2.6v-4c0-1 0-2.2-1.4-2.2s-1.6 1.1-1.6 2.2v4h-2.6V10h2.5v1.1h.1c.4-.7 1.2-1.4 2.5-1.4 2.7 0 3.2 1.8 3.2 4.1v4.5z" />
117            </svg> -->
118            <i class="fa-brands fa-linkedin linkedin"></i>
119          </a>
120          <a href="#" aria-label="Instagram" target="_blank" rel="noopener">
121            <!-- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
122              stroke-linejoin="round">
123              <rect x="3" y="3" width="18" height="18" rx="5" />
124              <circle cx="12" cy="12" r="4" />
125              <circle cx="17.5" cy="6.5" r="1" fill="currentColor" />
126            </svg> -->
127            <i class="fa-brands fa-instagram instagram"></i>
128          </a>
129          <a href="#" aria-label="X / Twitter" target="_blank" rel="noopener">
130            <!-- <svg viewBox="0 0 24 24" fill="currentColor">
131              <path
132                d="M18.244 2H21l-6.52 7.45L22 22h-6.84l-4.74-6.2L4.8 22H2l7-8L2 2h6.91l4.29 5.67L18.244 2zm-1.2 18h1.7L7.05 4H
1325.25l11.794 16z" />
133            </svg> -->
134            <i class="fa-brands fa-x-twitter xtwitter"></i>
135          </a>
136        </div>
137      </div>
138    </div>
139
140    <!-- Install Growth OS popup (logo-design only) -->
141    <div
142      class="gos-install-overlay"
143      id="gos-install-overlay"
144      role="dialog"
145      aria-modal="true"
146      aria-labelledby="gos-install-title"
147      hidden
148    >
149      <div class="gos-install-modal">
150        <button
151          type="button"
152          class="gos-install-close"
153          id="gos-install-close"
154          aria-label="Close"
155        >
156          ?
157        </button>
158        <div class="form-card">
159          <div class="gos-form-step active" data-gos-step="0">
160            <div class="form-card-h" id="gos-install-title">
161              Get My Free Packaging Review
162            </div>
163            <div class="form-card-sub">Free brief review   concepts within 24 hours.</div>
164            <div class="fg-row">
165              <div class="fg">
166                <label>Full Name</label>
167                <input type="text" name="gos_name" placeholder="Alex Johnson" autocomplete="name" />
168              </div>
169              <div class="fg">
170                <label>Work Email</label>
171                <input type="email" name="gos_email" placeholder="[email protected]" autocomplete="email" />
172              </div>
173            </div>
174            <div class="form-q-label">What do you need?</div>
175            <div class="opts">
176              <label class="opt"><input type="radio" name="gos_stage" value="new" /> New packaging from scratch</label>
177              <label class="opt"><input type="radio" name="gos_stage" value="refresh" /> Packaging refresh</label>
178              <label class="opt"><input type="radio" name="gos_stage" value="kit" /> Packaging + dielines</label>
179              <label class="opt"><input type="radio" name="gos_stage" value="rebrand" /> Full SKU line</label>
180            </div>
181            <div class="gos-install-actions">
182              <button type="button" class="next-btn" data-gos-next>Next <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span></button>
183            </div>
184          </div>
185
186          <div class="gos-form-step" data-gos-step="1">
187            <div class="form-card-h">Your Packaging Brief</div>
188            <div class="form-card-sub">Step 2 of 3</div>
189            <div class="form-q-label">What's wrong with your current packaging?</div>
190            <div class="opts">
191              <label class="opt"><input type="radio" name="gos_block" value="generic" /> Looks generic on shelf</label>
192              <label class="opt"><input type="radio" name="gos_block" value="files" /> Missing print files</label>
193              <label class="opt"><input type="radio" name="gos_block" value="inconsistent" /> Inconsistent across SKUs</label>
194              <label class="opt"><input type="radio" name="gos_block" value="none" /> No packaging yet</label>
195            </div>
196            <div class="form-q-label">When do you need it?</div>
197            <div class="opts">
198              <label class="opt"><input type="radio" name="gos_team" value="asap" /> ASAP (under 1 week)</label>
199              <label class="opt"><input type="radio" name="gos_team" value="2w" /> 1&ndash;2 weeks</label>
200              <label class="opt"><input type="radio" name="gos_team" value="month" /> Within 30 days</label>
201              <label class="opt"><input type="radio" name="gos_team" value="flex" /> Flexible</label>
202            </div>
203            <div class="gos-install-actions">
204              <button type="button" class="back-btn" data-gos-back>? Back</button>
205              <button type="button" class="next-btn" data-gos-next>Next <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span></button>
206            </div>
207          </div>
208
209          <div class="gos-form-step" data-gos-step="2">
210            <div class="form-card-h">Almost Done</div>
211            <div class="form-card-sub">Step 3 of 3</div>
212            <div class="fg">
213              <label>Phone Number</label>
214              <input type="tel" name="gos_phone" placeholder="+1 (555) 000-0000" autocomplete="tel" />
215            </div>
216            <div class="fg">
217              <label
218                >How did you hear about us?
219                <span style="font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)">(optional)</span></label
220              >
221              <input type="text" name="gos_source" placeholder="LinkedIn, referral, Google..." />
222            </div>
223            <p class="form-note" style="margin-top:12px">No sales pressure. No spam. Just a direct conversation about fit.</p>
224            <div class="gos-install-actions">
225              <button type="button" class="back-btn" data-gos-back>? Back</button>
226              <button type="button" class="form-submit" data-gos-submit>Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span></button>
227            </div>
228          </div>
229        </div>
230      </div>
231    </div>
232
233    <!-- Lead popup   hero banner form -->
234    <div
235      class="lead-popup-overlay"
236      id="lead-popup-overlay"
237      role="dialog"
238      aria-modal="true"
239      aria-labelledby="lead-popup-title"
240      hidden
241    >
242      <div class="lead-popup-modal">
243        <button
244          type="button"
245          class="lead-popup-close"
246          id="lead-popup-close"
247          aria-label="Close"
248        >
249          &times;
250        </button>
251        <div class="quiz-card hero-banner-form" id="leadPopupCard">
252          <form id="leadPopupForm" novalidate>
253            <h3 class="hero-banner-form__title" id="lead-popup-title">
254              Your Logo. <em>24 Hours.</em><br />
255              <span class="hero-banner-form__title-small"
256                >Lock in 50% off brief us today.</span
257              >
258            </h3>
259            <div class="hero-banner-form__fields">
260              <input
261                class="hero-banner-form__field"
262                type="text"
263                name="name"
264                placeholder="Full name"
265                required
266                autocomplete="name"
267              />
268              <input
269                class="hero-banner-form__field"
270                type="email"
271                name="email"
272                placeholder="Work email"
273                required
274                autocomplete="email"
275              />
276              <input
277                class="hero-banner-form__field"
278                type="tel"
279                name="phone"
280                placeholder="Phone number"
281                required
282                autocomplete="tel"
283              />
284              <select class="hero-banner-form__field" name="need" required>
285                <option value="" disabled selected>What do you need?</option>
286                <option value="new-packaging">New packaging from scratch</option>
287                <option value="refresh">Packaging refresh</option>
288                <option value="brand-kit">Packaging + dielines</option>
289                <option value="rebrand">Full SKU line</option>
290                <option value="other">Other / not sure</option>
291              </select>
292              <button
293                type="submit"
294                class="quiz-next hero-banner-form__submit"
295              >
296                Start my project <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span>
297              </button>
298              <p class="quiz-foot hero-banner-form__foot">
299                Concepts in 48 hrs &middot; Unlimited revisions &middot; US entity
300              </p>
301            </div>
302            <div class="hero-banner-form__success">
303              <div class="quiz-done-icon">&#10003;</div>
304              <p style="font-weight: 600; color: var(--ink); margin-top: 8px">
305                Thanks   we&rsquo;ll be in touch shortly.
306              </p>
307            </div>
308          </form>
309        </div>
310      </div>
311    </div>
312    
313    <!-- ?? TOP PROMO BAR ?? -->
314    <div class="top-promo-bar" role="region" aria-label="Promotional offer">
315      <div class="top-promo-bar__inner">
316        <div class="top-promo-bar__offer">
317          <span class="top-promo-bar__badge">Limited time offer</span>
318          <p class="top-promo-bar__text">
319            New Founders Launch: Founding member pricing 50% off, limited spots
320            <span class="top-promo-bar__sep" aria-hidden="true">&middot;</span>
321            <a href="#get-matched" class="top-promo-bar__cta-link"
322              >Activate your coupon now &rarr;</a
323            >
324          </p>
325          <p class="top-promo-bar__text top-promo-bar__text--mobile">
326            50% off   New Founders Launch
327            <span class="top-promo-bar__sep" aria-hidden="true">&middot;</span>
328            <a href="#get-matched" class="top-promo-bar__cta-link"
329              >Activate &rarr;</a
330            >
331          </p>
332        </div>
333        <div class="top-promo-bar__contact">
334          <a href="tel:+17253024177" class="top-promo-bar__link">
335            <i class="fa-solid fa-phone" aria-hidden="true"></i>
336            (725) 302-4177
337          </a>
338          <a href="#get-matched" class="top-promo-bar__link top-promo-bar__link--chat">
339            <i class="fa-solid fa-comments" aria-hidden="true"></i>
340            Live Chat With Expert
341          </a>
342        </div>
343      </div>
344    </div>
345
346    <!-- ?? NAV ?? -->
347    <nav id="nav">
348      <!-- <a href="#" class="nav-logo">StartupAdvisory<span>.ai</span></a> -->
349      <a href="/">
350        <img src="/assets/images/header-logo.svg" class="logo1" alt/>
351      </a>
352      <ul class="nav-links" id="primary-menu">
353        <li>
354          <a href="/growth-os.html">
355            <span>The Growth OS</span>
356          </a>
357        </li>
358        <li>
359          <a href="/who-we-help.html">
360            <span>Who We Help</span>
361            <i class="fa fa-angle-down"></i>
362          </a>
363          <ul>
364            <li>
365              <a href="/for-startups.html">
366                <span class="nav-icon default">
367                  <svg
368                    xmlns="http://www.w3.org/2000/svg"
369                    width="16"
370                    height="16"
371                    fill="currentColor"
372                    class="bi bi-rocket-takeoff"
373                    viewBox="0 0 16 16"
374                  >
375                    <path
376                      d="M9.752 6.193c.599.6 1.73.437 2.528-.362s.96-1.932.362-2.531c-.599-.6-1.73-.438-2.528.361-.798.8-.96 1.933-.362 2.532"
377                    />
378                    <path
379                      d="M15.811 3.312c-.363 1.534-1.334 3.626-3.64 6.218l-.24 2.408a2.56 2.56 0 0 1-.732 1.526L8.817 15.85a.51.51 0 0 1-.867-.434l.27-1.899c.04-.28-.013-.593-.131-.956a9 9 0 0 0-.249-.657l-.082-.202c-.815-.197-1.578-.662-2.191-1.277-.614-.615-1.079-1.379-1.275-2.195l-.203-.083a10 10 0 0 0-.655-.248c-.363-.119-.675-.172-.955-.132l-1.896.27A.51.51 0 0 1 .15 7.17l2.382-2.386c.41-.41.947-.67 1.524-.734h.006l2.4-.238C9.005 1.55 11.087.582 12.623.208c.89-.217 1.59-.232 2.08-.188.244.023.435.06.57.093q.1.026.16.045c.184.06.279.13.351.295l.029.073a3.5 3.5 0 0 1 .157.721c.055.485.051 1.178-.159 2.065m-4.828 7.475.04-.04-.107 1.081a1.54 1.54 0 0 1-.44.913l-1.298 1.3.054-.38c.072-.506-.034-.993-.172-1.418a9 9 0 0 0-.164-.45c.738-.065 1.462-.38 2.087-1.006M5.205 5c-.625.626-.94 1.351-1.004 2.09a9 9 0 0 0-.45-.164c-.424-.138-.91-.244-1.416-.172l-.38.054 1.3-1.3c.245-.246.566-.401.91-.44l1.08-.107zm9.406-3.961c-.38-.034-.967-.027-1.746.163-1.558.38-3.917 1.496-6.937 4.521-.62.62-.799 1.34-.687 2.051.107.676.483 1.362 1.048 1.928.564.565 1.25.941 1.924 1.049.71.112 1.429-.067 2.048-.688 3.079-3.083 4.192-5.444 4.556-6.987.183-.771.18-1.345.138-1.713a3 3 0 0 0-.045-.283 3 3 0 0 0-.3-.041Z"
380                    />
381                    <path
382                      d="M7.009 12.139a7.6 7.6 0 0 1-1.804-1.352A7.6 7.6 0 0 1 3.794 8.86c-1.102.992-1.965 5.054-1.839 5.18.125.126 3.936-.896 5.054-1.902Z"
383                    />
384                  </svg>
385                </span>
386                <span>
387                  <h4>For Startups</h4>
388                  <p>Growth OS for founders</p>
389                </span>
390              </a>
391            </li>
392            <li>
393              <a href="/for-agencies.html">
394                <span class="nav-icon green">
395                  <svg
396                    xmlns="http://www.w3.org/2000/svg"
397                    width="16"
398                    height="16"
399                    
400                    class="bi bi-people-half-fill"
401                    viewBox="0 0 16 16"
402                    aria-hidden="true"
403                  >
404                    <path
405                      class="people-outline"
406                      fill="none"
407                      stroke="currentColor"
408                      stroke-width="0.9"
409                      stroke-linejoin="round"
410                      d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
411                    />
412                    <path
413                      class="people-half-fill"
414                      fill="currentColor"
415                      d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
416                    />
417                    <path
418                      class="people-outline"
419                      fill="none"
420                      stroke="currentColor"
421                      stroke-width="0.9"
422                      stroke-linejoin="round"
423                      d="M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"
424                    />
425                    <path
426                      class="people-half-fill"
427                      fill="currentColor"
428                      d="M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"
429                    />
430                  </svg>
431                </span>
432                <span>
433                  <h4>For Agencies</h4>
434                  <p>White-label production team</p>
435                </span>
436              </a>
437            </li>
438          </ul>
439        </li>
440                <li class="nav-item--what-we-do">
441          <a href="/design-services.html">
442            <span>What We Do</span>
443            <i class="fa fa-angle-down"></i>
444          </a>
445          <ul>
446            <li>
447              <a href="/what-we-do/logo-and-branding.html">
448                <span class="nav-icon purple">
449                  <i class="fa-solid fa-signature" aria-hidden="true"></i>
450                </span>
451                <span>
452                  <h4>Logo and Branding</h4>
453                  <p>Marks, logos & visual identities</p>
454                </span>
455              </a>
456            </li>
457            <li>
458              <a href="/what-we-do/web-design-and-development.html">
459                <span class="nav-icon green">
460                  <i class="fa-solid fa-code" aria-hidden="true"></i>
461                </span>
462                <span>
463                  <h4>Web Design & Development</h4>
464                  <p>Websites, apps & digital experiences</p>
465                </span>
466              </a>
467            </li>
468            <li>
469              <a href="/what-we-do/motion-video.html">
470                <span class="nav-icon green">
471                  <i class="fa-solid fa-photo-film" aria-hidden="true"></i>
472                </span>
473                <span>
474                  <h4>Motion & Video</h4>
475                  <p>Reels, explainers &<br />motion</p>
476                </span>
477              </a>
478            </li>
479            <!-- Brand Identity (hidden from nav)
480<li>
481              <a href="/what-we-do/brand-identity.html">
482                <span class="nav-icon default">
483                  <i class="fa-solid fa-palette" aria-hidden="true"></i>
484                </span>
485                <span>
486                  <h4>Brand Identity</h4>
487                  <p>Logos, systems & guidelines</p>
488                </span>
489              </a>
490            </li>
491
492            -->
493          
494            <li>
495              <a href="/what-we-do/mobile-application.html">
496                <span class="nav-icon purple">
497                  <i class="fa-solid fa-mobile-screen-button" aria-hidden="true"></i>
498                </span>
499                <span>
500                  <h4>Mobile Application</h4>
501                  <p>Native iOS &amp;<br />Android apps</p>
502                </span>
503              </a>
504            </li>
505            <li>
506              <a href="/what-we-do/email-marketing.html">
507                <span class="nav-icon green">
508                  <i class="fa-solid fa-envelope-open-text" aria-hidden="true"></i>
509                </span>
510                <span>
511                  <h4>Email Marketing</h4>
512                  <p>Campaigns, flows &amp; automation</p>
513                </span>
514              </a>
515            </li>
516                        <li>
517              <a href="/what-we-do/content-writing.html">
518                <span class="nav-icon purple">
519                  <i class="fa-solid fa-pen-nib" aria-hidden="true"></i>
520                </span>
521                <span>
522                  <h4>Content Writing</h4>
523                  <p>Blogs, web copy &amp;<br>articles</p>
524                </span>
525              </a>
526            </li><li>
527              <a href="/what-we-do/search-engine-optimization.html">
528                <span class="nav-icon green">
529                  <i class="fa-solid fa-ranking-star" aria-hidden="true"></i>
530                </span>
531                <span>
532                  <h4>Search Engine Optimization</h4>
533                  <p>Rankings, organic traffic &amp; growth</p>
534                </span>
535              </a>
536            </li>            <li>
537              <a href="/what-we-do/social-media-marketing.html">
538                <span class="nav-icon purple">
539                  <i class="fa-solid fa-heart" aria-hidden="true"></i>
540                </span>
541                <span>
542                  <h4>Social Media Marketing</h4>
543                  <p>Content, ads &amp; community growth</p>
544                </span>
545              </a>
546            </li>            <li>
547              <a href="/what-we-do/ppc-and-google-ads.html">
548                <span class="nav-icon purple">
549                  <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
550                    <line x1="5.2" y1="18.2" x2="11.5" y2="4.8" stroke="#21bfcf" stroke-width="4.2" stroke-linecap="round"/>
551                    <line x1="11.5" y1="4.8" x2="19.5" y2="18.2" stroke="#454da1" stroke-width="4.2" stroke-linecap="round"/>
552                    <circle cx="5.2" cy="18.2" r="2.45" fill="#2f3680"/>
553                  </svg>
554                </span>
555                <span>
556                  <h4>PPC &amp; Google Ads</h4>
557                  <p>Search, Meta &amp; paid campaigns</p>
558                </span>
559              </a>
560            </li>
561            <li>
562              <a href="/what-we-do/product-packaging.html" aria-current="page">
563                <span class="nav-icon default">
564                  <i class="fa-solid fa-boxes-stacked" aria-hidden="true"></i>
565                </span>
566                <span>
567                  <h4>Product Packaging</h4>
568                  <p>Shelf ready packaging &amp; dielines</p>
569                </span>
570              </a>
571            </li>
572            <li>
573              <a href="/what-we-do/apparel-merchandise.html">
574                <span class="nav-icon purple">
575                  <i class="fa-solid fa-shirt" aria-hidden="true"></i>
576                </span>
577                <span>
578                  <h4>Apparel &amp; Merchandise</h4>
579                  <p>Tees, hoodies, caps &amp; team kits</p>
580                </span>
581              </a>
582            </li>
583            <li>
584              <a href="/what-we-do/ecommerce-website-design.html">
585                <span class="nav-icon green">
586                  <i class="fa-solid fa-cart-shopping" aria-hidden="true"></i>
587                </span>
588                <span>
589                  <h4>E-commerce Websites</h4>
590                  <p>Online stores, carts &amp;<br />checkouts that convert</p>
591                </span>
592              </a>
593            </li>            <li>
594              <a href="/what-we-do/ai-chat-bot.html">
595                <span class="nav-icon purple">
596                  <i class="fa-solid fa-robot" aria-hidden="true"></i>
597                </span>
598                <span>
599                  <h4>AI Chatbot</h4>
600                  <p>Custom bots trained &amp; deployed</p>
601                </span>
602              </a>
603            </li>
604            <li>
605              <a href="/what-we-do/ebook.html">
606                <span class="nav-icon default">
607                  <i class="fa-solid fa-book-open" aria-hidden="true"></i>
608                </span>
609                <span>
610                  <h4>ebook &amp; writing</h4>
611                  <p>Lead magnets, whitepapers &amp; reports</p>
612                </span>
613              </a>
614            </li>
615            <li>
616              <a href="/what-we-do/guest-posting.html">
617                <span class="nav-icon green">
618                  <i class="fa-solid fa-link" aria-hidden="true"></i>
619                </span>
620                <span>
621                  <h4>Guest Posting</h4>
622                  <p>Editorial placements &amp; backlinks</p>
623                </span>
624              </a>
625            </li>
626            <li>
627              <a href="/what-we-do/link-building.html">
628                <span class="nav-icon green">
629                  <i class="fa-solid fa-sitemap" aria-hidden="true"></i>
630                </span>
631                <span>
632                  <h4>Link Building</h4>
633                  <p>Authority backlinks &amp; off-page SEO</p>
634                </span>
635              </a>
636            </li>
637            <li>
638              <a href="/what-we-do/video-editing.html">
639                <span class="nav-icon purple">
640                  <i class="fa-solid fa-film" aria-hidden="true"></i>
641                </span>
642                <span>
643                  <h4>Video Editing</h4>
644                  <p>Cuts, reels &amp; channel ready edits</p>
645                </span>
646              </a>
647            </li>          </ul>
648        </li>
649        <!-- <li>
650          <a href="founding-members.html">
651            <span>Founding Members</span>
652          </a>
653        </li> -->
654        <li>
655          <a href="/portfolio.html">
656            <span>Portfolio</span>
657          </a>
658        </li>
659        <li>
660          <a href="/about.html">
661            <span>About Us</span>
662          </a>
663        </li>
664        <!-- <li><a href="#faq">
665            <span>FAQ</span>
666          </a>
667        </li> -->
668      </ul>
669      <button
670        type="button"
671        class="nav-toggle"
672        id="navToggle"
673        aria-expanded="false"
674        aria-controls="primary-menu"
675        aria-label="Open menu"
676      >
677        <span class="nav-toggle-bar"></span>
678        <span class="nav-toggle-bar"></span>
679        <span class="nav-toggle-bar"></span>
680      </button>
681      <a href="#get-matched" class="nav-cta">Founding Members</a>
682    </nav>
683
684    <!-- ?? HERO ?? -->
685    <section class="hero">
686      <img
687        class="hero-bg-video"
688        src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/content.webp"
689        alt=""
690        aria-hidden="true"
691        loading="eager"
692        decoding="async"
693      />
694      <div class="hero-bg-shape shape-left" aria-hidden="true"></div>
695      <div class="hero-bg-shape shape-right" aria-hidden="true"></div>
696      <div class="hero-dots dots-left" aria-hidden="true"></div>
697      <div class="hero-dots dots-right" aria-hidden="true"></div>
698      <div class="hero-sparkle s1" aria-hidden="true">&#10022;</div>
699      <div class="hero-sparkle s2" aria-hidden="true">&#10022;</div>
700      <div class="hero-sparkle s3" aria-hidden="true">&#10022;</div>
701      <div class="hero-sparkle s4" aria-hidden="true">&#10022;</div>
702      <div class="hero-inner hero-inner--attach">
703        <div>
704          <div class="hero-copy">
705            <div class="hero-badge">
706              <span class="dot"></span> We run it <span class="hero-badge__sep">&middot;</span> Product Packaging
707            </div>
708            <h1>
709              <span class="hero-h1-line">Get Packaging That</span>
710              <span class="hero-h1-line">Sells Off the Shelf</span>
711              <span class="hero-h1-line hero-h1-line--bottom">
712                <em>Print Ready in Days.</em>
713              </span>
714            </h1>
715            <p class="hero-sub">
716              Boxes, labels, and pouches designed by a senior team without hiring a designer, decoding dielines, or waiting weeks. US grade craft at a fraction of US cost.
717            </p>
718            <div class="hero-actions mb-4">
719              <a href="#get-matched" class="btn-green"
720                >Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span></a
721              >
722              <a href="#pricing" class="btn-ghost"
723                >See Packages <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span></a
724              >
725            </div>
726          </div>
727          <div
728            class="hero-industries__stack hero__banner"
729            aria-label="Product packaging benefits"
730          >
731            <div class="hero-industries__row">
732              <div class="ind-tag">Print ready in days</div>
733              <div class="ind-tag">Unlimited revisions</div>
734            </div>
735            <div class="hero-industries__row">
736              <div class="ind-tag">
736You own every file</div>
737              <div class="ind-tag">Printer approved or we fix it</div>
738            </div>
739          </div>
740        </div>
741        <div class="hero-visual">
742          <!-- Hero banner consultation form -->
743          <div class="lead-form lead-form--hero-v2 reveal" id="quizCard">
744            <div class="hero-float" role="status">
745              <span>&#9679; Active</span> Brand Studio Running
746            </div>
747            <div class="lead-form__head">
748              <div class="lead-form__title">Get an expert review of your packaging idea</div>
749              <p class="lead-form__subtitle">Share your product or current packaging and our design team will flag the 3 fastest paths to a shelf ready design.</p>
750            </div>
751            <div class="lead-form__inline-promo" style="display:flex;gap:9px;align-items:flex-start;background:rgba(22,185,129,.08);border:1px solid rgba(22,185,129,.28);border-radius:10px;padding:9px 12px;margin:0 0 12px;font-size:12.5px;color:#0b3b2e;line-height:1.4"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#0e9f6e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex:0 0 auto;margin-top:1px"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg><span>Unlock <strong>50% Off the &ldquo;New Founders Launch&rdquo; Discount</strong> on your first packaging package for qualifying businesses in their 1st year.</span></div>
752            <form id="heroBannerConsultForm" novalidate>
753              <div class="lead-form__group">
754                <label class="lead-form__label" for="hero-name">Full Name</label>
755                <div class="lead-form__input-shell">
756                  <span class="lead-form__input-icon" aria-hidden="true">
757                    <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
758                  </span>
759                  <input id="hero-name" type="text" class="lead-form__input" name="name" placeholder="Your full name" required autocomplete="name" />
760                </div>
761              </div>
762              <div class="lead-form__group">
763                <label class="lead-form__label" for="hero-email">Work Email</label>
764                <div class="lead-form__input-shell">
765                  <span class="lead-form__input-icon" aria-hidden="true">
766                    <svg viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 6-10 7L2 6"/></svg>
767                  </span>
768                  <input id="hero-email" type="email" class="lead-form__input" name="email" placeholder="[email protected]" required autocomplete="email" />
769                </div>
770              </div>
771              <div class="lead-form__group">
772                <label class="lead-form__label" for="hero-phone">Phone / WhatsApp</label>
773                <div class="lead-form__input-shell">
774                  <span class="lead-form__input-icon" aria-hidden="true">
775                    <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
776                  </span>
777                  <input id="hero-phone" type="tel" class="lead-form__input" name="phone" placeholder="+1 (555) 123-4567" required autocomplete="tel" />
778                </div>
779              </div>
780              <div class="lead-form__group">
781                <label class="lead-form__label" for="hero-product-link">Product or Brand Link</label>
782                <div class="lead-form__input-shell">
783                  <span class="lead-form__input-icon" aria-hidden="true">
784                    <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
785                  </span>
786                  <input id="hero-product-link" type="text" class="lead-form__input" name="product_link" placeholder="Product name, store link, or current packaging" required />
787                </div>
788              </div>
789              <button type="submit" class="btn lead-form__submit">Start My Packaging Project <svg class="lead-form__submit-icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg></button>
790            </form>
791            <div class="lead-form__foot lead-form__guarantees lead-form__guarantees--bar">
792              <div class="lead-form__guarantee-item">
793                <div class="lead-form__guarantee-icon" aria-hidden="true">
794                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ic"><line x1="12" x2="12" y1="2" y2="22"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
795                </div>
796                <span>Unlimited Revisions</span>
797              </div>
798              <div class="lead-form__guarantee-item">
799                <div class="lead-form__guarantee-icon" aria-hidden="true">
800                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ic"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M9 10l.01 0"></path><path d="M15 10l.01 0"></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0"></path></svg>
801                </div>
802                <span>Satisfaction Guaranteed</span>
803              </div>
804              <div class="lead-form__guarantee-item">
805                <div class="lead-form__guarantee-icon" aria-hidden="true">
806                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ic"><path d="M3 21v-4a4 4 0 1 1 4 4h-4"></path><path d="M21 3a16 16 0 0 0 -12.8 10.2"></path><path d="M21 3a16 16 0 0 1 -10.2 12.8"></path><path d="M10.6 9a9 9 0 0 1 4.4 4.4"></path></svg>
807                </div>
808                <span>100% Custom</span>
809              </div>
810            </div>
811            <div class="hero-banner-form__success" style="display:none;text-align:center;padding:16px 0">
812              <div class="quiz-done-icon">&#10003;</div>
813              <p style="font-weight:600;color:var(--ink);margin-top:8px">Thanks   we&apos;ll be in touch shortly.</p>
814            </div>
815          </div>
816        </div>
817      </div>
818    </section>
819
820    <!-- ?? LOGO BAR ?? -->
821
822    <!-- ?? COMPARISON (hidden) ??
823    <section class="comparison-section">
824      <div class="container">
825        <div class="section-label reveal">
826          Why Founders Choose Us for Product Packaging
827        </div>
828        <h2 class="reveal">
829          One partner delivers what <em>the others can't.</em>
830        </h2>
831        <p class="section-intro reveal">
832          Cheap packaging looks fine in a mockup then falls apart at print,
833          on shelf, and in fulfillment. We design once and ship production ready.
834        </p>
835        <div class="comp-table-wrap reveal">
836          <table class="comp-table">
837            <thead>
838              <tr>
839                <th>Feature</th>
840                <th class="hi">
841                  <img
842                    src="/assets/images/what-we-do/logo%20large%20image%20webp/logo%20design%20v2/logo%20footer%20or%20header/header-logo.svg"
843                    class="logo2"
844                    alt="StartupAdvisory.ai"
845                    width="112"
846                    height="28"
847                    loading="lazy"
848                    decoding="async"
849                  />
850                </th>
851                <th>Fiverr / DIY</th>
852                <th>Template Shops</th>
853                <th>Canva</th>
854                <th>US Agency</th>
855              </tr>
856            </thead>
857            <tbody>
858              <tr>
859                <td>Custom packaging design</td>
860                <td class="hi"><span class="green1">?</span> Expert-crafted</td>
861                <td>
862                  <svg
863                    class="wrong"
864                    xmlns="http://www.w3.org/2000/svg"
865                    viewBox="0 0 122.88 111.54"
866                    aria-hidden="true"
867                    focusable="false"
868                  >
869                    <title>caution</title>
870                    <path
871                      class="cls-1"
872                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
873                    />
874                    <path
875                      class="cls-2"
876                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
877                    />
878                    <path
879                      class="cls-1"
880                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
881                    />
882                  </svg>
883                  Slides only
884                </td>
885                <td><span class="wrong1"> ? </span> None</td>
886                <td><span class="wrong1">?</span> None</td>
887                <td>
888                  <svg
889                    class="wrong"
890                    xmlns="http://www.w3.org/2000/svg"
891                    viewBox="0 0 122.88 111.54"
892                    aria-hidden="true"
893                    focusable="false"
894                  >
895                    <title>caution</title>
896                    <path
897                      class="cls-1"
898                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
899                    />
900                    <path
901                      class="cls-2"
902                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
903                    />
904                    <path
905                      class="cls-1"
906                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
907                    />
908                  </svg>
909                  After 6mo ramp
910                </td>
911              </tr>
912              <tr>
913                <td>Unlimited revisions</td>
914                <td class="hi"><span class="green1">?</span> Included</td>
915                <td>
916                  <svg
917                    class="wrong"
918                    xmlns="http://www.w3.org/2000/svg"
919                    viewBox="0 0 122.88 111.54"
920                    aria-hidden="true"
921                    focusable="false"
922                  >
923                    <title>caution</title>
924                    <path
925                      class="cls-1"
926                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
927                    />
928                    <path
929                      class="cls-2"
930                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
931                    />
932                    <path
933                      class="cls-1"
934                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
935                    />
936                  </svg>
937                  Weekly cycles
938                </td>
939                <td>
940                  <svg
941                    class="wrong"
942                    xmlns="http://www.w3.org/2000/svg"
943                    viewBox="0 0 122.88 111.54"
944                    aria-hidden="true"
945                    focusable="false"
946                  >
947                    <title>caution</title>
948                    <path
949                      class="cls-1"
950                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
951                    />
952                    <path
953                      class="cls-2"
954                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
955                    />
956                    <path
957                      class="cls-1"
958                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
959                    />
960                  </svg>
961                  Inconsistent
962                </td>
963                <td><span class="green1">?</span> Task-level only</td>
964                <td>
965                  <svg
966                    class="wrong"
967                    xmlns="http://www.w3.org/2000/svg"
968                    viewBox="0 0 122.88 111.54"
969                    aria-hidden="true"
970                    focusable="false"
971                  >
972                    <title>caution</title>
973                    <path
974                      class="cls-1"
975                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
976                    />
977                    <path
978                      class="cls-2"
979                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
980                    />
981                    <path
982                      class="cls-1"
983                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
984                    />
985                  </svg>
986                  Slow ramp-up
987                </td>
988              </tr>
989              <tr>
990                <td>Dedicated designer</td>
991                <td class="hi"><span class="green1">?</span> One expert</td>
992                <td><span class="wrong1"> ? </span> Multiple PMs</td>
993                <td>
994                  <svg
995                    class="wrong"
996                    xmlns="http://www.w3.org/2000/svg"
997                    viewBox="0 0 122.88 111.54"
998                    aria-hidden="true"
999                    focusable="false"
1000                  >
1001                    <title>caution</title>
1002                    <path
1003                      class="cls-1"
1004                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
1005                    />
1006                    <path
1007                      class="cls-2"
1008                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
1009                    />
1010                    <path
1011                      class="cls-1"
1012                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
1013                    />
1014                  </svg>
1015                  5+ people
1016                </td>
1017                <td><span class="green1">?</span> One person</td>
1018                <td><span class="green1">?</span> One hire</td>
1019              </tr>
1020              <tr>
1021                <td>Print ready production files</td>
1022                <td class="hi"><span class="green1"> ? </span>Complete delivery</td>
1023                <td>
1024                  <svg
1025                    class="wrong"
1026                    xmlns="http://www.w3.org/2000/svg"
1027                    viewBox="0 0 122.88 111.54"
1028                    aria-hidden="true"
1029                    focusable="false"
1030                  >
1031                    <title>caution</title>
1032                    <path
1033                      class="cls-1"
1034                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
1035                    />
1036                    <path
1037                      class="cls-2"
1038                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
1039                    />
1040                    <path
1041                      class="cls-1"
1042                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
1043                    />
1044                  </svg>
1045                  Siloed depts
1046                </td>
1047                <td><span class="wrong1">?</span> One skill each</td>
1048                <td><span class="wrong1">?</span> Admin only</td>
1049                <td><span class="wrong1">?</span> One role</td>
1050              </tr>
1051              <tr>
1052                <td>Done-for-you process</td>
1053                <td class="hi"><span class="green1">? </span> No DIY stress</td>
1054                <td>
1055                  <svg
1056                    class="wrong"
1057                    xmlns="http://www.w3.org/2000/svg"
1058                    viewBox="0 0 122.88 111.54"
1059                    aria-hidden="true"
1060                    focusable="false"
1061                  >
1062                    <title>caution</title>
1063                    <path
1064                      class="cls-1"
1065                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
1066                    />
1067                    <path
1068                      class="cls-2"
1069                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
1070                    />
1071                    <path
1072                      class="cls-1"
1073                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
1074                    />
1075                  </svg>
1076                  You manage
1077                </td>
1078                <td><span class="wrong1"> ? </span> You?re the PM</td>
1079                <td style="white-space: nowrap;"><span class="wrong1"> ? </span>&nbsp;Constant&nbsp;brief</td>
1080                <td style="white-space: nowrap;">
1081                  <svg
1082                    class="wrong"
1083                    xmlns="http://www.w3.org/2000/svg"
1084                    viewBox="0 0 122.88 111.54"
1085                    aria-hidden="true"
1086                    focusable="false"
1087                  >
1088                    <title>caution</title>
1089                    <path
1090                      class="cls-1"
1091                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
1092                    />
1093                    <path
1094                      class="cls-2"
1095                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
1096                    />
1097                    <path
1098                      class="cls-1"
1099                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
1100                    />
1101                  </svg>&nbsp;Heavy&nbsp;onboarding
1102                </td>
1103              </tr>
1104              <tr>
1105                <td>Dieline &amp; print specs</td>
1106                <td class="hi"><span class="green1"> ? </span> All formats</td>
1107                <td><span class="wrong1"> ? </span> Add on cost</td>
1108                <td><span class="wrong1"> ? </span> Tool dependent</td>
1109                <td><span class="wrong1"> ? </span> Not equipped</td>
1110                <td><span class="wrong1"> ? </span> DIY setup</td>
1111              </tr>
1112              <tr>
1113                <td>Full packaging ownership</td>
1114                <td class="hi"><span class="green1">?</span> 100% yours</td>
1115                <td><span class="green1"> ? </span>Vendor model</td>
1116                <td><span class="green1"> ? </span>1099 only</td>
1117                <td><span class="green1"> ? </span>Contractor</td>
1118                <td><span class="wrong1"> ? </span> $120K+ liability</td>
1119              </tr>
1120              <tr>
1121                <td>Affordable pricing</td>
1122                <td class="hi"><span class="green1"> ? </span>From $129</td>
1123                <td><span class="wrong1">?</span> $8K&ndash;15K/mo</td>
1124                <td>
1125                  <svg
1126                    class="wrong"
1127                    xmlns="http://www.w3.org/2000/svg"
1128                    viewBox="0 0 122.88 111.54"
1129                    aria-hidden="true"
1130                    focusable="false"
1131                  >
1132                    <title>caution</title>
1133                    <path
1134                      class="cls-1"
1135                      d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"
1136                    />
1137                    <path
1138                      class="cls-2"
1139                      d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"
1140                    />
1141                    <path
1142                      class="cls-1"
1143                      d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"
1144                    />
1145                  </svg>
1146                  Hidden costs
1147                </td>
1148                <td><span class="green1"> ? </span> Cheap limited</td>
1149                <td><span class="wrong1"> ? </span> $120K+/yr</td>
1150              </tr>
1151            </tbody>
1152          </table>
1153        </div>
1154      </div>
1155    </section>
1156    -->
1157
1158    <!-- ?? PRICING ?? -->
1159    
1160    <section class="pricing-sec" id="pricing">
1161      <div class="pricing-inner">
1162        <div class="chip r mid">
1163          <span class="dot" style="background: var(--mid)"></span> Packaging only
1164        </div>
1165        <h2 class="r">Shelf ready packaging, <em>without a $10K studio invoice.</em></h2>
1166        <p class="sec-sub r">
1167          Flat rate packages, no per revision billing. Own every file.
1168        </p>
1169        <div class="pricing-grid">
1170          <div class="p-card r" data-checkout-name="Label Starter">
1171            <div class="p-tier">Founding</div>
1172            <div class="p-was">Was <span class="geo-price-value notranslate" translate="no" data-usd="258">$258</span></div>
1173            <div class="p-price notranslate" data-usd="129" translate="no">$129</div>
1174            <div class="p-period">one time SAVE <span class="geo-price-value notranslate" translate="no" data-usd="129">$129</span> 5 DAY DELIVERY</div>
1175            <div class="p-name">Label Starter</div>
1176            <div class="p-desc">1 label or single SKU design</div>
1177            <ul class="p-features">
1178              <li>Custom dieline</li>
1179              <li>Print ready files</li>
1180              <li>3D mockup</li>
1181              <li>Unlimited revisions</li>
1182              <li>100% ownership rights</li>
1183            </ul>
1184            <a href="#get-matched" class="p-btn pb-out">Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span></a>
1185          </div>
1186
1187          <div class="p-card featured r d1" data-checkout-name="Packaging Pro">
1188            <div class="p-pop">&#9733; MOST POPULAR</div>
1189            <div class="p-tier">Professional</div>
1190            <div class="p-was">Was <span class="geo-price-value notranslate" translate="no" data-usd="398">$398</span></div>
1191            <div class="p-price notranslate" data-usd="199" translate="no">$199</div>
1192            <div class="p-period">one time SAVE <span class="geo-price-value notranslate" translate="no" data-usd="99">$99</span> 6 DAY DELIVERY</div>
1193            <div class="p-name">Packaging Pro</div>
1194            <div class="p-desc">Full box + label system, up to 3 SKUs</div>
1195            <ul class="p-features">
1196              <li>Full box + label system</li>
1197              <li>Up to 3 SKUs</li>
1198              <li>Pantone/CMYK proofing</li>
1199              <li>Amazon/retail spec files</li>
1200              <li>Shelf mockups</li>
1201              <li>Unlimited revisions</li>
1202              <li>100% ownership rights</li>
1203            </ul>
1204            <a href="#get-matched" class="p-btn pb-green">Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span></a>
1205          </div>
1206
1207          <div class="p-card r d2" data-checkout-name="Packaging System">
1208            <div class="p-tier">Premium</div>
1209            <div class="p-was">Was <span class="geo-price-value notranslate" translate="no" data-usd="698">$698</span></div>
1210            <div class="p-price notranslate" data-usd="349" translate="no">$349</div>
1211            <div class="p-period">one time SAVE <span class="geo-price-value notranslate" translate="no" data-usd="349">$349</span> PRIORITY DELIVERY</div>
1212            <div class="p-name">Packaging System</div>
1213            <div class="p-desc">Full product line system</div>
1214            <ul class="p-features">
1215              <li>Unlimited SKU variations</li>
1216              <li>Structural design</li>
1217              <li>
1217Print liaison</li>
1218              <li>Priority turnaround</li>
1219              <li>Dielines for all formats</li>
1220              <li>Multi SKU variant system</li>
1221              <li>100% ownership rights</li>
1222            </ul>
1223            <a href="#get-matched" class="p-btn pb-out">Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span></a>
1224          </div>
1225        </div>
1226      </div>
1227    </section>
1228
1229    <!-- -- PROBLEM (Product Packaging) -- -->
1230    <section class="problem-section problem-section1 pb-0" id="problem">
1231      <div class="container">
1232        <div class="section-label reveal">Why packaging matters</div>
1233        <h2 class="reveal">
1234          Weak packaging quietly <br /><em>loses you sales.</em>
1235        </h2>
1236        <p class="section-intro reveal">
1237          This isn't about having a box. How your product looks on shelf, in a photo, and in a customer's hands decides whether they pick it up, trust it, and buy again. The research is blunt:
1238        </p>
1239        <div class="stats-row">
1240          <div class="stat-card reveal reveal2">
1241            <div class="stat-num">72<span class="hsize">%</span></div>
1242            <h3>Buy Based on Packaging</h3>
1243            <p>Consumers say packaging design influences their purchase decision. <span style="color:#454da1">(IPSOS)</span></p>
1244          </div>
1245          <div class="stat-card reveal reveal2 d1">
1246            <div class="stat-num">7<span class="hsize">s</span></div>
1247            <h3>To Form a Shelf Impression</h3>
1248            <p>Shoppers decide whether to pick up a product in seconds. <span style="color:#454da1">(Catalina)</span></p>
1249          </div>
1250          <div class="stat-card reveal reveal2 d2">
1251            <div class="stat-num">52<span class="hsize">%</span></div>
1252            <h3>Won't Repurchase Cheap Packaging</h3>
1253            <p>Over half won't buy again if packaging feels low quality. <span style="color:#454da1">(Dotcom Distribution)</span></p>
1254          </div>
1255          <div class="stat-card reveal reveal2 d3">
1256            <div class="stat-num">1st</div>
1257            <h3>Touchpoint Before the Product</h3>
1258            <p>Packaging is the first physical experience of your brand.</p>
1259          </div>
1260        </div>
1261
1262        <div class="section-label reveal" style="margin-top: 64px">
1263          Where your time should go
1264        </div>
1265        <h2 class="reveal">
1266          Do what you're great at. <br class="block" /><em>Hand off the packaging.</em>
1267        </h2>
1268        <p class="section-intro reveal" style="margin-bottom: 32px">
1269          You're great at your product, your customers, and your business. Dielines, print specs, and revision rounds aren't where your hours pay off. Put it with professionals under one umbrella and stop stitching together freelancers just to get one label that prints right.
1270        </p>
1271        <div class="trap-wrap">
1272          <div class="trap-col bad reveal">
1273            <div class="trap-col-head">
1274              <span class="head-dot">
1275                <div>&#10007;</div>
1276              </span> Doing it the hard way
1277            </div>
1278            <div class="trap-row">
1279              <span class="trap-row-icon text-danger">&#10007;</span> Re briefing a designer every revision
1280            </div>
1281            <div class="trap-row">
1282              <span class="trap-row-icon text-danger">&#10007;</span> Template boxes that look like everyone else's
1283            </div>
1284            <div class="trap-row">
1285              <span class="trap-row-icon text-danger">&#10007;</span> Colors that shift at the printer
1286            </div>
1287            <div class="trap-row">
1288              <span class="trap-row-icon text-danger">&#10007;</span> Files the printer rejects on press day
1289            </div>
1290            <div class="trap-row">
1291              <span class="trap-row-icon text-danger">&#10007;</span> An agency that owns your source files
1292            </div>
1293            <div class="trap-row">
1294              <span class="trap-row-icon text-danger">&#10007;</span> You managing the people you hired to help
1295            </div>
1296          </div>
1297          <div class="trap-dif reveal">
1298            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
1299              <path d="M5 12h14M12 5l7 7-7 7"></path>
1300            </svg>
1301          </div>
1302          <div class="trap-col good reveal d1">
1303            <div class="trap-col-head">
1304              <span class="head-dot">
1305                <div>&#10003;</div>
1306              </span> Under one umbrella
1307            </div>
1308            <div class="trap-row">
1309              <span class="trap-row-icon" style="color: var(--green)">&#10003;</span>
1310              One team that already knows your brand
1311            </div>
1312            <div class="trap-row">
1313              <span class="trap-row-icon" style="color: var(--green)">&#10003;</span>
1314              Print ready files, every time
1315            </div>
1316            <div class="trap-row">
1317              <span class="trap-row-icon" style="color: var(--green)">&#10003;</span>
1318              Dielines tested before you print
1319            </div>
1320            <div class="trap-row">
1321              <span class="trap-row-icon" style="color: var(--green)">&#10003;</span>
1322              Unlimited revisions until it's shelf ready
1323            </div>
1324            <div class="trap-row">
1325              <span class="trap-row-icon" style="color: var(--green)">&#10003;</span>
1326              You own every file, always
1327            </div>
1328            <div class="trap-row">
1329              <span class="trap-row-icon" style="color: var(--green)">&#10003;</span>
1330              Your focus back on your business and growth
1331            </div>
1332          </div>
1333        </div>
1334      </div>
1335    </section>
1336
1337    <section class="teams-section pb-0" id="add-ons">
1338      <div class="container">
1339        <div class="section-label reveal">Deliverables</div>
1340        <h2 class="reveal">
1341          Everything that makes packaging <br/><em>actually sell.</em>
1342        </h2>
1343        <p class="section-intro reveal">
1344          Not a flat design structure, print specs, and shelf impact, together.
1345        </p>
1346
1347        <div class="teams-grid">
1348
1349          <div class="team-card reveal">
1350            <div class="team-content">
1351              <div class="team-status">From $29</div>
1352              <h3>Label Design</h3>
1353              <p class="team-desc">Product labels for bottles, jars, and containers thoughtful layouts with botanical accents, sized for print with bleed and safe zones included.</p>
1354              <div class="task-col v2 up">
1355                <div class="task-track v2 team-bullets">
1356                  <div class="task-item">Bottle &amp; jar labels</div>
1357                  <div class="task-item">Wrap-around artwork</div>
1358                  <div class="task-item">Bleed &amp; safe zones</div>
1359                  <div class="task-item">Print ready PDF + AI</div>
1360                  <div class="task-item">Label sheet collection</div>
1361                  <div class="task-item">Material specs</div>
1362                  <div class="task-item">3D label mockup</div>
1363                  <div class="task-item">Bottle &amp; jar labels</div>
1364                  <div class="task-item">Wrap-around artwork</div>
1365                  <div class="task-item">Bleed &amp; safe zones</div>
1366                  <div class="task-item">Print ready PDF + AI</div>
1367                  <div class="task-item">Label sheet collection</div>
1368                  <div class="task-item">Material specs</div>
1369                  <div class="task-item">3D label mockup</div>
1370                </div>
1371              </div>
1372            </div>
1373            <div class="team-media" data-media>
1374              <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/label%20design.webp" alt="Premium product label design for bottles, jars, and containers" loading="lazy" decoding="async" />
1375            </div>
1376          </div>
1377
1378          <div class="team-card reveal d1">
1379            <div class="team-content">
1380              <div class="team-status">From $69 &middot; Most Popular</div>
1381              <h3>Box &amp; Sleeve Design</h3>
1382              <p class="team-desc">Premium box and sleeve packaging with custom dielines, botanical branding, and print ready artwork designed to leave a lasting shelf impression.</p>
1383              <div class="task-col v2 up">
1384                <div class="task-track v2 team-bullets">
1385                  <div class="task-item">Box &amp; sleeve layout</div>
1386                  <div class="task-item">Custom dieline files</div>
1387                  <div class="task-item">Structural dimensions</div>
1388                  <div class="task-item">Print ready PDF + AI</div>
1389                  <div class="task-item">Material selection</div>
1390                  <div class="task-item">3D box mockup</div>
1391                  <div class="task-item">Manufacturer handoff</div>
1392                  <div class="task-item">Box &amp; sleeve layout</div>
1393                  <div class="task-item">Custom dieline files</div>
1394                  <div class="task-item">Structural dimensions</div>
1395                  <div class="task-item">Print ready PDF + AI</div>
1396                  <div class="task-item">Material selection</div>
1397                  <div class="task-item">3D box mockup</div>
1398                  <div class="task-item">Manufacturer handoff</div>
1399                </div>
1400              </div>
1401            </div>
1402            <div class="team-media" data-media>
1403              <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/Box%20%26%20Sleeve%20Design.webp" alt="Premium box and sleeve packaging design with botanical branding" loading="lazy" decoding="async" />
1404            </div>
1405          </div>
1406
1407          <div class="team-card reveal">
1408            <div class="team-content">
1409              <div class="team-status">From $89</div>
1410              <h3>Product Packaging</h3>
1411              <p class="team-desc">Custom retail packaging with branded carrier boxes, die cut windows, and lifestyle mockup built for food, beverage, and consumer products.</p>
1412              <div class="task-col v2 up">
1413                <div class="task-track v2 team-bullets">
1414                  <div class="task-item">Retail carrier boxes</div>
1415                  <div class="task-item">Die-cut window design</div>
1416                  <div class="task-item">Brand logo placement</div>
1417                  <div class="task-item">Print specs included</div>
1418                  <div class="task-item">Bleed &amp; safe zones</div>
1419                  <div class="task-item">Lifestyle mockups</div>
1420                  <div class="task-item">Vendor-ready files</div>
1421                  <div class="task-item">Retail carrier boxes</div>
1422                  <div class="task-item">Die-cut window design</div>
1423                  <div class="task-item">Brand logo placement</div>
1424                  <div class="task-item">Print specs included</div>
1425                  <div class="task-item">Bleed &amp; safe zones</div>
1426                  <div class="task-item">Lifestyle mockups</div>
1427                  <div class="task-item">Vendor-ready files</div>
1428                </div>
1429              </div>
1430            </div>
1431            <div class="team-media" data-media>
1432              <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/product%20packaging.webp" alt="Custom branded product packaging with die cut window and lifestyle mockup" loading="lazy" decoding="async" />
1433            </div>
1434          </div>
1435
1436          <div class="team-card reveal d1">
1437            <div class="team-content">
1438              <div class="team-status">From $49</div>
1439              <h3>Dieline &amp; Print Specs</h3>
1440              <p class="team-desc">Production ready dielines, color palettes, material specs, and 3D mockups everything your print vendor needs to go from design to shelf.</p>
1441              <div class="task-col v2 up">
1442                <div class="task-track v2 team-bullets">
1443                  <div class="task-item">Flat dieline files</div>
1444                  <div class="task-item">CMYK color palette</div>
1445                  <div class="task-item">Material &amp; finish specs</div>
1446                  <div class="task-item">Bleed &amp; trim marks</div>
1447                  <div class="task-item">3D pouch mockup</div>
1448                  <div class="task-item">Print vendor handoff</div>
1449                  <div class="task-item">Dimension callouts</div>
1450                  <div class="task-item">Flat dieline files</div>
1451                  <div class="task-item">CMYK color palette</div>
1452                  <div class="task-item">Material &amp; finish specs</div>
1453                  <div class="task-item">Bleed &amp; trim marks</div>
1454                  <div class="task-item">3D pouch mockup</div>
1455                  <div class="task-item">Print vendor handoff</div>
1456                  <div class="task-item">Dimension callouts</div>
1457                </div>
1458              </div>
1459            </div>
1460            <div class="team-media" data-media>
1461              <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/dieline%20and%20print
1461%20specs.webp" alt="Packaging dieline, color palette, and print specifications for production" loading="lazy" decoding="async" />
1462            </div>
1463          </div>
1464
1465          <div class="team-card reveal">
1466            <div class="team-content">
1467              <div class="team-status">From $149</div>
1468              <h3>MVP Product Packaging</h3>
1469              <p class="team-desc">Launch ready packaging for startups from user research and wireframes to a complete pack design your first product can ship in.</p>
1470              <div class="task-col v2 up">
1471                <div class="task-track v2 team-bullets">
1472                  <div class="task-item">User persona research</div>
1473                  <div class="task-item">Pack concept wireframes</div>
1474                  <div class="task-item">Moodboard &amp; color palette</div>
1475                  <div class="task-item">Competitive analysis</div>
1476                  <div class="task-item">Launch-ready artwork</div>
1477                  <div class="task-item">Print ready files</div>
1478                  <div class="task-item">3D mockup included</div>
1479                  <div class="task-item">User persona research</div>
1480                  <div class="task-item">Pack concept wireframes</div>
1481                  <div class="task-item">Moodboard &amp; color palette</div>
1482                  <div class="task-item">Competitive analysis</div>
1483                  <div class="task-item">Launch-ready artwork</div>
1484                  <div class="task-item">Print ready files</div>
1485                  <div class="task-item">3D mockup included</div>
1486                </div>
1487              </div>
1488            </div>
1489            <div class="team-media" data-media>
1490              <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/mvp%20product.webp" alt="MVP product packaging design process with wireframes and user research" loading="lazy" decoding="async" />
1491            </div>
1492          </div>
1493
1494          <div class="team-card reveal d1">
1495            <div class="team-content">
1496              <div class="team-status">From $49</div>
1497              <h3>Multi SKU Variant System</h3>
1498              <p class="team-desc">Consistent packaging across colors, sizes, and materials one design system scaled to every SKU in your catalog with inventory-ready specs.</p>
1499              <div class="task-col v2 up">
1500                <div class="task-track v2 team-bullets">
1501                  <div class="task-item">SKU variant templates</div>
1502                  <div class="task-item">Color &amp; size variants</div>
1503                  <div class="task-item">Consistent shelf system</div>
1504                  <div class="task-item">Unique SKU artwork</div>
1505                  <div class="task-item">Print specs per SKU</div>
1506                  <div class="task-item">Inventory control layout</div>
1507                  <div class="task-item">Vendor handoff docs</div>
1508                  <div class="task-item">SKU variant templates</div>
1509                  <div class="task-item">Color &amp; size variants</div>
1510                  <div class="task-item">Consistent shelf system</div>
1511                  <div class="task-item">Unique SKU artwork</div>
1512                  <div class="task-item">Print specs per SKU</div>
1513                  <div class="task-item">Inventory control layout</div>
1514                  <div class="task-item">Vendor handoff docs</div>
1515                </div>
1516              </div>
1517            </div>
1518            <div class="team-media" data-media>
1519              <img class="is-visible" src="/assets/images/what-we-do/product%20packaging/product-%20packeging-add-on/sku.webp" alt="Multi SKU packaging variant system with color, size, and material options" loading="lazy" decoding="async" />
1520            </div>
1521          </div>
1522
1523        </div>
1524      </div>
1525    </section>
1526
1527    <!-- -- SOLUTION / TEAM MODEL (Product Packaging) -- -->
1528    <section class="solution-section solution-section--index" id="solution-os">
1529      <div class="container">
1530        <div class="section-label reveal reveal01">Your Team</div>
1531        <h2 class="reveal">
1532          You own the vision.<br />We run the <em>execution.</em>
1533        </h2>
1534        <p class="section-intro reveal">
1535          A packaging lead, structural designer, print specialist, one point of contact moving files to print-ready. You approve. That's it. A dedicated team like your own, without hiring one.
1536        </p>
1537        <div class="solution-shell reveal">
1538          <div class="solution-split">
1539            <div class="solution-layers" id="solLayersOs">
1540              <div class="sol-layer is-active" data-media="os-m2">
1541                <div class="sol-num">01 &middot; Packaging Designer</div>
1542                <div>
1543                  <div class="sol-title">Packaging Designer</div>
1544                  <div class="sol-desc">
1545                    Owns shelf impact and the quality bar on every label, box, and pouch.
1546                  </div>
1547                </div>
1548                <div class="sol-tag">Your Design Lead</div>
1549              </div>
1550              <div class="sol-layer" data-media="os-m3">
1551                <div class="sol-num">02 &middot; Project Manager</div>
1552                <div>
1553                  <div class="sol-title">Project Manager</div>
1554                  <div class="sol-desc">
1555                    Single point of contact, brief to print-ready files. You never chase updates.
1556                  </div>
1557                </div>
1558                <div class="sol-tag">Your Point Of Contact</div>
1559              </div>
1560              <div class="sol-layer" data-media="os-m4">
1561                <div class="sol-num">03 &middot; Specialist Team</div>
1562                <div>
1563                  <div class="sol-title">Specialist Team</div>
1564                  <div class="sol-desc">
1565                    Structural designers, print spec writers, and 3D mockup artists &mdash; each by an expert.
1566                  </div>
1567                </div>
1568                <div class="sol-tag">Your Production</div>
1569              </div>
1570              <div class="sol-layer" data-media="os-m1">
1571                <div class="sol-num">04 &middot; Founder</div>
1572                <div>
1573                  <div class="sol-title">You, The Founder</div>
1574                  <div class="sol-desc">
1575                    Approve the direction, focus on your product and customers.
1576                  </div>
1577                </div>
1578                <div class="sol-tag">Your Role</div>
1579              </div>
1580            </div>
1581            <div class="solution-media" id="solMediaOs">
1582              <div class="media-frame">
1583                <div class="media-slide" data-media="os-m1">
1584                  <video class="media-bg" autoplay muted loop playsinline preload="metadata">
1585                    <source src="/assets/images/what-we-do/website-design/you-back-In-ceo-mode.mp4" type="video/mp4" />
1586                  </video>
1587                  <div class="media-slide-content">
1588                    <div class="media-slide-eyebrow">04 &middot; Founder</div>
1589                    <div class="media-slide-title">You, the<br />Founder.</div>
1590                    <div class="media-slide-sub">
1591                      Approve the direction, focus on your product and customers.
1592                    </div>
1593                  </div>
1594                </div>
1595                <div class="media-slide is-active" data-media="os-m2">
1596                  <video class="media-bg" autoplay muted loop playsinline preload="metadata">
1597                    <source src="/assets/images/what-we-do/solution-videos/web-lead-architect.mp4" type="video/mp4" />
1598                  </video>
1599                  <div class="media-slide-content">
1600                    <div class="media-slide-eyebrow">01 &middot; Packaging Designer</div>
1601                    <div class="media-slide-title">Your packaging<br />designer.</div>
1602                    <div class="media-slide-sub">
1603                      Owns shelf impact and the quality bar on every file.
1604                    </div>
1605                  </div>
1606                </div>
1607                <div class="media-slide" data-media="os-m3">
1608                  <video class="media-bg" muted loop playsinline preload="metadata">
1609                    <source src="/assets/images/what-we-do/solution-videos/web-project-manager.mp4" type="video/mp4" />
1610                  </video>
1611                  <div class="media-slide-content">
1612                    <div class="media-slide-eyebrow">02 &middot; Project Manager</div>
1613                    <div class="media-slide-title">Your single<br />point of contact.</div>
1614                    <div class="media-slide-sub">
1615                      Brief to print-ready files, fast.
1616                    </div>
1617                  </div>
1618                </div>
1619                <div class="media-slide" data-media="os-m4">
1620                  <video class="media-bg" muted loop playsinline preload="metadata">
1621                    <source src="/assets/images/what-we-do/solution-videos/web-specialist-developers.mp4" type="video/mp4" />
1622                  </video>
1623                  <div class="media-slide-content">
1624                    <div class="media-slide-eyebrow">03 &middot; Specialist Team</div>
1625                    <div class="media-slide-title">Specialist<br />team.</div>
1626                    <div class="media-slide-sub">
1627                      Structural, print specs, and 3D mockups &mdash; each by an expert.
1628                    </div>
1629                  </div>
1630                </div>
1631              </div>
1632            </div>
1633          </div>
1634        </div>
1635      </div>
1636    </section>
1637
1638    <section class="portfolio-section" id="portfolio">
1639      <div class="container">
1640        <div class="section-label reveal">Portfolio</div>
1641
1642        <h2 class="reveal">
1643          Real packaging, designed and <br/><em>print ready in days.</em>
1644        </h2>
1645
1646        <p class="section-intro reveal" style="margin-bottom: 0">
1647          Boxes, labels, pouches, and cartons by the team that designs y
1647ours.
1648        </p>
1649
1650      </div>
1651
1652      <div class="portfolio-rows reveal">
1653        <div class="portfolio-row left">
1654          <div class="portfolio-track">
1655            <a class="portfolio-card" href="#">
1656              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-01.webp" alt="Product packaging Pp 01" loading="lazy" decoding="async" />
1657              <div class="portfolio-meta">
1658                <span class="pf-tag">Product Packaging</span>
1659                <div class="pf-title">Pp 01</div>
1660              </div>
1661            </a>
1662
1663            <a class="portfolio-card" href="#">
1664              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-04.webp" alt="Product packaging Pp 04" loading="lazy" decoding="async" />
1665              <div class="portfolio-meta">
1666                <span class="pf-tag">Product Packaging</span>
1667                <div class="pf-title">Pp 04</div>
1668              </div>
1669            </a>
1670
1671            <a class="portfolio-card" href="#">
1672              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-06.webp" alt="Product packaging Pp 06" loading="lazy" decoding="async" />
1673              <div class="portfolio-meta">
1674                <span class="pf-tag">Product Packaging</span>
1675                <div class="pf-title">Pp 06</div>
1676              </div>
1677            </a>
1678
1679            <a class="portfolio-card" href="#">
1680              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-08.webp" alt="Product packaging Pp 08" loading="lazy" decoding="async" />
1681              <div class="portfolio-meta">
1682                <span class="pf-tag">Product Packaging</span>
1683                <div class="pf-title">Pp 08</div>
1684              </div>
1685            </a>
1686
1687            <a class="portfolio-card" href="#">
1688              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-10.webp" alt="Product packaging Pp 10" loading="lazy" decoding="async" />
1689              <div class="portfolio-meta">
1690                <span class="pf-tag">Product Packaging</span>
1691                <div class="pf-title">Pp 10</div>
1692              </div>
1693            </a>
1694
1695            <a class="portfolio-card" href="#">
1696              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-12.webp" alt="Product packaging Pp 12" loading="lazy" decoding="async" />
1697              <div class="portfolio-meta">
1698                <span class="pf-tag">Product Packaging</span>
1699                <div class="pf-title">Pp 12</div>
1700              </div>
1701            </a>
1702
1703            <a class="portfolio-card" href="#">
1704              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-14.webp" alt="Product packaging Pp 14" loading="lazy" decoding="async" />
1705              <div class="portfolio-meta">
1706                <span class="pf-tag">Product Packaging</span>
1707                <div class="pf-title">Pp 14</div>
1708              </div>
1709            </a>
1710
1711            <a class="portfolio-card" href="#">
1712              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-16.webp" alt="Product packaging Pp 16" loading="lazy" decoding="async" />
1713              <div class="portfolio-meta">
1714                <span class="pf-tag">Product Packaging</span>
1715                <div class="pf-title">Pp 16</div>
1716              </div>
1717            </a>
1718
1719            <a class="portfolio-card" href="#">
1720              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-18.webp" alt="Product packaging Pp 18" loading="lazy" decoding="async" />
1721              <div class="portfolio-meta">
1722                <span class="pf-tag">Product Packaging</span>
1723                <div class="pf-title">Pp 18</div>
1724              </div>
1725            </a>
1726
1727            <a class="portfolio-card" href="#">
1728              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-20.webp" alt="Product packaging Pp 20" loading="lazy" decoding="async" />
1729              <div class="portfolio-meta">
1730                <span class="pf-tag">Product Packaging</span>
1731                <div class="pf-title">Pp 20</div>
1732              </div>
1733            </a>
1734
1735            <a class="portfolio-card" href="#">
1736              <img src="/assets/images/what-we-do/product%20packaging/webp/m-43.webp" alt="Product packaging M 43" loading="lazy" decoding="async" />
1737              <div class="portfolio-meta">
1738                <span class="pf-tag">Product Packaging</span>
1739                <div class="pf-title">M 43</div>
1740              </div>
1741            </a>
1742
1743            <a class="portfolio-card" href="#">
1744              <img src="/assets/images/what-we-do/product%20packaging/webp/m-127.webp" alt="Product packaging M 127" loading="lazy" decoding="async" />
1745              <div class="portfolio-meta">
1746                <span class="pf-tag">Product Packaging</span>
1747                <div class="pf-title">M 127</div>
1748              </div>
1749            </a>
1750
1751            <a class="portfolio-card" href="#">
1752              <img src="/assets/images/what-we-do/product%20packaging/webp/m-141.webp" alt="Product packaging M 141" loading="lazy" decoding="async" />
1753              <div class="portfolio-meta">
1754                <span class="pf-tag">Product Packaging</span>
1755                <div class="pf-title">M 141</div>
1756              </div>
1757            </a>
1758
1759          </div>
1760        </div>
1761        <div class="portfolio-row right">
1762          <div class="portfolio-track">
1763            <a class="portfolio-card" href="#">
1764              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-03.webp" alt="Product packaging Pp 03" loading="lazy" decoding="async" />
1765              <div class="portfolio-meta">
1766                <span class="pf-tag">Product Packaging</span>
1767                <div class="pf-title">Pp 03</div>
1768              </div>
1769            </a>
1770
1771            <a class="portfolio-card" href="#">
1772              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-05.webp" alt="Product packaging Pp 05" loading="lazy" decoding="async" />
1773              <div class="portfolio-meta">
1774                <span class="pf-tag">Product Packaging</span>
1775                <div class="pf-title">Pp 05</div>
1776              </div>
1777            </a>
1778
1779            <a class="portfolio-card" href="#">
1780              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-07.webp" alt="Product packaging Pp 07" loading="lazy" decoding="async" />
1781              <div class="portfolio-meta">
1782                <span class="pf-tag">Product Packaging</span>
1783                <div class="pf-title">Pp 07</div>
1784              </div>
1785            </a>
1786
1787            <a class="portfolio-card" href="#">
1788              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-09.webp" alt="Product packaging Pp 09" loading="lazy" decoding="async" />
1789              <div class="portfolio-meta">
1790                <span class="pf-tag">Product Packaging</span>
1791                <div class="pf-title">Pp 09</div>
1792              </div>
1793            </a>
1794
1795            <a class="portfolio-card" href="#">
1796              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-11.webp" alt="Product packaging Pp 11" loading="lazy" decoding="async" />
1797              <div class="portfolio-meta">
1798                <span class="pf-tag">Product Packaging</span>
1799                <div class="pf-title">Pp 11</div>
1800              </div>
1801            </a>
1802
1803            <a class="portfolio-card" href="#">
1804              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-13.webp" alt="Product packaging Pp 13" loading="lazy" decoding="async" />
1805              <div class="portfolio-meta">
1806                <span class="pf-tag">Product Packaging</span>
1807                <div class="pf-title">Pp 13</div>
1808              </div>
1809            </a>
1810
1811            <a class="portfolio-card" href="#">
1812              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-15.webp" alt="Product packaging Pp 15" loading="lazy" decoding="async" />
1813              <div class="portfolio-meta">
1814                <span class="pf-tag">Product Packaging</span>
1815                <div class="pf-title">Pp 15</div>
1816              </div>
1817            </a>
1818
1819            <a class="portfolio-card" href="#">
1820              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-17.webp" alt="Product packaging Pp 17" loading="lazy" decoding="async" />
1821              <div class="portfolio-meta">
1822                <span class="pf-tag">Product Packaging</span>
1823                <div class="pf-title">Pp 17</div>
1824              </div>
1825            </a>
1826
1827            <a class="portfolio-card" href="#">
1828              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-19.webp" alt="Product packaging Pp 19" loading="lazy" decoding="async" />
1829              <div class="portfolio-meta">
1830                <span class="pf-tag">Product Packaging</span>
1831                <div class="pf-title">Pp 19</div>
1832              </div>
1833            </a>
1834
1835            <a class="portfolio-card" href="#">
1836              <img src="/assets/images/what-we-do/product%20packaging/webp/pp-21.webp" alt="Product packaging Pp 21" loading="lazy" decoding="async" />
1837              <div class="portfolio-meta">
1838                <span class="pf-tag">Product Packaging</span>
1839                <div class="pf-title">Pp 21</div>
1840              </div>
1841            </a>
1842
1843            <a class="portfolio-card" href="#">
1844              <img src="/assets/images/what-we-do/product%20packaging/webp/m-120.webp" alt="Product packaging M 120" loading="lazy" decoding="async" />
1845              <div class="portfolio-meta">
1846                <span class="pf-tag">Product Packaging</span>
1847                <div class="pf-title">M 120</div>
1848              </div>
1849            </a>
1850
1851            <a class="portfolio-card" href="#">
1852              <img src="/assets/images/what-we-do/product%20packaging/webp/m-140.webp" alt="Product packaging M 140" loading="lazy" decoding="async" />
1853              <div class="portfolio-meta">
1854                <span class="pf-tag">Product Packaging</span>
1855                <div class="pf-title">M 140</div>
1856              </div>
1857            </a>
1858
1859            <a class="portfolio-card" href="#">
1860              <img src="/assets/images/what-we-do/product%20packaging/webp/m-147.webp" alt="Product packaging M 147" loading="lazy" decoding="async" />
1861              <div class="portfolio-meta">
1862                <span class="pf-tag">Product Packaging</span>
1863                <div class="pf-title">M 147</div>
1864              </div>
1865            </a>
1866
1867          </div>
1868        </div>
1869      </div>
1870    </section>
1871
1872    <!-- ?? HOW IT WORKS ?? -->
1873
1874    <section class="hiw-section hiw-section--process" id="how-it-works" data-scroll-capture="false">
1875      <div class="container">
1876        <div class="hiw-process">
1877          <div class="hiw-process__intro">
1878            <div class="section-label reveal">How It Works</div>
1879            <h2 class="hiw-process__title reveal">Your packaging, print <br>ready in <em>three simple steps.</em></h2>
1880            <p class="hiw-process__lead reveal">Studios take weeks. We move in days: first concept in 24h, files at the printer inside a week.</p>
1881            <div class="hiw-process__highlights">
1882
1883          <div class="hiw-process__highlight reveal">
1884            <div class="hiw-process__highlight-ico hiw-process__highlight-ico--blue"><svg viewBox="0 0 24 24"><path d="M9 18h6"/><path d="M10 22h4"/><path d="M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z"/></svg></div>
1885            <div>
1886              <h3>Senior craft, start to finish</h3>
1887              <p>A full packaging team for a fraction of what one hire costs design, dielines, print production, mockups, US grade craft.</p>
1888            </div>
1889          </div>
1890
1891          <div class="hiw-process__highlight reveal">
1892            <div class="hiw-process__highlight-ico hiw-process__highlight-ico--green"><svg viewBox="0 0 24 24"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></div>
1893            <div>
1894              <h3>AI accelerated. Human perfected.</h3>
1895              <p>AI to explore more shelf directions earlier every dieline, colour, and print file is human designed and press checked.</p>
1896            </div>
1897          </div>
1898
1899          <div class="hiw-process__highlight reveal">
1900            <div class="hiw-process__highlight-ico hiw-process__highlight-ico--purple"><svg viewBox="0 0 24 24"><path d="m3 21 9-9"/><path d="M15 4V2"/><path d="M15 16v-2"/><path d="M8 9h2"/><path d="M20 9h2"/><path d="M17.8 11.8 19 13"/><path d="M17.8 6.2 19 5"/><path d="M12.2 6.2 11 5"/></svg></div>
1901            <div>
1902              <h3>Print ready, guaranteed</h3>
1903              <p>If your printer rejects the file, we fix it at no cost. Unlimited revisions until it&apos;s right, and you own every layered source file.</p>
1904            </div>
1905          </div>
1906            </div>
1907          </div>
1908          <div class="hiw-process__flow">
1909          <div class="hiw-process__progress" aria-hidden="true"></div>
1910
1911          <div class="hiw-process__step reveal">
1912            <div class="hiw-process__marker">
1913              <span class="hiw-process__num">01</span>
1914              <svg viewBox="0 0 24 24"><path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2"/><rect x="9" y="3" width="6" height="4" rx="1"/><path d="M9 12h6M9 16h6"/></svg>
1915            </div>
1916            <div class="hiw-process__body">
1917              <div class="hiw-process__meta">24 hours</div>
1918              <h3>Free review</h3>
1919              <p>Share your product; get 3 fixes in 24h that show what&apos;s costing you the pick-up.</p>
1920              <div class="hiw-process__tags"><span class="hiw-tag">Brand Assets</span><span class="hiw-tag">Product Specs</span><span class="hiw-tag">Style References</span></div>
1921            </div>
1922          </div>
1923
1924          <div class="hiw-process__step reveal">
1925            <div class="hiw-process__marker">
1926              <span class="hiw-process__num">02</span>
1927              <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
1928            </div>
1929            <div class="hiw-process__body">
1930              <div class="hiw-process__meta">Day 1</div>
1931              <h3>First concepts + direction</h3>
1932              <p>Your team studies your category and delivers first packaging directions on 3D mockups.</p>
1933              <div class="hiw-process__tags"><span class="hiw-tag">Brief Analysis</span><span class="hiw-tag">Material Review</span></div>
1934            </div>
1935          </div>
1936
1937          <div class="hiw-process__step reveal">
1938            <div class="hiw-process__marker">
1939              <span class="hiw-process__num">03</span>
1940              <svg viewBox="0 0 24 24"><path d="M9 18h6M10 22h4"/><path d="M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z"/></svg>
1941            </div>
1942            <div class="hiw-process__body">
1943              <div class="hiw-process__meta">Day 3 to 5</div>
1944              <h3>Dieline locked, design refined</h3>
1945              <p>Pick a package, lock the concept, and refine until it&apos;s shelf ready.</p>
1946              <div class="hiw-process__tags"><span class="hiw-tag">Concept Designs</span><span class="hiw-tag">3D Mockups</span><span class="hiw-tag">Rationale Notes</span></div>
1947            </div>
1948          </div>
1949
1950          <div class="hiw-process__step reveal">
1951            <div class="hiw-process__marker">
1952              <span class="hiw-process__num">04</span>
1953              <svg viewBox="0 0 24 24"><path d="M8 17h8a4 4 0 0 0 .5-8A5 5 0 0 0 8.4 7 4.5 4.5 0 0 0 8 17z"/><path d="M12 12v6M9 15l3 3 3-3"/></svg>
1954            </div>
1955            <div class="hiw-process__body">
1956              <div class="hiw-process__meta">Week 1</div>
1957              <h3>Print ready files delivered</h3>
1958              <p>We run it print ready files in days, unlimited revisions, every file your printer needs.</p>
1959              <div class="hiw-process__tags"><span class="hiw-tag">PDF</span><span class="hiw-tag">AI</span><span class="hiw-tag">Dieline</span></div>
1960            </div>
1961          </div>
1962
1963          </div>
1964        </div>
1965      </div>
1966    </section>
1967
1968    <!-- ?? ASSISTANT (hidden) ??
1969    <section class="assistant-section assistant-section--index">
1970      <div class="container">
1971        <div class="assistant-inner">
1972          <div class="assistant-copy reveal">
1973            <div class="section-label reveal">
1974              Your Dedicated Logo Designer
1975            </div>
1976            <h2 class="reveal">
1977              One expert. <em>Every file format.</em> Zero DIY stress
1978            </h2>
1979            <p>
1980              A senior brand designer assigned to your project from day one. No
1981              rotating freelancers, no template mills   just focused expertise
1982              on making your logo look world-class.
1983            </p>
1984            <p
1985              style="font-size: 15px; color: var(--muted); margin-bottom: 32px"
1986            >
1987              Need business cards, social kits, or brand guidelines? Your
1988              designer handles it all in one seamless process. You approve the
1989              direction   we deliver the files.
1990            </p>
1991            <div class="assistant-metrics">
1992              <div class="a-metric">
1993                <div class="a-metric-num">48h</div>
1994                <div class="a-metric-label">First Concepts</div>
1995              </div>
1996              <div class="a-metric">
1997                <div class="a-metric-num">8</div>
1998                <div class="a-metric-label">Revisions</div>
1999              </div>
2000              <div class="a-metric">
2001                <div class="a-metric-num">100%</div>
2002                <div class="a-metric-label">Ownership</div>
2003              </div>
2004            </div>
2005            <div class="assistant-metrics mt-3">
2006              <div class="a-metric">
2007                <div class="a-metric-num">2,400+</div>
2008                <div class="a-metric-label">Logos Delivered</div>
2009              </div>
2010              <div class="a-metric">
2011                <div class="a-metric-num">15+</div>
2012                <div class="a-metric-label">
2013                  File formats included
2014                </div>
2015              </div>
2016              <div class="a-metric">
2017                <div class="a-metric-num">4.9&#9733;</div>
2018                <div class="a-metric-label">Client rating</div>
2019              </div>
2020            </div>
2021          </div>
2022          <div class="task-grid reveal d1">
2023            <div class="task-col up">
2024              <div class="task-track">
2025                <div class="task-item">
2026                  <svg viewBox="0 0 24 24">
2027                    <path d="M3 12h13M13 6l6 6-6 6" />
2028                  </svg>
2029                  Logo concepts
2030                </div>
2031                <div class="task-item">
2032                  <svg viewBox="0 0 24 24">
2033                    <path
2034                      d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
2035                    />
2036                  </svg>
2037                  Vector files
2038                </div>
2039                <div class="task-item">
2040                  <svg viewBox="0 0 24 24">
2041                    <rect x="3" y="5" width="18" height="14" rx="2" />
2042                    <path d="m3 7 9 6 9-6" />
2043                  </svg>
2044                  Brand colors
2045                </div>
2046                <div class="task-item">
2047                  <svg viewBox="0 0 24 24">
2048                    <path d="M3 3v18h18" />
2049                    <path d="M7 14l4-4 3 3 5-6" />
2050                  </svg>
2051                  Typography pairing
2052                </div>
2053                <div class="task-item">
2054                  <svg viewBox="0 0 24 24">
2055                    <path d="M4 4h16v4H4z" />
2056                    <path d="M6 8v12h12V8" />
2057                    <path d="M10 12h4" />
2058                  </svg>
2059                  Business cards
2060                </div>
2061                <div class="task-item">
2062                  <svg viewBox="0 0 24 24">
2063                    <circle cx="11" cy="11" r="7" />
2064                    <path d="m20 20-3.5-3.5" />
2065                  </svg>
2066                  Market research
2067                </div>
2068                <div class="task-item">
2069                  <svg viewBox="0 0 24 24">
2070                    <path
2071                      d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"
2072                    />
2073                  </svg>
2074                  Social media kit
2075                </div>
2076                <div class="task-item">
2077                  <svg viewBox="0 0 24 24">
2078                    <rect x="3" y="4" width="18" height="18" rx="2" />
2079                    <path d="M16 2v4M8 2v4M3 10h18" />
2080                  </svg>
2081                  Letterhead design
2082                </div>
2083                <div class="task-item">
2084                  <svg viewBox="0 0 24 24">
2085                    <path
2086                      d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
2087                    />
2088                  </svg>
2089                  Merch mockups
2090                </div>
2091                <div class="task-item">
2092                  <svg viewBox="0 0 24 24">
2093                    <path
2094                      d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
2095                    />
2096                    <path d="M14 2v6h6M9 13h6M9 17h6" />
2097                  </svg>
2098                  Brand guidelines
2099                </div>
2100                <div class="task-item">
2101                  <svg viewBox="0 0 24 24">
2102                    <path d="M3 12h13M13 6l6 6-6 6" />
2103                  </svg>
2104                  Logo concepts
2105                </div>
2106                <div class="task-item">
2107                  <svg viewBox="0 0 24 24">
2108                    <path
2109                      d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
2110                    />
2111                  </svg>
2112                  Vector files
2113                </div>
2114                <div class="task-item">
2115                  <svg viewBox="0 0 24 24">
2116                    <rect x="3" y="5" width="18" height="14" rx="2" />
2117                    <path d="m3 7 9 6 9-6" />
2118                  </svg>
2119                  Brand colors
2120                </div>
2121                <div class="task-item">
2122                  <svg viewBox="0 0 24 24">
2123                    <path d="M3 3v18h18" />
2124                    <path d="M7 14l4-4 3 3 5-6" />
2125                  </svg>
2126                  Typography pairing
2127                </div>
2128                <div class="task-item">
2129                  <svg viewBox="0 0 24 24">
2130                    <path d="M4 4h16v4H4z" />
2131                    <path d="M6 8v12h12V8" />
2132                    <path d="M10 12h4" />
2133                  </svg>
2134                  Business cards
2135                </div>
2136                <div class="task-item">
2137                  <svg viewBox="0 0 24 24">
2138                    <circle cx="11" cy="11" r="7" />
2139                    <path d="m20 20-3.5-3.5" />
2140                  </svg>
2141                  Market research
2142                </div>
2143                <div class="task-item">
2144                  <svg viewBox="0 0 24 24">
2145                    <path
2146                      d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"
2147                    />
2148                  </svg>
2149                  Social media kit
2150                </div>
2151                <div class="task-item">
2152                  <svg viewBox="0 0 24 24">
2153                    <rect x="3" y="4" width="18" height="18" rx="2" />
2154                    <path d="M16 2v4M8 2v4M3 10h18" />
2155                  </svg>
2156                  Letterhead design
2157                </div>
2158                <div class="task-item">
2159                  <svg viewBox="0 0 24 24">
2160                    <path
2161                      d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
2162                    />
2163                  </svg>
2164                  Merch mockups
2165                </div>
2166                <div class="task-item">
2167                  <svg viewBox="0 0 24 24">
2168                    <path
2169                      d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
2170                    />
2171                    <path d="M14 2v6h6M9 13h6M9 17h6" />
2172                  </svg>
2173                  Brand guidelines
2174                </div>
2175              </div>
2176            </div>
2177
2178            <div class="task-col down">
2179              <div class="task-track">
2180                <div class="task-item">
2181                  <svg viewBox="0 0 24 24">
2182                    <circle cx="12" cy="12" r="10" />
2183                    <path d="M12 6v6l4 2" />
2184                  </svg>
2185                  Social scheduling
2186                </div>
2187                <div class="task-item">
2188                  <svg viewBox="0 0 24 24">
2189                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />
2190                    <path d="m9 11 3 3L22 4" />
2191                  </svg>
2192                  Pipeline coordination
2193                </div>
2194                <div class="task-item">
2195                  <svg viewBox="0 0 24 24">
2196                    <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
2197                    <circle cx="9" cy="7" r="4" />
2198                    <path
2199                      d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"
2200                    />
2201                  </svg>
2202                  CRM updates
2203                </div>
2204                <div class="task-item">
2205                  <svg viewBox="0 0 24 24">
2206                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
2207                    <circle cx="9" cy="7" r="4" />
2208                    <path d="M19 8v6M22 11h-6" />
2209                  </svg>
2210                  Vendor coordination
2211                </div>
2212                <div class="task-item">
2213                  <svg viewBox="0 0 24 24">
2214                    <rect x="3" y="4" width="18" height="14" rx="2" />
2215                    <path d="M8 21h8M12 18v3" />
2216                  </svg>
2217                  Meeting prep
2218                </div>
2219                <div class="task-item">
2220                  <svg viewBox="0 0 24 24">
2221                    <circle cx="12" cy="12" r="3" />
2222                    <path
2223                      d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09c0 .66.39 1.26 1 1.51a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9c.25.61.85 1 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"
2224                    />
2225                  </svg>
2226                  Day-to-day growth ops
2227                </div>
2228                <div class="task-item">
2229                  <svg viewBox="0 0 24 24">
2230                    <path d="M12 2 2 7l10 5 10-5z" />
2231                    <path d="m2 17 10 5 10-5M2 12l10 5 10-5" />
2232                  </svg>
2233                  Content packaging
2234                </div>
2235                <div class="task-item">
2236                  <svg viewBox="0 0 24 24">
2237                    <path
2238                      d="M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z"
2239                    />
2240                  </svg>
2241                  Copy edits
2242                </div>
2243                <div class="task-item">
2244                  <svg viewBox="0 0 24 24">
2245                    <circle cx="12" cy="12" r="10" />
2246                    <path d="m9 12 2 2 4-4" />
2247                  </svg>
2248                  Task QA
2249                </div>
2250                <div class="task-item">
2251                  <svg viewBox="0 0 24 24">
2252                    <path d="M3 3h18v4H3zM3 10h18v4H3zM3 17h18v4H3z" />
2253                  </svg>
2254                  Status digests
2255                </div>
2256                <div class="task-item">
2257                  <svg viewBox="0 0 24 24">
2258                    <circle cx="12" cy="12" r="10" />
2259                    <path d="M12 6v6l4 2" />
2260                  </svg>
2261                  Social scheduling
2262                </div>
2263                <div class="task-item">
2264                  <svg viewBox="0 0 24 24">
2265                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />
2266                    <path d="m9 11 3 3L22 4" />
2267                  </svg>
2268                  Pipeline coordination
2269                </div>
2270                <div class="task-item">
2271                  <svg viewBox="0 0 24 24">
2272                    <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
2273                    <circle cx="9" cy="7" r="4" />
2274                    <path
2275                      d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"
2276                    />
2277                  </svg>
2278                  CRM updates
2279                </div>
2280                <div class="task-item">
2281                  <svg viewBox="0 0 24 24">
2282                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
2283         
2283           <circle cx="9" cy="7" r="4" />
2284                    <path d="M19 8v6M22 11h-6" />
2285                  </svg>
2286                  Vendor coordination
2287                </div>
2288                <div class="task-item">
2289                  <svg viewBox="0 0 24 24">
2290                    <rect x="3" y="4" width="18" height="14" rx="2" />
2291                    <path d="M8 21h8M12 18v3" />
2292                  </svg>
2293                  Meeting prep
2294                </div>
2295                <div class="task-item">
2296                  <svg viewBox="0 0 24 24">
2297                    <circle cx="12" cy="12" r="3" />
2298                    <path
2299                      d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09c0 .66.39 1.26 1 1.51a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9c.25.61.85 1 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"
2300                    />
2301                  </svg>
2302                  Day-to-day growth ops
2303                </div>
2304                <div class="task-item">
2305                  <svg viewBox="0 0 24 24">
2306                    <path d="M12 2 2 7l10 5 10-5z" />
2307                    <path d="m2 17 10 5 10-5M2 12l10 5 10-5" />
2308                  </svg>
2309                  Content packaging
2310                </div>
2311                <div class="task-item">
2312                  <svg viewBox="0 0 24 24">
2313                    <path
2314                      d="M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z"
2315                    />
2316                  </svg>
2317                  Copy edits
2318                </div>
2319                <div class="task-item">
2320                  <svg viewBox="0 0 24 24">
2321                    <circle cx="12" cy="12" r="10" />
2322                    <path d="m9 12 2 2 4-4" />
2323                  </svg>
2324                  Task QA
2325                </div>
2326                <div class="task-item">
2327                  <svg viewBox="0 0 24 24">
2328                    <path d="M3 3h18v4H3zM3 10h18v4H3zM3 17h18v4H3z" />
2329                  </svg>
2330                  Status digests
2331                </div>
2332              </div>
2333            </div>
2334          </div>
2335        </div>
2336      </div>
2337    </section>
2338    -->
2339
2340    <!-- ?? TEAMS (hidden) ??
2341
2342    <section class="teams-section" id="teams">
2343      <div class="container">
2344        <div class="section-label reveal">What's Included</div>
2345        <h2 class="reveal">
2346          Every deliverable your <em>brand needs.</em>
2347        </h2>
2348        <p class="section-intro reveal">
2349          Logo design is just the start. We deliver the full brand file kit so
2350          you look professional everywhere.
2351        </p>
2352
2353        <div class="teams-grid">
2354          <div class="team-card reveal">
2355            <div class="team-content">
2356              <div class="team-status">Active</div>
2357              <h3>Logo Design</h3>
2358              <p class="team-desc">
2359                Custom marks built from scratch   not templates. Primary logo,
2360                variations, and every file format you'll need.
2361              </p>
2362
2363              <div class="task-col v2 up">
2364                <div class="task-track v2 team-bullets">
2365                  <div class="task-item">Primary & secondary logos</div>
2366                  <div class="task-item">Icon & wordmark variations</div>
2367                  <div class="task-item">SVG, EPS, AI &amp; PNG files</div>
2368                  <div class="task-item">Dark &amp; light versions</div>
2369                  <div class="task-item">Favicon &amp; app icon</div>
2370                  <div class="task-item">Unlimited revisions</div>
2371                  <div class="task-item">Full ownership transfer</div>
2372                </div>
2373              </div>
2374            </div>
2375            <div class="team-media" data-media>
2376              <img
2377                src="/assets/images/specialist-teams/brand-design/1.webp"
2378                alt="Brand and design work sample 1"
2379                class="is-visible"
2380                loading="lazy"
2381              />
2382              <img
2383                src="/assets/images/specialist-teams/brand-design/2.webp"
2384                alt="Brand and design work sample 2"
2385                loading="lazy"
2386              />
2387              <img
2388                src="/assets/images/specialist-teams/brand-design/3.webp"
2389                alt="Brand and design work sample 3"
2390                loading="lazy"
2391              />
2392              <img
2393                src="/assets/images/specialist-teams/brand-design/4.webp"
2394                alt="Brand and design work sample 4"
2395                loading="lazy"
2396              />
2397            </div>
2398          </div>
2399
2400          <div class="team-card reveal d1">
2401            <div class="team-content">
2402              <div class="team-status">Active</div>
2403              <h3>Print &amp; Stationery</h3>
2404              <p class="team-desc">
2405                Business cards, letterheads, and envelopes that match your logo  
2406                print ready from day one.
2407              </p>
2408
2409              <div class="task-col v2 up">
2410                <div class="task-track v2 team-bullets">
2411                  <div class="task-item">Business card design</div>
2412                  <div class="task-item">Letterhead &amp; envelope</div>
2413                  <div class="task-item">Invoice &amp; receipt templates</div>
2414                  <div class="task-item">Brochure &amp; flyer layout</div>
2415                  <div class="task-item">Print ready PDF files</div>
2416                  <div class="task-item">Bleed &amp; crop marks</div>
2417                  <div class="task-item">CMYK color profiles</div>
2418                </div>
2419              </div>
2420            </div>
2421            <div class="team-media" data-media>
2422              <img
2423                src="/assets/images/specialist-teams/web-development/1.webp"
2424                alt="Web development sample 1"
2425                class="is-visible"
2426                loading="lazy"
2427              />
2428              <img
2429                src="/assets/images/specialist-teams/web-development/2.webp"
2430                alt="Web development sample 2"
2431                loading="lazy"
2432              />
2433              <img
2434                src="/assets/images/specialist-teams/web-development/3.webp"
2435                alt="Web development sample 3"
2436                loading="lazy"
2437              />
2438              <img
2439                src="/assets/images/specialist-teams/web-development/4.webp"
2440                alt="Web development sample 4"
2441                loading="lazy"
2442              />
2443              <img
2444                src="/assets/images/specialist-teams/web-development/5.webp"
2445                alt="Web development sample 5"
2446                loading="lazy"
2447              />
2448              <img
2449                src="/assets/images/specialist-teams/web-development/6.webp"
2450                alt="Web development sample 6"
2451                loading="lazy"
2452              />
2453            </div>
2454          </div>
2455
2456          <div class="team-card reveal">
2457            <div class="team-content">
2458              <div class="team-status">Active</div>
2459              <h3>Merchandise &amp; Apparel</h3>
2460              <p class="team-desc">
2461                Your logo on caps, cups, hoodies, and uniforms   mockups and
2462                print files included.
2463              </p>
2464
2465              <div class="task-col v2 up">
2466                <div class="task-track v2 team-bullets">
2467                  <div class="task-item">Cap &amp; hat mockups</div>
2468                  <div class="task-item">Cup &amp; mug designs</div>
2469                  <div class="task-item">Hoodie &amp; t-shirt layouts</div>
2470                  <div class="task-item">Uniform &amp; workwear</div>
2471                  <div class="task-item">Embroidery-ready files</div>
2472                  <div class="task-item">Screen-print vectors</div>
2473                  <div class="task-item">Product photography mockups</div>
2474                </div>
2475              </div>
2476            </div>
2477            <div class="team-media" data-media>
2478              <video autoplay muted loop playsinline preload="none" poster="/assets/images/specialist-teams/video.jpg" data-deferred-autoplay aria-label="Video editing">
2479                <source data-defer-src="/assets/images/specialist-teams/video.mp4" type="video/mp4" />
2480              </video>
2481            </div>
2482          </div>
2483
2484          <div class="team-card reveal d1">
2485            <div class="team-content">
2486              <div class="team-status">Active</div>
2487              <h3>Vehicle &amp; Signage</h3>
2488              <p class="team-desc">
2489                Car wraps, banners, and outdoor signage   your brand visible at
2490                scale.
2491              </p>
2492
2493              <div class="task-col v2 up">
2494                <div class="task-track v2 team-bullets">
2495                  <div class="task-item">Car wrap designs</div>
2496                  <div class="task-item">Storefront signage</div>
2497                  <div class="task-item">Banner &amp; billboard layouts</div>
2498                  <div class="task-item">Trade show displays</div>
2499                  <div class="task-item">Large-format print files</div>
2500                  <div class="task-item">Vehicle decal vectors</div>
2501                  <div class="task-item">Installation guides</div>
2502                </div>
2503              </div>
2504            </div>
2505            <div class="team-media" data-media>
2506              <img
2507                src="/assets/images/specialist-teams/social-media-marketing/1.jpg"
2508                alt="Social media marketing sample 1"
2509                class="is-visible"
2510                loading="lazy"
2511              />
2512              <img
2513                src="/assets/images/specialist-teams/social-media-marketing/2.jpg"
2514                alt="Social media marketing sample 2"
2515                loading="lazy"
2516              />
2517              <img
2518                src="/assets/images/specialist-teams/social-media-marketing/3.jpg"
2519                alt="Social media marketing sample 3"
2520                loading="lazy"
2521              />
2522              <img
2523                src="/assets/images/specialist-teams/social-media-marketing/4.jpg"
2524                alt="Social media marketing sample 4"
2525                loading="lazy"
2526              />
2527            </div>
2528          </div>
2529
2530          <div class="team-card reveal">
2531            <div class="team-content">
2532              <div class="team-status">Active</div>
2533              <h3>Marketing Collateral</h3>
2534              <p class="team-desc">
2535                Brochures, flyers, and posters   branded materials that look as
2536                polished as your logo.
2537              </p>
2538
2539              <div class="task-col v2 up">
2540                <div class="task-track v2 team-bullets">
2541                  <div class="task-item">Brochure design</div>
2542                  <div class="task-item">Flyer &amp; poster layouts</div>
2543                  <div class="task-item">Pitch deck branding</div>
2544                  <div class="task-item">Product one-pagers</div>
2545                  <div class="task-item">Event &amp; promo materials</div>
2546                  <div class="task-item">Menu &amp; price list design</div>
2547                  <div class="task-item">Multi-page print layouts</div>
2548                </div>
2549              </div>
2550            </div>
2551            <div class="team-media" data-media>
2552              <img src="/assets/images/specialist-teams/digital-marketing.webp"
2553                alt="Analytics dashboard"
2554              loading="lazy" decoding="async" />
2555              <img src="/assets/images/digital-marketing/1.jpg"
2556                alt="Analytics dashboard"
2557              loading="lazy" decoding="async" />
2558              <img src="/assets/images/digital-marketing/2.jpg"
2559                alt="Analytics dashboard"
2560              loading="lazy" decoding="async" />
2561              <img src="/assets/images/digital-marketing/3.jpg"
2562              alt="Analytics dashboard"
2563            loading="lazy" decoding="async" />
2564            </div>
2565          </div>
2566
2567          <div class="team-card reveal d1">
2568            <div class="team-content">
2569              <div class="team-status">Active</div>
2570              <h3>Digital Brand Assets</h3>
2571              <p class="team-desc">
2572                Social kits, email signatures, and brand guidelines   your logo
2573                looking sharp on every screen.
2574              </p>
2575
2576              <div class="task-col v2 up">
2577                <div class="task-track v2 team-bullets">
2578                  <div class="task-item">Social media profile kit</div>
2579                  <div class="task-item">Email signature design</div>
2580                  <div class="task-item">Brand guidelines PDF</div>
2581                  <div class="task-item">Color palette &amp; hex codes</div>
2582                  <div class="task-item">Typography &amp; font files</div>
2583                  <div class="task-item">LinkedIn &amp; X cover images</div>
2584                  <div class="task-item">logo favicon package</div>
2585                </div>
2586              </div>
2587            </div>
2588            <div class="team-media" data-media>
2589              <img src="/assets/images/specialist-teams/ai-agents-automation.webp"
2590                alt="AI"
2591              loading="lazy" decoding="async" />
2592            </div>
2593          </div>
2594        </div>
2595      </div>
2596    </section>
2597    -->
2598
2599    <!-- <section class="hiw-sec">
2600    <div class="hiw-inner">
2601      <div class="chip r subtitle1"><span class="dot"></span> The Process</div>
2602      <h2 class="r subtitle1 ">Brief to Delivered  <br><em>In Four Simple Steps.</em></h2>
2603      <p class="sec-sub r subtitle1 ">No complex onboarding. No long kickoff calls. Send a brief, get agency-quality work back.</p>
2604      <div class="steps-row">
2605        <div class="step r">
2606          <div class="step-n">01</div>
2607          <h3>Send Your Brief</h3>
2608          <p>Drop a brief via Slack, email, or Notion. Specs, references, deadline. That's all we need.</p>
2609          <div class="step-tag">5-minute brief</div>
2610        </div>
2611        <div class="step r d1">
2612          <div class="step-n">02</div>
2613          <h3>Team Assigned Instantly</h3>
2614          <p>Your brief goes to the right specialist team immediately. No routing delays, no middlemen.</p>
2615          <div class="step-tag">Same-day start</div>
2616        </div>
2617        <div class="step r d2">
2618          <div class="step-n">03</div>
2619          <h3>First Draft in 48 Hours</h3>
2620          <p>Receive your first draft within 48 hours. Review, give feedback, request revisions   all included.</p>
2621          <div class="step-tag">48hr delivery</div>
2622        </div>
2623        <div class="step r d3">
2624          <div class="step-n">04</div>
2625          <h3>
2625Approved & Client-Ready</h3>
2626          <p>Final files delivered in all required formats   source files, exports, white-labelled for your client.</p>
2627          <div class="step-tag">White-label ready</div>
2628        </div>
2629      </div>
2630    </div>
2631  </section> -->
2632
2633    <!-- <section class="transform-section">
2634      <div class="container">
2635        <div class="section-label reveal">The Transformation</div>
2636        <h2 class="reveal">
2637          Founders move from <em>overload to CEO mode.</em>
2638        </h2>
2639        <p class="section-intro reveal" style="margin-bottom: 40px">
2640          Real outcomes from founders who installed their Growth OS.
2641        </p>
2642        <div class="transform-grid">
2643          <div class="transform-row reveal">
2644            <div class="transform-before">Replying to inbox at 11pm</div>
2645            <div class="transform-arrow">&rarr;</div>
2646            <div class="transform-after">Inbox triaged before you wake up</div>
2647          </div>
2648          <div class="transform-row reveal d1">
2649            <div class="transform-before">Posting when you remember</div>
2650            <div class="transform-arrow">&rarr;</div>
2651            <div class="transform-after">Always-on content engine, daily</div>
2652          </div>
2653          <div class="transform-row reveal">
2654            <div class="transform-before">Following up cold leads yourself</div>
2655            <div class="transform-arrow">&rarr;</div>
2656            <div class="transform-after">Pipeline moved every single day</div>
2657          </div>
2658          <div class="transform-row reveal d1">
2659            <div class="transform-before">Strategy lives only in your head</div>
2660            <div class="transform-arrow">&rarr;</div>
2661            <div class="transform-after">Strategy operating as a system</div>
2662          </div>
2663          <div class="transform-row reveal">
2664            <div class="transform-before">6 freelancers to coordinate</div>
2665            <div class="transform-arrow">&rarr;</div>
2666            <div class="transform-after">One point of contact. Done.</div>
2667          </div>
2668          <div class="transform-row reveal d1">
2669            <div class="transform-before">$120k+ for a US hire + risk</div>
2670            <div class="transform-arrow">&rarr;</div>
2671            <div class="transform-after">Full team at ? the cost, day one</div>
2672          </div>
2673        </div>
2674      </div>
2675    </section> -->
2676
2677    <!-- ?? TRANSFORMATION (detailed) ?? -->
2678    <!-- <section class="transform-two-section">
2679      <div class="container">
2680        <div class="transform-two-wrap">
2681          <div class="section-label reveal">The Transformation</div>
2682          <h2 class="transform-two-title reveal">
2683            Founders move from <em>overload to CEO mode.</em>
2684          </h2>
2685          <p class="transform-two-intro reveal">
2686            Real outcomes from founders who installed their Growth OS.
2687          </p>
2688          <div class="transform-two-grid">
2689            <div class="transform-two-row reveal">
2690              <div class="transform-two-rail" aria-hidden="true">
2691                <span class="transform-two-num">01</span>
2692              </div>
2693              <div class="transform-two-main">
2694                <div class="transform-two-before">
2695                  Replying to inbox at 11pm, missing leads
2696                </div>
2697                <div class="transform-two-arrow" aria-hidden="true">
2698                  <i class="fa-solid fa-arrow-right"></i>
2699                </div>
2700                <div class="transform-two-after">
2701                  Brand colorsd by 8am, hot leads flagged, replies drafted
2702                </div>
2703              </div>
2704            </div>
2705            <div class="transform-two-row reveal d1">
2706              <div class="transform-two-rail" aria-hidden="true">
2707                <span class="transform-two-num">02</span>
2708              </div>
2709              <div class="transform-two-main">
2710                <div class="transform-two-before">
2711                  Posting ?when inspired?   3 times last month
2712                </div>
2713                <div class="transform-two-arrow" aria-hidden="true">
2714                  <i class="fa-solid fa-arrow-right"></i>
2715                </div>
2716                <div class="transform-two-after">
2717                  5 posts/week, on-brand, scheduled 30 days out
2718                </div>
2719              </div>
2720            </div>
2721            <div class="transform-two-row reveal">
2722              <div class="transform-two-rail" aria-hidden="true">
2723                <span class="transform-two-num">03</span>
2724              </div>
2725              <div class="transform-two-main">
2726                <div class="transform-two-before">
2727                  Cold leads going cold (avg 6-day follow-up)
2728                </div>
2729                <div class="transform-two-arrow" aria-hidden="true">
2730                  <i class="fa-solid fa-arrow-right"></i>
2731                </div>
2732                <div class="transform-two-after">
2733                  Every lead touched within 24 hours, 5-step sequence
2734                </div>
2735              </div>
2736            </div>
2737            <div class="transform-two-row reveal d1">
2738              <div class="transform-two-rail" aria-hidden="true">
2739                <span class="transform-two-num">04</span>
2740              </div>
2741              <div class="transform-two-main">
2742                <div class="transform-two-before">
2743                  Strategy = mental notes + Slack screenshots
2744                </div>
2745                <div class="transform-two-arrow" aria-hidden="true">
2746                  <i class="fa-solid fa-arrow-right"></i>
2747                </div>
2748                <div class="transform-two-after">
2749                  Documented Growth OS, weekly scorecards, monthly reviews
2750                </div>
2751              </div>
2752            </div>
2753            <div class="transform-two-row reveal">
2754              <div class="transform-two-rail" aria-hidden="true">
2755                <span class="transform-two-num">05</span>
2756              </div>
2757              <div class="transform-two-main">
2758                <div class="transform-two-before">
2759                  Managing 6 freelancers across 4 tools
2760                </div>
2761                <div class="transform-two-arrow" aria-hidden="true">
2762                  <i class="fa-solid fa-arrow-right"></i>
2763                </div>
2764                <div class="transform-two-after">
2765                  One Growth Manager. One Slack channel. One invoice.
2766                </div>
2767              </div>
2768            </div>
2769            <div class="transform-two-row reveal d1">
2770              <div class="transform-two-rail" aria-hidden="true">
2771                <span class="transform-two-num">06</span>
2772              </div>
2773              <div class="transform-two-main">
2774                <div class="transform-two-before">
2775                  $120K/yr US hire + 3-month ramp + turnover risk
2776                </div>
2777                <div class="transform-two-arrow" aria-hidden="true">
2778                  <i class="fa-solid fa-arrow-right"></i>
2779                </div>
2780                <div class="transform-two-after">
2781                  Full team for ~$3K/mo, productive day 1, zero HR overhead
2782                </div>
2783              </div>
2784            </div>
2785          </div>
2786        </div>
2787      </div>
2788    </section> -->
2789
2790    <!-- ?? BEFORE VS AFTER (hidden) ??
2791    <section class="ba-section">
2792      <div class="ba-container">
2793    
2794        <div class="section-label reveal visible">
2795          Before vs After
2796        </div>
2797        <h2 class="reveal visible">
2798          What your brand looks like<br /><em>once the logo is actually done.</em>
2799        </h2>
2800        <p class="section-intro reveal visible">
2801          You're not guessing which file to send. You're not fixing sizes at
2802          midnight. You just use the brand.
2803        </p>
2804    
2805        <div class="ba-list">
2806    
2807          <div class="ba-row">
2808            <div class="ba-card before-card">
2809              <div>
2810                <span class="ba-label before-label">Before</span>
2811                <p>"Send your logo?"   3 attachments, they're not sure which</p>
2812              </div>
2813    
2814              <div class="ba-icon before-icon">
2815                <svg viewBox="0 0 24 24">
2816                  <rect x="3" y="5" width="18" height="14" rx="2"></rect>
2817                  <path d="M3 7l9 6 9-6"></path>
2818                </svg>
2819              </div>
2820            </div>
2821    
2822            <div class="ba-arrow">
2823              <svg viewBox="0 0 24 24">
2824                <path d="M5 12h14"></path>
2825                <path d="M13 6l6 6-6 6"></path>
2826              </svg>
2827            </div>
2828    
2829            <div class="ba-card after-card">
2830              <div>
2831                <span class="ba-label after-label">After</span>
2832                <p>One folder   logo, colors, fonts. They download and move on</p>
2833              </div>
2834    
2835              <div class="ba-icon after-icon">
2836                <svg viewBox="0 0 24 24">
2837                  <circle cx="12" cy="12" r="9"></circle>
2838                  <path d="M8 12.5l2.7 2.7L16.5 9"></path>
2839                </svg>
2840              </div>
2841            </div>
2842          </div>
2843    
2844          <div class="ba-row">
2845            <div class="ba-card before-card">
2846              <div>
2847                <span class="ba-label before-label">Before</span>
2848                <p>logo header logo stretched   looks cheap on a laptop</p>
2849              </div>
2850    
2851              <div class="ba-icon before-icon">
2852                <svg viewBox="0 0 24 24">
2853                  <rect x="4" y="5" width="16" height="15" rx="2"></rect>
2854                  <path d="M8 3v4"></path>
2855                  <path d="M16 3v4"></path>
2856                  <path d="M4 10h16"></path>
2857                  <path d="M8 14h3"></path>
2858                  <path d="M14 14h2"></path>
2859                </svg>
2860              </div>
2861            </div>
2862    
2863            <div class="ba-arrow">
2864              <svg viewBox="0 0 24 24">
2865                <path d="M5 12h14"></path>
2866                <path d="M13 6l6 6-6 6"></path>
2867              </svg>
2868            </div>
2869    
2870            <div class="ba-card after-card">
2871              <div>
2872                <span class="ba-label after-label">After</span>
2873                <p>Clean header + favicon   sharp at every size</p>
2874              </div>
2875    
2876              <div class="ba-icon after-icon">
2877                <svg viewBox="0 0 24 24">
2878                  <rect x="4" y="5" width="16" height="15" rx="2"></rect>
2879                  <path d="M8 3v4"></path>
2880                  <path d="M16 3v4"></path>
2881                  <path d="M4 10h16"></path>
2882                  <path d="M9 15l2 2 4-4"></path>
2883                </svg>
2884              </div>
2885            </div>
2886          </div>
2887    
2888          <div class="ba-row">
2889            <div class="ba-card before-card">
2890              <div>
2891                <span class="ba-label before-label">Before</span>
2892                <p>Profile pic ? logo ? email   three different brands</p>
2893              </div>
2894    
2895              <div class="ba-icon before-icon">
2896                <svg viewBox="0 0 24 24">
2897                  <path d="M12 3v18"></path>
2898                  <path d="M5.6 6.2l12.8 11.6"></path>
2899                  <path d="M18.4 6.2L5.6 17.8"></path>
2900                  <path d="M4 12h16"></path>
2901                </svg>
2902              </div>
2903            </div>
2904    
2905            <div class="ba-arrow">
2906              <svg viewBox="0 0 24 24">
2907                <path d="M5 12h14"></path>
2908                <path d="M13 6l6 6-6 6"></path>
2909              </svg>
2910            </div>
2911    
2912            <div class="ba-card after-card">
2913              <div>
2914                <span class="ba-label after-label">After</span>
2915                <p>Same mark on web, LinkedIn &amp; signature</p>
2916              </div>
2917    
2918              <div class="ba-icon after-icon">
2919                <svg viewBox="0 0 24 24">
2920                  <path d="M13 2L5 14h6l-1 8 9-13h-6l0-7z"></path>
2921                </svg>
2922              </div>
2923            </div>
2924          </div>
2925    
2926          <div class="ba-row">
2927            <div class="ba-card before-card">
2928              <div>
2929                <span class="ba-label before-label">Before</span>
2930                <p>Business cards arrived   logo muddier than the mockup</p>
2931              </div>
2932    
2933              <div class="ba-icon before-icon">
2934                <svg viewBox="0 0 24 24">
2935                  <rect x="6" y="3" width="12" height="18" rx="2"></rect>
2936                  <path d="M9 8h6"></path>
2937                  <path d="M9 12h6"></path>
2938                  <path d="M9 16h4"></path>
2939                </svg>
2940              </div>
2941            </div>
2942    
2943            <div class="ba-arrow">
2944              <svg viewBox="0 0 24 24">
2945                <path d="M5 12h14"></path>
2946                <path d="M13 6l6 6-6 6"></path>
2947              </svg>
2948            </div>
2949    
2950            <div class="ba-card after-card">
2951              <div>
2952                <span class="ba-label after-label">After</span>
2953                <p>PNG, SVG, AI &amp; PDF   you own everything, no chase-down</p>
2954              </div>
2955    
2956              <div class="ba-icon after-icon">
2957                <svg viewBox="0 0 24 24">
2958                  <path d="M4 20h16"></path>
2959                  <rect x="6" y="12" width="3" height="8" rx="1"></rect>
2960                  <rect x="11" y="8" width="3" height="12" rx="1"></rect>
2961                  <rect x="16" y="4" width="3" height="16" rx="1"></rect>
2962                </svg>
2963              </div>
2964            </div>
2965          </div>
2966    
2967          <div class="ba-row">
2968            <div class="ba-card before-card">
2969              <div>
2970                <span class="ba-label before-label">Before</span>
2971                <p>White logo on a light slide   unreadable in the pitch</p>
2972              </div>
2973    
2974              <div class="ba-icon before-icon">
2975                <svg viewBox="0 0 24 24">
2976                  <circle cx="8" cy="9" r="3"></circle>
2977                  <circle cx="16" cy="9" r="3"></circle>
2978                  <path d="M3 20c.7-3 2.4-5 5-5s4.3 2 5 5"></path>
2979                  <path d="M11 20c.7-3 2.4-5 5-5s4.3 2 5 5"></path>
2980                </svg>
2981              </div>
2982            </div>
2983    
2984            <div class="ba-arrow">
2985              <svg viewBox="0 0 24 24">
2986                <path d="M5 12h14"></path>
2987                <path d="M13 6l6 6-6 6"></path>
2988              </svg>
2989            </div>
2990    
2991            <div class="ba-card after-card">
2992              <div>
2993                <span class="ba-label after-label">After</span>
2994                <p>Deck, proposal &amp; site   one logo, one look</p>
2995              </div>
2996    
2997              <div class="ba-icon after-icon">
2998                <svg viewBox="0 0 24 24">
2999                  <circle cx="12" cy="8" r="4"></circle>
3000                  <path d="M5 21c1-4 3.5-6 7-6s6 2 7 6"></path>
3001                </svg>
3002              </div>
3003            </div>
3004          </div>
3005    
3006          <div class="ba-row">
3007            <div class="ba-card before-card">
3008              <div>
3009                <span class="ba-label before-label">Before</span>
3010                <p>Rebuilding the logo in Canva the night before launch</p>
3011              </div>
3012    
3013              <div class="ba-icon before-icon">
3014                <svg viewBox="0 0 24 24">
3015                  <path d="M12 3l10 18H2L12 3z"></path>
3016                  <path d="M12 9v5"></path>
3017                  <path d="M12 17h.01"></path>
3018                </svg>
3019              </div>
3020            </div>
3021    
3022            <div class="ba-arrow">
3023              <svg viewBox="0 0 24 24">
3024                <path d="M5 12h14"></path>
3025                <path d="M13 6l6 6-6 6"></path>
3026              </svg>
3027            </div>
3028    
3029            <div class="ba-card after-card">
3030              <div>
3031                <span class="ba-label after-label">After</span>
3032                <p>Brand sheet in the folder   hand off once, they're set</p>
3033              </div>
3034    
3035              <div class="ba-icon after-icon">
3036                <svg viewBox="0 0 24 24">
3037                  <path d="M12 3l8 3v6c0 5-3.4 8.5-8 9-4.6-.5-8-4-8-9V6l8-3z"></path>
3038                  <path d="M8.5 12.5l2.2 2.2 4.8-5"></path>
3039                </svg>
3040              </div>
3041            </div>
3042          </div>
3043    
3044        </div>
3045    
3046      </div>
3047    </section>
3048    -->
3049    
3050    <!-- WHY FOUNDERS CHOOSE -->
3051    <section class="comparison-section comparison-section--founders">
3052      <div class="container">
3053        <div class="section-label reveal">
3054          Why Founders Choose StartupAdvisory.ai for Product Packaging
3055        </div>
3056        <h2 class="reveal">
3057          One team does what <em>five vendors can't.</em>
3058        </h2>
3059        <p class="section-intro reveal">
3060          Templates look fine in a mockup then fall apart at print, on shelf, and in fulfillment. One team that runs design, dielines, and print specs as one system &mdash; and stands behind every file. (&#10003; included &middot; &#9680; partial &middot; &#10007; not.)
3061        </p>
3062        <div class="comp-table-wrap reveal">
3063          <table class="comp-table">
3064            <thead>
3065              <tr>
3066                <th>Feature</th>
3067                <th class="hi">
3068                  <img
3069                    src="/assets/images/header-logo.svg"
3070                    class="logo1"
3071                    alt="StartupAdvisory.ai"
3072                    width="112"
3073                    height="28"
3074                    loading="lazy"
3075                    decoding="async"
3076                  />
3077                </th>
3078                <th>Fiverr / DIY</th>
3079                <th>Template Shops</th>
3080                <th>Canva</th>
3081                <th>US Agency</th>
3082              </tr>
3083            </thead>
3084            <tbody>
3085              <tr>
3086                <td>Custom packaging + print specs in one team</td>
3087                <td class="hi"><span class="green1">&#10003;</span> Built in</td>
3088                <td>
3089                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/>
3089<path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3090                  Slides only
3091                </td>
3092                <td><span class="wrong1">&#10007;</span> None</td>
3093                <td><span class="wrong1">&#10007;</span> None</td>
3094                <td>
3095                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3096                  After 6mo ramp
3097                </td>
3098              </tr>
3099              <tr>
3100                <td>Print ready files in days, not weeks</td>
3101                <td class="hi" style="white-space: nowrap;"><span class="green1">&#10003;</span>&nbsp;5 day&nbsp;delivery</td>
3102                <td>
3103                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3104                  Weekly cycles
3105                </td>
3106                <td>
3107                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/>
3107<path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3108                  Inconsistent
3109                </td>
3110                <td style="white-space: nowrap;"><span class="green1">&#10003;</span>&nbsp;Task&nbsp;level&nbsp;only</td>
3111                <td>
3112                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3113                  Slow ramp up
3114                </td>
3115              </tr>
3116              <tr>
3117                <td>Single point of contact</td>
3118                <td class="hi"><span class="green1">&#10003;</span> One PM</td>
3119                <td style="white-space: nowrap;"><span class="wrong1">&#10007;</span>&nbsp;Multiple&nbsp;freelancers</td>
3120                <td>
3121                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3122                  5+ people
3123                </td>
3124                <td><span class="green1">&#10003;</span> One person</td>
3125                <td><span class="green1">&#10003;</span> One hire</td>
3126              </tr>
3127              <tr>
3128                <td>Design + dielines + 3D mockups in one team</td>
3129                <td class="hi"><span class="green1">&#10003;</span> Full stack</td>
3130                <td>
3131                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/>
3131<path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3132                  Siloed depts
3133                </td>
3134                <td><span class="wrong1">&#10007;</span> One skill each</td>
3135                <td><span class="wrong1">&#10007;</span> Admin only</td>
3136                <td><span class="wrong1">&#10007;</span> One role</td>
3137              </tr>
3138              <tr>
3139                <td>No founder micromanagement</td>
3140                <td class="hi"><span class="green1">&#10003;</span> Self running</td>
3141                <td>
3142                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3143                  You manage
3144                </td>
3145                <td><span class="wrong1">&#10007;</span> You're the PM</td>
3146                <td style="white-space: nowrap;"><span class="wrong1">&#10007;</span>&nbsp;Constant&nbsp;brief</td>
3147                <td style="white-space: nowrap;">
3148                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/><path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>&nbsp;Heavy&nbsp;onboarding
3149                </td>
3150              </tr>
3151              <tr>
3152                <td>Unlimited revisions included</td>
3153                <td class="hi"><span class="green1">&#10003;</span> Built in</td>
3154                <td><span class="wrong1">&#10007;</span> Add on cost</td>
3155                <td style="white-space: nowrap;"><span class="wrong1">&#10007;</span>&nbsp;Per&nbsp;revision&nbsp;fee</td>
3156                <td><span class="wrong1">&#10007;</span> Not equipped</td>
3157                <td><span class="wrong1">&#10007;</span> Hourly billing</td>
3158              </tr>
3159              <tr>
3160                <td>You own every file, no lock in</td>
3161                <td class="hi"><span class="green1">&#10003;</span> Zero risk</td>
3162                <td><span class="green1">&#10003;</span> Vendor model</td>
3163                <td style="white-space: nowrap;"><span class="green1">&#10003;</span>&nbsp;Template&nbsp;license</td>
3164                <td><span class="green1">&#10003;</span> Subscription</td>
3165                <td style="white-space: nowrap;"><span class="wrong1">&#10007;</span>&nbsp;Agency&nbsp;retains&nbsp;files</td>
3166              </tr>
3167              <tr>
3168                <td>Fraction of US packaging studio cost</td>
3169                <td class="hi"><span class="green1">&#10003;</span> From $129</td>
3170                <td style="white-space: nowrap;"><span class="wrong1">&#10007;</span>&nbsp;$3K&nbsp;to&nbsp;$8K/project</td>
3171                <td>
3172                  <svg class="wrong" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 111.54" aria-hidden="true" focusable="false"><title>caution</title><path class="cls-1" d="M2.35,84.42,45.28,10.2l.17-.27h0A23,23,0,0,1,52.5,2.69,17,17,0,0,1,61.57,0a16.7,16.7,0,0,1,9.11,2.69,22.79,22.79,0,0,1,7,7.26q.19.32.36.63l42.23,73.34.24.44h0a22.48,22.48,0,0,1,2.37,10.19,17.63,17.63,0,0,1-2.17,8.35,15.94,15.94,0,0,1-6.93,6.6c-.19.1-.39.18-.58.26a21.19,21.19,0,0,1-9.11,1.75v0H17.61c-.22,0-.44,0-.65,0a18.07,18.07,0,0,1-6.2-1.15A16.42,16.42,0,0,1,3,104.24a17.53,17.53,0,0,1-3-9.57,23,23,0,0,1,1.57-8.74,7.66,7.66,0,0,1,.77-1.51Z"/>
3172<path class="cls-2" d="M9,88.75,52.12,14.16c5.24-8.25,13.54-8.46,18.87,0l42.43,73.69c3.39,6.81,1.71,16-9.33,15.77H17.61C10.35,103.8,5.67,97.43,9,88.75Z"/><path class="cls-1" d="M57.57,82.69A5.48,5.48,0,0,1,61,81.11a5.66,5.66,0,0,1,4.42,1.66,5.53,5.53,0,0,1,1.62,3.54A5.6,5.6,0,0,1,67,87.72a6,6,0,0,1-.42,1.34,5.53,5.53,0,0,1-2.92,2.84,5.79,5.79,0,0,1-4.57-.1,5.51,5.51,0,0,1-2.81-2.94,5.31,5.31,0,0,1-.36-1.27,5.9,5.9,0,0,1-.06-1.32h0a6.45,6.45,0,0,1,.57-2,4.6,4.6,0,0,1,1.14-1.56Zm8.15-10.24c-.19,4.79-8.31,4.8-8.49,0-.82-8.21-2.92-27.7-2.86-35.42.07-2.38,2-3.78,4.56-4.32a11.19,11.19,0,0,1,2.49-.24,11.77,11.77,0,0,1,2.5.25c2.61.55,4.65,2,4.65,4.44v.24L65.72,72.45Z"/></svg>
3173                  Hidden costs
3174                </td>
3175                <td style="white-space: nowrap;"><span class="green1">&#10003;</span>&nbsp;Cheap&nbsp;limited</td>
3176                <td><span class="wrong1">&#10007;</span> $10K+/project</td>
3177              </tr>
3178            </tbody>
3179          </table>
3180        </div>
3181      </div>
3182    </section>
3183
3184    <!-- ?? TESTIMONIALS ?? -->
3185    <section class="testimonials-section" id="testimonials">
3186      <div class="container">
3187        <div class="section-label reveal">Testimonials</div>
3188        <h2 class="reveal">
3189          Products that finally look the part <br /><em>on the shelf.</em>
3190        </h2>
3191      </div>
3192
3193            <div class="testi-marquee-wrap">
3194        <div class="testi-row">
3195          <div class="testi-track">
3196            <div class="testi-card">
3197              <a class="testi-video" href="https://www.youtube.com/shorts/hBbVSPhO5Ec" data-youtube-id="hBbVSPhO5Ec" aria-label="Watch video review">
3198                <img src="/assets/images/what-we-do/social-media-marketing/reviews/RlKxAv9nujw.jpg" alt="Video review" loading="lazy" decoding="async" />
3199                <span class="testi-video-play" aria-hidden="true"></span>
3200              </a>
3201              <div class="testi-content">
3202                <div>
3203                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3204                  <p class="testi-quote">
3205                    &ldquo;When I changed my mind a million times they were very patient.
3206                    <strong>They handle all my branding and marketing</strong> so I can focus on my clients.&rdquo;
3207                  </p>
3208                </div>
3209                <div class="testi-author">
3210                  <img class="testi-avatar"
3211                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/RlKxAv9nujw.jpg"
3212                    alt="Jill Nicole Geesey"
3213                  loading="lazy" decoding="async" />
3214                  <div>
3215                    <div class="testi-name">Jill Nicole Geesey</div>
3216                    <div class="testi-role">CEO &amp; Founder &middot; Revenue Integrity</div>
3217                  </div>
3218                </div>
3219              </div>
3220            </div>
3221            <div class="testi-card">
3222              <a class="testi-video" href="https://www.youtube.com/shorts/JbwdJGL_mKA" data-youtube-id="JbwdJGL_mKA" aria-label="Watch video review">
3223                <img src="/assets/images/what-we-do/social-media-marketing/reviews/9mOlE8X75Qs.jpg" alt="Video review" loading="lazy" decoding="async" />
3224                <span class="testi-video-play" aria-hidden="true"></span>
3225              </a>
3226              <div class="testi-content">
3227                <div>
3228                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3229                  <p class="testi-quote">
3230                    &ldquo;They&apos;ve been very patient and very professional.
3231                    <strong>Thank you for helping me get started</strong> with my website and my business.&rdquo;
3232                  </p>
3233                </div>
3234                <div class="testi-author">
3235                  <img class="testi-avatar"
3236                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/9mOlE8X75Qs.jpg"
3237                    alt="Jive Turkeey founder"
3238                  loading="lazy" decoding="async" />
3239                  <div>
3240                    <div class="testi-name">Eric Yates</div>
3241                    <div class="testi-role">CEO : Jive Turkeey</div>
3242                  </div>
3243                </div>
3244              </div>
3245            </div>
3246            <div class="testi-card">
3247              <a class="testi-video" href="https://www.youtube.com/shorts/HLAUYX4ONh8" data-youtube-id="HLAUYX4ONh8" aria-label="Watch video review">
3248                <img src="/assets/images/what-we-do/social-media-marketing/reviews/C_Nmj_Mw87A.jpg" alt="Video review" loading="lazy" decoding="async" />
3249                <span class="testi-video-play" aria-hidden="true"></span>
3250              </a>
3251              <div class="testi-content">
3252                <div>
3253                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3254                  <p class="testi-quote">
3255                    &ldquo;They created my website and a more professional face online.
3256                    <strong>I highly recommend Startups Advisory</strong> for business development.&rdquo;
3257                  </p>
3258                </div>
3259                <div class="testi-author">
3260                  <img class="testi-avatar"
3261                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/C_Nmj_Mw87A.jpg"
3262                    alt="Susan"
3263                  loading="lazy" decoding="async" />
3264                  <div>
3265                    <div class="testi-name">Susan</div>
3266                    <div class="testi-role">CEO &amp; Founder &middot; Concierge</div>
3267                  </div>
3268                </div>
3269              </div>
3270            </div>
3271            <div class="testi-card">
3272              <a class="testi-video" href="https://www.youtube.com/shorts/PKZcfhX-s7Q" data-youtube-id="PKZcfhX-s7Q" aria-label="Watch video review">
3273                <img src="/assets/images/what-we-do/social-media-marketing/reviews/FhpDWxOImDE.jpg" alt="Video review" loading="lazy" decoding="async" />
3274                <span class="testi-video-play" aria-hidden="true"></span>
3275              </a>
3276              <div class="testi-content">
3277                <div>
3278                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3279                  <p class="testi-quote">
3280                    &ldquo;Startups Advisory helped me grow my business.
3281                    Their team built a professional website and <strong>strengthened our online presence</strong>.&rdquo;
3282                  </p>
3283                </div>
3284                <div class="testi-author">
3285                  <img class="testi-avatar"
3286                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/FhpDWxOImDE.jpg"
3287                    alt="Christian Bayon"
3288                  loading="lazy" decoding="async" />
3289                  <div>
3290                    <div class="testi-name">Christian Bayon</div>
3291                    <div class="testi-role">CEO &amp; Founder &middot; Reliance Plumbing &amp; Heating</div>
3292                  </div>
3293                </div>
3294              </div>
3295            </div>
3296            <div class="testi-card">
3297              <a class="testi-video" href="https://www.youtube.com/shorts/YdJqgiXyFEM" data-youtube-id="YdJqgiXyFEM" aria-label="Watch video review">
3298                <img src="/assets/images/what-we-do/social-media-marketing/reviews/C6GTQfJ9Aa4.jpg" alt="Video review" loading="lazy" decoding="async" />
3299                <span class="testi-video-play" aria-hidden="true"></span>
3300              </a>
3301              <div class="testi-content">
3302                <div>
3303                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3304                  <p class="testi-quote">
3305                    &ldquo;Their support has made a meaningful difference.
3306                    <strong>They are a dependable business partner</strong>, not just a service provider.&rdquo;
3307                  </p>
3308                </div>
3309                <div class="testi-author">
3310                  <img class="testi-avatar"
3311                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/C6GTQfJ9Aa4.jpg"
3312                    alt="D Hakim-Rasheed"
3313                  loading="lazy" decoding="async" />
3314                  <div>
3315                    <div class="testi-name">D Hakim-Rasheed</div>
3316                    <div class="testi-role">Newkirk Financial Consulting</div>
3317                  </div>
3318                </div>
3319              </div>
3320            </div>
3321            <div class="testi-card">
3322              <a class="testi-video" href="https://www.youtube.com/shorts/WtMFBB18AAM" data-youtube-id="WtMFBB18AAM" aria-label="Watch video review">
3323                <img src="/assets/images/what-we-do/social-media-marketing/reviews/WtMFBB18AAM.jpg" alt="Video review" loading="lazy" decoding="async" />
3324                <span class="testi-video-play" aria-hidden="true"></span>
3325              </a>
3326              <div class="testi-content">
3327                <div>
3328                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3329                  <p class="testi-quote">
3330                    &ldquo;They understood exactly what I wanted for my channel&apos;s opening animation.
3331                    <strong>Professional, responsive, and done right.</strong>&rdquo;
3332                  </p>
3333                </div>
3334                <div class="testi-author">
3335                  <img class="testi-avatar"
3336                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/WtMFBB18AAM.jpg"
3337                    alt="Grandpa Bobby"
3338                  loading="lazy" decoding="async" />
3339                  <div>
3340                    <div class="testi-name">Grandpa Bobby</div>
3341                    <div class="testi-role">Grandpa Bobby&apos;s Home Projects</div>
3342                  </div>
3343                </div>
3344              </div>
3345            </div>
3346            <div class="testi-card">
3347              <a class="testi-video" href="https://www.youtube.com/shorts/hBbVSPhO5Ec" data-youtube-id="hBbVSPhO5Ec" aria-label="Watch video review">
3348                <img src="/assets/images/what-we-do/social-media-marketing/reviews/RlKxAv9nujw.jpg" alt="Video review" loading="lazy" decoding="async" />
3349                <span class="testi-video-play" aria-hidden="true"></span>
3350              </a>
3351              <div class="testi-content">
3352                <div>
3353                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3354                  <p class="testi-quote">
3355                    &ldquo;When I changed my mind a million times they were very patient.
3356                    <strong>They handle all my branding and marketing</strong> so I can focus on my clients.&rdquo;
3357                  </p>
3358                </div>
3359                <div class="testi-author">
3360                  <img class="testi-avatar"
3361                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/RlKxAv9nujw.jpg"
3362                    alt="Jill Nicole Geesey"
3363                  loading="lazy" decoding="async" />
3364                  <div>
3365                    <div class="testi-name">Jill Nicole Geesey</div>
3366                    <div class="testi-role">CEO &amp; Founder &middot; Revenue Integrity</div>
3367                  </div>
3368                </div>
3369              </div>
3370            </div>
3371            <div class="testi-card">
3372              <a class="testi-video" href="https://www.youtube.com/shorts/JbwdJGL_mKA" data-youtube-id="JbwdJGL_mKA" aria-label="Watch video review">
3373                <img src="/assets/images/what-we-do/social-media-marketing/reviews/9mOlE8X75Qs.jpg" alt="Video review" loading="lazy" decoding="async" />
3374                <span class="testi-video-play" aria-hidden="true"></span>
3375              </a>
3376              <div class="testi-content">
3377                <div>
3378                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3379                  <p class="testi-quote">
3380                    &ldquo;They&apos;ve been very patient and very professional.
3381                    <strong>Thank you for helping me get started</strong> with my website and my business.&rdquo;
3382                  </p>
3383                </div>
3384                <div class="testi-author">
3385                  <img class="testi-avatar"
3386                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/9mOlE8X75Qs.jpg"
3387                    alt="Jive Turkeey founder"
3388                  loading="lazy" decoding="async" />
3389                  <div>
3390                    <div class="testi-name">Eric Yates</div>
3391                    <div class="testi-role">CEO : Jive Turkeey</div>
3392                  </div>
3393                </div>
3394              </div>
3395            </div>
3396            <div class="testi-card">
3397              <a class="testi-video" href="https://www.youtube.com/shorts/HLAUYX4ONh8" data-youtube-id="HLAUYX4ONh8" aria-label="Watch video review">
3398                <img src="/assets/images/what-we-do/social-media-marketing/reviews/C_Nmj_Mw87A.jpg" alt="Video review" loading="lazy" decoding="async" />
3399                <span class="testi-video-play" aria-hidden="true"></span>
3400              </a>
3401              <div class="testi-content">
3402                <div>
3403                  <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3404                  <p class="testi-quote">
3405                    &ldquo;They created my website and a more professional face online.
3406                    <strong>I highly recommend Startups Advisory</strong> for business development.&rdquo;
3407                  </p>
3408                </div>
3409                <div class="testi-author">
3410                  <img class="testi-avatar"
3411                    src="/assets/images/what-we-do/social-media-marketing/reviews/avatars/C_Nmj_Mw87A.jpg"
3412                    alt="Susan"
3413                  loading="lazy" decoding="async" />
3414                  <div>
3415                    <div class="testi-name">Susan</div>
3416                    <div class="testi-role">CEO &amp; Founder &middot; Concierge</div>
3417                  </div>
3418                </div>
3419              </div>
3420            </div>
3421          </div>
3422        </div>
3423      </div>
3424
3425    </section>
3426
3427    <!-- ?? FAQ (hidden) ??
3428    <section class="faq-section" id="faq">
3429      <div class="container">
3430        <div class="section-label reveal">The questions founders ask first</div>
3431        <h2 class="reveal">What founders ask <em>before they start.</em></h2>
3432        <div class="faq-wrap" style="margin-top: 48px">
3433          <div class="faq-col">
3434            <div class="faq-item open reveal">
3435              <button class="faq-q">
3436                Do you handle dielines?
3437                <span class="faq-icon">+</span>
3438              </button>
3439              <div class="faq-a">
3440                Yes custom dieline built to your exact product, print ready.
3441              </div>
3442            </div>
3443            <div class="faq-item reveal">
3444              <button class="faq-q">
3445                How fast are files ready?
3446                <span class="faq-icon">+</span>
3447              </button>
3448              <div class="faq-a">
3449                First concept in 24h; print ready inside a week.
3450              </div>
3451            </div>
3452            <div class="faq-item reveal">
3453              <button class="faq-q">
3454                What if my printer rejects it?
3455                <span class="faq-icon">+</span>
3456              </button>
3457              <div class="faq-a">
3458                We fix it free. Printer approved or we keep working.
3459              </div>
3460            </div>
3461          </div>
3462          <div class="faq-col">
3463            <div class="faq-item reveal">
3464              <button class="faq-q">
3465                Do I own the files?
3466                <span class="faq-icon">+</span>
3467              </button>
3468              <div class="faq-a">
3469                Yes every layered source file (AI, PDF). No lock in.
3470              </div>
3471            </div>
3472            <div class="faq-item reveal">
3473              <button class="faq-q">
3474                Amazon or retail specs?
3475                <span class="faq-icon">+</span>
3476              </button>
3477              <div class="faq-a">
3478                Yes built to pass on the first submission.
3479              </div>
3480            </div>
3481            <div class="faq-item reveal">
3482              <button class="faq-q">
3483                AI-generated?
3484                <span class="faq-icon">+</span>
3485              </button>
3486              <div class="faq-a">
3487                No AI explores faster; every file is human designed and press checked.
3488              </div>
3489            </div>
3490          </div>
3491        </div>
3492      </div>
3493    </section>
3494    -->
3495
3496    <!-- ?? CTA ?? -->
3497
3498    <section class="cta-section" id="get-matched">
3499      <div class="container">
3500        <div class="cta-inner">
3501          <div class="cta-left">
3502            <h2 class="reveal">Get packaging that sells. <br /><em>Then run what comes next.</em></h2>
3503            <p class="reveal">
3504              Send us your product and we&apos;ll show you what&apos;s costing you the pick up and the fastest fix. Start with one package, or claim founding pricing before the cohort fills. Once it&apos;s on the shelf, the same team can run the ads and content that move it.
3505            </p>
3506            <div class="cta-meta reveal">
3507              <div class="form-perks">
3508                <div class="form-perk">
3509                  <!-- <i class="fa-regular fa-clock" aria-hidden="true"></i> -->
3510                  <div class="role-icon role-icon2 ri-red">
3511                    <!-- <img src="/assets/images/icons/for-agency/1.svg"
3512                      width="23"
3513                      height="23"
3514                      alt=""
3515                    loading="lazy" decoding="async" /> -->
3516
3517                    <svg viewBox="0 0 24 24" fill="none">
3518                      <path d="M13 2 5 13h6l-1 9 9-13h-6l1-7Z" stroke="#5660c5"></path>
3519                      <path d="M18 4v3M16.5 5.5h3" stroke="#5660c5"></path>
3520                    </svg>
3521
3522                  </div>
3523                  <span>
3524                    <strong>Printer approved</strong> or we fix it free.unlimited revisions own every file
3525                  </span>
3526                </div>
3527                <div class="form-perk role-icon2">
3528                  <div class="svc-icon si3">
3529                    <svg viewBox="0 0 24 24" fill="none">
3530                      <path d="M6.5 18.5h-.8C4.2 18.5 3 17.3 3 15.8V9.2C3 7.7 4.2 6.5 5.7 6.5h12.6C19.8 6.5 21 7.7 21 9.2v6.6c0 1.5-1.2 2.7-2.7 2.7H11l-4.5 3v-3Z" stroke="#10a965"></path>
3531                      <path d="M12 6.5V3.8" stroke="#10a965"></path>
3532                      <circle cx="12" cy="3" r="1" fill="#10a965"></circle>
3533                      <circle cx="9" cy="12" r="1.1" fill="#10a965"></circle>
3534                      <circle cx="15" cy="12" r="1.1" fill="#10a965"></circle>
3535                      <path d="M9.5 15c1.5 1.2 3.5 1.2 5 0" stroke="#10a965"></path>
3536                    </svg>
3537                  </div>
3538                  <span><strong>Founding member pricing</strong> 50% off, limited spots remaining this month</span>
3539                </div>
3540                <div class="form-perk">
3541                  <div class="role-icon role-icon3 ri-red">
3542                    <svg viewBox="0 0 24 24" fill="none">
3543                      <path d="M4 11v2c0 .9.7 1.6 1.6 1.6H7l4 3.4V6L7 9.4H5.6C4.7 9.4 4 10.1 4 11Z" stroke="#16a34a"></path>
3544                      <path d="M15 9.5c.8.7 1.2 1.5 1.2 2.5s-.4 1.9-1.2 2.5" stroke="#16a34a" stroke-linecap="round"></path>
3545                      <path d="M17.6 7.2c1.4 1.2 2.2 2.9 2.2 4.8s-.8 3.6-2.2 4.8" stroke="#16a34a" stroke-linecap="round"></path>
3546                    </svg>
3547                  </div>
3548                  <span><strong>Your packaging closes the shelf.</strong> We run the demand behind it.</span>
3549                </div>
3550              </div>
3551            </div>
3552          </div>
3553          <!-- <div class="form-card reveal d1">
3554        <div class="form-card-h">Get Your Free Logo Quote</div>
3555        <div class="form-card-sub">5 quick questions. We'll be in touch within 24 hours.</div>
3556
3557        <div class="fg-row">
3558          <div class="fg">
3559            <label>Full Name</label>
3560            <input type="text" placeholder="Alex Johnson">
3561          </div>
3562          <div class="fg">
3563            <label>Work Email</label>
3564            <input type="email" placeholder="[email protected]">
3565          </div>
3566        </div>
3567
3568        <div class="fdivider"></div>
3569        <div class="form-q-label">Where are you in your startup journey?</div>
3570        <div class="opts">
3571          <label class="opt"><input type="radio" name="stage"> Pre-revenue</label>
3572          <label class="opt"><input type="radio" name="stage"> Early revenue</label>
3573          <label class="opt"><input type="radio" name="stage"> Growing & scaling</label>
3574          <label class="opt"><input type="radio" name="stage"> Funded & moving fast</label>
3575        </div>
3576
3577        <div class="form-q-label">What's the #1 thing slowing your growth?</div>
3578        <div class="opts">
3579          <label class="opt"><input type="radio" name="block"> Hiring / delegation</label>
3580          <label class="opt"><input type="radio" name="block"> Design / brand</label>
3581          <label class="opt"><input type="radio" name="block"> Marketing / growth</label>
3582          <label class="opt"><input type="radio" name="block"> Dev / product</label>
3583          <label class="opt opt-full"><input type="radio" name="block"> Operations / systems</label>
3584        </div>
3585
3586        <div class="form-q-label">Current team size?</div>
3587        <div class="opts">
3588          <label class="opt"><input type="radio" name="team"> Just me</label>
3589          <label class="opt"><input type="radio" name="team"> 2&ndash;5 people</label>
3590          <label class="opt"><input type="radio" name="team"> 6&ndash;15 people</label>
3591          <label class="opt"><input type="radio" name="team"> 15+ people</label>
3592        </div>
3593
3594        <div class="fdivider"></div>
3595        <div class="fg">
3596          <label>How did you hear about us? <span style="font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)">(optional)</span></label>
3597          <input type="text" placeholder="LinkedIn, referral, Google...">
3598        </div>
3599
3600        <button class="form-submit">Get My Logo Quote &rarr;</button>
3601        <a href="https://linkedin.com" target="_blank" class="form-follow">Not ready yet? Follow the journey on LinkedIn &#8599;</a>
3602        <p class="form-note">?? No sales pressure. No spam. Just a direct conversation about fit.</p>
3603      </div> -->
3604
3605          <!-- <div class="form-card">
3606  <div class="quiz-progress-row">
3607      <span class="quiz-progress-label" id="quizStepLabel">Step 1 of 3</span>
3608      <div class="quiz-progress-track">
3609        <div class="quiz-progress-fill" id="quizProgressFill"></div>
3610      </div>
3611    </div>
3612        
3613  
3614    <div class="form-step active">
3615      <div class="form-card-h">Get Your Free Logo Quote</div>
3616      
3617
3618      <div class="fg-row">
3619        <div class="fg">
3620          <label>Full Name</label>
3621          <input type="text" placeholder="Alex Johnson">
3622        </div>
3623        <div class="fg">
3624          <label>Work Email</label>
3625          <input type="email" placeholder="[email protected]">
3626        </div>
3627      </div>
3628      <div class="form-q-label">Where are you in your startup journey?</div>
3629      <div class="opts">
3630        <label class="opt"><input type="radio" name="stage"> Pre-revenue</label>
3631        <label class="opt"><input type="radio" name="stage"> Early revenue</label>
3632        <label class="opt"><input type="radio" name="stage"> Growing & scaling</label>
3633        <label class="opt"><input type="radio" name="stage"> Funded & moving fast</label>
3634      </div>
3635
3636      <button class="next-btn quiz-next">Next &rarr;</button>
3637    </div>
3638    <div class="form-step">
3639      <div class="form-card-h">Your Startup Info</div>
3640      <div class="form-card-sub">Step 2 of 3</div>
3641
3642      <div class="form-q-label">What's slowing your growth?</div>
3643      <div class="opts">
3644        <label class="opt"><input type="radio" name="block"> Hiring</label>
3645        <label class="opt"><input type="radio" name="block"> Design</label>
3646        <label class="opt"><input type="radio" name="block"> Marketing</label>
3647        <label class="opt"><input type="radio" name="block"> Dev</label>
3648      </div>
3649
3650      <button class="back-btn quiz-back">? Back</button>
3651      <button class="next-btn quiz-next">Next &rarr;</button>
3652    </div>
3653    <div class="form-step">
3654      <div class="form-card-h">Final Step</div>
3655      <div class="form-card-sub">Step 3 of 3</div>
3656
3657      <div class="form-q-label">Current team size?</div>
3658      <div class="opts">
3659        <label class="opt"><input type="radio" name="team"> Just me</label>
3660        <label class="opt"><input type="radio" name="team"> 2&ndash;5 people</label>
3661        <label class="opt"><input type="radio" name="team"> 6&ndash;15 people</label>
3662        <label class="opt"><input type="radio" name="team"> 15+ people</label>
3663      </div>
3664
3665      <div class="fg">
3666        <label>How did you hear about us?</label>
3667        <input type="text" placeholder="LinkedIn, referral, Google...">
3668      </div>
3669
3670      <button class="back-btn quiz-back">? Back</button>
3671      <button class="form-submit quiz-next">Submit</button>
3672    </div>
3673
3674  </div>     -->
3675          <div
3676            class="quiz-card hero-banner-form cta-banner-form"
3677            id="ctaConsultCard"
3678          >
3679            <form id="ctaBannerConsultForm" novalidate>
3680              <!-- <div class="quiz-badge hero-banner-form__badge">
3681                <span class="quiz-badge-dot"></span> Free Growth Assessment
3682              </div> -->
3683              <h3 class="hero-banner-form__title">
3684                Get My Free <em>Packaging Review</em><br />
3685              <span class="hero-banner-form__title-small"
3686                >3 fixes in 24h or see packages below.</span
3687                >
3688              </h3>
3689              <!-- <p class="hero-banner-form__sub">
3690                Share your brief   we'll reply within 24 hours with logo concepts
3691                and your best package price.
3692              </p> -->
3693              <div class="hero-banner-form__fields">
3694                <input
3695                  class="hero-banner-form__field"
3696                  type="text"
3697                  name="name"
3698                  placeholder="Full name"
3699                  required
3700                  autocomplete="name"
3701                />
3702                <input
3703                  class="hero-banner-form__field"
3704                  type="email"
3705                  name="email"
3706                  placeholder="Work email"
3707                  required
3708                  autocomplete="email"
3709                />
3710                <input
3711                  class="hero-banner-form__field"
3712                  type="tel"
3713                  name="phone"
3714                  placeholder="Phone number"
3715                  required
3716                  autocomplete="tel"
3717                />
3718                <select class="hero-banner-form__field" name="need" required>
3719                  <option value="" disabled selected>What are you selling?</option>
3720                  <option value="new-packaging">New packaging from scratch</option>
3721                  <option value="refresh">Packaging refresh</option>
3722                  <option value="brand-kit">Packaging + dielines</option>
3723                  <option value="rebrand">Full SKU line</option>
3724                  <option value="other">Other / not sure</option>
3725                </select>
3726                <button
3727                  type="submit"
3728                  class="quiz-next hero-banner-form__submit"
3729                >
3730                  Get My Free Packaging Review <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span>
3731                </button>
3732                <p class="quiz-foot hero-banner-form__foot">
3733                  Printer approved or we fix it free; Unlimited revisions own every file
3734                </p>
3735              </div>
3736              <div class="hero-banner-form__success">
3737                <div class="quiz-done-icon">&#10003;</div>
3738                <p style="font-weight: 600; color: var(--ink); margin-top: 8px">
3739                  Thanks   we&rsquo;ll be in touch shortly.
3740                </p>
3741              </div>
3742            </form>
3743          </div>
3744        </div>
3745      </div>
3746    </section>
3747  
3748    <!-- -- FOOTER -- -->
3749    <footer>
3750      <div class="footer-inner">
3751        <div class="footer-brand-block">
3752          <div class="footer-brand-name"><a href="/"><img src="/assets/images/footer-logo1.svg" width="200" alt loading="lazy" decoding="async" /></a></div>
3753          <div class="footer-tagline">
3754            StartupAdvisory.ai We run it. Packaging, branding, e-commerce, and marketing done for you, owned by you.
3755          </div>
3756          <form
3757            class="footer-newsletter hide-sm"
3758            onsubmit="
3759              event.preventDefault();
3760              this.querySelector('input').value = '';
3761              this.querySelector('button').textContent = '? Subscribed';
3762            "
3763          >
3764            <input
3765              type="email"
3766              placeholder="[email protected]"
3767              required
3768              maxlength="255"
3769              aria-label="Email"
3770            />
3771            <button type="submit">Subscribe</button>
3772          </form>
3773          <div class="footer-social hide-sm">
3774            <a href="https://www.facebook.com/StartupsAdvisory" aria-label="Twitter" class="faceb"
3775              ><i class="fa-brands fa-facebook-f facebook"></i
3776            ></a>
3777            <a href="https://www.linkedin.com/company/startupsadvisory/" aria-label="LinkedIn" class="linke"
3778              ><i class="fa-brands fa-linkedin linkedin"></i
3779            ></a>
3780            <a href="https://www.instagram.com/startups_advisory/" aria-label="Instagram" class="insta"
3781              ><i class="fa-brands fa-instagram instagram1"></i
3782            ></a>
3783            <a href="https://www.pinterest.com/StartupsAdvisory/" aria-label="Pinterest" class="pinterest"
3784              ><i class="fa-brands fa-pinterest pinterest"></i
3785            ></a>
3786            <a href="https://x.com/SAdvisory_AI" aria-label="Instagram" class="xtwitt"
3787              ><i class="fa-brands fa-x-twitter fxtwitter"></i
3788            ></a>
3789          </div>
3790        </div>
3791        <div class="footer-links-group">
3792                    <h4>What We Do</h4>
3793          <ul>
3794<li><a href="/what-we-do/logo-and-branding.html">Logo and Branding</a></li>
3795<li><a href="/what-we-do/web-design-and-development.html">Web Design and Development</a></li>
3796<li><a href="/what-we-do/mobile-application.html">Mobile Application</a></li>
3797<li><a href="/what-we-do/email-marketing.html">Email Marketing</a></li>
3798<li><a href="/what-we-do/content-writing.html">Content Writing</a></li>
3799<li><a href="/what-we-do/motion-video.html">Motion and Video</a></li>
3800<li><a href="/what-we-do/search-engine-optimization.html">Search Engine Optimization</a></li>
3801          </ul>
3802        </div>
3803        <div class="footer-links-group">
3804          <h4>Company</h4>
3805          <ul>
3806            <li><a href="/about.html">About Us</a></li>
3807            <li><a href="/reviews.html">Reviews</a></li>
3808            <li><a href="https://kogents.ai" target="_blank">Kogents.ai</a></li>
3809            <li><a href="/privacy-policy.html">Privacy Policy</a></li>
3810            <li><a href="/terms-and-conditions.html">Terms &amp; Conditions</a></li>
3811          </ul>
3812        </div>
3813        <div class="footer-contact-col">
3814          <h4>Contact Us</h4>
3815          <div class="footer-contact">
3816            <!-- constant email -->
3817            <a
3818              href="mailto:[email protected]"
3819              class="footer-contact__item fc-email"
3820            >
3821              <i class="fa-solid fa-envelope" aria-hidden="true"></i>
3822              <span>[email protected]</span>
3823            </a>
3824
3825            <!-- location slider (no autoplay; swipe/drag, hover for carets + dots) -->
3826            <div class="fc-slider" data-fc-slider>
3827              <div class="fc-viewport">
3828                <div class="fc-track">
3829                  <!-- USA -->
3830                  <div class="fc-slide">
3831                    <div class="fc-country">United States</div>
3832                    <a href="tel:+17253024177" class="footer-contact__item">
3833                      <i class="fa-solid fa-phone" aria-hidden="true"></i>
3834                      <span>(725) 302-4177</span>
3835                    </a>
3836                    <div class="footer-contact__item">
3837                      <i class="fa-solid fa-location-dot" aria-hidden="true"></i>
3838                      <span>Address: 8 The Green #10863, Dover, DE 19901, USA</span>
3839                    </div>
3840                                    </div>
3841                  <!-- UAE -->
3842                  <!-- <div class="fc-slide">
3843                    <div class="fc-country">United Arab Emirates</div>
3844                    <a href="tel:+971589194384" class="footer-contact__item">
3845                      <i class="fa-solid fa-phone" aria-hidden="true"></i>
3846                      <span>+971 58 919 4384</span>
3847                    </a>
3848                    <div class="footer-contact__item">
3849                      <i class="fa-solid fa-location-dot" aria-hidden="true"></i>
3850                      <span>Plot No: JLT-PH2-RET-R6 Jumeirah Lakes Towers, Dubai,
3851                        United Arab Emirates</span>
3852                    </div>
3853                  </div> -->
3854                  <!-- Asia -->
3855                  <!-- <div class="fc-slide">
3856                    <div class="fc-country">Asia</div>
3857                    <a href="tel:+923232708619" class="footer-contact__item">
3858                      <i class="fa-solid fa-phone" aria-hidden="true"></i>
3859                      <span>+92 323 270 8619</span>
3860                    </a>
3861                    <div class="footer-contact__item">
3862                      <i class="fa-solid fa-location-dot" aria-hidden="true"></i>
3863                      <span>Plot no. 786, Hill View Rd, Imran Khan Road, Bani
3864                        Gala, Islamabad</span>
3865                    </div>
3866                  </div> -->
3867
3868                  </div>
3869
3870                </div>
3871
3872              <!-- <div class="fc-controls">
3873                <button
3874                  class="fc-arrow fc-arrow--prev fc-arrow--off"
3875                  type="button"
3876                  aria-label="Previous location"
3877                >
3878                  <i class="fa-solid fa-chevron-left" aria-hidden="true"></i>
3879                </button>
3880                <div class="fc-dots">
3881                  <button
3882                    class="fc-dot is-active"
3883                    type="button"
3884                    aria-label="United States"
3885                  ></button>
3886                  <button
3887                    class="fc-dot"
3888                    type="button"
3889                    aria-label="United Arab Emirates"
3890                  ></button>
3891                  <button
3892                    class="fc-dot"
3893                    type="button"
3894                    aria-label="Asia"
3895                  ></button>
3896                </div>
3897                <button
3898                  class="fc-arrow fc-arrow--next"
3899                  type="button"
3900                  aria-label="Next location"
3901                >
3902                  <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
3903                </button>
3904              </div> -->
3905              </div>
3906
3907            </div>
3908          </div>
3909        </div>
3910        <div class="footer-links-group show-sm">
3911          <form
3912            class="footer-newsletter"
3913            onsubmit="
3914              event.preventDefault();
3915              this.querySelector('input').value = '';
3916              this.querySelector('button').textContent = '? Subscribed';
3917            "
3918          >
3919            <input
3920              type="email"
3921              placeholder="[email protected]"
3922              required
3923              maxlength="255"
3924              aria-label="Email"
3925            />
3926            <button type="submit">Subscribe</button>
3927          </form>
3928          <div class="footer-social">
3929            <a href="https://www.facebook.com/StartupsAdvisory" aria-label="Twitter" class="faceb"
3930              ><i class="fa-brands fa-facebook-f facebook"></i
3931            ></a>
3932            <a href="https://www.linkedin.com/company/startupsadvisory/" aria-label="LinkedIn" class="linke"
3933              ><i class="fa-brands fa-linkedin linkedin"></i
3934            ></a>
3935            <a href="https://www.instagram.com/startups_advisory/" aria-label="Instagram" class="insta"
3936              ><i class="fa-brands fa-instagram instagram1"></i
3937            ></a>
3938            <a href="https://www.pinterest.com/StartupsAdvisory/" aria-label="Pinterest" class="pinterest"
3939              ><i class="fa-brands fa-pinterest pinterest"></i
3940            ></a>
3941            <a href="https://x.com/SAdvisory_AI" aria-label="Instagram" class="xtwitt"
3942              ><i class="fa-brands fa-x-twitter fxtwitter"></i
3943            ></a>
3944          </div>
3945        </div>
3946      </div>
3947      <div class="footer-bottom">
3948        <p>
3949          &copy; 2026 StartupAdvisory.ai All rights reserved &middot; Growth OS &middot; Active
3950        </p>
3951        <div class="footer-legal">
3952          <a href="/privacy-policy.html">Privacy</a>
3953          <a href="/terms-and-conditions.html">Terms and Conditions</a>
3954        </div>
3955      </div>
3956    </footer>
3957
3958    <!-- Fixed right rail (consult drawer: click badge to open/close) -->
3959    <aside class="side-rail" aria-label="Quick contact">
3960      <div class="side-rail__block side-rail__block--hover side-rail__block--chat">
3961        <button
3962          type="button"
3963          class="side-rail__pill side-rail__tab-face"
3964          id="side-rail-chat-btn"
3965          aria-label="Chat with us"
3966        >
3967          <span class="side-rail__icon-btn" aria-hidden="true">
3968            <i class="fa-solid fa-comments" aria-hidden="true"></i>
3969          </span>
3970          <span class="side-rail__expand" aria-hidden="true">
3971            <span class="side-rail__sep"></span>
3972            <span class="side-rail__expand-label">Chat With Us</span>
3973          </span>
3974        </button>
3975      </div>
3976
3977      <div class="side-rail__block side-rail__block--hover side-rail__block--phone">
3978        <a href="tel:+17253024177" class="side-rail__pill side-rail__tab-face">
3979          <span class="side-rail__icon-btn" aria-hidden="true">
3980            <i class="fa-solid fa-phone"></i>
3981          </span>
3982          <span class="side-rail__expand">
3983            <span class="side-rail__sep"></span>
3984            <span class="side-rail__expand-label">(725) 302-4177</span>
3985          </span>
3986        </a>
3987      </div>
3988
3989      <div
3990        class="side-rail__block side-rail__block--consult"
3991        id="side-rail-consult"
3992      >
3993        <div class="side-rail__drawer-backdrop" aria-hidden="true"></div>
3994        <div class="side-rail__consult-wrap">
3995          <div class="side-rail__consult-panel" id="side-rail-consult-panel">
3996            <form class="side-rail__form" id="side-rail-consult-form">
3997              <h3 class="side-rail__form-title">
3998                Your Logo. <em>24 Hours.</em><br />
3999              <span class="hero-banner-form__title-small"
4000                >Lock in 50% off brief us today.</span
4001                >
4002              </h3>
4003              <div class="side-rail__form-fields">
4004                <input
4005                  class="sr-field"
4006                  type="text"
4007                  name="name"
4008                  placeholder="Full name"
4009                  required
4010                  autocomplete="name"
4011                />
4012                <input
4013                  class="sr-field"
4014                  type="email"
4015                  name="email"
4016                  placeholder="Work email"
4017                  required
4018                  autocomplete="email"
4019                />
4020                <input
4021                  class="sr-field"
4022                  type="tel"
4023                  name="phone"
4024                  placeholder="Phone number"
4025                  required
4026                  autocomplete="tel"
4027                />
4028                <select class="sr-field" name="need" required>
4029                  <option value="" disabled selected>What do you need?</option>
4030                  <option value="new-packaging">New packaging from scratch</option>
4031                  <option value="refresh">Packaging refresh</option>
4032                  <option value="brand-kit">Packaging + dielines</option>
4033                  <option value="rebrand">Full SKU line</option>
4034                  <option value="other">Other / not sure</option>
4035                </select>
4036                <button type="submit" class="side-rail__submit">
4037                  Start my project <span class="hero-cta-arrow" aria-hidden="true">&rarr;</span>
4038                </button>
4039              </div>
4040              <p class="side-rail__form-foot">
4041                Concepts in 48 hrs &middot; Unlimited revisions &middot; US entity
4042              </p>
4043              <p class="side-rail__form-note">Thanks   we&rsquo;ll be in touch shortly.</p>
4044            </form>
4045          </div>
4046          <button
4047            type="button"
4048            class="side-rail__consult-tab side-rail__tab-face"
4049            id="side-rail-consult-toggle"
4050            aria-label="Get free consultation"
4051            aria-expanded="false"
4052            aria-controls="side-rail-consult-panel"
4053          >
4054            <span class="side-rail__consult-tab-label">Get free consultation</span>
4055          </button>
4056        </div>
4057      </div>
4058    </aside>
4059
4060    <div
4061      id="pf-lightbox"
4062      class="pf-lightbox"
4063      role="dialog"
4064      aria-modal="true"
4065      aria-label="Enlarged portfolio preview"
4066      hidden
4067    >
4068      <button
4069        type="button"
4070        class="pf-lightbox__close"
4071        data-pf-lightbox-close
4072        aria-label="Close preview"
4073      >
4074        <svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true" focusable="false">
4075          <path
4076            d="M6 6l12 12M18 6L6 18"
4077            fill="none"
4078            stroke="currentColor"
4079            stroke-width="2.2"
4080            stroke-linecap="round"
4081          />
4082        </svg>
4083      </button>
4084      <div class="pf-lightbox__inner">
4085        <img class="pf-lightbox__img" alt="" loading="lazy" decoding="async" />
4086        <p class="pf-lightbox__caption"></p>
4087      </div>
4088    </div>
4089
4090    
4090<script src="/assets/js/sa-scroll-lock.js?v=3" defer></script>
4090
4091    
4091<script src="/assets/js/main.js?v=26" defer></script>
4091
4092    
4092<script src="/assets/js/portfolio-rows-splide.js?v=5" defer></script>
4092
4093    
4093<script src="/assets/js/video-testi-reviews.js?v=2"></script>
4093
4094    
4094<script src="/assets/js/side-rail-consult.js?v=1"></script>
4094
4095    
4095<script>
4096      (function () {
4097        if (!document.body.classList.contains("page-logo-design-v2")) return;
4098        if (document.querySelector("#testimonials .testi-video[data-youtube-id]")) return;
4099
4100        var WEBP_DIR =
4101          "/assets/images/what-we-do/logo%20large%20image%20webp/logo-large-images-webp/";
4102        var WEBP_FILES = [
4103          "1.webp","2.webp","3.webp","4.webp","5.webp","6.webp","7.webp","8.webp","9.webp","10.webp","11.webp","12.webp","13.webp","14.webp","15.webp","16.webp","17.webp","19.webp","20.webp","21.webp","22.webp","23.webp","24.webp","25.webp","26.webp","27.webp","28.webp","29.webp","30.webp","31.webp","32.webp","33.webp","34.webp","35.webp","36.webp","37.webp","38.webp","39.webp","40.webp","41.webp","42.webp","43.webp","44.webp","45.webp","46.webp","47.webp","48.webp","49.webp","50.webp","51.webp","52.webp","53.webp","54.webp","55.webp","56.webp","57.webp","58.webp","59.webp","60.webp","61.webp","62.webp","63.webp","64.webp","65.webp","66.webp","67.webp","68.webp","69.webp","70.webp","71.webp","72.webp","73.webp","74.webp","75.webp","76.webp","77.webp","78.webp","79.webp","80.webp","81.webp","82.webp","83.webp","84.webp","85.webp","86.webp","87.webp","88.webp","89.webp","90.webp","91.webp","92.webp","93.webp","94.webp","95.webp","96.webp","97.webp","98.webp","99.webp","100.webp","101.webp","102.webp","103.webp","104.webp","105.webp","106.webp","107.webp","108.webp","109.webp","110.webp","111.webp","112.webp","113.webp","114.webp","115.webp","116.webp","117.webp","120.webp","121.webp","131.webp","141.webp","151.webp","161.webp","162.webp","171.webp","181.webp","191.webp","201.webp","411.webp","511.webp","611.webp","911.webp"
4104        ];
4105
4106        var TESTI_LOGO_BY_REVIEWER = {
4107          "Sarah M.": "1.webp",
4108          "Ryan T.": "2.webp",
4109          "James K.": "3.webp",
4110          "Marcus L.": "8.webp",
4111          "Emma R.": "4.webp",
4112          "David P.": "5.webp",
4113          "Priya N.": "7.webp",
4114          "Lisa K.": "6.webp",
4115        };
4116
4117        function getLogoFileForCard(card, index) {
4118          if (card && card.dataset && card.dataset.testiLogo) {
4119            return card.dataset.testiLogo;
4120          }
4121          var nameEl = card.querySelector(".testi-name");
4122          if (nameEl) {
4123            var name = nameEl.textContent.trim();
4124            if (TESTI_LOGO_BY_REVIEWER[name]) {
4125              return TESTI_LOGO_BY_REVIEWER[name];
4126            }
4127          }
4128          return WEBP_FILES[index % WEBP_FILES.length];
4129        }
4130
4131        function applyTestiLogoStyles(img) {
4132          img.classList.add("testi-video__logo");
4133          img.style.setProperty("object-fit", "cover", "important");
4134          img.style.setProperty("object-position", "center center", "important");
4135          img.style.setProperty("position", "absolute", "important");
4136          img.style.setProperty("inset", "0", "important");
4137          img.style.setProperty("width", "100%", "important");
4138          img.style.setProperty("height", "100%", "important");
4139          img.style.setProperty("max-width", "none", "important");
4140          img.style.setProperty("max-height", "none", "important");
4141          img.style.setProperty("transform", "none", "important");
4142          img.style.setProperty("display", "block", "important");
4143        }
4144
4145        function setTestiLogoOnImg(img, file) {
4146          if (!img || !file) return;
4147          var nextSrc = WEBP_DIR + file;
4148          if (
4149            img.dataset.testiLogoFile === file &&
4150            img.getAttribute("src") === nextSrc
4151          ) {
4152            applyTestiLogoStyles(img);
4153            return;
4154          }
4155          img.src = nextSrc;
4156          img.alt = "Client logo";
4157          img.dataset.testiLogoFile = file;
4158          img.removeAttribute("width");
4159          img.removeAttribute("height");
4160          applyTestiLogoStyles(img);
4161        }
4162
4163        function applyLogosToTrack(track) {
4164          if (!track) return;
4165
4166          var cards = Array.prototype.slice.call(
4167            track.querySelectorAll(":scope > .testi-card"),
4168          );
4169          if (!cards.length) return;
4170
4171          var halfCount = Math.max(1, Math.floor(cards.length / 2));
4172          var primaryCards = cards.slice(0, halfCount);
4173
4174          primaryCards.forEach(function (card, index) {
4175            var img = card.querySelector(".testi-video > img");
4176            setTestiLogoOnImg(img, getLogoFileForCard(card, index));
4177          });
4178
4179          for (var i = halfCount; i < cards.length; i += 1) {
4180            var mirrorIndex = i - halfCount;
4181            var sourceCard = primaryCards[mirrorIndex];
4182            var cloneCard = cards[i];
4183            var sourceImg = sourceCard
4184              ? sourceCard.querySelector(".testi-video > img")
4185              : null;
4186            var cloneImg = cloneCard.querySelector(".testi-video > img");
4187            if (!sourceImg || !cloneImg) continue;
4188            var file =
4189              sourceImg.dataset.testiLogoFile ||
4190              getLogoFileForCard(sourceCard, mirrorIndex);
4191            if (file) {
4192              setTestiLogoOnImg(cloneImg, file);
4193            } else if (sourceImg.src) {
4194              setTestiLogoOnImg(cloneImg, file);
4195            } else if (sourceImg.src) {
4196              cloneImg.src = sourceImg.src;
4197              cloneImg.alt = sourceImg.alt;
4198              applyTestiLogoStyles(cloneImg);
4199            }
4200          }
4201        }
4202
4203        function applyAllTestiLogos() {
4204          var tracks = document.querySelectorAll("#testimonials .testi-track");
4205          tracks.forEach(function (track) {
4206            applyLogosToTrack(track);
4207          });
4208        }
4209
4210        document.addEventListener("logo-design-v2:testi-marquee-ready", function () {
4211          applyAllTestiLogos();
4212        });
4213
4214        var resizeTimer;
4215        window.addEventListener("resize", function () {
4216          window.clearTimeout(resizeTimer);
4217          resizeTimer = window.setTimeout(applyAllTestiLogos, 250);
4218        });
4219      })();
4220    </script>
4220
4221
4222    
4222<script>
4223      // FAQ accordion
4224      document.querySelectorAll(".faq-q").forEach((btn) => {
4225        btn.addEventListener("click", () => {
4226          const item = btn.closest(".faq-item");
4227          const isOpen = item.classList.contains("open");
4228          document
4229            .querySelectorAll(".faq-item")
4230            .forEach((i) => i.classList.remove("open"));
4231          if (!isOpen) item.classList.add("open");
4232        });
4233      });
4234
4235      // Hero + CTA   consultation forms (logo-design-v1 only)
4236      (function () {
4237        [
4238          ["quizCard", "heroBannerConsultForm"],
4239          ["ctaConsultCard", "ctaBannerConsultForm"],
4240          ["leadPopupCard", "leadPopupForm"],
4241        ].forEach(([cardId, formId]) => {
4242          const card = document.getElementById(cardId);
4243          const form = document.getElementById(formId);
4244          if (!card || !form) return;
4245
4246          form.addEventListener("submit", (e) => {
4247            e.preventDefault();
4248            if (!form.checkValidity()) {
4249              form.reportValidity();
4250              return;
4251            }
4252            card.classList.add("is-sent");
4253          });
4254        });
4255      })();
4256
4257      // Solution layers - media sync (on mobile, video sits above the active card)
4258      function initSolSync(layersId, mediaId) {
4259        const layersRoot = document.getElementById(layersId);
4260        const mediaRoot = document.getElementById(mediaId);
4261        if (!layersRoot || !mediaRoot) return;
4262        const layers = layersRoot.querySelectorAll(".sol-layer");
4263        const slides = mediaRoot.querySelectorAll(".media-slide");
4264        if (!layers.length || !slides.length) return;
4265        const split = layersRoot.closest(".solution-split");
4266
4267        const placeMedia = (activeLayer) => {
4268          const isMobile = window.matchMedia("(max-width: 900px)").matches;
4269          if (isMobile && activeLayer) {
4270            activeLayer.insertAdjacentElement("beforebegin", mediaRoot);
4271          } else if (split && mediaRoot.parentElement !== split) {
4272            split.appendChild(mediaRoot);
4273          }
4274        };
4275
4276        const setActive = (key) => {
4277          let activeLayer = null;
4278          layers.forEach((l) => {
4279            const on = l.dataset.media === key;
4280            l.classList.toggle("is-active", on);
4281            if (on) activeLayer = l;
4282          });
4283          slides.forEach((s) => {
4284            const on = s.dataset.media === key;
4285            s.classList.toggle("is-active", on);
4286            const v = s.querySelector("video.media-bg");
4287            if (v) {
4288              if (on) {
4289                v.play().catch(() => {});
4290              } else {
4291                v.pause();
4292              }
4293            }
4294          });
4295          placeMedia(activeLayer);
4296        };
4297
4298        layers.forEach((l) => {
4299          l.addEventListener("mouseenter", () => setActive(l.dataset.media));
4300          l.addEventListener("focus", () => setActive(l.dataset.media));
4301          l.addEventListener("click", () => setActive(l.dataset.media));
4302        });
4303
4304        const initial =
4305          layersRoot.querySelector(".sol-layer.is-active") || layers[0];
4306        if (initial) setActive(initial.dataset.media);
4307        window.addEventListener("resize", () => {
4308          const active =
4309            layersRoot.querySelector(".sol-layer.is-active") || layers[0];
4310          if (active) placeMedia(active);
4311        });
4312      }
4313      initSolSync("solLayers", "solMedia");
4314      initSolSync("solLayersOs", "solMediaOs");
4315    </script>
4315
4316
4317    
4317<script>
4318      // Lead popup   open on page CTAs / buttons
4319      document.addEventListener("DOMContentLoaded", function () {
4320        const leadOverlay = document.getElementById("lead-popup-overlay");
4321        const leadClose = document.getElementById("lead-popup-close");
4322        const leadCard = document.getElementById("leadPopupCard");
4323        if (!leadOverlay) return;
4324
4325        function openLeadPopup() {
4326          leadCard?.classList.remove("is-sent");
4327          leadOverlay.removeAttribute("hidden");
4328          leadOverlay.classList.add("open");
4329          if (window.SAScrollLock) window.SAScrollLock.lock(); else document.body.style.overflow = "hidden";
4330          leadClose?.focus();
4331        }
4332
4333        function closeLeadPopup() {
4334          leadOverlay.classList.remove("open");
4335          leadOverlay.setAttribute("hidden", "");
4336          if (window.SAScrollLock) window.SAScrollLock.unlock(); else document.body.style.overflow = "";
4337        }
4338
4339        function shouldOpenLeadPopup(el) {
4340          if (!el) return false;
4341          if (!el.matches("button, a")) return false;
4342          if (el.closest("#lead-popup-overlay")) return false;
4343          if (el.closest(".fc-slider")) return false;
4344          if (el.closest(".fc-arrow")) return false;
4345          if (el.closest("#leadPopupForm")) return false;
4346          if (el.closest(".gos-install-overlay")) return false;
4347          if (el.closest("#nl-overlay")) return false;
4348          if (el.closest(".pf-lightbox")) return false;
4349          if (el.closest("#heroBannerConsultForm")) return false;
4350          if (el.closest("#ctaBannerConsultForm")) return false;
4351          if (el.closest(".footer-newsletter")) return false;
4352          if (el.closest("#get-matched")) return false;
4353          if (el.closest("#side-rail-consult-form")) return false;
4354          if (el.id === "navToggle" || el.closest(".nav-toggle")) return false;
4355          if (el.id === "side-rail-consult-toggle") return false;
4356          if (el.id === "side-rail-chat-btn" || el.closest("#side-rail-chat-btn")) {
4357            return false;
4358          }
4359          if (el.classList.contains("faq-q")) return false;
4360          if (el.classList.contains("portfolio-tab")) return false;
4361          if (el.classList.contains("lead-popup-close")) return false;
4362          if (
4363            el.classList.contains("gos-install-close") ||
4364            el.classList.contains("nl-close")
4365          ) {
4366            return false;
4367          }
4368
4369          if (el.tagName === "A") {
4370            const href = el.getAttribute("href") || "";
4371            if (href.startsWith("tel:") || href.startsWith("mailto:")) {
4372              return false;
4373            }
4374            /* In-page links   scroll to section, don't open popup */
4375            const scrollOnly =
4376              href === "#pricing" ||
4377              href === "#portfolio" ||
4378              href === "#how-it-works" ||
4379              href === "#testimonials" ||
4380              href === "#faq" ||
4381              el.classList.contains("btn-ghost");
4382            if (scrollOnly) return false;
4383
4384            if (
4385              el.classList.contains("btn-green") ||
4386              el.classList.contains("nav-cta") ||
4387              el.classList.contains("p-btn") ||
4388              el.classList.contains("top-promo-bar__cta-link") ||
4389              href === "#get-matched"
4390            ) {
4391              return true;
4392            }
4393            return false;
4394          }
4395
4396          return true;
4397        }
4398
4399        document.addEventListener("click", (e) => {
4400          const trigger = e.target.closest("button, a");
4401          if (!shouldOpenLeadPopup(trigger)) return;
4402          e.preventDefault();
4403          openLeadPopup();
4404        });
4405
4406        leadClose?.addEventListener("click", closeLeadPopup);
4407        leadOverlay.addEventListener("click", (e) => {
4408          if (e.target === leadOverlay) closeLeadPopup();
4409        });
4410        document.addEventListener("keydown", (e) => {
4411          if (e.key === "Escape" && leadOverlay.classList.contains("open")) {
4412            closeLeadPopup();
4413          }
4414        });
4415
4416        window.openLeadPopup = openLeadPopup;
4417      });
4418
4419      // Side rail   chat tab opens lead form
4420      document.addEventListener("DOMContentLoaded", function () {
4421        const chatBtn = document.getElementById("side-rail-chat-btn");
4422        chatBtn?.addEventListener("click", (e) => {
4423          e.preventDefault();
4424          e.stopPropagation();
4425          if (typeof window.openLeadPopup === "function") {
4426            window.openLeadPopup();
4427          }
4428        });
4429      });
4430
4431      // Install Growth OS popup (navbar CTA   this page only)
4432      document.addEventListener("DOMContentLoaded", function () {
4433        const gosOverlay = document.getElementById("gos-install-overlay");
4434        if (!gosOverlay) return;
4435
4436        const gosCloseBtn = document.getElementById("gos-install-close");
4437        const gosSteps = gosOverlay.querySelectorAll(".gos-form-step");
4438        const gosNextBtns = gosOverlay.querySelectorAll("[data-gos-next]");
4439        const gosBackBtns = gosOverlay.querySelectorAll("[data-gos-back]");
4440        const gosSubmitBtn = gosOverlay.querySelector("[data-gos-submit]");
4441        let gosStep = 0;
4442
4443        function showGosStep(index) {
4444          gosStep = index;
4445          gosSteps.forEach((step, i) => {
4446            step.classList.toggle("active", i === gosStep);
4447          });
4448        }
4449
4450        function closeGosPopup() {
4451          gosOverlay.classList.remove("open");
4452          gosOverlay.setAttribute("hidden", "");
4453          if (window.SAScrollLock) window.SAScrollLock.unlock(); else document.body.style.overflow = "";
4454        }
4455
4456        gosCloseBtn?.addEventListener("click", closeGosPopup);
4457        gosOverlay.addEventListener("click", (e) => {
4458          if (e.target === gosOverlay) closeGosPopup();
4459        });
4460        document.addEventListener("keydown", (e) => {
4461          if (e.key === "Escape" && gosOverlay.classList.contains("open")) {
4462            closeGosPopup();
4463          }
4464        });
4465
4466        gosNextBtns.forEach((btn) => {
4467          btn.addEventListener("click", (e) => {
4468            e.preventDefault();
4469            if (gosStep < gosSteps.length - 1) showGosStep(gosStep + 1);
4470          });
4471        });
4472
4473        gosBackBtns.forEach((btn) => {
4474          btn.addEventListener("click", (e) => {
4475            e.preventDefault();
4476            if (gosStep > 0) showGosStep(gosStep - 1);
4477          });
4478        });
4479
4480        gosSubmitBtn?.addEventListener("click", (e) => {
4481          e.preventDefault();
4482          closeGosPopup();
4483        });
4484      });
4485
4486      // Side rail consult drawer: /assets/js/side-rail-consult.js (autofill-safe hover)
4487      document.addEventListener("DOMContentLoaded", function () {
4488        const consultForm = document.getElementById("side-rail-consult-form");
4489        if (!consultForm) return;
4490        consultForm.addEventListener("submit", (e) => {
4491          e.preventDefault();
4492          window.sideRailConsult?.releaseFormInteracting();
4493          consultForm.classList.add("is-sent");
4494        });
4495      });
4496
4497      // Newsletter popup
4498      document.addEventListener("DOMContentLoaded", function () {
4499        const overlay = document.getElementById("nl-overlay");
4500        const closeBtn = document.getElementById("nl-close");
4501        const form = document.getElementById("nl-form");
4502        const successEl = document.getElementById("nl-success");
4503        if (!overlay) return;
4504
4505        function openPopup() {
4506          overlay.classList.add("open");
4507          if (window.SAScrollLock) window.SAScrollLock.lock(); else document.body.style.overflow = "hidden";
4508        }
4509        function closePopup() {
4510          overlay.classList.remove("open");
4511          if (window.SAScrollLock) window.SAScrollLock.unlock(); else document.body.style.overflow = "";
4512        }
4513
4514        // Open on hero banner button click (no auto-open)
4515        const openBtn = document.getElementById("open-newsletter-btn");
4516        if (openBtn) {
4517          openBtn.addEventListener("click", (e) => {
4518            e.preventDefault();
4519            openPopup();
4520          });
4521        }
4522
4523        if (closeBtn) closeBtn.addEventListener("click", closePopup);
4524        overlay.addEventListener("click", (e) => {
4525          if (e.target === overlay) closePopup();
4526        });
4527        document.addEventListener("keydown", (e) => {
4528          if (e.key === "Escape") closePopup();
4529        });
4530
4531        if (form) {
4532          form.addEventListener("submit", (e) => {
4533            e.preventDefault();
4534            form.style.display = "none";
4535            if (successEl) successEl.style.display = "block";
4536          });
4537        }
4538      });
4539    </script>
4539
4540    
4540<script>
4541      (function () {
4542        const HERO_LOGO_V2_DIR = [
4543          "/assets/images/what-we-do",
4544          "hero-floating-logos",
4545        ];
4546        const HERO_LOGO_ALT_BY_FILE = {};
4547        const HERO_LOGO_V2_FILES = [
4548          "logo-01.webp",
4549          "logo-02.webp",
4550          "logo-03.webp",
4551          "logo-04.webp",
4552          "logo-05.webp",
4553          "logo-06.webp",
4554          "logo-07.webp",
4555          "logo-08.webp",
4556          "logo-09.webp",
4557          "logo-10.webp",
4558          "logo-11.webp",
4559          "logo-12.webp",
4560          "logo-13.webp",
4561          "logo-14.webp",
4562          "logo-15.webp",
4563        ];
4564
4565        const HERO_LOGO_BLOCKED = [
4566          "content.1.webp",
4567          "GMb.png",
4568          "gmb.png",
4569          "11.webp",
4570          "google-business-profile",
4571          "google-business",
4572        ];
4573
4574        function isBlockedHeroLogoFile(fileName) {
4575          const norm = (fileName || "").toLowerCase();
4576          return HERO_LOGO_BLOCKED.some(function (token) {
4577            return norm.includes(token.toLowerCase());
4578          });
4579        }
4580
4581        function isBlockedHeroLogoSrc(src) {
4582          const norm = normalizeHeroLogoSrc(src).toLowerCase();
4583          return HERO_LOGO_BLOCKED.some(function (token) {
4584            return norm.includes(token.toLowerCase());
4585          });
4586        }
4587
4588        const heroLogoReserved = new Map();
4589
4590        function buildHeroLogoSrc(dirSegments, fileName) {
4591          return dirSegments
4592            .concat(fileName)
4593            .map(function (segment) {
4594              return segment
4595                .split("/")
4596                .map(function (part) {
4597                  return encodeURIComponent(part);
4598                })
4599                .join("/");
4600            })
4601            .join("/");
4602        }
4603
4604        function buildHeroLogoPool(dirSegments, fileNames) {
4605          return fileNames
4606            .filter(function (fileName) {
4607              return !isBlockedHeroLogoFile(fileName);
4608            })
4609            .map(function (fileName) {
4610            return {
4611              src: buildHeroLogoSrc(dirSegments, fileName),
4612              alt: HERO_LOGO_ALT_BY_FILE[fileName] || "Custom brand logo design sample",
4613            };
4614          });
4615        }
4616
4617        let HERO_LOGO_POOL = buildHeroLogoPool(
4618          HERO_LOGO_V2_DIR,
4619          HERO_LOGO_V2_FILES,
4620        );
4621
4622        function isHeroLogoV2Src(src) {
4623          const norm = normalizeHeroLogoSrc(src);
4624          if (isBlockedHeroLogoSrc(src)) return false;
4625          if (!norm.includes("/hero-floating-logos/")) return false;
4626          if (/\/content\.1\.png$/i.test(norm)) return false;
4627          return true;
4628        }
4629
4630        function getHeroLogoPoolForCard() {
4631          return HERO_LOGO_POOL;
4632        }
4633
4634        function getAllHeroLogoPools() {
4635          return HERO_LOGO_POOL.slice();
4636        }
4637
4638        function shuffleLogos(list) {
4639          const copy = list.slice();
4640          for (let i = copy.length - 1; i > 0; i--) {
4641            const j = Math.floor(Math.random() * (i + 1));
4642            const tmp = copy[i];
4643            copy[i] = copy[j];
4644            copy[j] = tmp;
4645          }
4646          return copy;
4647        }
4648
4649        function normalizeHeroLogoSrc(src) {
4650          if (!src) return "";
4651          try {
4652            return decodeURIComponent(src);
4653          } catch (error) {
4654            return src;
4655          }
4656        }
4657
4658        function getVisibleHeroLogoSrcs(excludeCard) {
4659          const srcs = [];
4660          document.querySelectorAll(".hero-form-logo-card").forEach(function (card) {
4661            if (card === excludeCard) return;
4662            const visible = card.querySelector(".hero-form-logo-card__logo.is-visible");
4663            if (visible && visible.getAttribute("src")) {
4664              srcs.push(normalizeHeroLogoSrc(visible.getAttribute("src")));
4665            }
4666          });
4667          return srcs;
4668        }
4669
4670        function releaseHeroLogoReservation(card) {
4671          if (!card._heroReservedNorm) return;
4672          if (heroLogoReserved.get(card._heroReservedNorm) === card) {
4673            heroLogoReserved.delete(card._heroReservedNorm);
4674          }
4675          card._heroReservedNorm = null;
4676        }
4677
4678        function reserveHeroLogo(card, logo) {
4679          if (!logo) return;
4680          releaseHeroLogoReservation(card);
4681          const norm = normalizeHeroLogoSrc(logo.src);
4682          card._heroReservedNorm = norm;
4683          heroLogoReserved.set(norm, card);
4684        }
4685
4686        function getBlockedHeroLogoSrcs(excludeCard) {
4687          const blocked = new Set(getVisibleHeroLogoSrcs(excludeCard));
4688          heroLogoReserved.forEach(function (ownerCard, norm) {
4689            if (ownerCard !== excludeCard) blocked.add(norm);
4690          });
4691          return blocked;
4692        }
4693
4694        function pickRandomLogoForCard(card, currentSrc, extraBlocked) {
4695          const pool = getHeroLogoPoolForCard();
4696          const blocked = new Set([
4697            normalizeHeroLogoSrc(currentSrc),
4698            ...(extraBlocked || []).map(normalizeHeroLogoSrc),
4699            ...getBlockedHeroLogoSrcs(card),
4700          ]);
4701          const choices = pool.filter(function (logo) {
4702            return (
4703              !blocked.has(normalizeHeroLogoSrc(logo.src)) &&
4704              !isBlockedHeroLogoSrc(logo.src)
4705            );
4706          });
4707          if (!choices.length) return null;
4708          return choices[Math.floor(Math.random() * choices.length)];
4709        }
4710
4711        function filterValidHeroLogos(pool) {
4712          return Promise.all(
4713            pool.map(function (logo) {
4714              return new Promise(function (resolve) {
4715                const probe = new Image();
4716                probe.onload = function () {
4717                  resolve(logo);
4718                };
4719                probe.onerror = function () {
4720                  resolve(null);
4721                };
4722                probe.src = logo.src;
4723              });
4724            }),
4725          ).then(function (results) {
4726            return results.filter(Boolean);
4727          });
4728        }
4729
4730        function assignInitialHeroLogos(cards) {
4731          const used = new Set();
4732
4733          cards.forEach(function (card) {
4734            ensureHeroLogoMedia(card);
4735            const visible = card.querySelector(".hero-form-logo-card__logo.is-visible");
4736            if (!visible) return;
4737
4738            // Detect the logo already shown on load and keep it as the
4739            // starting image so the rotation continues smoothly from it 
4740            // no jarring all-at-once swap once the script initialises.
4741            const existingSrc = visible.getAttribute("src");
4742            if (existingSrc) {
4743              used.add(normalizeHeroLogoSrc(existingSrc));
4744              return;
4745            }
4746
4747            const pool = shuffleLogos(getHeroLogoPoolForCard());
4748            let logo = pool.find(function (item) {
4749              return !used.has(normalizeHeroLogoSrc(item.src));
4750            });
4751
4752            if (!logo && pool.length) {
4753              logo = pool[Math.floor(Math.random() * pool.length)];
4754            }
4755
4756            if (logo) {
4757              visible.src = logo.src;
4758              visible.alt = logo.alt;
4759              used.add(normalizeHeroLogoSrc(logo.src));
4760            }
4761          });
4762        }
4763
4764        function applyHeroBannerLogoStyles(img, card) {
4765          if (!img || !card || !card.classList.contains("hero-form-logo-card--logo")) {
4766            return;
4767          }
4768
4769          img.style.setProperty("object-fit", "cover", "important");
4770          img.style.setProperty("object-position", "center center", "important");
4771          img.style.setProperty("position", "absolute", "important");
4772          img.style.setProperty("inset", "0", "important");
4773          img.style.setProperty("left", "0", "important");
4774          img.style.setProperty("top", "0", "important");
4775          img.style.setProperty("right", "0", "important");
4776          img.style.setProperty("bottom", "0", "important");
4777          img.style.setProperty("width", "100%", "important");
4778          img.style.setProperty("height", "100%", "important");
4779          img.style.setProperty("max-width", "100%", "important");
4780          img.style.setProperty("max-height", "100%", "important");
4781          img.style.setProperty("transform", "none", "important");
4782          img.style.setProperty("border-radius", "inherit", "important");
4783        }
4784
4785        function ensureHeroLogoMedia(card) {
4786          if (card.querySelector(".hero-form-logo-card__media")) {
4787            card
4788              .querySelectorAll(".hero-form-logo-card__logo")
4789              .forEach(function (layer) {
4790                applyHeroBannerLogoStyles(layer, card);
4791              });
4792            return;
4793          }
4794
4795          const img = card.querySelector("img");
4796          if (!img) return;
4797
4798          const media = document.createElement("div");
4799          media.className = "hero-form-logo-card__media";
4800
4801          img.classList.add("hero-form-logo-card__logo", "is-visible");
4802          applyHeroBannerLogoStyles(img, card);
4803
4804          const buffer = document.createElement("img");
4805          buffer.className = "hero-form-logo-card__logo";
4806          buffer.alt = "";
4807          buffer.setAttribute("aria-hidden", "true");
4808          buffer.decoding = "async";
4809          applyHeroBannerLogoStyles(buffer, card);
4810
4811          media.append(img, buffer);
4812          card.append(media);
4813        }
4814
4815        function getHeroLogoLayers(card) {
4816          const media = card.querySelector(".hero-form-logo-card__media");
4817          if (!media) return null;
4818          const layers = media.querySelectorAll(".hero-form-logo-card__logo");
4819          if (layers.length < 2) return null;
4820          return layers;
4821        }
4822
4823        function crossfadeHeroLogo(card, failedSrcs) {
4824          const layers = getHeroLogoLayers(card);
4825          if (!layers) return;
4826
4827          const visible = mediaVisibleLayer(layers);
4828          const hidden = visible === layers[0] ? layers[1] : layers[0];
4829          const blocked = failedSrcs ? failedSrcs.slice() : [];
4830          const nextLogo = pickRandomLogoForCard(
4831            card,
4832            visible.getAttribute("src"),
4833            blocked,
4834          );
4835
4836          if (!nextLogo) {
4837            scheduleHeroLogoSwap(card, 1800);
4838            return;
4839          }
4840
4841          reserveHeroLogo(card, nextLogo);
4842          const preloader = new Image();
4843
4844          preloader.onload = function () {
4845            const nextNorm = normalizeHeroLogoSrc(nextLogo.src);
4846            const occupied = getBlockedHeroLogoSrcs(card);
4847            occupied.delete(nextNorm);
4848            const finalLogo =
4849              !occupied.has(nextNorm)
4850                ? nextLogo
4851                : pickRandomLogoForCard(
4852                    card,
4853                    visible.getAttribute("src"),
4854                    blocked.concat(nextLogo.src),
4855                  );
4856
4857            if (!finalLogo) {
4858              releaseHeroLogoReservation(card);
4859              scheduleHeroLogoSwap(card, 1800);
4860              return;
4861            }
4862
4863            reserveHeroLogo(card, finalLogo);
4864            hidden.src = finalLogo.src;
4865            hidden.alt = finalLogo.alt;
4866            hidden.removeAttribute("aria-hidden");
4867            visible.setAttribute("aria-hidden", "true");
4868
4869            requestAnimationFrame(function () {
4870              hidden.classList.add("is-visible");
4871              visible.classList.remove("is-visible");
4872              releaseHeroLogoReservation(card);
4873              scheduleHeroLogoSwap(card);
4874            });
4875          };
4876
4877          preloader.onerror = function () {
4878            releaseHeroLogoReservation(card);
4879            const retryBlocked = blocked.concat(nextLogo.src);
4880            if (retryBlocked.length < getHeroLogoPoolForCard().length) {
4881              crossfadeHeroLogo(card, retryBlocked);
4882              return;
4883            }
4884            scheduleHeroLogoSwap(card, 1800);
4885          };
4886
4887          preloader.src = nextLogo.src;
4888        }
4889
4890        function mediaVisibleLayer(layers) {
4891          for (const layer of layers) {
4892            if (layer.classList.contains("is-visible")) return layer;
4893          }
4894          return layers[0];
4895        }
4896
4897        // Each swap waits a fresh random delay so the cards never change in
4898        // sync the staggering is what makes the effect feel organic.
4899        function randomHeroLogoDelay() {
4900          return 2600 + Math.floor(Math.random() * 3600); // 2.6s-6.2s
4901        }
4902
4903        function scheduleHeroLogoSwap(card, delayOverride) {
4904          if (card._heroLogoTimer) {
4905            window.clearTimeout(card._heroLogoTimer);
4906          }
4907          const delay =
4908            typeof delayOverride === "number"
4909              ? delayOverride
4910              : randomHeroLogoDelay();
4911          card._heroLogoTimer = window.setTimeout(function () {
4912            crossfadeHeroLogo(card);
4913          }, delay);
4914        }
4915
4916        document.addEventListener("DOMContentLoaded", function () {
4917          if (!document.body.classList.contains("page-logo-design-v2")) return;
4918
4919          document
4920            .querySelectorAll(".hero-form-logo-card--logo")
4921            .forEach(function (card) {
4922              ensureHeroLogoMedia(card);
4923            });
4924        });
4925
4926        document.addEventListener("DOMContentLoaded", function () {
4927          if (!document.body.classList.contains("page-logo-design-v2")) return;
4928          if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
4929
4930          const cards = document.querySelectorAll(".hero-form-logo-card");
4931          if (!cards.length) return;
4932
4933          filterValidHeroLogos(getAllHeroLogoPools()).then(function (validPool) {
4934            if (validPool.length) {
4935              HERO_LOGO_POOL = validPool.filter(function (logo) {
4936                return isHeroLogoV2Src(logo.src);
4937              });
4938            }
4939
4940            if (!HERO_LOGO_POOL.length) {
4941              HERO_LOGO_POOL = buildHeroLogoPool(
4942                HERO_LOGO_V2_DIR,
4943                HERO_LOGO_V2_FILES,
4944              );
4945            }
4946
4947            assignInitialHeroLogos(cards);
4948
4949            if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
4950              return;
4951            }
4952
4953            // Stagger the first swap of each card by a random offset so they
4954            // start changing at different, unpredictable moments.
4955            Array.from(cards).forEach(function (card, i) {
4956              const start = 900 + i * 450 + Math.floor(Math.random() * 1800);
4957              card._heroLogoTimer = window.setTimeout(function () {
4958                crossfadeHeroLogo(card);
4959              }, start);
4960            });
4961          });
4962        });
4963      })();
4964    </script>
4964
4965
4966    
4966<script>
4967      // Offer-ticket: randomise "Slots Available" for live scarcity.
4968      (function () {
4969        const sEl = document.getElementById('slots');
4970        if (sEl) sEl.textContent = 31 + Math.floor(Math.random() * 13);
4971      })();
4972      // Countdown set your real expiry here
4973      let t = 23 * 3600 + 59 * 60 + 47;
4974      const tEl = document.getElementById('timer');
4975      if (tEl) setInterval(() => {
4976        t = t > 0 ? t - 1 : 0;
4977        const h = String(Math.floor(t / 3600)).padStart(2, '0');
4978        const m = String(Math.floor((t % 3600) / 60)).padStart(2, '0');
4979        const s = String(t % 60).padStart(2, '0');
4980        tEl.textContent = h + ':' + m + ':' + s;
4981      }, 1000);
4982    </script>
4982
4983    
4983<script>
4984      // How It Works ? grow the connector line as the section scrolls into view.
4985      (function () {
4986        var flow = document.querySelector('#how-it-works .hiw-process__flow');
4987        if (!flow) return;
4988        var markers = flow.querySelectorAll('.hiw-process__marker');
4989        if (!markers.length) return;
4990
4991        var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
4992
4993        // Anchor the line exactly between the first and last marker centres so
4994        // it lines up with the markers and stops at the final step.
4995        function measure() {
4996          var fr = flow.getBoundingClientRect();
4997          var fm = markers[0].getBoundingClientRect();
4998          var lm = markers[markers.length - 1].getBoundingClientRect();
4999          flow.style.setProperty('--hiw-line-left', (fm.left + fm.width / 2 - fr.left - 1) + 'px');
5000          flow.style.setProperty('--hiw-line-top', (fm.top + fm.height / 2 - fr.top) + 'px');
5001          flow.style.setProperty('--hiw-line-bottom', (fr.bottom - (lm.top + lm.height / 2)) + 'px');
5002        }
5003
5004        var ticking = false;
5005
5006        function update() {
5007          ticking = false;
5008          measure();
5009          if (reduce) {
5010            flow.style.setProperty('--hiw-progress', '1');
5011            return;
5012          }
5013          var rect = flow.getBoundingClientRect();
5014          var vh = window.innerHeight || document.documentElement.clientHeight;
5015          // Start filling when the top of the flow passes 80% of the viewport,
5016          // reach 100% when the bottom passes 50% of the viewport.
5017          var start = vh * 0.8;
5018          var end = vh * 0.5;
5019          var p = (start - rect.top) / (rect.height + (start - end));
5020          if (p < 0) p = 0;
5021          if (p > 1) p = 1;
5022          flow.style.setProperty('--hiw-progress', p.toFixed(4));
5023        }
5024
5025        function onScroll() {
5026          if (!ticking) {
5027            ticking = true;
5028            window.requestAnimationFrame(update);
5029          }
5030        }
5031
5032        window.addEventListener('scroll', onScroll, { passive: true });
5033        window.addEventListener('resize', onScroll, { passive: true });
5034        update();
5035      })();
5036    </script>
vendor: 1 bytes, line 5036
5036
5037<script src="/assets/js/promo-bar-cycle.js?v=1" defer></script>
vendor: 1 bytes, line 5037
5037
5038<script src="/assets/js/lead-capture.js?v=13" defer></script>
5038
5039  
5039<script src="/assets/js/site-performance.min.js?v=20260924-website-contact" defer></script>
vendor: 1 bytes, line 5039
5039
5040<script src="/assets/js/geo-pricing.js?v=regional-2" defer></script>
vendor: 1 bytes, line 5040
5040
5041<script src="/assets/js/conversion-tracking.js?v=17" defer></script>
vendor: 1 bytes, line 5041
5041
5042<script src="/assets/js/live-chat-popup.js?v=3" defer></script>
vendor: 1 bytes, line 5042
5042
5043<script src="/assets/js/thank-you-actions.js?v=50" defer></script>
5043
5044    
5044<script src="/assets/js/field-validate.js?v=1" defer></script>
5044
5045  </body>
5046</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.