Untitled
254804632
<div><span><!DOCTYPE html></span></div><div><span><</span><span>html</span> <span>lang</span><span>=</span><span>"en"</span><span>></span></div><div><span><</span><span>head</span><span>></span></div><div><span><</span><span>meta</span> <span>charset</span><span>=</span><span>"UTF-8"</span><span>></span></div><div><span><</span><span>meta</span> <span>name</span><span>=</span><span>"viewport"</span> <span>content</span><span>=</span><span>"width=device-width, initial-scale=1.0"</span><span>></span></div><div><span><</span><span>title</span><span>></span>How to Grow on Social Media with Reels: Hooks & Retention | Wave Works Media<span></</span><span>title</span><span>></span></div><div><span><</span><span>meta</span> <span>name</span><span>=</span><span>"description"</span> <span>content</span><span>=</span><span>"Want to grow on Instagram, TikTok, and Facebook? Learn why hooks and retention are the two most important factors — and how to master both for your small business."</span><span>></span></div><div><span><</span><span>link</span> <span>href</span><span>=</span><span>"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Lora:ital,wght@0,400;0,600;1,400</span>&<span>display=swap"</span> <span>rel</span><span>=</span><span>"stylesheet"</span><span>></span></div><div><span><</span><span>style</span><span>></span></div><div><span>*</span><span>,</span> <span>*</span>::<span>before</span><span>,</span> <span>*</span>::<span>after</span> <span>{</span> <span>box-sizing</span><span>:</span> <span>border-box</span><span>;</span> <span>margin</span><span>:</span> <span>0</span><span>;</span> <span>padding</span><span>:</span> <span>0</span><span>;</span> <span>}</span></div><div><span>:</span><span>root</span> <span>{</span></div><div> <span>--navy</span><span>:</span> <span>#0D1B2A</span><span>;</span></div><div> <span>--ocean</span><span>:</span> <span>#1A5276</span><span>;</span></div><div> <span>--wave</span><span>:</span> <span>#2471A3</span><span>;</span></div><div> <span>--bright</span><span>:</span> <span>#2E86C1</span><span>;</span></div><div> <span>--seafoam</span><span>:</span> <span>#AED6F1</span><span>;</span></div><div> <span>--pale</span><span>:</span> <span>#EAF4FB</span><span>;</span></div><div> <span>--sand</span><span>:</span> <span>#F5F1EB</span><span>;</span></div><div> <span>--gold</span><span>:</span> <span>#3A3A3A</span><span>;</span></div><div> <span>--gold-lt</span><span>:</span> <span>#F0F0F0</span><span>;</span></div><div> <span>--white</span><span>:</span> <span>#FFFFFF</span><span>;</span></div><div> <span>--text</span><span>:</span> <span>#12213A</span><span>;</span></div><div> <span>--muted</span><span>:</span> <span>#5D6D7E</span><span>;</span></div><div> <span>--border</span><span>:</span> <span>#D5D8DC</span><span>;</span></div><div> <span>--accent</span><span>:</span> <span>#1ABC9C</span><span>;</span></div><div><span>}</span></div><div><span>body</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Lora'</span><span>,</span> <span>Georgia</span><span>,</span> <span>serif</span><span>;</span></div><div> <span>background</span><span>:</span> <span>#F4F6F8</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--text</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.8</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>17</span><span>px</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── HERO ─── */</span></div><div>.<span>hero</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>5</span><span>rem</span> <span>2</span><span>rem</span> <span>4</span><span>rem</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div><span>}</span></div><div>.<span>hero-waves</span> <span>{</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>bottom</span><span>:</span> <span>0</span><span>;</span> <span>left</span><span>:</span> <span>0</span><span>;</span> <span>right</span><span>:</span> <span>0</span><span>;</span></div><div> <span>height</span><span>:</span> <span>90</span><span>px</span><span>;</span></div><div> <span>pointer-events</span><span>:</span> <span>none</span><span>;</span></div><div><span>}</span></div><div>.<span>hero-bg-circles</span> <span>{</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>top</span><span>:</span> <span>-80</span><span>px</span><span>;</span> <span>right</span><span>:</span> <span>-80</span><span>px</span><span>;</span></div><div> <span>width</span><span>:</span> <span>420</span><span>px</span><span>;</span> <span>height</span><span>:</span> <span>420</span><span>px</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>50</span><span>%</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.15</span><span>)</span><span>;</span></div><div> <span>pointer-events</span><span>:</span> <span>none</span><span>;</span></div><div><span>}</span></div><div>.<span>hero-bg-circles</span>::<span>after</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>''</span><span>;</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>top</span><span>:</span> <span>40</span><span>px</span><span>;</span> <span>left</span><span>:</span> <span>40</span><span>px</span><span>;</span> <span>right</span><span>:</span> <span>40</span><span>px</span><span>;</span> <span>bottom</span><span>:</span> <span>40</span><span>px</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>50</span><span>%</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.1</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>hero-eyebrow</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.7</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.2</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>1.2</span><span>rem</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>justify-content</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.75</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>hero-eyebrow</span>::<span>before</span><span>,</span> .<span>hero-eyebrow</span>::<span>after</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>''</span><span>;</span></div><div> <span>display</span><span>:</span> <span>block</span><span>;</span></div><div> <span>width</span><span>:</span> <span>40</span><span>px</span><span>;</span></div><div> <span>height</span><span>:</span> <span>1</span><span>px</span><span>;</span></div><div> <span>background</span><span>:</span> <span>rgba</span><span>(</span><span>174</span><span>,</span><span>214</span><span>,</span><span>241</span><span>,</span><span>0.4</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>hero</span> <span>h1</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>900</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>clamp</span><span>(</span><span>1.9</span><span>rem</span><span>,</span> <span>5</span><span>vw</span><span>,</span> <span>3.2</span><span>rem</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.15</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--white</span><span>)</span><span>;</span></div><div> <span>max-width</span><span>:</span> <span>800</span><span>px</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>0</span> <span>auto</span> <span>1.5</span><span>rem</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>-0.01</span><span>em</span><span>;</span></div><div><span>}</span></div><div>.<span>hero</span> <span>h1</span> <span>em</span> <span>{</span></div><div> <span>font-style</span><span>:</span> <span>normal</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>hero-deck</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Lora'</span><span>,</span> <span>serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>1.05</span><span>rem</span><span>;</span></div><div> <span>font-style</span><span>:</span> <span>italic</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.65</span><span>)</span><span>;</span></div><div> <span>max-width</span><span>:</span> <span>560</span><span>px</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>0</span> <span>auto</span> <span>2.5</span><span>rem</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.7</span><span>;</span></div><div><span>}</span></div><div>.<span>hero-meta</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>justify-content</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>1.5</span><span>rem</span><span>;</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.7</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>600</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.08</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.4</span><span>)</span><span>;</span></div><div> <span>flex-wrap</span><span>:</span> <span>wrap</span><span>;</span></div><div><span>}</span></div><div>.<span>hero-meta</span> <span>span</span> <span>{</span> <span>display</span><span>:</span> <span>flex</span><span>;</span> <span>align-items</span><span>:</span> <span>center</span><span>;</span> <span>gap</span><span>:</span> <span>0.4</span><span>rem</span><span>;</span> <span>}</span></div><div><span>/* ─── GRAPHIC BANNER (replaces hero image) ─── */</span></div><div>.<span>graphic-banner</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>linear-gradient</span><span>(</span><span>135</span><span>deg</span><span>,</span> <span>#0A1628</span> <span>0</span><span>%</span><span>,</span> <span>#1A3A5C</span> <span>50</span><span>%</span><span>,</span> <span>#0D2137</span> <span>100</span><span>%</span><span>)</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>3</span><span>rem</span> <span>2</span><span>rem</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>justify-content</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>3</span><span>rem</span><span>;</span></div><div> <span>flex-wrap</span><span>:</span> <span>wrap</span><span>;</span></div><div> <span>border-bottom</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.2</span><span>)</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div><span>}</span></div><div>.<span>graphic-banner</span>::<span>before</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>''</span><span>;</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>inset</span><span>:</span> <span>0</span><span>;</span></div><div> <span>background</span><span>:</span> <span>repeating-linear-gradient</span><span>(</span></div><div> <span>-45</span><span>deg</span><span>,</span></div><div> <span>transparent</span><span>,</span></div><div> <span>transparent</span> <span>40</span><span>px</span><span>,</span></div><div> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.03</span><span>)</span> <span>40</span><span>px</span><span>,</span></div><div> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.03</span><span>)</span> <span>41</span><span>px</span></div><div> <span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>platform-badge</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>flex-direction</span><span>:</span> <span>column</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.6</span><span>rem</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div><span>}</span></div><div>.<span>platform-badge</span> .<span>icon-ring</span> <span>{</span></div><div> <span>width</span><span>:</span> <span>72</span><span>px</span><span>;</span> <span>height</span><span>:</span> <span>72</span><span>px</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>50</span><span>%</span><span>;</span></div><div> <span>border</span><span>:</span> <span>2</span><span>px</span> <span>solid</span> <span>rgba</span><span>(</span><span>174</span><span>,</span><span>214</span><span>,</span><span>241</span><span>,</span><span>0.3</span><span>)</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>justify-content</span><span>:</span> <span>center</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>2</span><span>rem</span><span>;</span></div><div> <span>background</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.04</span><span>)</span><span>;</span></div><div> <span>transition</span><span>:</span> <span>transform</span> <span>0.3</span><span>s</span><span>;</span></div><div><span>}</span></div><div>.<span>platform-badge</span><span>:</span><span>hover</span> .<span>icon-ring</span> <span>{</span> <span>transform</span><span>:</span> <span>scale</span><span>(</span><span>1.08</span><span>)</span><span>;</span> <span>}</span></div><div>.<span>platform-badge</span> .<span>p-name</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.12</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>174</span><span>,</span><span>214</span><span>,</span><span>241</span><span>,</span><span>0.7</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>graphic-banner-caption</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>500</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.3</span><span>)</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.06</span><span>em</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div> <span>margin-top</span><span>:</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>width</span><span>:</span> <span>100</span><span>%</span><span>;</span></div><div> <span>font-style</span><span>:</span> <span>italic</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── LAYOUT ─── */</span></div><div>.<span>page-wrap</span> <span>{</span></div><div> <span>max-width</span><span>:</span> <span>820</span><span>px</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>0</span> <span>auto</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>3.5</span><span>rem</span> <span>1.5</span><span>rem</span> <span>6</span><span>rem</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── BODY TYPOGRAPHY ─── */</span></div><div>.<span>post-body</span> <span>p</span> <span>{</span></div><div> <span>margin-bottom</span><span>:</span> <span>1.4</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--text</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.85</span><span>;</span></div><div><span>}</span></div><div>.<span>post-body</span> <span>a</span> <span>{</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--wave</span><span>)</span><span>;</span></div><div> <span>text-decoration</span><span>:</span> <span>underline</span><span>;</span></div><div> <span>text-underline-offset</span><span>:</span> <span>3</span><span>px</span><span>;</span></div><div> <span>text-decoration-color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>post-body</span> <span>a</span><span>:</span><span>hover</span> <span>{</span> <span>text-decoration-color</span><span>:</span> <span>var</span><span>(</span><span>--wave</span><span>)</span><span>;</span> <span>}</span></div><div><span>/* ─── SECTION HEADERS ─── */</span></div><div>.<span>section-label</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.75</span><span>rem</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>3.5</span><span>rem</span> <span>0</span> <span>0.75</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>section-label</span> .<span>num</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>800</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.15</span><span>em</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--white</span><span>)</span><span>;</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span></div><div> <span>width</span><span>:</span> <span>28</span><span>px</span><span>;</span> <span>height</span><span>:</span> <span>28</span><span>px</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>50</span><span>%</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span> <span>align-items</span><span>:</span> <span>center</span><span>;</span> <span>justify-content</span><span>:</span> <span>center</span><span>;</span></div><div> <span>flex-shrink</span><span>:</span> <span>0</span><span>;</span></div><div><span>}</span></div><div>.<span>section-label</span> .<span>tag</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.15</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span></div><div><span>}</span></div><div><span>h2</span>.<span>section-title</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>800</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>1.6</span><span>rem</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.25</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>1.2</span><span>rem</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>-0.01</span><span>em</span><span>;</span></div><div><span>}</span></div><div><span>h3</span>.<span>subsection</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>1.05</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>2</span><span>rem</span> <span>0</span> <span>0.6</span><span>rem</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>-0.01</span><span>em</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── PULL QUOTE ─── */</span></div><div>.<span>pull-quote</span> <span>{</span></div><div> <span>margin</span><span>:</span> <span>2.5</span><span>rem</span> <span>0</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>1.75</span><span>rem</span> <span>2</span><span>rem</span> <span>1.75</span><span>rem</span> <span>2.5</span><span>rem</span><span>;</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>4</span><span>px</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div><span>}</span></div><div>.<span>pull-quote</span>::<span>before</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>'\201C'</span><span>;</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>top</span><span>:</span> <span>-10</span><span>px</span><span>;</span> <span>left</span><span>:</span> <span>14</span><span>px</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>8</span><span>rem</span><span>;</span></div><div> <span>font-family</span><span>:</span> <span>Georgia</span><span>,</span> <span>serif</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.15</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1</span><span>;</span></div><div> <span>pointer-events</span><span>:</span> <span>none</span><span>;</span></div><div><span>}</span></div><div>.<span>pull-quote</span>::<span>after</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>''</span><span>;</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>left</span><span>:</span> <span>0</span><span>;</span> <span>top</span><span>:</span> <span>0</span><span>;</span> <span>bottom</span><span>:</span> <span>0</span><span>;</span></div><div> <span>width</span><span>:</span> <span>4</span><span>px</span><span>;</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--gold</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>pull-quote</span> <span>p</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Lora'</span><span>,</span> <span>serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>1.15</span><span>rem</span><span>;</span></div><div> <span>font-style</span><span>:</span> <span>italic</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--white</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.6</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>0</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── STAT ROW ─── */</span></div><div>.<span>stat-row</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>grid</span><span>;</span></div><div> <span>grid-template-columns</span><span>:</span> <span>repeat</span><span>(</span><span>auto-fit</span><span>,</span> <span>minmax</span><span>(</span><span>155</span><span>px</span><span>,</span><span>1</span><span>fr</span><span>)</span><span>)</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>2</span><span>rem</span> <span>0</span><span>;</span></div><div><span>}</span></div><div>.<span>stat-card</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--white</span><span>)</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--border</span><span>)</span><span>;</span></div><div> <span>border-top</span><span>:</span> <span>3</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--bright</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>4</span><span>px</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>1.4</span><span>rem</span> <span>1</span><span>rem</span> <span>1.2</span><span>rem</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div><span>}</span></div><div>.<span>stat-card</span> .<span>num</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>2.1</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>900</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span></div><div> <span>display</span><span>:</span> <span>block</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.5</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>stat-card</span> .<span>lbl</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.72</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>500</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.4</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.02</span><span>em</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── HOOK ANATOMY GRAPHIC ─── */</span></div><div>.<span>hook-anatomy</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>6</span><span>px</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>2</span><span>rem</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>2</span><span>rem</span> <span>0</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div><span>}</span></div><div>.<span>hook-anatomy</span>::<span>before</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>''</span><span>;</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>inset</span><span>:</span> <span>0</span><span>;</span></div><div> <span>background</span><span>:</span> <span>repeating-linear-gradient</span><span>(</span></div><div> <span>90</span><span>deg</span><span>,</span></div><div> <span>transparent</span><span>,</span> <span>transparent</span> <span>60</span><span>px</span><span>,</span></div><div> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.04</span><span>)</span> <span>60</span><span>px</span><span>,</span> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.04</span><span>)</span> <span>61</span><span>px</span></div><div> <span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>hook-anatomy</span> <span>h4</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.2</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>1.5</span><span>rem</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div><span>}</span></div><div>.<span>timeline-bar</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>stretch</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>4</span><span>px</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>height</span><span>:</span> <span>52</span><span>px</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div><span>}</span></div><div>.<span>tl-seg</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>flex-direction</span><span>:</span> <span>column</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>justify-content</span><span>:</span> <span>center</span><span>;</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.6</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.06</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0</span> <span>0.5</span><span>rem</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.3</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div><span>}</span></div><div>.<span>tl-seg</span> .<span>sec</span> <span>{</span> <span>font-size</span><span>:</span> <span>0.75</span><span>rem</span><span>;</span> <span>font-weight</span><span>:</span> <span>900</span><span>;</span> <span>display</span><span>:</span> <span>block</span><span>;</span> <span>margin-bottom</span><span>:</span> <span>2</span><span>px</span><span>;</span> <span>}</span></div><div>.<span>tl-hook</span> <span>{</span> <span>background</span><span>:</span> <span>#E74C3C</span><span>;</span> <span>color</span><span>:</span> <span>#fff</span><span>;</span> <span>flex</span><span>:</span> <span>0</span> <span>0</span> <span>18</span><span>%</span><span>;</span> <span>}</span></div><div>.<span>tl-value</span> <span>{</span> <span>background</span><span>:</span> <span>#2471A3</span><span>;</span> <span>color</span><span>:</span> <span>#fff</span><span>;</span> <span>flex</span><span>:</span> <span>0</span> <span>0</span> <span>42</span><span>%</span><span>;</span> <span>}</span></div><div>.<span>tl-cta</span> <span>{</span> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--gold</span><span>)</span><span>;</span> <span>color</span><span>:</span> <span>#fff</span><span>;</span> <span>flex</span><span>:</span> <span>0</span> <span>0</span> <span>22</span><span>%</span><span>;</span> <span>}</span></div><div>.<span>tl-end</span> <span>{</span> <span>background</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.08</span><span>)</span><span>;</span> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.45</span><span>)</span><span>;</span> <span>flex</span><span>:</span> <span>1</span><span>;</span> <span>}</span></div><div>.<span>timeline-legend</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>1.5</span><span>rem</span><span>;</span></div><div> <span>justify-content</span><span>:</span> <span>center</span><span>;</span></div><div> <span>flex-wrap</span><span>:</span> <span>wrap</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div><span>}</span></div><div>.<span>tl-legend-item</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.4</span><span>rem</span><span>;</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>600</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.6</span><span>)</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.04</span><span>em</span><span>;</span></div><div><span>}</span></div><div>.<span>tl-dot</span> <span>{</span></div><div> <span>width</span><span>:</span> <span>10</span><span>px</span><span>;</span> <span>height</span><span>:</span> <span>10</span><span>px</span><span>;</span> <span>border-radius</span><span>:</span> <span>2</span><span>px</span><span>;</span> <span>flex-shrink</span><span>:</span> <span>0</span><span>;</span></div><div><span>}</span></div><div>.<span>dot-hook</span> <span>{</span> <span>background</span><span>:</span> <span>#E74C3C</span><span>;</span> <span>}</span></div><div>.<span>dot-val</span> <span>{</span> <span>background</span><span>:</span> <span>#2471A3</span><span>;</span> <span>}</span></div><div>.<span>dot-cta</span> <span>{</span> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--gold</span><span>)</span><span>;</span> <span>}</span></div><div><span>/* ─── HOOK TYPES GRID ─── */</span></div><div>.<span>hook-grid</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>grid</span><span>;</span></div><div> <span>grid-template-columns</span><span>:</span> <span>repeat</span><span>(</span><span>auto-fit</span><span>,</span> <span>minmax</span><span>(</span><span>220</span><span>px</span><span>,</span><span>1</span><span>fr</span><span>)</span><span>)</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>1.5</span><span>rem</span> <span>0</span> <span>2</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>hook-card</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--white</span><span>)</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--border</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>6</span><span>px</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>1.25</span><span>rem</span> <span>1.25</span><span>rem</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>transition</span><span>:</span> <span>box-shadow</span> <span>0.2</span><span>s</span><span>;</span></div><div><span>}</span></div><div>.<span>hook-card</span><span>:</span><span>hover</span> <span>{</span> <span>box-shadow</span><span>:</span> <span>0</span> <span>4</span><span>px</span> <span>16</span><span>px</span> <span>rgba</span><span>(</span><span>13</span><span>,</span><span>27</span><span>,</span><span>42</span><span>,</span><span>0.08</span><span>)</span><span>;</span> <span>}</span></div><div>.<span>hook-card</span> .<span>hc-icon</span> <span>{</span></div><div> <span>font-size</span><span>:</span> <span>1.5</span><span>rem</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.6</span><span>rem</span><span>;</span></div><div> <span>display</span><span>:</span> <span>block</span><span>;</span></div><div><span>}</span></div><div>.<span>hook-card</span> .<span>hc-type</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.72</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.1</span><span>em</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.4</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>hook-card</span> .<span>hc-example</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Lora'</span><span>,</span> <span>serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.88</span><span>rem</span><span>;</span></div><div> <span>font-style</span><span>:</span> <span>italic</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--text</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.5</span><span>;</span></div><div> <span>border-left</span><span>:</span> <span>2</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>padding-left</span><span>:</span> <span>0.75</span><span>rem</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.6</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>hook-card</span> .<span>hc-why</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.72</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.5</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── RETENTION METER GRAPHIC ─── */</span></div><div>.<span>retention-visual</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--white</span><span>)</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--border</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>6</span><span>px</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>1.75</span><span>rem</span> <span>1.5</span><span>rem</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>2</span><span>rem</span> <span>0</span><span>;</span></div><div><span>}</span></div><div>.<span>retention-visual</span> <span>h4</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.2</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>1.5</span><span>rem</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div><span>}</span></div><div>.<span>ret-row</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.85</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>ret-label</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.7</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>600</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>min-width</span><span>:</span> <span>100</span><span>px</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.02</span><span>em</span><span>;</span></div><div><span>}</span></div><div>.<span>ret-bar-bg</span> <span>{</span></div><div> <span>flex</span><span>:</span> <span>1</span><span>;</span></div><div> <span>background</span><span>:</span> <span>#EBF4FB</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>100</span><span>px</span><span>;</span></div><div> <span>height</span><span>:</span> <span>22</span><span>px</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div><span>}</span></div><div>.<span>ret-bar-fill</span> <span>{</span></div><div> <span>height</span><span>:</span> <span>100</span><span>%</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>100</span><span>px</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>padding-right</span><span>:</span> <span>0.5</span><span>rem</span><span>;</span></div><div> <span>justify-content</span><span>:</span> <span>flex-end</span><span>;</span></div><div><span>}</span></div><div>.<span>ret-bar-fill</span> <span>span</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.62</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>800</span><span>;</span></div><div> <span>color</span><span>:</span> <span>#fff</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.04</span><span>em</span><span>;</span></div><div><span>}</span></div><div>.<span>fill-great</span> <span>{</span> <span>background</span><span>:</span> <span>#1ABC9C</span><span>;</span> <span>width</span><span>:</span> <span>92</span><span>%</span><span>;</span> <span>}</span></div><div>.<span>fill-good</span> <span>{</span> <span>background</span><span>:</span> <span>#2471A3</span><span>;</span> <span>width</span><span>:</span> <span>70</span><span>%</span><span>;</span> <span>}</span></div><div>.<span>fill-avg</span> <span>{</span> <span>background</span><span>:</span> <span>#F39C12</span><span>;</span> <span>width</span><span>:</span> <span>45</span><span>%</span><span>;</span> <span>}</span></div><div>.<span>fill-poor</span> <span>{</span> <span>background</span><span>:</span> <span>#C0392B</span><span>;</span> <span>width</span><span>:</span> <span>25</span><span>%</span><span>;</span> <span>}</span></div><div>.<span>ret-note</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div> <span>margin-top</span><span>:</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>font-style</span><span>:</span> <span>italic</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── ALGORITHM EXPLAINER ─── */</span></div><div>.<span>algo-grid</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>grid</span><span>;</span></div><div> <span>grid-template-columns</span><span>:</span> <span>repeat</span><span>(</span><span>auto-fit</span><span>,</span> <span>minmax</span><span>(</span><span>200</span><span>px</span><span>,</span><span>1</span><span>fr</span><span>)</span><span>)</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>1.5</span><span>rem</span> <span>0</span> <span>2</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>algo-card</span> <span>{</span></div><div> <span>border-radius</span><span>:</span> <span>6</span><span>px</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>1.4</span><span>rem</span> <span>1.25</span><span>rem</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div><span>}</span></div><div>.<span>algo-card</span>::<span>after</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>''</span><span>;</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>bottom</span><span>:</span> <span>-20</span><span>px</span><span>;</span> <span>right</span><span>:</span> <span>-20</span><span>px</span><span>;</span></div><div> <span>width</span><span>:</span> <span>80</span><span>px</span><span>;</span> <span>height</span><span>:</span> <span>80</span><span>px</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>50</span><span>%</span><span>;</span></div><div> <span>background</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.06</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>algo-instagram</span> <span>{</span> <span>background</span><span>:</span> <span>linear-gradient</span><span>(</span><span>135</span><span>deg</span><span>,</span> <span>#1A2F5A</span> <span>0</span><span>%</span><span>,</span> <span>#2C3E70</span> <span>100</span><span>%</span><span>)</span><span>;</span> <span>}</span></div><div>.<span>algo-tiktok</span> <span>{</span> <span>background</span><span>:</span> <span>linear-gradient</span><span>(</span><span>135</span><span>deg</span><span>,</span> <span>#0D1B2A</span> <span>0</span><span>%</span><span>,</span> <span>#1A2A3A</span> <span>100</span><span>%</span><span>)</span><span>;</span> <span>}</span></div><div>.<span>algo-facebook</span> <span>{</span> <span>background</span><span>:</span> <span>linear-gradient</span><span>(</span><span>135</span><span>deg</span><span>,</span> <span>#1B3A5C</span> <span>0</span><span>%</span><span>,</span> <span>#0D2137</span> <span>100</span><span>%</span><span>)</span><span>;</span> <span>}</span></div><div>.<span>algo-card</span> .<span>platform</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.15</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.5</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.35</span><span>rem</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.4</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>algo-card</span> .<span>metric</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>1.4</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>900</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.4</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>algo-card</span> .<span>metric-label</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Lora'</span><span>,</span> <span>serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.82</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.7</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.4</span><span>;</span></div><div> <span>font-style</span><span>:</span> <span>italic</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.8</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>algo-card</span> .<span>signal-list</span> <span>{</span></div><div> <span>list-style</span><span>:</span> <span>none</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0</span><span>;</span></div><div><span>}</span></div><div>.<span>algo-card</span> .<span>signal-list</span> <span>li</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>500</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.55</span><span>)</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0.3</span><span>rem</span> <span>0</span><span>;</span></div><div> <span>border-bottom</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.07</span><span>)</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.4</span><span>rem</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.02</span><span>em</span><span>;</span></div><div><span>}</span></div><div>.<span>algo-card</span> .<span>signal-list</span> <span>li</span>::<span>before</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>'→'</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.6</span><span>rem</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── POSTING FREQUENCY TABLE ─── */</span></div><div>.<span>freq-table-wrap</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--white</span><span>)</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--border</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>6</span><span>px</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>1.5</span><span>rem</span> <span>0</span> <span>2</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>freq-table</span> <span>{</span></div><div> <span>width</span><span>:</span> <span>100</span><span>%</span><span>;</span></div><div> <span>border-collapse</span><span>:</span> <span>collapse</span><span>;</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div><span>}</span></div><div>.<span>freq-table</span> <span>thead</span> <span>tr</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>freq-table</span> <span>thead</span> <span>th</span> <span>{</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.12</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0.85</span><span>rem</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>left</span><span>;</span></div><div><span>}</span></div><div>.<span>freq-table</span> <span>tbody</span> <span>tr</span> <span>{</span></div><div> <span>border-bottom</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--border</span><span>)</span><span>;</span></div><div> <span>transition</span><span>:</span> <span>background</span> <span>0.15</span><span>s</span><span>;</span></div><div><span>}</span></div><div>.<span>freq-table</span> <span>tbody</span> <span>tr</span><span>:</span><span>last-child</span> <span>{</span> <span>border-bottom</span><span>:</span> <span>none</span><span>;</span> <span>}</span></div><div>.<span>freq-table</span> <span>tbody</span> <span>tr</span><span>:</span><span>hover</span> <span>{</span> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--pale</span><span>)</span><span>;</span> <span>}</span></div><div>.<span>freq-table</span> <span>tbody</span> <span>td</span> <span>{</span></div><div> <span>padding</span><span>:</span> <span>0.85</span><span>rem</span> <span>1</span><span>rem</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.78</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--text</span><span>)</span><span>;</span></div><div> <span>vertical-align</span><span>:</span> <span>middle</span><span>;</span></div><div><span>}</span></div><div>.<span>freq-table</span> .<span>platform-name</span> <span>{</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>center</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.5</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>freq-table</span> .<span>rec</span> <span>{</span> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span> <span>font-weight</span><span>:</span> <span>700</span><span>;</span> <span>}</span></div><div>.<span>freq-table</span> .<span>min</span> <span>{</span> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span> <span>}</span></div><div>.<span>badge-video</span> <span>{</span></div><div> <span>font-size</span><span>:</span> <span>0.6</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.06</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>background</span><span>:</span> <span>#E8F5E9</span><span>;</span></div><div> <span>color</span><span>:</span> <span>#1B5E20</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>#A5D6A7</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0.15</span><span>rem</span> <span>0.45</span><span>rem</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>2</span><span>px</span><span>;</span></div><div><span>}</span></div><div>.<span>badge-algo</span> <span>{</span></div><div> <span>font-size</span><span>:</span> <span>0.6</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.06</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--pale</span><span>)</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0.15</span><span>rem</span> <span>0.45</span><span>rem</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>2</span><span>px</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── CHECKLIST ─── */</span></div><div>.<span>ww-checklist</span> <span>{</span></div><div> <span>list-style</span><span>:</span> <span>none</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>1</span><span>rem</span> <span>0</span> <span>2</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>ww-checklist</span> <span>li</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.85</span><span>rem</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0.75</span><span>rem</span> <span>0</span><span>;</span></div><div> <span>border-bottom</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--border</span><span>)</span><span>;</span></div><div> <span>align-items</span><span>:</span> <span>flex-start</span><span>;</span></div><div><span>}</span></div><div>.<span>ww-checklist</span> <span>li</span><span>:</span><span>last-child</span> <span>{</span> <span>border-bottom</span><span>:</span> <span>none</span><span>;</span> <span>}</span></div><div>.<span>ww-checklist</span> .<span>check</span> <span>{</span></div><div> <span>width</span><span>:</span> <span>22</span><span>px</span><span>;</span> <span>height</span><span>:</span> <span>22</span><span>px</span><span>;</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>50</span><span>%</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span> <span>align-items</span><span>:</span> <span>center</span><span>;</span> <span>justify-content</span><span>:</span> <span>center</span><span>;</span></div><div> <span>flex-shrink</span><span>:</span> <span>0</span><span>;</span></div><div> <span>margin-top</span><span>:</span> <span>2</span><span>px</span><span>;</span></div><div><span>}</span></div><div>.<span>ww-checklist</span> .<span>check</span>::<span>after</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>'✓'</span><span>;</span></div><div> <span>color</span><span>:</span> <span>#fff</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div><span>}</span></div><div>.<span>ww-checklist</span> <span>li</span> <span>strong</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>block</span><span>;</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.82</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.2</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>ww-checklist</span> <span>li</span> <span>p</span> <span>{</span></div><div> <span>margin</span><span>:</span> <span>0</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.88</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.5</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── TIP BOX ─── */</span></div><div>.<span>tip-box</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--gold-lt</span><span>)</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>#C8C8C8</span><span>;</span></div><div> <span>border-left</span><span>:</span> <span>4</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--gold</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>4</span><span>px</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>1.25</span><span>rem</span> <span>1.5</span><span>rem</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>2</span><span>rem</span> <span>0</span><span>;</span></div><div><span>}</span></div><div>.<span>tip-box</span> .<span>tip-label</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>800</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.15</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>#1A1A1A</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.5</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>tip-box</span> <span>p</span> <span>{</span></div><div> <span>font-size</span><span>:</span> <span>0.92</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>#2A2A2A</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>0</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.6</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── SECTION DIVIDER ─── */</span></div><div>.<span>wave-divider</span> <span>{</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div> <span>margin</span><span>:</span> <span>3</span><span>rem</span> <span>0</span> <span>2</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>1.4</span><span>rem</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.3</span><span>em</span><span>;</span></div><div> <span>opacity</span><span>:</span> <span>0.5</span><span>;</span></div><div><span>}</span></div><div><span>/* ─── CTA BLOCK ─── */</span></div><div>.<span>post-cta</span> <span>{</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--navy</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>6</span><span>px</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>3</span><span>rem</span> <span>2.5</span><span>rem</span><span>;</span></div><div> <span>text-align</span><span>:</span> <span>center</span><span>;</span></div><div> <span>margin-top</span><span>:</span> <span>4</span><span>rem</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>overflow</span><span>:</span> <span>hidden</span><span>;</span></div><div><span>}</span></div><div>.<span>post-cta</span>::<span>before</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>''</span><span>;</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>bottom</span><span>:</span> <span>-60</span><span>px</span><span>;</span> <span>left</span><span>:</span> <span>-60</span><span>px</span><span>;</span></div><div> <span>width</span><span>:</span> <span>240</span><span>px</span><span>;</span> <span>height</span><span>:</span> <span>240</span><span>px</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>50</span><span>%</span><span>;</span></div><div> <span>background</span><span>:</span> <span>rgba</span><span>(</span><span>46</span><span>,</span><span>134</span><span>,</span><span>193</span><span>,</span><span>0.08</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>post-cta</span>::<span>after</span> <span>{</span></div><div> <span>content</span><span>:</span> <span>''</span><span>;</span></div><div> <span>position</span><span>:</span> <span>absolute</span><span>;</span></div><div> <span>top</span><span>:</span> <span>-40</span><span>px</span><span>;</span> <span>right</span><span>:</span> <span>-40</span><span>px</span><span>;</span></div><div> <span>width</span><span>:</span> <span>180</span><span>px</span><span>;</span> <span>height</span><span>:</span> <span>180</span><span>px</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>50</span><span>%</span><span>;</span></div><div> <span>background</span><span>:</span> <span>rgba</span><span>(</span><span>212</span><span>,</span><span>172</span><span>,</span><span>13</span><span>,</span><span>0.06</span><span>)</span><span>;</span></div><div><span>}</span></div><div>.<span>post-cta</span> .<span>eyebrow</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>700</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.2</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.8</span><span>rem</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div><span>}</span></div><div>.<span>post-cta</span> <span>h3</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>900</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>1.6</span><span>rem</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--white</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>0.8</span><span>rem</span><span>;</span></div><div> <span>line-height</span><span>:</span> <span>1.25</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div><span>}</span></div><div>.<span>post-cta</span> <span>p</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Lora'</span><span>,</span> <span>serif</span><span>;</span></div><div> <span>font-style</span><span>:</span> <span>italic</span><span>;</span></div><div> <span>color</span><span>:</span> <span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.6</span><span>)</span><span>;</span></div><div> <span>margin-bottom</span><span>:</span> <span>2</span><span>rem</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.95</span><span>rem</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div><span>}</span></div><div>.<span>cta-btn</span> <span>{</span></div><div> <span>display</span><span>:</span> <span>inline-block</span><span>;</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--gold</span><span>)</span><span>;</span></div><div> <span>color</span><span>:</span> <span>#FFFFFF</span><span>;</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.78</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>800</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.1</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0.85</span><span>rem</span> <span>2.5</span><span>rem</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>3</span><span>px</span><span>;</span></div><div> <span>text-decoration</span><span>:</span> <span>none</span><span>;</span></div><div> <span>position</span><span>:</span> <span>relative</span><span>;</span></div><div> <span>z-index</span><span>:</span> <span>1</span><span>;</span></div><div> <span>transition</span><span>:</span> <span>background</span> <span>0.2</span><span>s</span><span>;</span></div><div><span>}</span></div><div>.<span>cta-btn</span><span>:</span><span>hover</span> <span>{</span> <span>background</span><span>:</span> <span>#555555</span><span>;</span> <span>color</span><span>:</span> <span>#fff</span><span>;</span> <span>}</span></div><div><span>/* ─── TAGS ─── */</span></div><div>.<span>post-tags</span> <span>{</span></div><div> <span>margin-top</span><span>:</span> <span>2.5</span><span>rem</span><span>;</span></div><div> <span>display</span><span>:</span> <span>flex</span><span>;</span></div><div> <span>flex-wrap</span><span>:</span> <span>wrap</span><span>;</span></div><div> <span>gap</span><span>:</span> <span>0.5</span><span>rem</span><span>;</span></div><div><span>}</span></div><div>.<span>post-tags</span> .<span>tag</span> <span>{</span></div><div> <span>font-family</span><span>:</span> <span>'Montserrat'</span><span>,</span> <span>sans-serif</span><span>;</span></div><div> <span>font-size</span><span>:</span> <span>0.65</span><span>rem</span><span>;</span></div><div> <span>font-weight</span><span>:</span> <span>600</span><span>;</span></div><div> <span>letter-spacing</span><span>:</span> <span>0.08</span><span>em</span><span>;</span></div><div> <span>text-transform</span><span>:</span> <span>uppercase</span><span>;</span></div><div> <span>padding</span><span>:</span> <span>0.25</span><span>rem</span> <span>0.75</span><span>rem</span><span>;</span></div><div> <span>background</span><span>:</span> <span>var</span><span>(</span><span>--pale</span><span>)</span><span>;</span></div><div> <span>border</span><span>:</span> <span>1</span><span>px</span> <span>solid</span> <span>var</span><span>(</span><span>--seafoam</span><span>)</span><span>;</span></div><div> <span>border-radius</span><span>:</span> <span>2</span><span>px</span><span>;</span></div><div> <span>color</span><span>:</span> <span>var</span><span>(</span><span>--ocean</span><span>)</span><span>;</span></div><div><span>}</span></div><div><span>@media</span> <span>(</span><span>max-width</span><span>:</span> <span>600</span><span>px</span><span>)</span> <span>{</span></div><div> .<span>site-nav</span> .<span>nav-links</span> <span>{</span> <span>display</span><span>:</span> <span>none</span><span>;</span> <span>}</span></div><div> .<span>hero</span> <span>h1</span> <span>{</span> <span>font-size</span><span>:</span> <span>1.75</span><span>rem</span><span>;</span> <span>}</span></div><div> <span>h2</span>.<span>section-title</span> <span>{</span> <span>font-size</span><span>:</span> <span>1.3</span><span>rem</span><span>;</span> <span>}</span></div><div> .<span>graphic-banner</span> <span>{</span> <span>gap</span><span>:</span> <span>1.5</span><span>rem</span><span>;</span> <span>}</span></div><div> .<span>timeline-bar</span> <span>{</span> <span>height</span><span>:</span> <span>44</span><span>px</span><span>;</span> <span>}</span></div><div> .<span>tl-seg</span> <span>{</span> <span>font-size</span><span>:</span> <span>0.52</span><span>rem</span><span>;</span> <span>}</span></div><div> .<span>post-cta</span> <span>h3</span> <span>{</span> <span>font-size</span><span>:</span> <span>1.3</span><span>rem</span><span>;</span> <span>}</span></div><div><span>}</span></div><div><span></</span><span>style</span><span>></span></div><div><span></</span><span>head</span><span>></span></div><div><span><</span><span>body</span><span>></span></div><div><span><!-- ── HERO ── --></span></div><div><span><</span><span>section</span> <span>class</span><span>=</span><span>"hero"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hero-bg-circles"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hero-eyebrow"</span><span>></span>Social Media Growth<span></</span><span>div</span><span>></span></div><div> <span><</span><span>h1</span><span>></span>The Two Things That Actually<span><</span><span>br</span><span>></span><span><</span><span>em</span><span>></span>Grow Your Social Media<span></</span><span>em</span><span>></span> in 2026<span></</span><span>h1</span><span>></span></div><div> <span><</span><span>p</span> <span>class</span><span>=</span><span>"hero-deck"</span><span>></span>Forget follower-buying schemes and posting every hour. Every algorithm on every platform rewards the same two things: a hook that stops the scroll, and content that holds attention.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hero-meta"</span><span>></span></div><div> <span><</span><span>span</span><span>></span>By Wave Works Media<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span><span>></span>10 min read<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span><span>></span>Updated April 2026<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span><span>></span>Target: social media growth reels small business<span></</span><span>span</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>svg</span> <span>class</span><span>=</span><span>"hero-waves"</span> <span>viewBox</span><span>=</span><span>"0 0 1440 90"</span> <span>preserveAspectRatio</span><span>=</span><span>"none"</span> <span>xmlns</span><span>=</span><span>"http://www.w3.org/2000/svg"</span><span>></span></div><div> <span><</span><span>path</span> <span>d</span><span>=</span><span>"M0 45 Q180 0 360 45 Q540 90 720 45 Q900 0 1080 45 Q1260 90 1440 45 L1440 90 L0 90 Z"</span> <span>fill</span><span>=</span><span>"#F4F6F8"</span><span>/></span></div><div> <span></</span><span>svg</span><span>></span></div><div><span></</span><span>section</span><span>></span></div><div><span><!-- ── PLATFORM GRAPHIC BANNER ── --></span></div><div><span><</span><span>div</span> <span>class</span><span>=</span><span>"graphic-banner"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"platform-badge"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"icon-ring"</span><span>></span>🎬<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"p-name"</span><span>></span>Instagram Reels<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"platform-badge"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"icon-ring"</span><span>></span>🎵<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"p-name"</span><span>></span>TikTok<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"platform-badge"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"icon-ring"</span><span>></span>▶️<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"p-name"</span><span>></span>Facebook Reels<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"platform-badge"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"icon-ring"</span><span>></span>📺<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"p-name"</span><span>></span>YouTube Shorts<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>p</span> <span>class</span><span>=</span><span>"graphic-banner-caption"</span><span>></span>Graphic suggestion: Replace with side-by-side phone mockups showing each platform's short-form video UI<span></</span><span>p</span><span>></span></div><div><span></</span><span>div</span><span>></span></div><div><span><!-- ── BODY ── --></span></div><div><span><</span><span>div</span> <span>class</span><span>=</span><span>"page-wrap"</span><span>></span></div><div><span><</span><span>div</span> <span>class</span><span>=</span><span>"post-body"</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Ask most small business owners what it takes to grow on social media and you'll hear the same answers: post more, use trending sounds, add hashtags, and hope the algorithm notices you. It's not bad advice — but it's incomplete. And incomplete strategies produce incomplete results.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>p</span><span>></span>The businesses that are genuinely growing on Instagram, TikTok, Facebook, and YouTube Shorts in 2026 have figured out something simpler and more powerful: <span><</span><span>strong</span><span>></span>the algorithm on every major platform is designed to reward two things above all else — hooks that capture attention, and content that keeps it.<span></</span><span>strong</span><span>></span> Everything else is secondary.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>p</span><span>></span>In this post, we're breaking down exactly what those two things mean, why they matter more than posting frequency, and how your small business can start applying them this week.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"stat-row"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"stat-card"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"num"</span><span>></span>1.7B<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"lbl"</span><span>></span>daily Reels plays on Instagram alone<span></</span><span>span</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"stat-card"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"num"</span><span>></span>2 sec<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"lbl"</span><span>></span>average time before a viewer scrolls past your video<span></</span><span>span</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"stat-card"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"num"</span><span>></span>70%<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"lbl"</span><span>></span>of TikTok's algorithm weight goes to watch time and replays<span></</span><span>span</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"stat-card"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"num"</span><span>></span>3–5×<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"lbl"</span><span>></span>more reach for videos with strong retention vs. weak ones<span></</span><span>span</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><!-- SECTION 1 --></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"section-label"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"num"</span><span>></span>01<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>The Foundation<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>h2</span> <span>class</span><span>=</span><span>"section-title"</span><span>></span>Why Short-Form Video Is the Most Powerful Tool for Small Business Growth Right Now<span></</span><span>h2</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Short-form video — Reels, TikToks, Shorts — is not a trend. It is the dominant content format across every major social platform, and the algorithms are built to push it further than any other content type. That means a single well-made Reel from a small business in Charlotte can reach thousands of people who've never heard of you, at zero ad spend. That is genuinely remarkable.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>p</span><span>></span>But the key phrase there is "well-made" — and well-made doesn't mean expensive or highly produced. It means strategically structured. It means understanding that every second of a short-form video has a job to do, and the first two seconds matter more than all the rest combined.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"pull-quote"</span><span>></span></div><div> <span><</span><span>p</span><span>></span>"Your first two seconds aren't an introduction. They're an audition. The viewer is deciding whether you've earned the next eight."<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>p</span><span>></span>This is the insight that separates accounts that grow from accounts that stall. And it all starts with the hook.<span></</span><span>p</span><span>></span></div><div> <span><!-- SECTION 2 --></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"section-label"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"num"</span><span>></span>02<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Capture Attention<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>h2</span> <span>class</span><span>=</span><span>"section-title"</span><span>></span>What Is a Hook — and Why It Makes or Breaks Your Content<span></</span><span>h2</span><span>></span></div><div> <span><</span><span>p</span><span>></span>A hook is the opening moment of your video: the first frame, the first words, the first visual. It has one job — to give the viewer a reason to keep watching instead of scrolling to the next thing. That's it. A hook doesn't sell your product, explain your business, or introduce your brand. It creates enough curiosity, tension, or intrigue that stopping feels like the right choice.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Most small business content fails not because the product is bad or the production is low quality — it fails because the hook is weak. "Hey guys, welcome back to our page" is not a hook. Neither is a logo animation, a shot of your storefront, or a monologue that starts with "So today I wanted to talk about..." The viewer is gone before you get to your point.<span></</span><span>p</span><span>></span></div><div> <span><!-- HOOK ANATOMY GRAPHIC --></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hook-anatomy"</span><span>></span></div><div> <span><</span><span>h4</span><span>></span>Anatomy of a High-Performing Short-Form Video<span></</span><span>h4</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"timeline-bar"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-seg tl-hook"</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"sec"</span><span>></span>0–2s<span></</span><span>span</span><span>></span>HOOK<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-seg tl-value"</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"sec"</span><span>></span>3–25s<span></</span><span>span</span><span>></span>VALUE / STORY<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-seg tl-cta"</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"sec"</span><span>></span>26–30s<span></</span><span>span</span><span>></span>CTA<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-seg tl-end"</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"sec"</span><span>></span>+<span></</span><span>span</span><span>></span>LOOP<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"timeline-legend"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-legend-item"</span><span>></span><span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-dot dot-hook"</span><span>></span><span></</span><span>div</span><span>></span>Hook — stops the scroll<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-legend-item"</span><span>></span><span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-dot dot-val"</span><span>></span><span></</span><span>div</span><span>></span>Value/Story — builds retention<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-legend-item"</span><span>></span><span><</span><span>div</span> <span>class</span><span>=</span><span>"tl-dot dot-cta"</span><span>></span><span></</span><span>div</span><span>></span>Call to action<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>p</span> <span>style</span><span>=</span><span>"</span><span>font-family</span><span>:</span><span>'Montserrat'</span><span>,</span><span>sans-serif</span><span>;</span><span>font-size</span><span>:</span><span>0.62</span><span>rem</span><span>;</span><span>color</span><span>:</span><span>rgba</span><span>(</span><span>255</span><span>,</span><span>255</span><span>,</span><span>255</span><span>,</span><span>0.3</span><span>)</span><span>;</span><span>text-align</span><span>:</span><span>center</span><span>;</span><span>margin-top</span><span>:</span><span>1</span><span>rem</span><span>;</span><span>font-style</span><span>:</span><span>italic</span><span>;</span><span>"</span><span>></span>Graphic suggestion: Replace with animated version showing a phone screen as each section plays<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>h3</span> <span>class</span><span>=</span><span>"subsection"</span><span>></span>The 4 Types of Hooks That Work<span></</span><span>h3</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Every effective hook falls into one of four categories. Mix and match these depending on your content:<span></</span><span>p</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hook-grid"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hook-card"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"hc-icon"</span><span>></span>❓<span></</span><span>span</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-type"</span><span>></span>The Question Hook<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-example"</span><span>></span>"Are you making this mistake with your Google Business profile?"<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-why"</span><span>></span>Creates an open loop. Viewers stay to find out the answer — or to reassure themselves they're not making the mistake.<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hook-card"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"hc-icon"</span><span>></span>⚡<span></</span><span>span</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-type"</span><span>></span>The Bold Statement Hook<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-example"</span><span>></span>"Posting every day is killing your Instagram reach."<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-why"</span><span>></span>Challenges a common belief. Triggers a "wait, what?" response that makes stopping feel necessary.<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hook-card"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"hc-icon"</span><span>></span>🔢<span></</span><span>span</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-type"</span><span>></span>The List Hook<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-example"</span><span>></span>"3 things every small business needs to do before posting a Reel."<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-why"</span><span>></span>Sets clear expectations. Viewers want to see all three items, which drives watch time naturally.<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hook-card"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"hc-icon"</span><span>></span>👀<span></</span><span>span</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-type"</span><span>></span>The Visual Hook<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-example"</span><span>></span>Opening on a surprising result, a before/after, or an unexpected image before saying a word.<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"hc-why"</span><span>></span>Works for visually-driven businesses. The image itself creates enough intrigue to earn the next few seconds.<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tip-box"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tip-label"</span><span>></span>Wave Works Tip<span></</span><span>div</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Write your hook last. Build your content first, then ask: "What's the most surprising, valuable, or counterintuitive thing in this video?" Lead with that. The hook should be a preview of the best part — not a preamble to it.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><!-- SECTION 3 --></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"section-label"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"num"</span><span>></span>03<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Hold Attention<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>h2</span> <span>class</span><span>=</span><span>"section-title"</span><span>></span>What Is Retention — and Why the Algorithm Cares About It More Than Likes<span></</span><span>h2</span><span>></span></div><div> <span><</span><span>p</span><span>></span>If the hook gets someone to start watching, retention is what keeps them watching. In video analytics, <span><</span><span>strong</span><span>></span>retention refers to the percentage of your video that viewers actually watch<span></</span><span>strong</span><span>></span> — and it is the single most important signal you can send to every major social algorithm.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Here's why: platforms like Instagram, TikTok, and YouTube are in the business of keeping people on their apps as long as possible. When your video keeps viewers engaged — when they watch it to the end, or better yet, watch it twice — the platform interprets that as a quality signal and pushes your content to more people. The inverse is equally true: if viewers drop off in the first few seconds, the algorithm quietly buries your post.<span></</span><span>p</span><span>></span></div><div> <span><!-- RETENTION VISUAL --></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"retention-visual"</span><span>></span></div><div> <span><</span><span>h4</span><span>></span>How Retention Affects Your Reach<span></</span><span>h4</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-row"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-label"</span><span>></span>80–100% watch<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-bar-bg"</span><span>></span><span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-bar-fill fill-great"</span><span>></span><span><</span><span>span</span><span>></span>Viral push<span></</span><span>span</span><span>></span><span></</span><span>div</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-row"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-label"</span><span>></span>50–79% watch<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-bar-bg"</span><span>></span><span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-bar-fill fill-good"</span><span>></span><span><</span><span>span</span><span>></span>Growing reach<span></</span><span>span</span><span>></span><span></</span><span>div</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-row"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-label"</span><span>></span>25–49% watch<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-bar-bg"</span><span>></span><span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-bar-fill fill-avg"</span><span>></span><span><</span><span>span</span><span>></span>Limited push<span></</span><span>span</span><span>></span><span></</span><span>div</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-row"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-label"</span><span>></span>Under 25%<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-bar-bg"</span><span>></span><span><</span><span>div</span> <span>class</span><span>=</span><span>"ret-bar-fill fill-poor"</span><span>></span><span><</span><span>span</span><span>></span>Suppressed<span></</span><span>span</span><span>></span><span></</span><span>div</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>p</span> <span>class</span><span>=</span><span>"ret-note"</span><span>></span>Graphic suggestion: Animate bars loading in sequence with a real phone analytics screenshot alongside this chart<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>h3</span> <span>class</span><span>=</span><span>"subsection"</span><span>></span>How to Build Retention Into Your Videos<span></</span><span>h3</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Strong retention isn't accidental — it's engineered. Here are the techniques that work consistently across platforms:<span></</span><span>p</span><span>></span></div><div> <span><</span><span>ul</span> <span>class</span><span>=</span><span>"ww-checklist"</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Keep videos under 30 seconds when starting out<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Shorter videos are easier to watch to completion, which gives you a higher retention rate. As your audience grows, you can experiment with longer formats. Until then, tighter is better.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Cut every second that doesn't add value<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>The first edit pass is about getting your message out. The second edit pass is about cutting everything that isn't essential. If a scene or sentence doesn't advance the viewer toward the payoff, cut it.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Use pattern interrupts every 3–5 seconds<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>A pattern interrupt is a sudden change — a cut to a new angle, a graphic appearing on screen, a new speaker, a sound effect. These micro-resets prevent viewers from tuning out and dramatically improve mid-video retention.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Delay the payoff strategically<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Don't front-load everything. If you're making a list video, tease the best tip at the end. If you're showing a result, build the context first. Viewers who know the best is coming will stay to see it.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Design for loops<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>On TikTok and Instagram, the video loops automatically. When your ending flows naturally into your beginning, viewers watch twice without realizing it. This doubles your watch time signals on the same piece of content.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Add on-screen text that supplements — not duplicates — your audio<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Many viewers watch with the sound off. On-screen captions or highlight text give silent viewers a reason to stay. They also add a second layer of information that rewards attentive viewers.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span></</span><span>ul</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"pull-quote"</span><span>></span></div><div> <span><</span><span>p</span><span>></span>"The algorithm doesn't know if your product is good, your service is excellent, or your brand is trustworthy. It only knows one thing: did people watch? Make them watch."<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><!-- SECTION 4 --></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"section-label"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"num"</span><span>></span>04<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>The Algorithm<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>h2</span> <span>class</span><span>=</span><span>"section-title"</span><span>></span>How Every Major Platform Rewards Hooks and Retention<span></</span><span>h2</span><span>></span></div><div> <span><</span><span>p</span><span>></span>This isn't a theory — it's documented behavior across every platform's own published guidance and confirmed by creators and brands who have studied their analytics at scale. Here's how each platform weighs what matters:<span></</span><span>p</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"algo-grid"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"algo-card algo-instagram"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"platform"</span><span>></span>🎬 Instagram Reels<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"metric"</span><span>></span>Watch Time<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"metric-label"</span><span>></span>Primary ranking signal for Reels distribution<span></</span><span>div</span><span>></span></div><div> <span><</span><span>ul</span> <span>class</span><span>=</span><span>"signal-list"</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Replays counted as high-interest signal<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Shares push content to non-followers<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Saves signal evergreen value<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Skips in first 3s trigger suppression<span></</span><span>li</span><span>></span></div><div> <span></</span><span>ul</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"algo-card algo-tiktok"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"platform"</span><span>></span>🎵 TikTok<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"metric"</span><span>></span>Completion Rate<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"metric-label"</span><span>></span>Most heavily weighted signal in the For You feed<span></</span><span>div</span><span>></span></div><div> <span><</span><span>ul</span> <span>class</span><span>=</span><span>"signal-list"</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Full replays = strongest positive signal<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Comments drive secondary distribution<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Early drop-off kills reach immediately<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Shares to other platforms amplify reach<span></</span><span>li</span><span>></span></div><div> <span></</span><span>ul</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"algo-card algo-facebook"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"platform"</span><span>></span>▶️ Facebook Reels<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"metric"</span><span>></span>Engagement Rate<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"metric-label"</span><span>></span>Combines watch time with comments and shares<span></</span><span>div</span><span>></span></div><div> <span><</span><span>ul</span> <span>class</span><span>=</span><span>"signal-list"</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Reels prioritized over static posts in feed<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Watch time × interaction rate = boost<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Cross-posting from Instagram is supported<span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span>Local reach advantage for small businesses<span></</span><span>li</span><span>></span></div><div> <span></</span><span>ul</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Notice the throughline: every platform is measuring some version of "did people keep watching?" <span><</span><span>a</span> <span>href</span><span>=</span><span>"https://creators.instagram.com/blog/how-instagram-algorithm-works"</span> <span>target</span><span>=</span><span>"_blank"</span> <span>rel</span><span>=</span><span>"noopener"</span><span>></span>Instagram has publicly confirmed<span></</span><span>a</span><span>></span> that watch time is the dominant signal for Reels distribution. <span><</span><span>a</span> <span>href</span><span>=</span><span>"https://newsroom.tiktok.com/en-us/how-tiktok-recommends-videos-for-you"</span> <span>target</span><span>=</span><span>"_blank"</span> <span>rel</span><span>=</span><span>"noopener"</span><span>></span>TikTok's own documentation<span></</span><span>a</span><span>></span> makes clear that completion rate and replays are the highest-weighted factors in their recommendation system. The data all points the same direction — hooks and retention are not one part of the strategy. They are the strategy.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tip-box"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tip-label"</span><span>></span>Wave Works Tip<span></</span><span>div</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Check your analytics after every post. On Instagram and TikTok, you can see exactly where viewers are dropping off. When you find a consistent drop-off point, that's your content telling you what to fix in the next video.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"wave-divider"</span><span>></span>~ ~ ~<span></</span><span>div</span><span>></span></div><div> <span><!-- SECTION 5 --></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"section-label"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"num"</span><span>></span>05<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Posting Frequency<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>h2</span> <span>class</span><span>=</span><span>"section-title"</span><span>></span>How Often Should You Post? The Real Numbers by Platform<span></</span><span>h2</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Consistency matters — but volume without quality is counterproductive. Posting mediocre content every day will suppress your reach faster than posting excellent content three times a week. The sweet spot is the highest frequency at which you can maintain quality. Here's what the data and platform guidance suggest:<span></</span><span>p</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"freq-table-wrap"</span><span>></span></div><div> <span><</span><span>table</span> <span>class</span><span>=</span><span>"freq-table"</span><span>></span></div><div> <span><</span><span>thead</span><span>></span></div><div> <span><</span><span>tr</span><span>></span></div><div> <span><</span><span>th</span><span>></span>Platform<span></</span><span>th</span><span>></span></div><div> <span><</span><span>th</span><span>></span>Minimum / Week<span></</span><span>th</span><span>></span></div><div> <span><</span><span>th</span><span>></span>Recommended<span></</span><span>th</span><span>></span></div><div> <span><</span><span>th</span><span>></span>Format Priority<span></</span><span>th</span><span>></span></div><div> <span><</span><span>th</span><span>></span>Notes<span></</span><span>th</span><span>></span></div><div> <span></</span><span>tr</span><span>></span></div><div> <span></</span><span>thead</span><span>></span></div><div> <span><</span><span>tbody</span><span>></span></div><div> <span><</span><span>tr</span><span>></span></div><div> <span><</span><span>td</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"platform-name"</span><span>></span>🎬 Instagram<span></</span><span>span</span><span>></span><span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>class</span><span>=</span><span>"min"</span><span>></span>3x<span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>class</span><span>=</span><span>"rec"</span><span>></span>4–5x Reels<span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"badge-video"</span><span>></span>Reels<span></</span><span>span</span><span>></span><span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>style</span><span>=</span><span>"</span><span>font-size</span><span>:</span><span>0.72</span><span>rem</span><span>;</span><span>color</span><span>:</span><span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span><span>"</span><span>></span>Reels get 3–5× more reach than static posts<span></</span><span>td</span><span>></span></div><div> <span></</span><span>tr</span><span>></span></div><div> <span><</span><span>tr</span><span>></span></div><div> <span><</span><span>td</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"platform-name"</span><span>></span>🎵 TikTok<span></</span><span>span</span><span>></span><span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>class</span><span>=</span><span>"min"</span><span>></span>3–5x<span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>class</span><span>=</span><span>"rec"</span><span>></span>5–7x<span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"badge-video"</span><span>></span>Video only<span></</span><span>span</span><span>></span><span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>style</span><span>=</span><span>"</span><span>font-size</span><span>:</span><span>0.72</span><span>rem</span><span>;</span><span>color</span><span>:</span><span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span><span>"</span><span>></span>Higher volume rewarded; quality must not suffer<span></</span><span>td</span><span>></span></div><div> <span></</span><span>tr</span><span>></span></div><div> <span><</span><span>tr</span><span>></span></div><div> <span><</span><span>td</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"platform-name"</span><span>></span>▶️ Facebook<span></</span><span>span</span><span>></span><span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>class</span><span>=</span><span>"min"</span><span>></span>3x<span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>class</span><span>=</span><span>"rec"</span><span>></span>3–4x Reels<span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"badge-algo"</span><span>></span>Reels + Posts<span></</span><span>span</span><span>></span><span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>style</span><span>=</span><span>"</span><span>font-size</span><span>:</span><span>0.72</span><span>rem</span><span>;</span><span>color</span><span>:</span><span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span><span>"</span><span>></span>Cross-posting from Instagram is efficient here<span></</span><span>td</span><span>></span></div><div> <span></</span><span>tr</span><span>></span></div><div> <span><</span><span>tr</span><span>></span></div><div> <span><</span><span>td</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"platform-name"</span><span>></span>📺 YouTube Shorts<span></</span><span>span</span><span>></span><span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>class</span><span>=</span><span>"min"</span><span>></span>2x<span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>class</span><span>=</span><span>"rec"</span><span>></span>3–5x<span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span><span>></span><span><</span><span>span</span> <span>class</span><span>=</span><span>"badge-video"</span><span>></span>Shorts<span></</span><span>span</span><span>></span><span></</span><span>td</span><span>></span></div><div> <span><</span><span>td</span> <span>style</span><span>=</span><span>"</span><span>font-size</span><span>:</span><span>0.72</span><span>rem</span><span>;</span><span>color</span><span>:</span><span>var</span><span>(</span><span>--muted</span><span>)</span><span>;</span><span>"</span><span>></span>Great for SEO — Shorts appear in Google results<span></</span><span>td</span><span>></span></div><div> <span></</span><span>tr</span><span>></span></div><div> <span></</span><span>tbody</span><span>></span></div><div> <span></</span><span>table</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>p</span><span>></span>For most small businesses managing social media without a dedicated team, the realistic starting point is <span><</span><span>strong</span><span>></span>3 quality Reels per week on your primary platform<span></</span><span>strong</span><span>></span>. That is enough to build momentum if the content is structured well — meaning strong hooks and high retention. If you can batch-film content once a week and schedule it out, three posts per week becomes very manageable.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>p</span><span>></span>As your process improves and your templates solidify, scaling to five posts per week is achievable without dramatically increasing your time investment. The goal is to build a repeatable system, not to sprint until you burn out. For a deeper look at building a sustainable content calendar, see our guide on <span><</span><span>a</span> <span>href</span><span>=</span><span>"https://waveworksmedia.com/social-media-marketing-for-small-business/"</span><span>></span>social media marketing for small businesses<span></</span><span>a</span><span>></span>.<span></</span><span>p</span><span>></span></div><div> <span><!-- SECTION 6 --></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"section-label"</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"num"</span><span>></span>06<span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Putting It Together<span></</span><span>div</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span><</span><span>h2</span> <span>class</span><span>=</span><span>"section-title"</span><span>></span>Your Action Plan: Applying This to Your Business Starting Now<span></</span><span>h2</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Here's how to take everything in this post and turn it into a repeatable workflow this week:<span></</span><span>p</span><span>></span></div><div> <span><</span><span>ul</span> <span>class</span><span>=</span><span>"ww-checklist"</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Audit your last 10 posts for hook quality<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Watch your own content like a stranger would. Does the first two seconds give them a reason to stay? Identify what's working and what isn't before creating anything new.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Write 10 hook variations before filming anything<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Use the four hook types above and write multiple options for your next piece of content. Then pick the one that would make you stop scrolling if you saw it from a stranger.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Commit to one platform for 60 days<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Spreading thin across five platforms produces five mediocre presences. Pick the platform where your customers spend the most time and go deep there first. Master the format before expanding.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Check your retention analytics weekly<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Both Instagram and TikTok show you exactly where viewers drop off. Use this data to improve your next video — not to feel bad about the last one.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span><</span><span>li</span><span>></span></div><div> <span><</span><span>div</span> <span>class</span><span>=</span><span>"check"</span><span>></span><span></</span><span>div</span><span>></span></div><div> <span><</span><span>div</span><span>></span></div><div> <span><</span><span>strong</span><span>></span>Batch your content creation<span></</span><span>strong</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Film multiple videos in one session. This reduces the mental overhead of content creation and makes it far easier to maintain a consistent posting schedule without burnout.<span></</span><span>p</span><span>></span></div><div> <span></</span><span>div</span><span>></span></div><div> <span></</span><span>li</span><span>></span></div><div> <span></</span><span>ul</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Growing on social media as a small business in 2026 is genuinely achievable — but only if you're playing the right game. The right game isn't about going viral once or having a perfect aesthetic grid. It's about building a system that consistently stops the scroll, holds attention, and signals to every algorithm that your content is worth distributing further.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>p</span><span>></span>Hooks and retention. That's the foundation. Everything else — trending sounds, hashtags, posting times — is optimization on top of a solid base. Get the base right first.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>p</span><span>></span>If you'd like help building that system for your specific business — or if managing social media consistently isn't something you have time for in-house — <span><</span><span>a</span> <span>href</span><span>=</span><span>"https://waveworksmedia.com/social-media-marketing-agency-for-small-business/"</span><span>></span>Wave Works Media's social media management packages<span></</span><span>a</span><span>></span> are built exactly for this. We handle strategy, content creation, and reporting so you can focus on running your business.<span></</span><span>p</span><span>></span></div><div><span></</span><span>div</span><span>></span><span><!-- /post-body --></span></div><div><span><!-- CTA --></span></div><div><span><</span><span>div</span> <span>class</span><span>=</span><span>"post-cta"</span><span>></span></div><div> <span><</span><span>p</span> <span>class</span><span>=</span><span>"eyebrow"</span><span>></span>Wave Works Media · Charlotte, NC<span></</span><span>p</span><span>></span></div><div> <span><</span><span>h3</span><span>></span>Ready to Make Your Content Actually Grow Your Business?<span></</span><span>h3</span><span>></span></div><div> <span><</span><span>p</span><span>></span>We'll build your social media strategy around hooks, retention, and content that converts — without the big-agency price tag.<span></</span><span>p</span><span>></span></div><div> <span><</span><span>a</span> <span>href</span><span>=</span><span>"https://waveworksmedia.com/consultation/"</span> <span>class</span><span>=</span><span>"cta-btn"</span><span>></span>Book a Free Strategy Call →<span></</span><span>a</span><span>></span></div><div><span></</span><span>div</span><span>></span></div><div><span><</span><span>div</span> <span>class</span><span>=</span><span>"post-tags"</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Reels<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>TikTok<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Social Media Growth<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Content Strategy<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Small Business<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Algorithm<span></</span><span>span</span><span>></span></div><div> <span><</span><span>span</span> <span>class</span><span>=</span><span>"tag"</span><span>></span>Short-Form Video<span></</span><span>span</span><span>></span></div><div><span></</span><span>div</span><span>></span></div><div><span></</span><span>div</span><span>></span><span><!-- /page-wrap --></span></div><div><span></</span><span>body</span><span>></span></div><div><span></</span><span>html</span><span>></span></div>
FAQS
Questions & Answers!
Find some quick answers to the most common questions.
What services do you offer?
We provide a full suite of digital marketing services including social media management, paid ads, SEO, branding, content creation, and email marketing.
How long does it take to see results?
While timelines vary, most clients start seeing noticeable growth and engagement within the first 4–8 weeks of working with us, depending on the strategy and campaign goals.
Do you work with businesses of all sizes?
Yes! Whether you're a startup looking to build brand awareness or an established company scaling your marketing efforts, we tailor our strategies to fit your goals and budget.
Do I need technical expertise to work with you?
No technical background is required! We handle all the complexity for you and explain every step in simple, actionable terms.
What makes your agency different?
We offer significantly lower rates than most agencies by using streamlined processes and eliminating heavy agency overhead. But lower cost doesn't mean low-effort—marketing isn't a factory assembly line, and off-the-shelf templates never fit every business. A strategy that scales an e-commerce brand will completely flop for a local B2B service, which is why we ditch generic playbooks and custom-build every campaign around your specific goals.
Okay, How can we get started?
Simply book a free consultation through our contact page. We'll learn about your goals, share ideas, and outline the best plan to help you scale your marketing success.
Do you offer custom marketing plans?
Absolutely. Every business is unique, so we create personalized strategies based on your goals, audience, and budget — no one-size-fits-all approach.
Can you help with rebranding or website design?
Yes! Along with marketing, we also help businesses refresh their brand identity and design high-converting websites that align with their marketing goals.
Feel free to mail us for any inquiries : austin@waveworksmedia.com
FAQS
Questions & Answers!
Find some quick answers to the most common questions.
What services do you offer?
We provide a full suite of digital marketing services including social media management, paid ads, SEO, branding, content creation, and email marketing.
How long does it take to see results?
While timelines vary, most clients start seeing noticeable growth and engagement within the first 4–8 weeks of working with us, depending on the strategy and campaign goals.
Do you work with businesses of all sizes?
Yes! Whether you're a startup looking to build brand awareness or an established company scaling your marketing efforts, we tailor our strategies to fit your goals and budget.
Do I need technical expertise to work with you?
No technical background is required! We handle all the complexity for you and explain every step in simple, actionable terms.
What makes your agency different?
We offer significantly lower rates than most agencies by using streamlined processes and eliminating heavy agency overhead. But lower cost doesn't mean low-effort—marketing isn't a factory assembly line, and off-the-shelf templates never fit every business. A strategy that scales an e-commerce brand will completely flop for a local B2B service, which is why we ditch generic playbooks and custom-build every campaign around your specific goals.
Okay, How can we get started?
Simply book a free consultation through our contact page. We'll learn about your goals, share ideas, and outline the best plan to help you scale your marketing success.
Do you offer custom marketing plans?
Absolutely. Every business is unique, so we create personalized strategies based on your goals, audience, and budget — no one-size-fits-all approach.
Can you help with rebranding or website design?
Yes! Along with marketing, we also help businesses refresh their brand identity and design high-converting websites that align with their marketing goals.
Feel free to mail us for any inquiries : austin@waveworksmedia.com
FAQS
Questions & Answers!
Find some quick answers to the most common questions.
What services do you offer?
We provide a full suite of digital marketing services including social media management, paid ads, SEO, branding, content creation, and email marketing.
How long does it take to see results?
While timelines vary, most clients start seeing noticeable growth and engagement within the first 4–8 weeks of working with us, depending on the strategy and campaign goals.
Do you work with businesses of all sizes?
Yes! Whether you're a startup looking to build brand awareness or an established company scaling your marketing efforts, we tailor our strategies to fit your goals and budget.
Do I need technical expertise to work with you?
No technical background is required! We handle all the complexity for you and explain every step in simple, actionable terms.
What makes your agency different?
We offer significantly lower rates than most agencies by using streamlined processes and eliminating heavy agency overhead. But lower cost doesn't mean low-effort—marketing isn't a factory assembly line, and off-the-shelf templates never fit every business. A strategy that scales an e-commerce brand will completely flop for a local B2B service, which is why we ditch generic playbooks and custom-build every campaign around your specific goals.
Okay, How can we get started?
Simply book a free consultation through our contact page. We'll learn about your goals, share ideas, and outline the best plan to help you scale your marketing success.
Do you offer custom marketing plans?
Absolutely. Every business is unique, so we create personalized strategies based on your goals, audience, and budget — no one-size-fits-all approach.
Can you help with rebranding or website design?
Yes! Along with marketing, we also help businesses refresh their brand identity and design high-converting websites that align with their marketing goals.
Feel free to mail us for any inquiries : austin@waveworksmedia.com