PageSourceSearch

https://makeugc.ai/pricing

html makeugc.ai collected 2026-09-30 23:56:42 UTC 181,455 bytes, 3,742 lines download raw bytes

1<!DOCTYPE html>
2<html class="css-loading" data-wf-page="674b4d51348704112f5083a3" data-wf-site="674b4b796e378b632448767e" lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta content="width=device-width, initial-scale=1" name="viewport">
6  <style>/* Splash from first paint: overlay + inlined logo; spinner in .css-preloader. */
7html.css-loading{background:#fff}
8html.css-loading body{overflow:hidden}
9html.css-loading body>:not(.css-preloader){display:none!important}
10html.css-loading::before{content:"";position:fixed;inset:0;z-index:2147483646;background:#fff}
11html.css-loading::after{content:"";position:fixed;top:50%;left:50%;z-index:2147483647;width:127px;height:40px;margin:-44px 0 0 -63.5px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAABACAYAAAAd+Eu8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAt+SURBVHgB7Z09dts6Fsf/eW/6cdo0D9OkjWcFYbrpolmBOSuIswLRK4iyAikrsLMCKd10clZApkhtp3vvpNDjNckIgvBxAVK2aN/fOTi0SBAfBC4ucPFhYJ+sdh9qV9Zu80jdunbz2ikIwsg5QSOwYxG+odwUgjBSSGhJC41F2ER4BQFPU9OaLoMgjAiFcQnYodwagjASfqvdOQTiFKJ1hZFAgvsKQscpBGEEkOAqCB0nEIQR8BsEQRgdIriCMEJEcAVhhPwDiZycnGAymeD29vbOufj+/Xv18+dPRX+H/IZQSt3FSXFzoLgWi0WvOAXhWCmRMO85m802sSyXy+R51lpoNzc3N5tY8jyPiaeAIIyA5K7yq1fxs0hZluH0NG3GZTqdsjWtTlVVEJKZoGnMFISjI0njrtfrTQpFUSRp21RqYReNm8YU2+9yA5kqOzqSBDeVsiyj45rP55tUIuMqIHSYm04yCEdDUleZjESp0LsxXV7yX49TkcL19TWEZETDHjH3LrgEWYa50Ng2FbEmC4+VJMFNMRLpvH79muWPGggyaKXy9etXCMJjJElwUy3DHVxhPDs766XdReMKj5WkBRh9NS4JI7nQVE3q2Lbjnsa49DFsLcQptuPEa4cfPYxMC6tq3+mLasM71hbspHUK23wfc2ursJ0ao3QOXcH077EKeY62Kl9eXm76EloYQc/7Umv2Q1qVFZppEnpvqn34qXZfd3Psz4d253zZ/FO55Iiji9+0CFP4l5bwpm08a+wbo8x6kSEcd5eXOdzGrS6NS9jLYN2mU8GN0t4vwZ9nPjHe43QdM/jLyCzXLm1r8NLlKzMK22kQKhEpuKlzuDo0xeOLg6aN+hI5hxsruHPLu6FvSYWRt++fMr/9h3BSog766ypsbtw/N8I005Z54lfYr3iFxd872AXAl04bM+w3ihxy470r+PN0GZHWHLuNObkl/EzB+x4lLA1/yUzcL5ey9NDEN587hLYlYvOFOMHlVkCbu4z0f+5Jh0LaXPxNIO9mmFlk/DPD3zQhjeTOLHEuDT8hAekosC8QNriNqk3AzHs2dM0f63415FEJJC02FLQiyhbHENqWegUJH6UAn809OtfKJYW0CmZzcyNsM9zMEr+rgpfY1Q5TT76W2HYtXX5MzbvE4QRXwd8o3yCu0baV2zoQfhkIs4i2Kvedw9WxWZfJIDVEHA9kUa5q96Z2z1pHf18F3vlYu3/X7nl7vbD4ocLPLfepwirL/VXt/lu7f7XuTRvPkB8lc8RPBhvKR9X+pueF4adq0/S8vb5p36G0mvnvhgE+FIZjiX1ho+9G6aL0PW9dV76fAuGZ35zyYhsC6OF3VypDmwHsLn0h6d5xZPAZCts4dwhtS9DupZh8ob/Gpe+oHB/5JjK+GcIaMXekIYMbBXd5m+Gb/jLt2ZkjjAX2K/0cvO8UyluuPV9awuRQBN6bwP5NQ0asc7jrlI4Cr0fhS/dNG06c4J6fn2+GwhznDjW2JVI2M6Cf4M49fmeO+JTDv03YQ4LlC09HwW319oWft/ensOdl5ojLJ4A+lsZ7S8+zkhdkUHDnSE+vS3hD4XMs24RC07DcNYzRXeWYOdxQd7Wbz+2gBRd9wtN5gHXKnz3PbN3lFbbdSZPQHGGGfSG98ISnQ37+h3j+iabiFZZnFLfNgGZOZVC+FuBhdkEzHH79tClEVAYL8KCGKzRXnxv3FuDPBVdo6tFdHNELMGL24V5cXODDB//whMa5dEoFXUMrqt6/f4+6ew0ODzDG9UW4ap/rFS+0HvOb55mtlV6AD1WAa8QdR1vALjjvYde2xFvj9wnCFbzjD8s9heEXPeiY3yM0foXF/ztm2MRHJBItuFyNS6uirq6ugoLbLZ8MbSYg4Y7ZFH+EG+gr7BZeqPKaz5Xjb+IaPG2r8wVxgmsreIp3FvnOO6RzSI2rLPdiGwmff/Nbh3pVXqIFl7tOmQSHHGk+n7C/ffv2rlsb0rafPn2KWiN9hIJ7G/gd8q8zRAUeQnNRgWRwL88bWtCq9nrruP/QVJ5nNkt1MgfTuD9+/Li7fv782Tt2pTFuSCuvVqs7x92cMJJ9uH0KrjJ+K8QzlFDRYhKaFrF99Ar7aaN8rxCf/y/Y5vsHhqey3KOGaQU+fXswbKIEN0bjdcJD15DRKdQY0FiZ4I6vn8CuoMr4TR8wQ1wl4xsrdjHH6t0qIH3utuMr9qenXEIeQ2X8VuARynNlhEVj9Bn4vA6ErZNSZr+IsiqnWJRJU/ah07Yx8Y/kgDiFdGwV/wx8FOI3MBBkiLIJaCe8yrh/ZQkjRiu5MPOvwNNgobi/GL8z8I/sIX8Tz/O+ZbZDlOC+fPmSrcp0jdtHA9LYtoOr8b99+4ZHjs0YlYNfyXim+V0WaLRPhUZr2oxnJLy6AK2wn84p+N3EDPY8rSz3zuEnR7ixXFjuXTLeo4oZ+qZUZreWNE3AI2/joGuc4L548YKtcnVhTR1zkuYkazJB2jbmIPQngG2qwrZ1T0ehEa4M/eKrYNe8qk2DzoUjDb7C7DR450yhvIW9QXAJbwbeLqsV7L2JdRu2sjybwr301MQ2/TNHeBPJEluhpWtGD0owVxbVQsReuaS/l3J4OqHv2Y1ZajmZTDbcPGG4lVNZwP8yMq4C7pVDBFUaV9mR3xyNJlBoWnXXntLOzY3wzbBtmkE50mAKiW03VNmm0RwvTy3pXFriXsCej7KNv2ivS7jzXFrCzeCvI2v4N0WYDkb+SvjLjOKncvOVWQFECC79JwIOtO1Pf48EKRZzOWRMGAkb6Hc+CJO+gpsH/BcIV94Mafm0uZkRdslMr4K9Dun+O63lE6AS/EZlqLyXsFMMEHbnbN+rz5ZQcuogximza5xioOosyR0pFu0j4xBzjys0yxdjxwa2rmYojMpz/43l+cQI27dTSsHd1VyhMYpx78fgynOBZmdOBT4r8FZaVbAPMzhQen+li1odlqRzN9BfXV3tvRuz68e2yT6mu83ND/pp3CXCLbdOEek/A0/jEQrurqPpOmOLgv/4lxxbzTBDGIXduuR6JwevzlHcIYMTWj9lIBzKJzUkC4Q1uc4JI71LbMsmtzz3hV2Ar30prUoPgPMRozbQ23bmxIyPbedRcbvpiRvoUwRXoak0NqOFiwLuNb++OLiWR/K/wH6ZUuUgQcos7+Twn27Bjbvzf4nwsEG18drOWVqiyTPbEKqFd9m+T9cZ9sfQut/YOLpxZ9G6HPvlTmGa+QmhsE07fY9Sc5e+dLIEt+6qbrjYBI+7HdB1pA33nKs+/xEQj+tfkFBhKwy7yfwQjCWdHEwj3BIHgr1yKmbxhW0BBHeca45tO7hjXDkE/Re3OO6jTjvGks4QCvu9k4NVRrZxKsY4ZJtH5SzE0Odth4xbECI5w/bsp5zhX8GuXTm2gSTYghtzDpRryWHI2quvktKJ0fbyj76EASiw7cLPYZ9zJjI0c622M5QXOOCuJXZXOWYDvUvrffz40bkCioS9thxb3xONK9wjncDq0O956yrNn0ujkJ8LHJDBx7i+Bf60sZ5cLH3H14IQAbX8JHRTx3MFP9Tli50DjmbwMe4hBCdG24vgCgNQoDkidRXxTifwqYsromBp3JiuareBfkhSV2wJQg8qNKu9FJq51NfY3xZIflZotgNSV/LexmkswX1o4xC34ZDxrXAAKuyu4FLa/QdjUMElwUkZw4bi5sbvskoLwoBUOBJYK6eeiCsgCCMg6T/SC4LwsIjg7vIHBGEEiOAKwggRwd3l0Z8yJzwOSHBl8nOLfAthFJDgfoHQIYIrjAaaJO17eNVjcHMIwkj4vXZ/1u6v2v0HT5cKaYeuCcKD8Ht7/X/tniHtoOyxU8F+SqEgjIYcT2sl1RKP46wj4YnxzHF/gkb7mvvpfJuHx0B3njCdBbRC4n9KE4SH5m/6yHl58JsxwwAAAABJRU5ErkJggg==") center/contain no-repeat;animation:css-preloader-pulse 1.2s ease-in-out infinite}
12.css-preloader{display:none}
13html.css-loading .css-preloader{display:block!important;position:fixed;top:50%;left:50%;z-index:2147483647;width:22px;height:22px;margin:16px 0 0 -11px;border:2px solid #e8e8e8;border-top-color:#111;border-radius:50%;animation:css-spin .7s linear infinite}
14@keyframes css-preloader-pulse{0%,100%{opacity:.45}50%{opacity:1}}
15@keyframes css-spin{to{transform:rotate(360deg)}}
16
17/* Cases carousel — video sizing (index only, not in webflow export) */
18.styled-video{display:block;width:100%;height:auto}
19
20/* Creatify-style CTA buttons — no transition (matches index hero CTA) */
21.text-button-copy-creatify,.text-button-copy-creatify-copy{transition:none!important}
22.button:has(.text-button-copy-creatify),.button-copy:has(.text-button-copy-creatify),.button:has(.text-button-copy-creatify-copy),.button-copy:has(.text-button-copy-creatify-copy),.prd-btn-get-started:has(.text-button-copy-creatify-copy){transition:none!important}
23
24@media screen and (max-width:767px){
25.button:has(.text-button-copy-creatify),.button-copy:has(.text-button-copy-creatify),.button:has(.text-button-copy-creatify-copy),.button-copy:has(.text-button-copy-creatify-copy),.prd-btn-get-started:has(.text-button-copy-creatify-copy){height:40px;max-height:40px;min-height:40px}
26.button:has(.text-button-copy-creatify) .image-button-first.hovered.w-embed,.button-copy:has(.text-button-copy-creatify) .image-button-first.hovered.w-embed,.button:has(.text-button-copy-creatify-copy) .image-button-first.hovered.w-embed,.button-copy:has(.text-button-copy-creatify-copy) .image-button-first.hovered.w-embed,.prd-btn-get-started:has(.text-button-copy-creatify-copy) .image-button-first.hovered.w-embed{display:none!important;width:0!important;max-width:0!important;height:0!important;margin:0!important;padding:0!important;transform:none!important}
27}
28</style>
29  <title>Pricing Plans | MakeUGC</title>
30  <link rel="preconnect" href="https://d2j3503r68l9dj.cloudfront.net/assets" crossorigin="">
31  <link rel="preload" href="https://d2j3503r68l9dj.cloudfront.net/assets/css/normalize.css" as="style"><link rel="preload" href="https://d2j3503r68l9dj.cloudfront.net/assets/css/webflow.min.css" as="style"><link rel="preload" href="https://d2j3503r68l9dj.cloudfront.net/assets/css/makeugc-staging.webflow.css" as="style">
31<script>(function(){const allCss = ["https://d2j3503r68l9dj.cloudfront.net/assets/css/normalize.css","https://d2j3503r68l9dj.cloudfront.net/assets/css/webflow.min.css","https://d2j3503r68l9dj.cloudfront.net/assets/css/makeugc-staging.webflow.css"];
32
33        (function () {
34          var pending = allCss.length;
35          var done = false;
36
37          function sheetApplied(link) {
38            try {
39              return !!(link.sheet && link.sheet.cssRules && link.sheet.cssRules.length > 0);
40            } catch (e) {
41              // SecurityError: cross-origin stylesheet has finished loading
42              return true;
43            }
44          }
45
46          function finish() {
47            if (done) return;
48            done = true;
49            requestAnimationFrame(function () {
50              requestAnimationFrame(function () {
51                document.documentElement.classList.remove('css-loading');
52              });
53            });
54          }
55
56          function one(link) {
57            if (!link || link.__cssReady) return;
58            if (!sheetApplied(link)) {
59              setTimeout(function () { one(link); }, 50);
60              return;
61            }
62            link.__cssReady = true;
63            if (--pending <= 0) finish();
64          }
65
66          for (var i = 0; i < allCss.length; i++) {
67            (function (href) {
68              var link = document.createElement('link');
69              link.rel = 'stylesheet';
70              link.href = href;
71              link.onload = function () { one(link); };
72              link.onerror = function () {
73                if (link.__cssReady) return;
74                link.__cssReady = true;
75                if (--pending <= 0) finish();
76              };
77              document.head.appendChild(link);
78              function poll() {
79                if (link.__cssReady) return;
80                if (sheetApplied(link)) { one(link); return; }
81                setTimeout(poll, 100);
82              }
83              setTimeout(poll, 100);
84            })(allCss[i]);
85          }
86        })();
87      })();</script>
87
88      <noscript>
89        <link href="https://d2j3503r68l9dj.cloudfront.net/assets/css/normalize.css" rel="stylesheet" type="text/css"><link href="https://d2j3503r68l9dj.cloudfront.net/assets/css/webflow.min.css" rel="stylesheet" type="text/css"><link href="https://d2j3503r68l9dj.cloudfront.net/assets/css/makeugc-staging.webflow.css" rel="stylesheet" type="text/css">
90        <style>html.css-loading,html.css-loading body>*{display:block!important}html.css-loading::before,html.css-loading::after{content:none!important}html.css-loading .css-preloader{display:none!important}</style>
91      </noscript>
92    
93  <meta content="Compare MakeUGC pricing plans and choose the right option for creating AI UGC ads at any scale." name="description">
94  
95  <meta content="Pricing Plans | MakeUGC" property="og:title">
96  <meta content="Compare MakeUGC pricing plans and choose the right option for creating AI UGC ads at any scale." property="og:description">
97  <meta content="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/67d9723b4eb15a83e589e7f7_MakeUGC.jpeg" property="og:image">
98  <meta content="Pricing Plans | MakeUGC" name="twitter:title">
99  <meta content="Compare MakeUGC pricing plans and choose the right option for creating AI UGC ads at any scale." name="twitter:description">
100  <meta content="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/67d9723b4eb15a83e589e7f7_MakeUGC.jpeg" name="twitter:image">
101  <meta property="og:type" content="website">
102  <meta content="summary_large_image" name="twitter:card">
103
104  <link rel="preconnect" href="https://d3e54v103j8qbb.cloudfront.net" crossorigin="">
105  <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="">
106  <link href="https://fonts.googleapis.com" rel="preconnect">
107  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
108  
108<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
108
109  <link href="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/favicon.png" rel="shortcut icon" type="image/x-icon">
110  <link href="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/webclip.png" rel="apple-touch-icon">
vendor: 66 bytes, lines 110-111
110
111  <script async src="https://www.googletagmanager.com/gtag/js?id=
111G-6QZ9VHRMN0
vendor: 14 bytes, lines 111-112
111"></script>
112  
112<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('js', new Date());gtag('config', 'G-6QZ9VHRMN0');</script>
112
113  
113<script async src="https://js.sentry-cdn.com/b7fc643fbb970dc3e7dd0d4ec2c36a60.min.js" crossorigin="anonymous"></script>
113
114  
114<script async src="https://cdn.tolt.io/tolt.js" data-tolt="a34ae216-5258-4dfd-a323-592e64abd8e2"></script>
114
115  
115<script>
vendor: 327 bytes, lines 115-119
115(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
116new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
117j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
118'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
119})(window,document,'script','dataLayer','
119GTM-WQDQ254P
vendor: 3 bytes, line 119
119');
119</script>
119
120  <!-- InitialVisit: first-touch marketing attribution.
121       Sets sticky cookie `initialTrafficSource` on root domain (.makeugc.ai)
122       so subdomain `app.makeugc.ai` can read it and push into Stripe metadata. -->
123  
123<script>
124    (function(document) {
125      var referrer = document.referrer;
126      var gaReferral = { 'utmcsr': '(direct)', 'utmcmd': '(none)', 'utmccn': '(not set)' };
127      var thisHostname = document.location.hostname;
128      var thisDomain = getDomain_(thisHostname);
129      var referringDomain = getDomain_(document.referrer);
130      var sessionCookie = getCookie_('__utmzzses');
131      var cookieExpiration = new Date(+new Date() + 1000 * 60 * 60 * 24 * 30 * 24);
132      var qs = document.location.search.replace('?', '');
133      var hash = document.location.hash.replace('#', '');
134      var gaParams = parseGoogleParams(qs + '#' + hash);
135      var storedVals = getCookie_('_utmz') || getCookie_('__utmzz');
136      var newCookieVals = [];
137      var keyMap = {
138        'utm_source': 'utmcsr', 'utm_medium': 'utmcmd', 'utm_campaign': 'utmccn',
139        'utm_content': 'utmcct', 'utm_id': 'utmid', 'utm_term': 'utmctr',
140        'gclid': 'utmgclid', 'dclid': 'utmdclid', 'msclkid': 'utmmsclkid',
141        'twclid': 'utmtwclid', 'rdt_clid': 'utmrdtclid', 'fbclid': 'utmfbclid',
142        'li_fat_id': 'utmlifatid'
143      };
144      var countryCode = null;
145      try { countryCode = sessionStorage.getItem('uc_user_country'); } catch (e) {}
146      if (countryCode) newCookieVals.push('country=' + countryCode);
147      var keyFilter = ['utmcsr','utmcmd','utmccn','utmcct','utmctr','utmid','utmgclid','utmdclid','utmmsclkid','utmtwcli
147d','utmrdtclid','utmfbclid','utmlifatid'];
148      var keyName, values, _val, _key, raw, key, len, i;
149      if (sessionCookie && referringDomain === thisDomain) gaParams = null;
150      if (gaParams && (gaParams.utm_source || gaParams.utm_medium || gaParams.utm_campaign || gaParams.utm_id || gaParams.gclid || gaParams.dclid || gaParams.msclkid || gaParams.twclid || gaParams.rdt_clid || gaParams.fbclid || gaParams.li_fat_id)) {
151        for (key in gaParams) {
152          if (typeof gaParams[key] !== 'undefined') { keyName = keyMap[key]; gaReferral[keyName] = gaParams[key]; }
153        }
154        if (gaParams.gclid || gaParams.dclid) {
155          gaReferral.utmcsr = 'google';
156          gaReferral.utmcmd = gaParams.gclid ? 'cpc' : 'cpm';
157          if (!gaParams.utm_campaign) gaReferral.utmccn = '(not set)';
158        }
159      } else if (storedVals) {
160        values = {}; raw = storedVals.split('|'); len = raw.length;
161        for (i = 0; i < len; i++) { _val = raw[i].split('='); _key = _val[0].split('.').pop(); values[_key] = _val[1]; }
162        gaReferral = values;
163      }
164      for (key in gaReferral) {
165        if (typeof gaReferral[key] !== 'undefined' && keyFilter.indexOf(key) > -1) {
166          newCookieVals.push(key + '=' + gaReferral[key]);
167        }
168      }
169      var gaCookie = getCookie_('_ga');
170      if (gaCookie) newCookieVals.push('ga_clientid=' + gaCookie);
171      if (referrer) newCookieVals.push('referrer=' + encodeURIComponent(referrer));
172      newCookieVals.push('date=' + new Date().toJSON());
173      newCookieVals.push('lp=' + encodeURIComponent(document.location.href));
174      var finalCookieValue = newCookieVals.join('|');
175      if (!getCookie_('initialTrafficSource')) {
176        writeCookie_('initialTrafficSource', finalCookieValue, cookieExpiration, '/', thisDomain);
177      }
178      writeCookie_('__utmzzses', 1, null, '/', thisDomain);
179
180      function parseGoogleParams(str) {
181        var campaignParams = ['utm_source','utm_medium','utm_campaign','utm_term','utm_content','utm_id','gclid','dclid','msclkid','twclid','rdt_clid','fbclid','li_fat_id'];
182        var regex = new RegExp('(' + campaignParams.join('|') + ')=([^&#]*)', 'gi');
183        var gaParams = str.match(regex); var paramsObj = {}; var vals, len, i;
184        if (gaParams) {
185          len = gaParams.length;
186          for (i = 0; i < len; i++) {
187            vals = gaParams[i].split('=');
188            if (vals.length > 1) paramsObj[vals[0]] = decodeURIComponent(vals[1].replace(/\+/g, ' '));
189          }
190        }
191        return paramsObj;
192      }
193      function writeCookie_(name, value, expiration, path, domain) {
194        var str = name + '=' + value + ';';
195        if (expiration) str += 'Expires=' + expiration.toGMTString() + ';';
196        if (path) str += 'Path=' + path + ';';
197        if (domain) str += 'Domain=' + domain + ';';
198        document.cookie = str;
199      }
200      function getCookie_(name) {
201        var cookies = '; ' + document.cookie;
202        var cvals = cookies.split('; ' + name + '=');
203        if (cvals.length > 1) return cvals.pop().split(';')[0];
204      }
205      function getDomain_(url) {
206        if (!url) return;
207        var a = document.createElement('a'); a.href = url;
208        try { return a.hostname.match(/[^.]*\.[^.]{2,3}(?:\.[^.]{2,3})?$/)[0]; } catch (squelch) {}
209      }
210    })(document);
211  </script>
211
212  
212<script type="application/ld+json">{"@context":"https://schema.org","@type":"OfferCatalog","name":"MakeUGC pricing plans","url":"https://makeugc.ai/pricing","itemListElement":[{"@type":"Offer","name":"Start up","url":"https://makeugc.ai/pricing","price":"59.00","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"59.00","priceCurrency":"USD","unitText":"MONTH"},"availability":"https://schema.org/InStock"},{"@type":"Offer","name":"Growth","url":"https://makeugc.ai/pricing","price":"79.00","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"79.00","priceCurrency":"USD","unitText":"MONTH"},"availability":"https://schema.org/InStock"},{"@type":"Offer","name":"Pro","url":"https://makeugc.ai/pricing","price":"149.00","priceCurrency":"USD","priceSpecification":{"@type":"UnitPriceSpecification","price":"149.00","priceCurrency":"USD","unitText":"MONTH"},"availability":"https://schema.org/InStock"}]}</script>
212
213  
214<style>@media screen and (max-width:767px){.footer-bottom{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;max-width:100%;margin-top:2rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem 0;text-align:center;box-sizing:border-box}.footer-bottom .legal-link{flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem 1.25rem;width:100%}.footer-bottom .legal-text-link{font-size:14px;line-height:1.4;white-space:nowrap}.footer-bottom-content{width:100%;text-align:center;font-size:14px;line-height:1.5;color:#717680}.footer-bottom .footer-socials_wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%}.footer-bottom_image{width:calc(100% - 2rem);max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}}@media screen and (max-width:479px){.footer-bottom{gap:1rem;padding-left:1rem;padding-right:1rem}.footer-bottom .legal-link{gap:.5rem 1rem}.footer-bottom .legal-text-link,.footer-bottom-content{font-size:13px}}
215</style></head>
216<body class="body">
217  <div class="css-preloader" aria-hidden="true"></div>
218  <div class="">
vendor: 72 bytes, lines 218-219
218
219    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
219GTM-WQDQ254P
vendor: 85 bytes, lines 219-220
219" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
220  
220</div>
221
222  <main class="main">
223      <div data-w-id="4210703b-56dd-a9c1-743f-edd78529a9c8" data-animation="default" data-collapse="small" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar navbar-2 w-nav">
224  <div class="div-block-61 navbar-wrapper-top div-block-62">
225    <div class="div-block-62">
226      <div class="text-block-39">Unlimited Seedance 2.5 for 30 days</div>
227    </div>
228    <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-startup-59-m" target="_blank" class="button in-the-navbar agent w-inline-block">
229      <div class="text-button smaller-nav">Try Now</div>
230    </a>
231  </div>
232  <div class="navbar-wrapper">
233    <a href="/" class="brand-logo w-nav-brand"><img loading="eager" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/logo_web.png" alt="" class="image-navbar-logo"></a>
234    <nav role="navigation" class="nav_menu w-nav-menu">
235      <div class="nav_menu_wrapper">
236        <div data-hover="true" data-delay="0" class="w-dropdown">
237          <div class="dropdown-toggle w-dropdown-toggle">
238            <div class="text-block-47">Features</div>
239            <div class="icon-2 w-icon-dropdown-toggle"></div>
240          </div>
241          <nav class="dropdown-list w-dropdown-list">
242            <a href="/talking-actor-feature" class="dropdown-link w-dropdown-link">Talking Actor</a>
243            <a href="/custom-ai-avatar-feature" class="dropdown-link-2 w-dropdown-link">Custom AI Avatar</a>
244            <a href="/b-roll-feature" class="dropdown-link-3 w-dropdown-link">B-roll video</a>
245            <a href="/product-in-hand-feature" class="dropdown-link-4 w-dropdown-link">Product In Hand</a>
246            <a href="/ai-workflows-feature" class="dropdown-link w-dropdown-link">AI Workflows</a>
247            <a href="/makeugc-gestures" class="dropdown-link-5 w-dropdown-link">Gestures video</a>
248          </nav>
249        </div>
250        <a href="/affiliate" class="nav-link w-nav-link">Affiliate</a>
251        <a href="/pricing" class="nav-link w-nav-link">Pricing</a>
252        <a href="/languages" class="nav-link w-nav-link">Languages</a>
253        <a href="/enterprise" class="nav-link w-nav-link">Enterprise</a>
254        <div class="div-block-66-small">
255          <a href="https://app.makeugc.ai/auth/login" class="button in-the-navbar-login w-inline-block">
256            <div class="text-button smaller-nav-copy">Login</div>
257          </a>
258          <a href="https://app.makeugc.ai/auth/signup" class="button in-the-navbar-copy w-inline-block">
259            <div class="text-button smaller-nav">Get Started</div>
260          </a>
261        </div>
262      </div>
263    </nav>
264    <div class="div-block-66">
265      <a href="https://app.makeugc.ai/auth/login" class="button in-the-navbar-login w-inline-block">
266        <div class="text-button smaller-nav-copy">Login</div>
267      </a>
268      <a href="https://app.makeugc.ai/auth/signup" class="button in-the-navbar-copy w-inline-block">
269        <div class="text-button smaller-nav">Get Started</div>
270      </a>
271    </div>
272    <div class="menu-button w-nav-button">
273      <div class="menu_button_wrapper">
274        <div data-is-ix2-target="1" class="lottie_file" data-w-id="4210703b-56dd-a9c1-743f-edd78529a9e0" data-animation-type="lottie" data-src="https://uploads-ssl.webflow.com/666f1a076fccf7d29a8f38b1/667169c7f582ec980eb063dc_Animation%20-%201
274715374538243%20(3).json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-duration="0" data-loading="eager" data-ix2-initial-state="0"></div>
275      </div>
276    </div>
277  </div>
278</div>
279      
280      
281  <section id="pricing-v2" class="hf-pricing-v2 makeugc-pricing-v2">
282  <div class="w-embed">
283    <style>.makeugc-pricing-v2.hf-pricing-v2 {
284  background: #eaf0fd !important;
285  padding: 48px 24px 56px;
286}
287.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-wrap {
288  display: flex;
289  flex-direction: column;
290  align-items: center;
291  gap: 40px;
292  max-width: 1280px;
293  width: 95%;
294}
295.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer {
296  width: 100%;
297  border-radius: 24px;
298  padding: 36px 32px 40px;
299  text-align: center;
300  color: #fff;
301  display: flex;
302  flex-direction: column;
303  align-items: center;
304  background-color: #5b7cff;
305  background-image: url("https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/count_down_bg.png");
306  background-size: cover;
307  background-position: center;
308  background-repeat: no-repeat;
309  box-shadow: 0 20px 50px rgba(79, 120, 255, 0.25);
310}
311.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-actions {
312  display: flex;
313  flex-direction: column;
314  align-items: center;
315  gap: 20px;
316  width: 100%;
317}
318.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-badges {
319  display: flex;
320  flex-wrap: wrap;
321  justify-content: center;
322  gap: 8px;
323  margin-bottom: 16px;
324}
325.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill {
326  display: inline-flex;
327  align-items: center;
328  padding: 6px 14px;
329  border-radius: 999px;
330  font-size: 12px;
331  font-weight: 700;
332  font-family: Inter, Arial, sans-serif;
333}
334.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.sm { padding: 5px 12px; font-size: 12px; }
335.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.green {
336  background: var(--tailwind-emerald-500, rgba(0, 188, 125, 1));
337  color: #fff;
338  box-shadow:
339    0px 2px 6px 0px var(--maincolorsinterfacealphaback, rgba(0, 0, 0, 0.12)) inset,
340    1px 1px 6px 2px rgba(255, 255, 255, 0.25) inset;
341}
342.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.orange {
343  background: rgba(251, 87, 42, 1);
344  color: #fff;
345  box-shadow:
346    0px 2px 6px 0px var(--maincolorsinterfacealphaback, rgba(0, 0, 0, 0.12)) inset,
347    1px 1px 6px 2px rgba(255, 255, 255, 0.25) inset;
348}
349.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.pink {
350  background: var(--tailwind-fuchsia-500, rgba(225, 42, 251, 1));
351  color: #fff;
352  box-shadow:
353    0px 2px 6px 0px var(--maincolorsinterfacealphaback, rgba(0, 0, 0, 0.12)) inset,
354    1px 1px 6px 2px rgba(255, 255, 255, 0.25) inset;
355}
356.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-title {
357  margin: 0 auto 24px;
358  max-width: 720px;
359  font-size: clamp(22px, 3vw, 32px);
360  font-weight: 700;
361  line-height: 1.2;
362  font-family: Inter, Arial, sans-serif;
363}
364.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown {
365  display: inline-flex;
366  align-items: center;
367  justify-content: center;
368  gap: 10px;
369  margin-bottom: 0;
370  padding: 12px;
371  border-radius: 16px;
372  background: rgba(255, 255, 255, 0.08);
373  backdrop-filter: blur(4px);
374  -webkit-backdrop-filter: blur(4px);
375  font-family: Inter, Arial, sans-serif;
376}
377.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit {
378  min-width: 72px;
379  padding: 24px 16px;
380  border-radius: 10px;
381  background: rgba(255, 255, 255, 0.08);
382}
383.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit span {
384  display: block;
385  font-size: 28px;
386  font-weight: 800;
387  line-height: 1;
388}
389.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit small {
390  display: block;
391  margin-top: 4px;
392  font-size: 10px;
393  opacity: 0.85;
394  text-transform: uppercase;
395  letter-spacing: 0.04em;
396}
397.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-sep {
398  font-size: 24px;
399  font-weight: 700;
400  opacity: 0.7;
401  margin-top: -12px;
402}
403.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-btn {
404  display: inline-flex;
405  align-items: center;
406  justify-content: center;
407  min-width: 200px;
408  height: 48px;
409  padding: 0 32px;
410  border-radius: 16px;
411  background: var(--main-colors-blue-50, rgba(239, 246, 255, 1));
412  color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1));
413  font-weight: 500;
414  font-size: 15px;
415  text-decoration: none;
416  font-family: Inter, Arial, sans-serif;
417  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
418}
419.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer-btn:hover {
420  transform: translateY(-1px);
421  background: rgba(219, 234, 254, 1);
422  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
423}
424.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-head { text-align: center; max-width: 640px; }
425.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-eyebrow {
426  margin: 0 0 12px;
427  color: #3b82f6;
428  font-size: 14px;
429  font-weight: 600;
430  font-family: Inter, Arial, sans-serif;
431}
432.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-title {
433  margin: 0 0 12px;
434  font-size: clamp(36px, 5vw, 56px);
435  font-weight: 800;
436  line-height: 1.05;
437  color: #111827;
438  font-family: Inter, Arial, sans-serif;
439  letter-spacing: -0.03em;
440}
441.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-subtitle {
442  margin: 0;
443  color: #6b7280;
444  font-size: 16px;
445  font-family: Inter, Arial, sans-serif;
446}
447.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid {
448  display: grid;
449  grid-template-columns: repeat(4, 1fr);
450  gap: 0;
451  width: 100%;
452  align-items: stretch;
453  margin-top: 40px;
454  border: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1));
455  border-radius: 16px;
456  overflow: visible;
457}
458.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card {
459  background: rgba(234, 240, 253, 1);
460  border-right: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1));
461  border-radius: 0;
462  height: 100%;
463}
464.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap {
465  background: #8151ff;
466  border-right: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1));
467  border-radius: 0;
468  border-bottom-left-radius: 24px;
469  border-bottom-right-radius: 24px;
470  height: 100%;
471}
472.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card:first-child {
473  border-top-left-radius: 15px;
474}
475.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:last-child {
476  border-top-right-radius: 15px;
477  border-right: none;
478}
479.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card {
480  border: none;
481  padding: 24px 20px;
482  display: flex;
483  flex-direction: column;
484  font-family: Inter, Arial, sans-serif;
485  height: 100%;
486  min-height: 100%;
487}
488.makeugc-pricing-v2.hf-pricing-v2 .hf-card-header {
489  flex-shrink: 0;
490}
491.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap {
492  position: relative;
493  display: flex;
494  flex-direction: column;
495  min-height: 100%;
496  overflow: visible;
497  background: #8151ff;
498  border-bottom-left-radius: 24px;
499  border-bottom-right-radius: 24px;
500}
501.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-best-value {
502  position: absolute;
503  top: 0;
504  left: 0;
505  right: 0;
506  height: 36px;
507  background: #8151ff;
508  color: #fff;
509  border-radius: 28px 28px 0 0;
510  display: flex;
511  align-items: center;
512  justify-content: center;
513  gap: 6px;
514  font-size: 12px;
515  font-weight: 700;
516  transform: translateY(-100%);
517  z-index: 2;
518  border: none;
519  border-left: 5px solid #8151ff;
520  border-right: 5px solid #8151ff;
521}
522.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-best-value-icon {
523  flex-shrink: 0;
524  display: block;
525}
526.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-v2-card.pro {
527  border: none;
528  border-left: 5px solid #8151ff;
529  border-right: 5px solid #8151ff;
530  border-bottom: 5px solid #8151ff;
531  border-radius: 24px;
532  overflow: hidden;
533  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.15);
534  background: rgba(234, 240, 253, 1);
535  flex: 1;
536  height: 100%;
537  min-height: 100%;
538}
539/* Card inner layout — mirrors #pricing structure (colors/icons TBD) */
540.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card ul {
541  list-style: none;
542  padding: 0;
543  margin: 0;
544}
545.makeugc-pricing-v2.hf-pricing-v2 .hf-card-header h3 {
546  margin: 0 0 8px;
547  min-height: 48px;
548  font-size: 22px;
549  line-height: 1.2;
550  display: flex;
551  align-items: flex-start;
552  flex-wrap: wrap;
553  gap: 6px;
554  color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1));
555  font-weight: 600;
556}
557.makeugc-pricing-v2.hf-pricing-v2 .hf-card-header p {
558  margin: 0 0 20px;
559  color: #6b7280;
560  font-size: 12px;
561}
562.makeugc-pricing-v2.hf-pricing-v2 .hf-badge {
563  display: inline-flex;
564  align-items: center;
565  height: 18px;
566  padding: 0 6px;
567  border-radius: 4px;
568  font-size: 9px;
569  font-weight: 900;
570  white-space: nowrap;
571}
572.makeugc-pricing-v2.hf-pricing-v2 .hf-badge.pink { background: #f0177d; color: #fff; }
573.makeugc-pricing-v2.hf-pricing-v2 .hf-badge.blue { background: #45b9f1; color: #fff; }
574.makeugc-pricing-v2.hf-pricing-v2 .hf-credit-box {
575  background: rgba(255, 255, 255, 0.2);
576  border: 1px solid rgba(255, 255, 255, 0.12);
577  border-radius: 14px;
578  padding: 16px;
579  margin-bottom: 20px;
580}
581.makeugc-pricing-v2.hf-pricing-v2 .hf-credit-box strong {
582  display: flex;
583  align-items: center;
584  gap: 8px;
585  font-size: 14px;
586  margin-bottom: 10px;
587  color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1));
588  font-weight: 600;
589}
590.makeugc-pricing-v2.hf-pricing-v2 .hf-credit-icon {
591  flex-shrink: 0;
592  width: 20px;
593  height: 20px;
594}
595.makeugc-pricing-v2.hf-pricing-v2 .hf-credit-box p {
596  margin: 4px 0;
597  padding-left: 28px;
598  color: #6b7280;
599  font-size: 12px;
600  line-height: 1.4;
601}
602.makeugc-pricing-v2.hf-pricing-v2 .hf-fixed {
603  margin-top: 14px;
604  display: flex;
605  align-items: center;
606  justify-content: center;
607  gap: 6px;
608  width: 100%;
609  background: linear-gradient(71.36deg, rgba(108, 166, 255, 0.12) 21.31%, rgba(51, 122, 255, 0.12) 109.76%);
610  color: var(--main-colors-website-purple, rgba(51, 122, 255, 1));
611  font-size: 11px;
612  font-weight: 600;
613  line-height: 1;
614  padding: 10px;
615  border-radius: 7px;
616}
617.makeugc-pricing-v2.hf-pricing-v2 .hf-fixed-icon {
618  display: block;
619  flex-shrink: 0;
620  width: 16px;
621  height: 16px;
622  transform: translateY(-2px);
623}
624.makeugc-pricing-v2.hf-pricing-v2 .hf-fixed span {
625  display: block;
626  line-height: 1.2;
627}
628.makeugc-pricing-v2.hf-pricing-v2 .hf-price {
629  display: flex;
630  align-items: baseline;
631  gap: 8px;
632  margin: 20px 0;
633  flex-wrap: wrap;
634}
635.makeugc-pricing-v2.hf-pricing-v2 .hf-amount {
636  font-size: 30px;
637  font-weight: 600;
638  color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1));
639}
640.makeugc-pricing-v2.hf-pricing-v2 .hf-old-price {
641  font-size: 22px;
642  font-weight: 400;
643  color: #9e9ead;
644  text-decoration: line-through;
645}
646.makeugc-pricing-v2.hf-pricing-v2 .hf-from {
647  font-size: 25px;
648  font-weight: 600;
649  color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1));
650}
651.makeugc-pricing-v2.hf-pricing-v2 .hf-period {
652  color: #9ca3af;
653  font-size: 11px;
654}
655.makeugc-pricing-v2.hf-pricing-v2 .hf-plan-btn {
656  display: flex;
657  align-items: center;
658  justify-content: center;
659  width: 100%;
660  border: 0;
661  border-radius: 9px;
662  height: 46px;
663  margin: 0 0 20px;
664  flex-shrink: 0;
665  font-weight: 900;
666  cursor: pointer;
667  transition: transform 0.2s, opacity 0.2s;
668  text-decoration: none;
669  font-size: 14px;
670  font-family: Inter, Arial, sans-serif;
671  background: var(--main-colors-neutral-900, rgba(26, 26, 32, 1));
672  box-shadow: 0px -4px 2px 0px rgba(255, 255, 255, 0.08) inset;
673  color: rgba(251, 252, 255, 1);
674}
675.makeugc-pricing-v2.hf-pricing-v2 .hf-plan-btn:hover {
676  transform: translateY(-1px);
677  opacity: 0.92;
678}
679.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-plan-btn:hover {
680  background: var(--main-colors-neutral-900, rgba(26, 26, 32, 1));
681}
682.makeugc-pricing-v2.hf-pricing-v2 .hf-save {
683  margin: 0 0 20px;
684  color: #9ca3af;
685  font-size: 11px;
686  text-align: center;
687  font-weight: 700;
688}
689.makeugc-pricing-v2.hf-pricing-v2 .hf-feature-list { margin: 0; }
690.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block {
691  display: flex;
692  flex-direction: column;
693  gap: 0;
694  flex: 1;
695  min-height: 0;
696  margin-top: 0;
697  padding-bottom: 0;
698}
699.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block .hf-feature-list {
700  margin: 0;
701  flex: 0 0 auto;
702}
703.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block > .hf-feature-list + .hf-unavailable-panel,
704.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block > .hf-feature-list + .hf-available-panel {
705  margin-top: 16px;
706}
707.makeugc-pricing-v2.hf-pricing-v2 .hf-card-features-block > .hf-pro-unlimited-panel {
708  margin-top: 16px;
709}
710.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-panel,
711.makeugc-pricing-v2.hf-pricing-v2 .hf-available-panel,
712.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-panel {
713  flex-shrink: 0;
714}
715.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-list li,
716.makeugc-pricing-v2.hf-pricing-v2 .hf-available-list li,
717.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-list li {
718  margin-bottom: 10px;
719}
720.makeugc-pricing-v2.hf-pricing-v2 .hf-feature-list li,
721.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel li,
722.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-panel li,
723.makeugc-pricing-v2.hf-pricing-v2 .hf-available-panel li,
724.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-panel li,
725.makeugc-pricing-v2.hf-pricing-v2 .hf-model-list li,
726.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section li {
727  position: relative;
728  padding-left: 28px;
729  margin-bottom: 10px;
730  font-size: 12px;
731  line-height: 1.4;
732  color: #374151;
733}
734.makeugc-pricing-v2.hf-pricing-v2 .hf-feature-list li {
735  margin-bottom: 10px;
736  display: flex;
737  align-items: center;
738  flex-wrap: wrap;
739  gap: 4px 6px;
740}
741.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-list li:last-child,
742.makeugc-pricing-v2.hf-pricing-v2 .hf-available-list li:last-child,
743.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-list li:last-child,
744.makeugc-pricing-v2.hf-pricing-v2 .hf-feature-list li:last-child,
745.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel li:last-child,
746.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-panel li:last-child,
747.makeugc-pricing-v2.hf-pricing-v2 .hf-available-panel li:last-child,
748.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-panel li:last-child,
749.makeugc-pricing-v2.hf-pricing-v2 .hf-model-list li:last-child,
750.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section li:last-child {
751  margin-bottom: 0;
752}
753.makeugc-pricing-v2.hf-pricing-v2 li.yes::before,
754.makeugc-pricing-v2.hf-pricing-v2 li.no::before {
755  content: "";
756  position: absolute;
757  left: 0;
758  top: 50%;
759  transform: translateY(-50%);
760  width: 18px;
761  height: 18px;
762  background-repeat: no-repeat;
763  background-position: center;
764  background-size: contain;
765}
766.makeugc-pricing-v2.hf-pricing-v2 li.yes::before {
767  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M0 4.5C0 2.01472 2.01472 0 4.5 0H13.5C15.9853 0 18 2.01472 18 4.5V13.5C18 15.9853 15.9853 18 13.5 18H4.5C2.01472 18 0 15.9853 0 13.5V4.5Z' fill='%235372E6' fill-opacity='0.08'/%3
767E%3Cpath d='M5.35416 9.14579L7.68749 12.0625L12.5 6.66663' stroke='%23337AFF' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
768}
769.makeugc-pricing-v2.hf-pricing-v2 li.no { color: #848699; }
770.makeugc-pricing-v2.hf-pricing-v2 li.no::before {
771  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M0 4.5C0 2.01472 2.01472 0 4.5 0H13.5C15.9853 0 18 2.01472 18 4.5V13.5C18 15.9853 15.9853 18 13.5 18H4.5C2.01472 18 0 15.9853 0 13.5V4.5Z' fill='%23848699' fill-opacity='0.06'/%3E%3Cpath d='M12.1623 5.83765L5.83765 12.1623M5.83765 5.83765L12.1623 12.1623' stroke='%23848699' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
772}
773.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel {
774  background: rgba(255, 255, 255, 0.5);
775  border: 1px solid rgba(255, 255, 255, 0.75);
776  border-radius: 10px;
777  padding: 16px;
778  margin-top: 16px;
779}
780.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-panel {
781  background: rgba(255, 255, 255, 0.35);
782  border: 1px solid rgba(255, 255, 255, 0.55);
783  border-radius: 14px;
784  padding: 12px;
785  margin-top: 0;
786}
787.makeugc-pricing-v2.hf-pricing-v2 .hf-available-panel {
788  background:
789    radial-gradient(56.91% 156.08% at 29.95% 50%, rgba(255, 255, 255, 0.24) 0%, rgba(132, 182, 255, 0.24) 100%) padding-box,
790    linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.23) 100%) border-box;
791  border: 1px solid transparent;
792  border-radius: 14px;
793  padding: 12px;
794  margin-top: 0;
795}
796.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-head {
797  display: flex;
798  align-items: center;
799  justify-content: center;
800  gap: 6px;
801  background: #8486990a;
802  border-radius: 10px;
803  padding: 10px 12px;
804  margin-bottom: 12px;
805  font-size: 12px;
806  font-weight: 600;
807  color: #5c5c69;
808  line-height: 1.2;
809}
810.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-lock {
811  flex-shrink: 0;
812}
813.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-list {
814  margin: 0;
815  padding: 0 4px;
816  list-style: none;
817}
818.makeugc-pricing-v2.hf-pricing-v2 .hf-available-head {
819  display: flex;
820  align-items: center;
821  justify-content: center;
822  gap: 6px;
823  background: transparent;
824  border: 1px solid rgba(255, 255, 255, 0.35);
825  border-radius: 10px;
826  padding: 10px 12px;
827  margin-bottom: 12px;
828  font-size: 12px;
829  font-weight: 600;
830  color: #337aff;
831  line-height: 1.2;
832}
833.makeugc-pricing-v2.hf-pricing-v2 .hf-available-lock {
834  flex-shrink: 0;
835}
836.makeugc-pricing-v2.hf-pricing-v2 .hf-available-list {
837  margin: 0;
838  padding: 0 4px;
839  list-style: none;
840}
841.makeugc-pricing-v2.hf-pricing-v2 .hf-unavailable-list li {
842  display: flex;
843  align-items: center;
844}
845.makeugc-pricing-v2.hf-pricing-v2 .hf-available-list li {
846  display: flex;
847  align-items: center;
848  justify-content: space-between;
849  gap: 8px;
850}
851.makeugc-pricing-v2.hf-pricing-v2 .hf-available-label {
852  flex: 1;
853  min-width: 0;
854}
855.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-panel {
856  background: #ffffff3d;
857  border: 1px solid #ffffff80;
858  border-radius: 14px;
859  padding: 12px;
860  margin-top: 0;
861}
862.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-head {
863  display: flex;
864  align-items: center;
865  justify-content: center;
866  gap: 6px;
867  background: #e12afb08;
868  border-radius: 10px;
869  padding: 10px 12px;
870  margin-bottom: 12px;
871  font-size: 12px;
872  font-weight: 600;
873  color: #e12afb;
874  line-height: 1.2;
875}
876.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-icon {
877  flex-shrink: 0;
878}
879.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-list {
880  margin: 0;
881  padding: 0 4px;
882  list-style: none;
883}
884.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-list li {
885  display: flex;
886  align-items: center;
887  justify-content: space-between;
888  gap: 8px;
889}
890.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-label {
891  flex: 1;
892  min-width: 0;
893}
894.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-unlimited-tags {
895  display: flex;
896  align-items: center;
897  gap: 6px;
898  flex-shrink: 0;
899}
900.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel.blue-panel {
901  background: linear-gradient(90deg, rgba(219, 234, 254, 0.9), rgba(191, 219, 254, 0.75));
902}
903.makeugc-pricing-v2.hf-pricing-v2 .hf-mini-panel h4,
904.makeugc-pricing-v2.hf-pricing-v2 .hf-model-list h4,
905.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section h4 {
906  margin: 0 0 10px;
907  color: #111827;
908  font-size: 12px;
909  font-weight: 900;
910}
911.makeugc-pricing-v2.hf-pricing-v2 .hf-model-list { margin-top: 16px; }
912.makeugc-pricing-v2.hf-pricing-v2 .hf-pill {
913  display: inline-flex;
914  align-items: center;
915  padding: 3px 6px;
916  border-radius: 999px;
917  font-size: 8px;
918  font-weight: 900;
919  margin-left: 4px;
920  vertical-align: middle;
921}
922.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.green { background: #c8ff00; color: #111; }
923.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.blue { background: #3dbeff;
923 color: #fff; }
924.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.muted { background: rgba(0, 0, 0, 0.06); color: #9ca3af; }
925.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.unlimited {
926  margin-left: 0;
927  flex-shrink: 0;
928  padding: 4px 8px;
929  font-size: 9px;
930  font-weight: 700;
931  background: linear-gradient(71.36deg, #6ca6ff -31.58%, #8151ff 158.1%);
932  color: #fff;
933}
934.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.resolution {
935  margin-left: 0;
936  flex-shrink: 0;
937  padding: 4px 8px;
938  font-size: 9px;
939  font-weight: 700;
940  background: #8486990a;
941  color: #5c5c69;
942}
943.makeugc-pricing-v2.hf-pricing-v2 .hf-pill.unlimited-pro {
944  margin-left: 0;
945  flex-shrink: 0;
946  padding: 4px 8px;
947  font-size: 9px;
948  font-weight: 700;
949  background: linear-gradient(69.99deg, #8b5ffc 10.53%, #e12afb 139.41%);
950  color: #fff;
951}
952.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section { margin-top: 20px; }
953.makeugc-pricing-v2.hf-pricing-v2 .hf-team-section h4 { color: #6b7280; letter-spacing: 0.5px; }
954@media (max-width: 1100px) {
955  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid {
956    grid-template-columns: repeat(2, 1fr);
957    margin-top: 0;
958  }
959  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card,
960  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap {
961    border-right: none;
962    border-bottom: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1));
963  }
964  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:nth-child(odd) {
965    border-right: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1));
966  }
967  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:nth-last-child(-n+2) {
968    border-bottom: none;
969  }
970  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card:nth-child(2) {
971    border-top-right-radius: 15px;
972  }
973  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:last-child {
974    border-top-right-radius: 0;
975    border-bottom-right-radius: 15px;
976  }
977  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap {
978    margin-top: 0;
979    padding-top: 40px;
980    border-top-left-radius: 24px;
981    border-top-right-radius: 24px;
982    border-bottom-left-radius: 24px;
983    border-bottom-right-radius: 24px;
984  }
985  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap {
986    border-top-left-radius: 24px;
987    border-top-right-radius: 24px;
988    border-bottom-left-radius: 24px;
989    border-bottom-right-radius: 24px;
990  }
991  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-best-value {
992    top: 40px;
993    border-top-left-radius: 28px;
994    border-top-right-radius: 28px;
995    border-bottom-left-radius: 0;
996    border-bottom-right-radius: 0;
997  }
998  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-v2-card.pro {
999    border-radius: 24px;
1000    border-top-left-radius: 24px;
1001    border-top-right-radius: 24px;
1002    overflow: visible;
1003  }
1004}
1005@media (max-width: 640px) {
1006  .makeugc-pricing-v2.hf-pricing-v2 { padding: 32px 16px 40px; }
1007  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-offer { padding: 28px 20px 32px; }
1008  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown { padding: 10px; gap: 8px; }
1009  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit { min-width: 56px; padding: 16px 10px; }
1010  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-countdown-unit span { font-size: 22px; }
1011  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid {
1012    grid-template-columns: 1fr;
1013    margin-top: 0;
1014  }
1015  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card,
1016  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap {
1017    border-right: none;
1018    border-bottom: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1));
1019  }
1020  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:nth-child(odd) {
1021    border-right: none;
1022  }
1023  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:nth-last-child(-n+2) {
1024    border-bottom: 1px solid var(--main-colors-interface-white, rgba(251, 252, 255, 1));
1025  }
1026  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card:first-child {
1027    border-top-left-radius: 15px;
1028    border-top-right-radius: 15px;
1029  }
1030  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card:nth-child(2) {
1031    border-top-right-radius: 0;
1032  }
1033  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card-pro-wrap {
1034    margin-top: 0;
1035    padding-top: 40px;
1036    padding-bottom: 8px;
1037    border-bottom: none;
1038    border-top-left-radius: 24px;
1039    border-top-right-radius: 24px;
1040    border-bottom-left-radius: 24px;
1041    border-bottom-right-radius: 24px;
1042    position: relative;
1043    z-index: 1;
1044  }
1045  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap {
1046    border-top-left-radius: 24px;
1047    border-top-right-radius: 24px;
1048    border-bottom-left-radius: 24px;
1049    border-bottom-right-radius: 24px;
1050  }
1051  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-best-value {
1052    top: 40px;
1053    border-top-left-radius: 28px;
1054    border-top-right-radius: 28px;
1055    border-bottom-left-radius: 0;
1056    border-bottom-right-radius: 0;
1057  }
1058  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > .hf-v2-card.enterprise {
1059    position: relative;
1060    z-index: 0;
1061  }
1062  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid > *:last-child {
1063    border-top-right-radius: 0;
1064    border-bottom: none;
1065    border-bottom-left-radius: 15px;
1066    border-bottom-right-radius: 15px;
1067  }
1068  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-v2-card.pro {
1069    border-radius: 24px;
1070    border-top-left-radius: 24px;
1071    border-top-right-radius: 24px;
1072    overflow: visible;
1073  }
1074}
1075
1076/* Panel switching + grid — scoped by class (no #id selectors; Astro strips those in <style>) */
1077
1078.makeugc-pricing-v2.hf-pricing-v2 {
1079  display: block !important;
1080  box-sizing: border-box;
1081}
1082
1083.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-wrap {
1084  display: flex !important;
1085  flex-direction: column !important;
1086  align-items: center !important;
1087  gap: 40px;
1088  width: 95% !important;
1089  max-width: 1280px !important;
1090  margin: 0 auto !important;
1091  padding: 0 !important;
1092}
1093
1094.makeugc-pricing-v2.hf-pricing-v2 .makeugc-pricing-v2-controls {
1095  display: flex;
1096  flex-direction: column;
1097  align-items: center;
1098  gap: 20px;
1099  width: 100%;
1100}
1101
1102.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-panels {
1103  position: relative;
1104  width: 100%;
1105  padding-top: 32px;
1106}
1107
1108.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform,
1109.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api {
1110  width: 100%;
1111  transition:
1112    opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1),
1113    transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
1114    visibility 0s linear 0.42s;
1115  will-change: opacity, transform;
1116}
1117
1118.makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-platform,
1119.makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-api {
1120  position: relative;
1121}
1122
1123.makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-api,
1124.makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-platform {
1125  position: absolute;
1126  top: 0;
1127  left: 0;
1128  right: 0;
1129}
1130
1131.makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-platform {
1132  opacity: 1;
1133  transform: translateY(0) scale(1);
1134  pointer-events: auto;
1135  z-index: 2;
1136  visibility: visible;
1137  transition-delay: 0s;
1138}
1139
1140.makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-api {
1141  opacity: 0;
1142  transform: translateY(16px) scale(0.985);
1143  pointer-events: none;
1144  z-index: 1;
1145  visibility: hidden;
1146}
1147
1148.makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-platform {
1149  opacity: 0;
1150  transform: translateY(-16px) scale(0.985);
1151  pointer-events: none;
1152  z-index: 1;
1153  visibility: hidden;
1154}
1155
1156.makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-api {
1157  opacity: 1;
1158  transform: translateY(0) scale(1);
1159  pointer-events: auto;
1160  z-index: 2;
1161  visibility: visible;
1162  transition-delay: 0s;
1163}
1164
1165.makeugc-pricing-v2.hf-pricing-v2.is-switching .hf-panel-platform,
1166.makeugc-pricing-v2.hf-pricing-v2.is-switching .hf-panel-api {
1167  transition-duration: 0.42s;
1168}
1169
1170.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid {
1171  display: grid !important;
1172  width: 100% !important;
1173  margin-top: 0 !important;
1174}
1175
1176.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform {
1177  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
1178}
1179
1180.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid-api {
1181  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
1182}
1183
1184.makeugc-pricing-v2.hf-pricing-v2 .hf-old-price {
1185  opacity: 1;
1186  max-width: 100px;
1187  margin-right: 8px;
1188  overflow: hidden;
1189  white-space: nowrap;
1190  display: inline-block;
1191  vertical-align: middle;
1192  transition: opacity 0.4s ease, max-width 0.4s ease, margin 0.4s ease;
1193}
1194
1195/* Discount badge — quarterly (30%) / annual (50%) only */
1196.makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-card-header .hf-v2-pill.green {
1197  display: none !important;
1198}
1199
1200/* Pro — Best value pill matches card border (#8151ff) */
1201.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-pill.purple {
1202  background: #8151ff;
1203  color: #fff;
1204  box-shadow:
1205    0px 2px 6px 0px rgba(0, 0, 0, 0.12) inset,
1206    1px 1px 6px 2px rgba(255, 255, 255, 0.25) inset;
1207}
1208
1209/* Pro CTA — purple to match card border */
1210.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-plan-btn.pro-btn {
1211  background: #8151ff;
1212  color: #fff;
1213  box-shadow: 0px -4px 2px 0px rgba(255, 255, 255, 0.12) inset;
1214}
1215
1216.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-plan-btn.pro-btn:hover {
1217  background: #7040ee;
1218  color: #fff;
1219}
1220
1221.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card-pro-wrap .hf-plan-btn.pro-btn:hover {
1222  background: #7040ee;
1223}
1224
1225/* Pro — renew note only on Monthly */
1226.makeugc-pricing-v2.hf-pricing-v2.is-yearly .hf-v2-card.pro .hf-pro-monthly-only,
1227.makeugc-pricing-v2.hf-pricing-v2.is-quarterly .hf-v2-card.pro .hf-pro-monthly-only {
1228  display: none !important;
1229}
1230
1231/* Pro tier picker — Monthly + Annually (light style like .hf-credit-box) */
1232.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-pro-tier-picker {
1233  display: flex;
1234  flex-direction: column;
1235  width: 100%;
1236  padding: 16px;
1237  border-radius: 14px;
1238  border: 1px solid rgba(255, 255, 255, 0.12);
1239  background: rgba(255, 255, 255, 0.2);
1240  color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1));
1241  box-sizing: border-box;
1242}
1243
1244/* Align Start for $1 — fixed pre-CTA block heights (all platform cards) */
1245.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup,
1246.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth,
1247.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise,
1248.makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card-pro-wrap .hf-v2-card.pro {
1249  display: flex;
1250  flex-direction: column;
1251}
1252
1253/* Desktop/tablet multi-column — fixed pre-CTA block heights (Platform tab only) */
1254@media screen and (min-width: 641px) {
1255  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-card-header,
1256  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-card-header,
1257  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-card-header,
1258  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-card-header {
1259    flex: 0 0 100px;
1260    height: 100px;
1261    box-sizing: border-box;
1262  }
1263
1264  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-card-header h3,
1265  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-card-header h3,
1266  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-card-header h3,
1267  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-card-header h3 {
1268    min-height: 60px;
1269  }
1270
1271  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-credit-box,
1272  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-credit-box,
1273  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-credit-box,
1274  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker {
1275    flex: 0 0 178px;
1276    height: 178px;
1277    min-height: 178px;
1278    max-height: 178px;
1279    margin-bottom: 20px !important;
1280    box-sizing: border-box;
1281    display: flex;
1282    flex-direction: column;
1283  }
1284
1285  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-credit-box .hf-fixed,
1286  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-credit-box .hf-fixed,
1287  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-credit-box .hf-fixed {
1288    margin-top: auto;
1289  }
1290
1291  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker {
1292    overflow: hidden;
1293  }
1294
1295  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker .hf-pro-tier-slider {
1296    margin-top: auto;
1297    flex-shrink: 0;
1298  }
1299
1300  /* Price zone — same 76px footprint on every card (credit mb 20 + price 76 = gap to CTA) */
1301  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-price,
1302  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-price,
1303  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-price,
1304  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block {
1305    flex: 0 0 76px;
1306    height: 76px;
1307    min-height: 76px;
1308    max-height: 76px;
1309    margin: 0 !important;
1310    box-sizing: border-box;
1311  }
1312
1313  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-price,
1314  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-price,
1315  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-price {
1316    display: flex;
1317    align-items: center;
1318  }
1319
1320  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block {
1321    display: flex;
1322    flex-direction: column;
1323    justify-content: flex-start;
1324  }
1325
1326  .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price {
1327    flex: 0 0 30px;
1328    height: 30px;
1329    min-height: 30px;
1330    align-items: center;
1331    margin: 0 !important;
1332  }
1333
1334  .makeugc-pricing-v2.hf-pricing-v2.is-yearly .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price,
1335  .makeugc-pricing-v2.hf-pricing-v2.is-quarterly .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price {
1336    flex: 1 1 auto;
1337    height: auto;
1338    min-height: 0;
1339    align-items: center;
1340    margin: 0 !important;
1341  }
1342
1343  .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price .hf-period-text {
1344    display: none;
1345  }
1346
1347  .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-pro-renew-note {
1348    flex: 1 1 auto;
1349    min-height: 0;
1350    margin: 4px 0 0 !important;
1351    overflow: hidden;
1352    display: -webkit-box;
1353    -webkit-box-orient: vertical;
1354    -webkit-line-clamp: 2;
1355  }
1356
1357  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.startup .hf-plan-btn,
1358  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.growth .hf-plan-btn,
1359  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.enterprise .hf-plan-btn,
1360  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-plan-btn {
1361    flex: 0 0 46px;
1362    height: 46px;
1363    margin: 0 0 20px !important;
1364  }
1365}
1366
1367.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-renew-note {
1368  margin: 0;
1369  color: #9ca3af;
1370  font-size: 11px;
1371  line-height: 1.35;
1372  font-weight: 700;
1373  font-family: Inter, Arial, sans-serif;
1374}
1375
1376.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-summary {
1377  display: flex;
1378  align-items: center;
1379  gap: 8px;
1380  margin-bottom: 0;
1381  font-size: 14px;
1382  font-weight: 600;
1383  color: var(--main-colors-interface-text-heading, rgba(26, 26, 32, 1));
1384  font-family: Inter, Arial, sans-serif;
1385}
1386
1387.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-summary .hf-credit-icon {
1388  flex-shrink: 0;
1389  width: 20px;
1390  height: 20px;
1391}
1392
1393.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-videos {
1394  font-size: inherit;
1395  font-weight: inherit;
1396  color: inherit;
1397  font-family: inherit;
1398}
1399
1400.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-detail {
1401  margin: 4px 0 0;
1402  padding-left: 28px;
1403  color: #6b7280;
1404  font-size: 12px;
1405  line-height: 1.4;
1406  font-family: Inter, Arial, sans-serif;
1407}
1408
1409.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-slider {
1410  padding-top: 8px;
1411}
1412
1413.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-track-wrap {
1414  position: relative;
1415  height: 36px;
1416  display: flex;
1417  align-items: center;
1418}
1419
1420.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-track {
1421  position: absolute;
1422  left: 14px;
1423  right: 14px;
1424  height: 3px;
1425  background: rgba(26, 26, 32, 0.12);
1426  border-radius: 999px;
1427  overflow: hidden;
1428  pointer-events: none;
1429}
1430
1431.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-fill {
1432  height: 100%;
1433  width: 0;
1434  background: #337aff;
1435  border-radius: 999px;
1436  transition: width 0.28s cubic-bezier(0.22, 1, 0.36, 1);
1437}
1438
1439.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-pro-tier-track {
1440  background: rgba(129, 81, 255, 0.18);
1441}
1442
1443.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-pro-tier-fill {
1444  background: #8151ff;
1445}
1446
1447.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-card.pro .hf-pro-tier-range:focus-visible {
1448  outline: 2px solid #8151ff;
1449  outline-offset: 2px;
1450  border-radius: 8px;
1451}
1452
1453.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range {
1454  position: relative;
1455  z-index: 2;
1456  width: 100%;
1457  margin: 0;
1458  height: 36px;
1459  background: transparent;
1460  -webkit-appearance: none;
1461  appearance: none;
1462  cursor: pointer;
1463}
1464
1465.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range:focus {
1466  outline: none;
1467}
1468
1469.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range:focus-visible {
1470  outline: 2px solid #6ca6ff;
1471  outline-offset: 2px;
1472  border-radius: 8px;
1473}
1474
1475.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range::-webkit-slider-runnable-track {
1476  height: 3px;
1477  background: transparent;
1478}
1479
1480.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range::-webkit-slider-thumb {
1481  -webkit-appearance: none;
1482  width: 28px;
1483  height: 28px;
1484  margin-top: -12px;
1485  border: 0;
1486  border-radius: 50%;
1487  background: #fff;
1488  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
1489  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M4.5 3L2 7L4.5 11M9.5 3L12 7L9.5 11' stroke='%231A1A20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
1490  background-repeat: no-repeat;
1491  background-position: center;
1492  cursor: grab;
1493}
1494
1495.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range:active::-webkit-slider-thumb {
1496  cursor: grabbing;
1497}
1498
1499.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range::-moz-range-track {
1500  height: 3px;
1501  background: transparent;
1502  border: 0;
1503}
1504
1505.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-range::-moz-range-thumb {
1506  width: 28px;
1507  height: 28px;
1508  border: 0;
1509  border-radius: 50%;
1510  background: #fff;
1511  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
1512  cursor: grab;
1513}
1514
1515.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-ticks {
1516  display: flex;
1517  justify-content: space-between;
1518  gap: 8px;
1519  margin-top: 2px;
1520  padding: 0 4px;
1521}
1522
1523.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-tick {
1524  flex: 1;
1525  border: 0;
1526  background: transparent;
1527  padding: 6px 0;
1528  font-family: Inter, Arial, sans-serif;
1529  font-size: 13px;
1530  line-height: 1;
1531  font-weight: 500;
1532  color: #6b7280;
1533  cursor: pointer;
1534  text-align: center;
1535  transition: color 0.2s ease, font-weight 0.2s ease;
1536}
1537
1538.makeugc-pricing-v2.hf-pricing-v2 .hf-pro-tier-tick.is-active {
1539  font-weight: 700;
1540}
1541
1542.makeugc-pricing-v2.hf-pricing-v2 .hf-v2-note {
1543  margin: 0;
1544  text-align: center;
1545  color: #6b7280;
1546  font-size: 12px;
1547  line-height: 1.5;
1548  max-width: 640px;
1549}
1550
1551/* Tabs + billing — self-contained (index loads Webflow CSS async) */
1552.makeugc-pricing-v2.hf-pricing-v2 .makeugc-pricing-v2-controls .tabs-menu-p {
1553  display: flex;
1554  justify-content: center;
1555  align-items: stretch;
1556  gap: 10px;
1557  width: 100%;
1558  max-width: 230px;
1559  min-height: 60px;
1560  padding: 6px;
1561  margin: 0;
1562  border: 0.1px solid rgba(156, 156, 172, 0.12);
1563  border-radius: 12px;
1564  background: transparent;
1565}
1566
1567.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-5.papi,
1568.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-6.papi {
1569  flex: 1;
1570  min-width: 100px;
1571  display: flex;
1572  justify-content: center;
1573  align-items: center;
1574  padding: 10px 16px;
1575  border: 0;
1576  border-radius: 8px;
1577  background: transparent;
1578  color: #1f1f1f;
1579  cursor: pointer;
1580  font: inherit;
1581  font-size: 14px;
1582  font-weight: 500;
1583  text-decoration: none;
1584  text-align: center;
1585  transition:
1586    background 0.28s cubic-bezier(0.22, 1, 0.36, 1),
1587    color 0.28s ease,
1588    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
1589}
1590
1591.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-5.papi:active,
1592.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-6.papi:active {
1593  transform: scale(0.97);
1594}
1595
1596.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-5.papi.w--current,
1597.makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-6.papi.w--current {
1598  background: rgba(156, 156, 172, 0.12);
1599}
1600
1601.makeugc-pricing-v2.hf-pricing-v2 .makeugc-pricing-v2-controls .billing-toggle-row {
1602  display: flex;
1603  align-items: center;
1604  justify-content: center;
1605  gap: 14px;
1606  margin: 0;
1607  font-family: "Inter Tight", Inter, sans-serif;
1608}
1609
1610.makeugc-pricing-v2.hf-pricing-v2 .billing-segment {
1611  gap: 4px;
1612  padding: 4px;
1613  border-radius: 12px;
1614  background: rgba(156, 156, 172, 0.12);
1615}
1616
1617.makeugc-pricing-v2.hf-pricing-v2 .billing-segment-btn {
1618  appearance: none;
1619  border: none;
1620  background: transparent;
1621  margin: 0;
1622  padding: 10px 16px;
1623  border-radius: 8px;
1624  font-family: inherit;
1625  font-size: 15px;
1626  line-height: 1;
1627  font-weight: 500;
1628  color: #9ca3af;
1629  cursor: pointer;
1630  transition: color 0.2s ease, background 0.2s ease, font-weight 0.2s ease;
1631  user-select: none;
1632}
1633
1634.makeugc-pricing-v2.hf-pricing-v2 .billing-segment-btn:hover {
1635  color: #4b5563;
1636}
1637
1638.makeugc-pricing-v2.hf-pricing-v2 .billing-segment-btn.is-active {
1639  background: #fff;
1640  color: #000;
1641  font-weight: 700;
1642  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1643}
1644
1645/* API has no quarterly billing */
1646.makeugc-pricing-v2.hf-pricing-v2.api-mode .billing-segment-btn[data-billing="quarterly"] {
1647  display: none;
1648}
1649
1650.makeugc-pricing-v2.hf-pricing-v2 .billing-label {
1651  font-size: 16px;
1652  line-height: 1;
1653  font-weight: 500;
1654  color: #9ca3af;
1655  transition: color 0.25s ease, font-weight 0.25s ease;
1656  user-select: none;
1657}
1658
1659.makeugc-pricing-v2.hf-pricing-v2 .billing-label.active {
1660  color: #000;
1661  font-weight: 700;
1662}
1663
1664.makeugc-pricing-v2.hf-pricing-v2 .toggle-wrap {
1665  position: relative;
1666  width: 64px;
1667  height: 34px;
1668  display: flex;
1669  align-items: center;
1670  flex-shrink: 0;
1671}
1672
1673.makeugc-pricing-v2.hf-pricing-v2 .toggle-input {
1674  position: absolute;
1675  opacity: 0;
1676  width: 0;
1677  height: 0;
1678  margin: 0;
1679}
1680
1681.makeugc-pricing-v2.hf-pricing-v2 .toggle-slider {
1682  position: absolute;
1683  inset: 0;
1684  background: #d1d5db;
1685  border-radius: 999px;
1686  cursor: pointer;
1687  transition: background 0.3s ease;
1688}
1689
1690.makeugc-pricing-v2.hf-pricing-v2 .toggle-slider::before {
1691  content: "";
1692  position: absolute;
1693  width: 26px;
1694  height: 26px;
1695  left: 4px;
1696  top: 4px;
1697  background: #fff;
1698  border-radius: 50%;
1699  transition: transform 0.3s ease;
1700}
1701
1702.makeugc-pricing-v2.hf-pricing-v2 .toggle-input:checked + .toggle-slider {
1703  background: #000;
1704}
1705
1706.makeugc-pricing-v2.hf-pricing-v2 .toggle-input:checked + .toggle-slider::before {
1707  transform: translateX(30px);
1708}
1709
1710@media screen and (max-width: 640px) {
1711  .makeugc-pricing-v2.hf-pricing-v2 .billing-segment-btn {
1712    padding: 9px 12px;
1713    font-size: 13px;
1714  }
1715}
1716
1717@media (prefers-reduced-motion: reduce) {
1718  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform,
1719  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api,
1720  .makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-5.papi,
1721  .makeugc-pricing-v2.hf-pricing-v2 .tab-link-tab-6.papi {
1722    transition: none !important;
1723    transform: none !important;
1724  }
1725
1726  .makeugc-pricing-v2.hf-pricing-v2:not(.api-mode) .hf-panel-api {
1727    display: none !important;
1728  }
1729
1730  .makeugc-pricing-v2.hf-pricing-v2.api-mode .hf-panel-platform {
1731    display: none !important;
1732  }
1733}
1734
1735@media screen and (max-width: 1100px) {
1736  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform,
1737  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid-api {
1738    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
1739  }
1740
1741  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-panels {
1742    padding-top: 16px;
1743  }
1744}
1745
1746@media screen and (max-width: 640px) {
1747  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform,
1748  .makeugc-pricing-v2.hf-pricing-v2 .hf-v2-grid-api {
1749    grid-template-columns: 1fr !important;
1750    align-items: start !important;
1751  }
1752
1753  /* Single column — natural heights (Platform + API) */
1754  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-card-header,
1755  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card-pro-wrap .hf-v2-card .hf-card-header,
1756  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-credit-box,
1757  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-pro-tier-picker,
1758  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-card-header,
1759  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-card-header,
1760  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-credit-box,
1761  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-credit-box {
1762    flex: 0 0 auto;
1763    height: auto;
1764    min-height: 0;
1765    max-height: none;
1766  }
1767
1768  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-card-header h3,
1769  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-card-header h3 {
1770    min-height: 0;
1771  }
1772
1773  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-credit-box .hf-fixed {
1774    margin-top: 0;
1775  }
1776
1777  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker {
1778    overflow: visible;
1779  }
1780
1781  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-tier-picker .hf-pro-tier-slider {
1782    margin-top: 0;
1783  }
1784
1785  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-price,
1786  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-price,
1787  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-price {
1788    flex: 0 0 auto;
1789    height: auto;
1790    min-height: 0;
1791    max-height: none;
1792    margin: 0 0 20px !important;
1793  }
1794
1795  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block {
1796    flex: 0 0 auto;
1797    height: auto;
1798    min-height: 0;
1799    max-height: none;
1800    margin: 0 0 20px !important;
1801    gap: 6px;
1802  }
1803
1804  .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-price {
1805    flex: 0 0 auto;
1806    height: auto;
1807    min-height: 0;
1808  }
1809
1810  .makeugc-pricing-v2.hf-pricing-v2:not(.is-yearly):not(.is-quarterly) .hf-panel-platform .hf-v2-card.pro .hf-pro-price-block .hf-pro-renew-note {
1811    flex: 0 0 auto;
1812    margin: 0 !important;
1813    overflow: visible;
1814    display: block;
1815    -webkit-line-clamp: unset;
1816  }
1817
1818  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-platform .hf-v2-card .hf-plan-btn,
1819  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-plan-btn,
1820  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-plan-btn {
1821    flex: 0 0 auto;
1822    margin-top: 0 !important;
1823  }
1824
1825  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card .hf-feature-list,
1826  .makeugc-pricing-v2.hf-pricing-v2 .hf-panel-api .hf-v2-card-pro-wrap .hf-v2-card .hf-feature-list {
1827    flex: 0 0 auto;
1828  }
1829}
1830</style>
1831  </div>
1832
1833  <div class="hf-v2-wrap">
1834    <div class="hf-v2-offer">
1835        <div class="hf-v2-offer-badges">
1836          <span class="hf-v2-pill green">30% off</span>
1837          <span class="hf-v2-pill orange">Special 24h offer</span>
1838          <span class="hf-v2-pill pink">Unlimited access</span>
1839        </div>
1840        <h3 class="hf-v2-offer-title">Get 30-day Seedance 2.5, 365-day Nano Banana Pro, Nano Banana 2</h3>
1841        <div class="hf-v2-offer-actions">
1842          <div class="hf-v2-countdown" aria-label="Offer countdown">
1843            <div class="hf-v2-countdown-unit"><span class="hf-v2-cd-days">24</span><small>Days</small></div>
1844            <span class="hf-v2-countdown-sep">:</span>
1845            <div class="hf-v2-countdown-unit"><span class="hf-v2-cd-hours">00</span><small>Hours</small></div>
1846            <span class="hf-v2-countdown-sep">:</span>
1847            <div class="hf-v2-countdown-unit"><span class="hf-v2-cd-mins">00</span><small>Minutes</small></div>
1848            <span class="hf-v2-countdown-sep">:</span>
1849            <div class="hf-v2-countdown-unit"><span class="hf-v2-cd-secs">00</span><small>Seconds</small></div>
1850          </div>
1851          <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-pro-149-m" class="hf-v2-offer-btn">Accept offer</a>
1852        </div>
1853      </div>
1854
1855    
1856
1857    <div class="makeugc-pricing-v2-controls">
1858      <div class="tabs-menu-p papi" role="tablist" aria-label="Pricing type">
1859        <button type="button" class="tab-link-tab-5 papi w--current" data-hf-tab="platform" role="tab" aria-selected="true">Platform</button>
1860        <button type="button" class="tab-link-tab-6 papi" data-hf-tab="api" role="tab" aria-selected="false">API</button>
1861      </div>
1862
1863      <div class="billing-toggle-row billing-segment" role="radiogroup" aria-label="Billing period">
1864        <button type="button" class="billing-segment-btn is-active" data-billing="monthly" role="radio" aria-checked="true">Monthly</button>
1865        <button type="button" class="billing-segment-btn" data-billing="quarterly" role="radio" aria-checked="false">Quarterly</button>
1866        <button type="button" class="billing-segment-btn" data-billing="yearly" role="radio" aria-checked="false">Annually</button>
1867      </div>
1868    </div>
1869
1870    <div class="hf-v2-panels">
1871          <div class="hf-v2-grid hf-panel-platform">
1872      <article class="hf-v2-card startup">
1873        <div class="hf-card-header">
1874          <h3>Start up <span class="hf-v2-pill sm green">50% OFF</span></h3>
1875          <p>For creators getting started with AI UGC</p>
1876        </div>
1877        <div class="hf-credit-box">
1878          <strong><svg class="hf-credit-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="20" height="20" rx="4" fill="#337AFF" fill-opacity="0.08"/><path d="M7.40067 5.32561L6.41834 4.99817L6.0909 4.01583C5.98434 3.6985 5.45934 3.6985 5.35279 4.01583L5.02534 4.99817L4.04301 5.32561C3.88434 5.3785 3.77701 5.52705 3.77701 5.69428C3.77701 5.8615 3.88434 6.01005 4.04301 6.06294L5.02534 6.39039L5.35279 7.37272C5.40567 7.53139 5.55501 7.63872 5.72223 7.63872C5.88945 7.63872 6.03801 7.53139 6.09167 7.37272L6.41912 6.39039L7.40145 6.06294C7.56012 6.01005 7.66745 5.8615 7.66745 5.69428C7.66745 5.52705 7.55934 5.3785 7.40067 5.32561Z" fill="url(#hfV2Cr-su-0)"/><path d="M10.1718 5.68769C10.2496 5.49098 10.5281 5.49101 10.6058 5.68773L11.8388 8.807C11.8625 8.86699 11.91 8.91449 11.97 8.93821L15.0901 10.1719C15.2868 10.2497 15.2868 10.5281 15.0901 10.6059L11.97 11.8396C11.91 11.8633 11.8625 11.9108 11.8388 11.9708L10.6058 15.0901C10.5281 15.2868 10.2496 15.2869 10.1718 15.0901L8.93817 11.9708C8.91445 11.9108 8.86697 11.8633 8.807 11.8396L5.68752 10.6059C5.49082 10.5281 5.49083 10.2497 5.68752 10.1719L8.807 8.9382C8.86697 8.91448 8.91445 8.867 8.93817 8.80703L10.1718 5.68769Z" stroke="url(#hfV2Cr-su-1)" stroke-width="0.933333" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="hfV2Cr-su-0" x1="0.38454" y1="2.49087" x2="9.23094" y2="-0.515365" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient><linearGradient id="hfV2Cr-su-1" x1="-4.01711" y1="1.63892" x2="19.8961" y2="-6.42567" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient></defs></svg>500 credits / mo</strong>
1879          <p>1000+ realistic AI creators</p>
1880          <p>50+ languages available</p>
1881          <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Fixed amount of 500 credits/mo</span></div>
1882        </div>
1883        <div class="hf-price">
1884          <span class="hf-old-price">$59</span>
1885          <span class="hf-amount papi-startup-pricing">$59</span>
1886          <span class="hf-period hf-period-text">per month</span>
1887        </div>
1888        <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-startup-59-m" target="_blank" class="hf-plan-btn light papi-btn-startup-pricing">Start for $1</a>
1889        <div class="hf-card-features-block">
1890        <ul class="hf-feature-list">
1891          <li class="yes">Access to Selected models</li>
1892          <li class="yes">Parallel generation: up to 10 videos and 10 images</li>
1893          <li class="no">Seedance 2.5 Unlimited</li>
1894          <li class="yes">Export in HD, 2K, and 4K</li>
1895          <li class="yes">All the latest image models</li>
1896          <li class="yes">Unlimited AI scripts</li>
1897          <li class="no">Early access to advanced AI features</li>
1898          <li class="no">The lowest cost per credit</li>
1899        </ul>
1900        <div class="hf-unavailable-panel">
1901          <div class="hf-unavailable-head">
1902            <svg class="hf-unavailable-lock" width="16" height="16" viewB
1902ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M5.11111 7.33332V4.44443C5.11111 2.84888 6.40445 1.55554 8 1.55554C9.59556 1.55554 10.8889 2.84888 10.8889 4.44443V7.33332" stroke="#5C5C69" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 10.4445V11.3333" stroke="#5C5C69" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.3333 7.33337H4.66666C3.68482 7.33337 2.88889 8.12931 2.88889 9.11115V12.6667C2.88889 13.6485 3.68482 14.4445 4.66666 14.4445H11.3333C12.3152 14.4445 13.1111 13.6485 13.1111 12.6667V9.11115C13.1111 8.12931 12.3152 7.33337 11.3333 7.33337Z" stroke="#5C5C69" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
1903            <span>Unlimited unavailable:</span>
1904          </div>
1905          <ul class="hf-unavailable-list">
1906            <li class="no">7-day Nano Banana 2</li>
1907            <li class="no">7-day Nano Banana Pro</li>
1908            <li class="no">30-day Seedance 2.5</li>
1909          </ul>
1910        </div>
1911        <div class="hf-pro-unlimited-panel">
1912          <div class="hf-pro-unlimited-head">
1913            <svg class="hf-pro-unlimited-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#E12AFB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
1914            <span>365-day unlimited &amp; free gens</span>
1915          </div>
1916          <ul class="hf-pro-unlimited-list">
1917            <li class="yes"><span class="hf-pro-unlimited-label">Nano Banana 2</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">2K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li>
1918            <li class="no"><span class="hf-pro-unlimited-label">Nano Banana Pro</span></li>
1919            <li class="no"><span class="hf-pro-unlimited-label">Seedance 2.5</span></li>
1920          </ul>
1921        </div>
1922        </div>
1923      </article>
1924
1925      <article class="hf-v2-card growth">
1926        <div class="hf-card-header">
1927          <h3>Growth <span class="hf-v2-pill sm green">50% OFF</span></h3>
1928          <p>Testing many creatives a month</p>
1929        </div>
1930        <div class="hf-credit-box">
1931          <strong><svg class="hf-credit-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="20" height="20" rx="4" fill="#337AFF" fill-opacity="0.08"/><path d="M7.40067 5.32561L6.41834 4.99817L6.0909 4.01583C5.98434 3.6985 5.45934 3.6985 5.35279 4.01583L5.02534 4.99817L4.04301 5.32561C3.88434 5.3785 3.77701 5.52705 3.77701 5.69428C3.77701 5.8615 3.88434 6.01005 4.04301 6.06294L5.02534 6.39039L5.35279 7.37272C5.40567 7.53139 5.55501 7.63872 5.72223 7.63872C5.88945 7.63872 6.03801 7.53139 6.09167 7.37272L6.41912 6.39039L7.40145 6.06294C7.56012 6.01005 7.66745 5.8615 7.66745 5.69428C7.66745 5.52705 7.55934 5.3785 7.40067 5.32561Z" fill="url(#hfV2Cr-gr-0)"/><path d="M10.1718 5.68769C10.2496 5.49098 10.5281 5.49101 10.6058 5.68773L11.8388 8.807C11.8625 8.86699 11.91 8.91449 11.97 8.93821L15.0901 10.1719C15.2868 10.2497 15.2868 10.5281 15.0901 10.6059L11.97 11.8396C11.91 11.8633 11.8625 11.9108 11.8388 11.9708L10.6058 15.0901C10.5281 15.2868 10.2496 15.2869 10.1718 15.0901L8.93817 11.9708C8.91445 11.9108 8.86697 11.8633 8.807 11.8396L5.68752 10.6059C5.49082 10.5281 5.49083 10.2497 5.68752 10.1719L8.807 8.9382C8.86697 8.91448 8.91445 8.867 8.93817 8.80703L10.1718 5.68769Z" stroke="url(#hfV2Cr-gr-1)" stroke-width="0.933333" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="hfV2Cr-gr-0" x1="0.38454" y1="2.49087" x2="9.23094" y2="-0.515365" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient><linearGradient id="hfV2Cr-gr-1" x1="-4.01711" y1="1.63892" x2="19.8961" y2="-6.42567" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient></defs></svg>1,000 credits / mo</strong>
1932          <p>Scale your ad creative testing</p>
1933          <p>
1933Batch Mode included</p>
1934          <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Fixed amount of 1,000 credits/mo</span></div>
1935        </div>
1936        <div class="hf-price">
1937          <span class="hf-old-price">$79</span>
1938          <span class="hf-amount papi-growth-pricing">$79</span>
1939          <span class="hf-period hf-period-text">per month</span>
1940        </div>
1941        <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-growth-79-m" target="_blank" class="hf-plan-btn lime papi-btn-growth-pricing">Start for $1</a>
1942        <div class="hf-card-features-block">
1943        <ul class="hf-feature-list">
1944          <li class="yes">Access to all AI models</li>
1945          <li class="yes">Parallel generation: up to 10 videos and 10 images</li>
1946          <li class="no">Seedance 2.5 Unlimited</li>
1947          <li class="yes">Export in HD, 2K, and 4K</li>
1948          <li class="yes">All the latest image models</li>
1949          <li class="yes">Unlimited AI scripts</li>
1950          <li class="yes">Early access to advanced AI features</li>
1951          <li class="no">The lowest cost per credit</li>
1952        </ul>
1953        <div class="hf-available-panel">
1954          <div class="hf-available-head">
1955            <svg class="hf-available-lock" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><g clip-path="url(#hfV2Av-gr-clip)"><path d="M6.44444 7.33332V4.44443C6.44444 2.84888 5.15111 1.55554 3.55556 1.55554C1.96 1.55554 0.666667 2.84888 0.666667 4.44443V5.55554" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.44444 10.4445V11.3333" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7778 7.33337H5.11111C4.12927 7.33337 3.33333 8.12931 3.33333 9.11115V12.6667C3.33333 13.6485 4.12927 14.4445 5.11111 14.4445H11.7778C12.7596 14.4445 13.5556 13.6485 13.5556 12.6667V9.11115C13.5556 8.12931 12.7596 7.33337 11.7778 7.33337Z" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="hfV2Av-gr-clip"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>
1956            <span>Unlimited available in 2K:</span>
1957          </div>
1958          <ul class="hf-available-list">
1959            <li class="yes"><span class="hf-available-label">7-day Nano Banana 2</span><span class="hf-pill unlimited">Unlimited</span></li>
1960            <li class="no"><span class="hf-available-label">7-day Nano Banana Pro</span></li>
1961            <li class="no"><span class="hf-available-label">30-day Seedance 2.5</span></li>
1962          </ul>
1963        </div>
1964        <div class="hf-pro-unlimited-panel">
1965          <div class="hf-pro-unlimited-head">
1966            <svg class="hf-pro-unlimited-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#E12AFB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
1967            <span>365-day unlimited &amp; free gens</span>
1968          </div>
1969          <ul class="hf-pro-unlimited-list">
1970            <li class="yes"><span class="hf-pro-unlimited-label">Nano Banana 2</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">2K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li>
1971            <li class="no"><span class="hf-pro-unlimited-label">Nano Banana Pro</span></li>
1972            <li class="no"><span class="hf-pro-unlimited-label">Seedance 2.5</span></li>
1973          </ul>
1974        </div>
1975        </div>
1976      </article>
1977
1978      <div class="hf-v2-card-pro-wrap">
1979        <div class="hf-v2-best-value"><svg class="hf-v2-best-value-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M15.3005 8.12056H9.95255L10.2699 2.46822C10.2827 2.23882 10.0053 2.13165 9.87464 2.3155L3.38465 11.4499C3.25888 11.6269 3.37866 11.8793 3.58844 11.8793H8.93631L8.61899 17.5317C8.60616 17.7611 8.88356 17.8682 9.01422 17.6844L15.5043 8.55003C15.63 8.37304 15.5103 8.12056 15.3005 8.12056Z" stroke="#FBFCFF" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Best value</span></div>
1980        <article class="hf-v2-card pro">
1981          <div class="hf-card-header">
1982            <h3>Pro <span class="hf-v2-pill sm green">50% OFF</span> <span class="hf-v2-pill sm purple">Best value</span></h3>
1983            <p>For growing teams and power users</p>
1984          </div>
1985          <div class="hf-pro-tier-picker" data-pro-tier-picker>
1986            <strong class="hf-pro-tier-summary"><svg class="hf-credit-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="20" height="20" rx="4" fill="#337AFF" fill-opacity="0.08"/><path d="M7.40067 5.32561L6.41834 4.99817L6.0909 4.01583C5.98434 3.6985 5.45934 3.6985 5.35279 4.01583L5.02534 4.99817L4.04301 5.32561C3.88434 5.3785 3.77701 5.52705 3.77701 5.69428C3.77701 5.8615 3.88434 6.01005 4.04301 6.06294L5.02534 6.39039L5.35279 7.37272C5.40567 7.53139 5.55501 7.63872 5.72223 7.63872C5.88945 7.63872 6.03801 7.53139 6.09167 7.37272L6.41912 6.39039L7.40145 6.06294C7.56012 6.01005 7.66745 5.8615 7.66745 5.69428C7.66745 5.52705 7.55934 5.3785 7.40067 5.32561Z" fill="url(#hfV2Cr-pr-mo-0)"/><path d="M10.1718 5.68769C10.2496 5.49098 10.5281 5.49101 10.6058 5.68773L11.8388 8.807C11.8625 8.86699 11.91 8.91449 11.97 8.93821L15.0901 10.1719C15.2868 10.2497 15.2868 10.5281 15.0901 10.6059L11.97 11.8396C11.91 11.8633 11.8625 11.9108 11.8388 11.9708L10.6058 15.0901C10.5281 15.2868 10.2496 15.2869 10.1718 15.0901L8.93817 11.9708C8.91445 11.9108 8.86697 11.8633 8.807 11.8396L5.68752 10.6059C5.49082 10.5281 5.49083 10.2497 5.68752 10.1719L8.807 8.9382C8.86697 8.91448 8.91445 8.867 8.93817 8.80703L10.1718 5.68769Z" stroke="url
1986(#hfV2Cr-pr-mo-1)" stroke-width="0.933333" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="hfV2Cr-pr-mo-0" x1="0.38454" y1="2.49087" x2="9.23094" y2="-0.515365" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient><linearGradient id="hfV2Cr-pr-mo-1" x1="-4.01711" y1="1.63892" x2="19.8961" y2="-6.42567" gradientUnits="userSpaceOnUse"><stop offset="0.278846" stop-color="#6CA6FF"/><stop offset="0.745192" stop-color="#337AFF"/></linearGradient></defs></svg><span class="hf-pro-tier-videos">2,000 credits / mo</span></strong>
1987            <p class="hf-pro-tier-detail">Product in hand videos</p>
1988            <p class="hf-pro-tier-detail">Video Agent &amp; PDF to Video</p>
1989            <div class="hf-pro-tier-slider" role="group" aria-label="Choose Pro plan tier">
1990              <div class="hf-pro-tier-track-wrap">
1991                <div class="hf-pro-tier-track" aria-hidden="true">
1992                  <div class="hf-pro-tier-fill" data-pro-tier-fill></div>
1993                </div>
1994                <input type="range" class="hf-pro-tier-range" min="0" max="2" step="1" value="0" aria-label="Pro plan price tier" />
1995              </div>
1996              <div class="hf-pro-tier-ticks">
1997                <button type="button" class="hf-pro-tier-tick is-active" data-tier-index="0"><span class="hf-pro-tier-tick-price">2,000</span></button>
1998                <button type="button" class="hf-pro-tier-tick" data-tier-index="1"><span class="hf-pro-tier-tick-price">3,000</span></button>
1999                <button type="button" class="hf-pro-tier-tick" data-tier-index="2"><span class="hf-pro-tier-tick-price">5,000</span></button>
2000              </div>
2001            </div>
2002          </div>
2003          <div class="hf-pro-price-block">
2004            <div class="hf-price">
2005              <span class="hf-old-price">$149</span>
2006              <span class="hf-amount papi-pro-pricing">$1</span>
2007              <span class="hf-period hf-period-text">per month</span>
2008            </div>
2009            <p class="hf-pro-renew-note hf-pro-monthly-only" data-pro-renew-note>Renews at $149</p>
2010          </div>
2011          <a href="https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-pro-149-m" target="_blank" class="hf-plan-btn pro-btn papi-btn-pro-pricing">Start for $1</a>
2012          <div class="hf-card-features-block">
2013          <ul class="hf-feature-list">
2014            <li class="yes">Access to all AI models</li>
2015            <li class="yes">Parallel generation: up to 10 videos and 10 images</li>
2016            <li class="yes">Seedance 2.5 Unlimited</li>
2017            <li class="yes">Export in HD, 2K, and 4K</li>
2018            <li class="yes">All the latest image models</li>
2019            <li class="yes">Unlimited AI scripts</li>
2020            <li class="yes">Early access to advanced AI features</li>
2021            <li class="yes">The lowest cost per credit <span class="hf-pill green">3X CHEAPER</span></li>
2022          </ul>
2023          <div class="hf-available-panel">
2024            <div class="hf-available-head">
2025              <svg class="hf-available-lock" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><g clip-path="url(#hfV2Av-pr-clip)"><path d="M6.44444 7.33332V4.44443C6.44444 2.84888 5.15111 1.55554 3.55556 1.55554C1.96 1.55554 0.666667 2.84888 0.666667 4.44443V5.55554" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.44444 10.4445V11.3333" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7778 7.33337H5.11111C4.12927 7.33337 3.33333 8.12931 3.33333 9.11115V12.6667C3.33333 13.6485 4.12927 14.4445 5.11111 14.4445H11.7778C12.7596 14.4445 13.5556 13.6485 13.5556 12.6667V9.11115C13.5556 8.12931 12.7596 7.33337 11.7778 7.33337Z" stroke="#337AFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="hfV2Av-pr-clip"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>
2026              <span>Unlimited available in 2K:</span>
2027            </div>
2028            <ul class="hf-available-list">
2029              <li class="yes"><span class="hf-available-label">7-day Nano Banana 2</span><span class="hf-pill unlimited">Unlimited</span></li>
2030              <li class="yes"><span class="hf-available-label">7-day Nano Banana Pro</span><span class="hf-pill unlimited">Unlimited</span></li>
2031              <li class="yes"><span class="hf-available-label">30-day Seedance 2.5</span><span class="hf-pill unlimited">Unlimited</span></li>
2032            </ul>
2033          </div>
2034          <div class="hf-pro-unlimited-panel">
2035            <div class="hf-pro-unlimited-head">
2036              <svg class="hf-pro-unlimited-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#E12AFB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
2037              <span>365-day unlimited &amp; free gens</span>
2038            </div>
2039            <ul class="hf-pro-unlimited-list">
2040              <li class="yes"><span class="hf-pro-unlimited-label">Nano Banana 2</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">4K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li>
2041              <li class="yes"><span class="hf-pro-unlimited-label">Nano Banana Pro</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">4K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li>
2042              <li class="yes"><span class="hf-pro-unlimited-label">Seedance 2.5</span><span class="hf-pro-unlimited-tags"><span class="hf-pill resolution">4K</span><span class="hf-pill unlimited-pro">Unlimited</span></span></li>
2043            </ul>
2044          </div>
2045          </div>
2046        </article>
2047      </div>
2048
2049      <article class="hf-v2-card enterprise">
2050        <div class="hf-card-header">
2051          <h3>Enterprise <span class="hf-v2-pill sm pink">Unlimited access</span></h3>
2052          <p>For brands who need more</p>
2053        </div>
2054        <div class="hf-credit-box">
2055          <strong><svg class="hf-credit-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="20" height="20" rx="4" fill="#337AFF" fill-opacity="0.08"/><g clip-path="url(#hfV2Cr-en-clip)"><path d="M11.75 15.6389V13.6945H13.0247C13.8406 13.6945 14.5173 13.0645 14.5764 12.2509L14.6635 11.0508L15.8333 10.5834L14.6666 9.02781C14.6666 6.12203 12.0105 3.83615 8.9943 4.46615C7.23186 4.83403 5.80775 6.25892 5.43908 8.02059C4.9763 10.2341 6.09241 12.2346 7.86108 13.1539V15.6389" stroke="#7489FF" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5274 8.44421C12.6347 8.44421 12.7216 8.53131 12.7217 8.63855C12.7217 8.74594 12.6348 8.83289 12.5274 8.83289C12.4202 8.83271 12.3331 8.74583 12.3331 8.63855C12.3332 8.53142 12.4203 8.44439 12.5274 8.44421Z" fill="#7489FF" stroke="#7489FF" stroke-width="0.777778"/></g><defs><clipPath id="hfV2Cr-en-clip"><rect x="3" y="3" width="14" height="14" rx="2.8" fill="white"/></clipPath></defs></svg>Dedicated support &amp; API</strong>
2056          <p>Creative strategist included</p>
2057          <p>Custom AI workflows</p>
2058          <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Everything in Pro + enterprise perks</span></div>
2059        </div>
2060        <div class="hf-price">
2061          <span class="hf-from">Custom</span>
2062          <span class="hf-period">pricing for your team</span>
2063        </div>
2064        <a href="https://calendly.com/makeugc/talkwithme" target="_blank" class="hf-plan-btn blue-btn">Explore Plans</a>
2065        <p class="hf-save">Flexible billing tailored to your team</p>
2066        <ul class="hf-feature-list">
2067          <li class="yes">Everything in Pro</li>
2068          <li class="yes">Dedicated Slack channel</li>
2069          <li class="yes">Creative strategist</li>
2070          <li class="yes">API Access</li>
2071          <li class="yes">1-on-1 strategy calls</li>
2072        </ul>
2073        <div class="hf-team-section">
2074          <h4>WORKSPACE &amp; COLLABORATION</h4>
2075          <ul>
2076            <li class="yes">ElevenLabs voice integration</li>
2077            <li class="yes">AI scripting</li>
2078            <li class="yes">AI media buyer</li>
2079            <li class="yes">Custom AI workflows</li>
2080          </ul>
2081        </div>
2082        <div class="hf-team-section">
2083          <h4>PERSONALIZED EXPERIENCE</h4>
2084          <ul>
2085            <li class="yes">Dedicated capacity SLA</li>
2086            <li class="yes">Priority queue</li>
2087            <li class="yes">Personal Slack Support</li>
2088            <li class="yes">Volume based discounts</li>
2089          </ul>
2090        </div>
2091      </article>
2092    </div>
2093
2094          <div class="hf-v2-grid hf-v2-grid-api hf-panel-api">
2095      <article class="hf-v2-card api-starter">
2096        <div class="hf-card-header">
2097          <h3>API Starter</h3>
2098          <p>For testing, prototyping, and low-volume use</p>
2099        </div>
2100        <div class="hf-credit-box">
2101          <strong>2,000 credits / mo</strong>
2102          <p>500+ realistic AI creators</p>
2103          <p>API access for integrations</p>
2104          <div class="hf-fixed">
2104<svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Fixed amount of 2,000 credits/mo</span></div>
2105        </div>
2106        <div class="hf-price">
2107          <span class="hf-old-price">$99</span>
2108          <span class="hf-amount papi-api-starter">$99</span>
2109          <span class="hf-period hf-period-text">per month</span>
2110        </div>
2111        <a href="#" data-checkout="price_1Tb0YrLUR872TBc87EMU6cNN" class="hf-plan-btn light papi-btn-api-starter">Choose plan</a>
2112        <ul class="hf-feature-list">
2113          <li class="yes">2,000 credits / mo</li>
2114          <li class="yes">500+ realistic AI creators</li>
2115          <li class="yes">50+ languages available</li>
2116          <li class="yes">Fast 2-min processing</li>
2117          <li class="yes">B-roll generator</li>
2118          <li class="yes">Image generator</li>
2119          <li class="yes">Batch Mode</li>
2120          <li class="yes">Product in hand</li>
2121          <li class="yes">Custom AI avatar</li>
2122        </ul>
2123      </article>
2124
2125      <div class="hf-v2-card-pro-wrap">
2126        <div class="hf-v2-best-value"><svg class="hf-v2-best-value-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M15.3005 8.12056H9.95255L10.2699 2.46822C10.2827 2.23882 10.0053 2.13165 9.87464 2.3155L3.38465 11.4499C3.25888 11.6269 3.37866 11.8793 3.58844 11.8793H8.93631L8.61899 17.5317C8.60616 17.7611 8.88356 17.8682 9.01422 17.6844L15.5043 8.55003C15.63 8.37304 15.5103 8.12056 15.3005 8.12056Z" stroke="#FBFCFF" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Best value</span></div>
2127        <article class="hf-v2-card api-pro pro">
2128          <div class="hf-card-header">
2129            <h3>API Pro <span class="hf-v2-pill sm orange">Best value</span></h3>
2130            <p>Designed for production systems and scalable workloads</p>
2131          </div>
2132          <div class="hf-credit-box">
2133            <strong>6,000 credits / mo</strong>
2134            <p>Everything in API Starter</p>
2135            <p>Higher concurrency &amp; priority queue</p>
2136            <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Fixed amount of 6,000 credits/mo</span></div>
2137          </div>
2138          <div class="hf-price">
2139            <span class="hf-old-price">$299</span>
2140            <span class="hf-amount papi-api-pro">$299</span>
2141            <span class="hf-period hf-period-text">per month</span>
2142          </div>
2143          <a href="#" data-checkout="price_1Tb0fHLUR872TBc8sN9zXAzI" class="hf-plan-btn pink-btn papi-btn-api-pro">Choose plan</a>
2144          <ul class="hf-feature-list">
2145            <li class="yes">Everything in API Starter</li>
2146            <li class="yes">6,000 credits / mo</li>
2147            <li class="yes">Higher Concurrency (5x)</li>
2148            <li class="yes">Priority Queue</li>
2149            <li class="yes">Scalable API workloads</li>
2150            <li class="yes">Priority processing</li>
2151          </ul>
2152        </article>
2153      </div>
2154
2155      <article class="hf-v2-card api-enterprise enterprise">
2156        <div class="hf-card-header">
2157          <h3>Enterprise <span class="hf-v2-pill sm pink">Custom</span></h3>
2158          <p>For enterprises that need volume-based discounts and custom terms</p>
2159        </div>
2160        <div class="hf-credit-box">
2161          <strong>Volume-based API pricing</strong>
2162          <p>Custom integration support</p>
2163          <p>Developer support via Slack</p>
2164          <div class="hf-fixed"><svg class="hf-fixed-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.44446 8.22224L6.00001 12.6667L13.3333 4.44446" stroke="#337AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>Everything in API Pro + enterprise perks</span></div>
2165        </div>
2166        <div class="hf-price">
2167          <span class="hf-from">Talk to sales</span>
2168          <span class="hf-period">custom pricing for your team</span>
2169        </div>
2170        <a href="https://calendly.com/makeugc/talkwithme" target="_blank" class="hf-plan-btn blue-btn">Book a call</a>
2171        <ul class="hf-feature-list">
2172          <li class="yes">Everything in API Pro</li>
2173          <li class="yes">Volume-Based Discount</li>
2174          <li class="yes">White-Label License</li>
2175          <li class="yes">Developer Support via Slack</li>
2176          <li class="yes">Custom Integration</li>
2177        </ul>
2178      </article>
2179    </div>
2180
2181    </div>
2182
2183    
2184  </div>
2185</section>
2186
2187<script>(function(){const checkoutBase = "https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/";
2188const CREDIT_RATE = 100;
2189
2190document.addEventListener("DOMContentLoaded", function () {
2191  const root = document.getElementById("pricing-v2");
2192  if (!root) return;
2193
2194  const tabs = root.querySelectorAll("[data-hf-tab]");
2195  const billingBtns = root.querySelectorAll("[data-billing]");
2196  const periodTexts = root.querySelectorAll(".hf-period-text");
2197  let switchTimer;
2198  let billingPeriod = "monthly";
2199
2200  const PERIOD_COPY = {
2201    monthly: "per month",
2202    quarterly: "per month, billed quarterly",
2203    yearly: "per month, billed annually",
2204  };
2205
2206  const DISCOUNT_COPY = {
2207    quarterly: "30% OFF",
2208    yearly: "50% OFF",
2209  };
2210
2211  const PLAN_BILLING = {
2212    "papi-startup-pricing": {
2213      buttonClass: "papi-btn-startup-pricing",
2214      monthly: { price: 59, strike: 89, url: checkoutBase + "trial72h-startup-59-m" },
2215      quarterly: { price: 41, strike: 59, url: checkoutBase + "trial24h_startup_quarterly_59" },
2216      yearly: { price: 29, strike: 59, url: checkoutBase + "trial24h-yearly-startup-59" },
2217    },
2218    "papi-growth-pricing": {
2219      buttonClass: "papi-btn-growth-pricing",
2220      monthly: { price: 79, strike: 119, url: checkoutBase + "trial72h-growth-79-m" },
2221      quarterly: { price: 55, strike: 79, url: checkoutBase + "trial24h-quarterly-growth-79" },
2222      yearly: { price: 39, strike: 79, url: checkoutBase + "trial24h-yearly-growth-79" },
2223    },
2224    "papi-api-starter": {
2225      buttonClass: "papi-btn-api-starter",
2226      monthly: { price: 99, strike: 149, checkout: "price_1Tb0YrLUR872TBc87EMU6cNN" },
2227      yearly: { price: 50, strike: 99, checkout: "price_1TbijkLUR872TBc8GIacEopK" },
2228    },
2229    "papi-api-pro": {
2230      buttonClass: "papi-btn-api-pro",
2231      monthly: { price: 299, strike: 449, checkout: "price_1Tb0fHLUR872TBc8sN9zXAzI" },
2232      yearly: { price: 150, strike: 299, checkout: "price_1TbikiLUR872TBc88K2k5lEG" },
2233    },
2234  };
2235
2236  const PRO_TIERS = {
2237    monthly: [
2238      {
2239        videos: 20,
2240        price: 1,
2241        strike: 149,
2242        renewNote: "Renews at $149",
2243        url: checkoutBase + "trial72h-pro-149-m",
2244      },
2245      {
2246        videos: 30,
2247        price: 1,
2248        strike: 199,
2249        renewNote: "Renews at $199",
2250        url: checkoutBase + "trial72h-pro-199-m",
2251      },
2252      {
2253        videos: 50,
2254        price: 1,
2255        strike: 249,
2256        renewNote: "Renews at $249",
2257        url: checkoutBase + "trial72h-pro-249-m",
2258      },
2259    ],
2260    quarterly: [
2261      {
2262        videos: 20,
2263        price: 104,
2264        strike: 149,
2265        url: checkoutBase + "trial24h-quarterly-pro-149",
2266      },
2267      {
2268        videos: 30,
2269        price: 139,
2270        strike: 199,
2271        url: checkoutBase + "trial24h-quarterly-pro-199",
2272      },
2273      {
2274        videos: 50,
2275        price: 174,
2276        strike: 249,
2277        url: checkoutBase + "trial24h-quarterly-pro-249",
2278      },
2279    ],
2280    yearly: [
2281      {
2282        videos: 20,
2283        price: 79,
2284        strike: 149,
2285        url: checkoutBase + "trial24h-yearly-pro-149",
2286      },
2287      {
2288        videos: 30,
2289        price: 99,
2290        strike: 199,
2291        url: checkoutBase + "trial24h-yearly-pro-199",
2292      },
2293      {
2294        videos: 50,
2295        price: 129,
2296        strike: 249,
2297        url: checkoutBase + "trial24h-yearly-pro-249",
2298      },
2299    ],
2300  };
2301
2302  const proCard = root.querySelector(".hf-panel-platform .hf-v2-card.pro");
2303  const proPicker = root.querySelector("[data-pro-tier-picker]");
2304  const proRange = proPicker && proPicker.querySelector(".hf-pro-tier-range");
2305  const proFill = proPicker && proPicker.querySelector("[data-pro-tier-fill]");
2306
2307  function getProTierIndex() {
2308    if (!proRange) return 0;
2309    return Number(proRange.value) || 0;
2310  }
2311
2312  function formatCreditsPerMonth(internal) {
2313    return (internal * CREDIT_RATE).toLocaleString("en-US") + " credits / mo";
2314  }
2315
2316  function formatUsd(amount) {
2317    return "$" + Math.round(amount);
2318  }
2319
2320  function syncProTier() {
2321    if (!proCard || !proPicker) return;
2322
2323    const tiers = PRO_TIERS[billingPeriod] || PRO_TIERS.monthly;
2324    const priceEl = proCard.querySelector(".papi-pro-pricing");
2325    const oldEl = proCard.querySelector(".hf-old-price");
2326    const btn = proCard.querySelector(".papi-btn-pro-pricing");
2327    const renewEl = proCard.querySelector("[data-pro-renew-note]");
2328    const periodEl = proCard.querySelector(".hf-period-text");
2329    const videosEl = proPicker.querySelector(".hf-pro-tier-videos");
2330    const fallback = tiers[0];
2331    const tier = tiers[getProTierIndex()] || fallback;
2332
2333    if (priceEl) priceEl.textContent = formatUsd(tier.price);
2334    if (oldEl) {
2335      if (tier.strike == null) {
2336        oldEl.style.display = "none";
2337      } else {
2338        oldEl.style.display = "";
2339        oldEl.textContent = formatUsd(tier.strike);
2340      }
2341    }
2342    if (renewEl) {
2343      renewEl.textContent =
2344        billingPeriod === "monthly" ? tier.renewNote || "" : "";
2345    }
2346    if (videosEl) videosEl.textContent = formatCreditsPerMonth(tier.videos);
2347    if (periodEl) periodEl.style.display = billingPeriod === "monthly" ? "n
2347one" : "";
2348    if (btn && tier.url) btn.setAttribute("href", tier.url);
2349
2350    if (proFill && proRange) {
2351      const max = Number(proRange.max) || tiers.length - 1;
2352      proFill.style.width = max > 0 ? (getProTierIndex() / max) * 100 + "%" : "0%";
2353    }
2354
2355    proPicker.querySelectorAll(".hf-pro-tier-tick").forEach(function (tick) {
2356      const idx = Number(tick.getAttribute("data-tier-index"));
2357      tick.classList.toggle("is-active", idx === getProTierIndex());
2358    });
2359    if (proRange) proRange.setAttribute("aria-valuenow", String(getProTierIndex()));
2360  }
2361
2362  function syncPlanPrices() {
2363    Object.keys(PLAN_BILLING).forEach(function (planClass) {
2364      const plan = PLAN_BILLING[planClass];
2365      const isApiPlan = planClass.indexOf("papi-api-") === 0;
2366      // API has no quarterly — always monthly or yearly only
2367      const periodKey =
2368        isApiPlan && billingPeriod === "quarterly" ? "monthly" : billingPeriod;
2369      const period = plan[periodKey] || plan.monthly;
2370      root.querySelectorAll("." + planClass).forEach(function (el) {
2371        el.textContent = formatUsd(period.price);
2372        const priceBox = el.closest(".hf-price");
2373        const oldEl = priceBox && priceBox.querySelector(".hf-old-price");
2374        if (oldEl) oldEl.textContent = formatUsd(period.strike);
2375      });
2376      if (plan.buttonClass) {
2377        root.querySelectorAll("." + plan.buttonClass).forEach(function (btn) {
2378          if (period.url) btn.setAttribute("href", period.url);
2379          if (period.checkout) btn.setAttribute("data-checkout", period.checkout);
2380        });
2381      }
2382    });
2383    syncProTier();
2384  }
2385
2386  function syncDiscountPills() {
2387    const label = DISCOUNT_COPY[billingPeriod] || "";
2388    root.querySelectorAll(".hf-card-header .hf-v2-pill.green").forEach(function (pill) {
2389      if (label) pill.textContent = label;
2390    });
2391  }
2392
2393  function initProTierPicker() {
2394    if (!proPicker || !proRange) return;
2395
2396    proRange.addEventListener("input", syncProTier);
2397    proPicker.querySelectorAll(".hf-pro-tier-tick").forEach(function (tick) {
2398      tick.addEventListener("click", function () {
2399        const idx = tick.getAttribute("data-tier-index");
2400        if (idx == null) return;
2401        proRange.value = idx;
2402        syncProTier();
2403      });
2404    });
2405    syncProTier();
2406  }
2407
2408  tabs.forEach((tab) => {
2409    tab.addEventListener("click", () => {
2410      if (tab.classList.contains("w--current")) return;
2411      const isApi = tab.getAttribute("data-hf-tab") === "api";
2412      tabs.forEach((t) => {
2413        const on = t === tab;
2414        t.classList.toggle("w--current", on);
2415        t.setAttribute("aria-selected", on ? "true" : "false");
2416      });
2417      root.classList.add("is-switching");
2418      root.classList.toggle("api-mode", isApi);
2419      // API has no quarterly — fall back to monthly when switching tabs
2420      if (isApi && billingPeriod === "quarterly") {
2421        billingPeriod = "monthly";
2422        syncBillingUi();
2423      }
2424      clearTimeout(switchTimer);
2425      switchTimer = setTimeout(function () {
2426        root.classList.remove("is-switching");
2427      }, 450);
2428    });
2429  });
2430
2431  function syncBillingUi() {
2432    root.classList.toggle("is-yearly", billingPeriod === "yearly");
2433    root.classList.toggle("is-quarterly", billingPeriod === "quarterly");
2434    periodTexts.forEach(function (el) {
2435      el.textContent = PERIOD_COPY[billingPeriod] || PERIOD_COPY.monthly;
2436    });
2437    billingBtns.forEach(function (btn) {
2438      const on = btn.getAttribute("data-billing") === billingPeriod;
2439      btn.classList.toggle("is-active", on);
2440      btn.setAttribute("aria-checked", on ? "true" : "false");
2441    });
2442    syncDiscountPills();
2443    syncPlanPrices();
2444  }
2445
2446  billingBtns.forEach(function (btn) {
2447    btn.addEventListener("click", function () {
2448      const next = btn.getAttribute("data-billing");
2449      if (!next || next === billingPeriod) return;
2450      billingPeriod = next;
2451      syncBillingUi();
2452    });
2453  });
2454
2455  syncBillingUi();
2456  initProTierPicker();
2457  window.addEventListener("load", syncProTier);
2458
2459  function initOfferCountdown() {
2460    const offer = root.querySelector(".hf-v2-offer");
2461    if (!offer) return;
2462
2463    const endKey = "hf-v2-offer-end";
2464    let end = Number(localStorage.getItem(endKey));
2465    if (!end || end < Date.now()) {
2466      end = Date.now() + 24 * 60 * 60 * 1000;
2467      localStorage.setItem(endKey, String(end));
2468    }
2469
2470    const daysEl = root.querySelector(".hf-v2-cd-days");
2471    const hoursEl = root.querySelector(".hf-v2-cd-hours");
2472    const minsEl = root.querySelector(".hf-v2-cd-mins");
2473    const secsEl = root.querySelector(".hf-v2-cd-secs");
2474    const pad = function (n) {
2475      return String(n).padStart(2, "0");
2476    };
2477
2478    function tick() {
2479      const diff = Math.max(0, end - Date.now());
2480      const s = Math.floor(diff / 1000);
2481      const d = Math.floor(s / 86400);
2482      const h = Math.floor((s % 86400) / 3600);
2483      const m = Math.floor((s % 3600) / 60);
2484      const sec = s % 60;
2485      if (daysEl) daysEl.textContent = pad(d);
2486      if (hoursEl) hoursEl.textContent = pad(h);
2487      if (minsEl) minsEl.textContent = pad(m);
2488      if (secsEl) secsEl.textContent = pad(sec);
2489    }
2490
2491    tick();
2492    setInterval(tick, 1000);
2493  }
2494
2495  initOfferCountdown();
2496});
2497})();</script>
2497
2498  
2499    <section class="section">
2500      <div class="container-2">
2501        <div class="top-part-cases v2">
2502          <div class="cases-heading_wrapper v2">
2503            <p class="par _18 v2-1">Our cases</p>
2504            <h2 class="h2-2 v2">Best results with MakeUGC</h2>
2505            <div class="text-block-33">Brands scaling faster &amp; cheaper with AI UGC.</div>
2506          </div>
2507        </div>
2508        <div class="swiper cases-1">
2509          <div class="swiper-wrapper cases-2">
2510            <div class="swiper-slide case-box">
2511              <div class="left-side_cases">
2512                <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_adayinhistory.svg" loading="lazy" alt="" class="image-cases">
2513                  <div class="name-wrapper-top-part-left-cases">
2514                    <div class="name-top-part-left-cases">Waynes Reeves</div>
2515                    <div class="info-name-top-part-left-cases">
2516                      <div class="info-actual-top-part-left-cases">Founder</div>
2517                    </div>
2518                  </div>
2519                </div>
2520                <h2 class="heading-cases">3X–4X ROAS across campaigns, with +10% upsell post-purchase baked in. add this as text</h2>
2521                <div class="bottom-part-cases"><img sizes="(max-width: 1911px) 100vw, 1911px" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png 1911w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png" loading="lazy" class="image-15"></div>
2522              </div>
2523              <div class="right_side_cases">
2524                <div class="code-embed w-embed">
2525                  <style>
2526.styled-video {
2527  border-radius: 16px;
2528  overflow: hidden;
2529  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2530  border: 1px solid rgba(255, 255, 255, 0.1);
2531}
2532</style>
2533                  <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_2.mov" controls="" width="100%" class="styled-video">
2534                  </video>
2535                </div>
2536              </div>
2537            </div>
2538            <div class="swiper-slide case-box">
2539              <div class="left-side_cases">
2540                <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/Screenshot-2025-07-29-at-20.42.35-3.svg" loading="lazy" alt="" class="image-cases">
2541                  <div class="name-wrapper-top-part-left-cases">
2542                    <div class="name-top-part-left-cases">Jordan Welch</div>
2543                    <div class="info-name-top-part-left-cases">
2544                      <div class="info-actual-top-part-left-cases">DTC Brand Owner</div>
2545                    </div>
2546                  </div>
2547                </div>
2548                <h2 class="heading-cases">Running AI ads since May 2 — strong performance on a high-fatigue product using green screen avatars over B-roll footage.</h2>
2549                <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab
25490c_PHOTO-2025-08-07-00-57-32-1-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2000.png 2000w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2600.png 2600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png 2653w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png" loading="lazy" class="image-15"></div>
2550              </div>
2551              <div class="right_side_cases">
2552                <div class="code-embed-copy w-embed">
2553                  <style>
2554.styled-video {
2555  border-radius: 16px;
2556  overflow: hidden;
2557  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2558  border: 1px solid rgba(255, 255, 255, 0.1);
2559}
2560</style>
2561                  <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_1.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_1.mp4" controls="" width="100%" class="styled-video">
2562                  </video>
2563                </div>
2564              </div>
2565            </div>
2566            <div class="swiper-slide case-box">
2567              <div class="left-side_cases">
2568                <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/nano_foam_icon.svg" loading="lazy" alt="" class="image-cases">
2569                  <div class="name-wrapper-top-part-left-cases">
2570                    <div class="name-top-part-left-cases">Eileen Lee</div>
2571                    <div class="info-name-top-part-left-cases">
2572                      <div class="info-actual-top-part-left-cases">Senior marketing Nano Foam</div>
2573                    </div>
2574                  </div>
2575                </div>
2576                <h2 class="heading-cases">$19K in ad spend → $69K in total sales with a 3.73x ROAS</h2>
2577                <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png 1426w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png" loading="lazy" class="image-13"></div>
2578              </div>
2579              <div class="right_side_cases">
2580                <div class="code-embed w-embed">
2581                  <style>
2582.styled-video {
2583  border-radius: 16px;
2584  overflow: hidden;
2585  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2586  border: 1px solid rgba(255, 255, 255, 0.1);
2587}
2588</style>
2589                  <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_3.mp4" controls="" width="100%" class="styled-video">
2590                  </video>
2591                </div>
2592              </div>
2593            </div>
2594          </div>
2595          <div id="pagination-cases" class="pagination-cases"></div>
2596        </div>
2597        <div class="avatar_arrows only-widepc">
2598          <a id="case-left" href="#" class="arrow_cases w-inline-block">
2599            <div class="avatar_arrow_actual w-embed"><svg width="100%" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2600                <path d="M8.5 1L1.5 8M1.5 8L8.5 15M1.5 8L15.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
2601              </svg></div>
2602          </a>
2603          <a id="case-right" href="#" class="arrow_cases w-inline-block">
2604            <div class="avatar_arrow_actual w-embed"><svg width="100%" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2605                <path d="M8.5 1L15.5 8M15.5 8L8.5 15M15.5 8L1.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
2606              </svg></div>
2607          </a>
2608        </div>
2609        <div class="swiper-only-desktop cases-1 swiper">
2610          <div class="swiper-wrapper cases-2">
2611            <div class="swiper-slide case-box">
2612              <div class="div-block-13">
2613                <div class="left-side_cases">
2614                  <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_adayinhistory.svg" loading="lazy" alt="" class="image-cases">
2615                    <div class="name-wrapper-top-part-left-cases">
2616                      <div class="name-top-part-left-cases">Waynes Reeves</div>
2617                      <div class="info-name-top-part-left-cases">
2618                        <div class="info-actual-top-part-left-cases">Founder</div>
2619                      </div>
2620                    </div>
2621                  </div>
2622                  <h2 class="heading-cases">3X–4X ROAS across campaigns, with +10% upsell post-purchase baked in. add this as text</h2>
2623                  <div class="bottom-part-cases">
2623<img sizes="(max-width: 1911px) 100vw, 1911px" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png 1911w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png" loading="lazy" class="image-15"></div>
2624                </div>
2625                <div class="right_side_cases">
2626                  <div class="code-embed w-embed">
2627                    <style>
2628.styled-video {
2629  border-radius: 16px;
2630  overflow: hidden;
2631  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2632  border: 1px solid rgba(255, 255, 255, 0.1);
2633}
2634</style>
2635                    <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_2.mov" controls="" width="100%" class="styled-video">
2636                    </video>
2637                  </div>
2638                </div>
2639              </div>
2640            </div>
2641            <div class="swiper-slide-_desltop case-box swiper-slide v2">
2642              <div class="div-block-13">
2643                <div class="left-side_cases">
2644                  <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/Screenshot-2025-07-29-at-20.42.35-3.svg" loading="lazy" alt="" class="image-cases">
2645                    <div class="name-wrapper-top-part-left-cases">
2646                      <div class="name-top-part-left-cases">Jordan Welch</div>
2647                      <div class="info-name-top-part-left-cases">
2648                        <div class="info-actual-top-part-left-cases">DTC Brand Owner</div>
2649                      </div>
2650                    </div>
2651                  </div>
2652                  <h2 class="heading-cases">Running AI ads since May 2 — strong performance on a high-fatigue product using green screen avatars over B-roll footage.</h2>
2653                  <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2000.png 2000w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2600.png 2600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png 2653w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png" loading="lazy" class="image-15"></div>
2654                </div>
2655                <div class="right_side_cases">
2656                  <div class="code-embed-copy w-embed">
2657                    <style>
2658.styled-video {
2659  border-radius: 16px;
2660  overflow: hidden;
2661  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2662  border: 1px solid rgba(255, 255, 255, 0.1);
2663}
2664</style>
2665                    <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_1.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_1.mp4" controls="" width="100%" class="styled-video">
2666                    </video>
2667                  </div>
2668                </div>
2669              </div>
2670            </div>
2671            <div class="swiper-slide case-box">
2672              <div class="div-block-13">
2673                <div class="left-side_cases">
2674                  <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/nano_foam_icon.svg" loading="lazy" alt="" class="image-cases">
2675                    <div class="name-wrapper-top-part-left-cases">
2676                      <div class="name-top-part-left-cases">Eileen Lee</div>
2677                      <div class="info-name-top-part-left-cases">
2678                        <div class="info-actual-top-part-left-cases">Senior marketing Nano Foam</div>
2679                      </div>
2680                    </div>
2681                  </div>
2682                  <h2 class="heading-cases">$19K in ad spend → $69K in total sales with a 3.73x ROAS</h2>
2683                  <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png 1426w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png" loading="lazy" class="image-13"></div>
2684                </div>
2685                <div class="right_side_cases">
2686                  <div class="code-embed w-embed">
2687                    <style>
2688.styled-video {
2689  border-radius: 16px;
2690  overflow: hidden;
2691  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2692  border: 1px solid rgba(255, 255, 255, 0.1);
2693}
2694</style>
2695                    <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_3.mp4" controls="" width="100%" class="styled-video">
2696                    </video>
2697                  </div>
2698                </div>
2699              </div>
2700            </div>
2701          </div>
2702          <div id="pagination-cases" class="pagination-cases"></div>
2703          <div class="avatar_arrows">
2704            <a id="case-left" href="#" class="arrow_cases w-inline-block">
2705              <div class="avatar_arrow_actual w-embed"><svg width="100%" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2706                  <path d="M8.5 1L1.5 8M1.5 8L8.5 15M1.5 8L15.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
2707                </svg></div>
2708            </a>
2709            <a id="case-right" href="#" class="arrow_cases w-inline-block">
2710              <div class="avatar_arrow_actual w-embed"><svg width="100%" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2711                  <path d="M8.5 1L15.5 8M15.5 8L8.5 15M15.5 8L1.5 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
2712                </svg></div>
2713            </a>
2714          </div>
2715        </div>
2716        <div class="swiper-only-mobile cases-1 swiper">
2717          <div class="swiper-wrapper cases-2">
2718            <div class="swiper-slide case-box">
2719              <div class="left-side_cases">
2720                <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_adayinhistory.svg" loading="lazy" alt="" class="image-cases">
2721                  <div class="name-wrapper-top-part-left-cases">
2722                    <div class="name-top-part-left-cases">Waynes Reeves</div>
2723                    <div class="info-name-top-part-left-cases">
2724                      <div class="info-actual-top-part-left-cases">Founder</div>
2725                    </div>
2726                  </div>
2727                </div>
2728                <h2 class="heading-cases">3X–4X ROAS across campaigns, with +10% upsell post-purchase baked in. add this as text</h2>
2729                <div class="bottom-part-cases">
2729<img sizes="(max-width: 1911px) 100vw, 1911px" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/5495489cf12f064e79e65765cd9fae4a_case_study_2_new-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png 1911w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2_new.png" loading="lazy" class="image-15"></div>
2730              </div>
2731              <div class="right_side_cases">
2732                <div class="code-embed w-embed">
2733                  <style>
2734.styled-video {
2735  border-radius: 16px;
2736  overflow: hidden;
2737  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2738  border: 1px solid rgba(255, 255, 255, 0.1);
2739}
2740</style>
2741                  <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_2.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_2.mov" controls="" width="100%" class="styled-video">
2742                  </video>
2743                </div>
2744              </div>
2745            </div>
2746            <div class="swiper-slide case-box">
2747              <div class="left-side_cases">
2748                <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/Screenshot-2025-07-29-at-20.42.35-3.svg" loading="lazy" alt="" class="image-cases">
2749                  <div class="name-wrapper-top-part-left-cases">
2750                    <div class="name-top-part-left-cases">Jordan Welch</div>
2751                    <div class="info-name-top-part-left-cases">
2752                      <div class="info-actual-top-part-left-cases">DTC Brand Owner</div>
2753                    </div>
2754                  </div>
2755                </div>
2756                <h2 class="heading-cases">Running AI ads since May 2 — strong performance on a high-fatigue product using green screen avatars over B-roll footage.</h2>
2757                <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-1600.png 1600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2000.png 2000w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/e9c92a00a4ca7ceb69ef06d5e0b7ab0c_PHOTO-2025-08-07-00-57-32-1-p-2600.png 2600w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png 2653w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/PHOTO-2025-08-07-00-57-32-1.png" loading="lazy" class="image-15"></div>
2758              </div>
2759              <div class="right_side_cases">
2760                <div class="code-embed-copy w-embed">
2761                  <style>
2762.styled-video {
2763  border-radius: 16px;
2764  overflow: hidden;
2765  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2766  border: 1px solid rgba(255, 255, 255, 0.1);
2767}
2768</style>
2769                  <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_1.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_1.mp4" controls="" width="100%" class="styled-video">
2770                  </video>
2771                </div>
2772              </div>
2773            </div>
2774            <div class="swiper-slide case-box">
2775              <div class="left-side_cases">
2776                <div class="top-part-left-cases"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/nano_foam_icon.svg" loading="lazy" alt="" class="image-cases">
2777                  <div class="name-wrapper-top-part-left-cases">
2778                    <div class="name-top-part-left-cases">Eileen Lee</div>
2779                    <div class="info-name-top-part-left-cases">
2780                      <div class="info-actual-top-part-left-cases">Senior marketing Nano Foam</div>
2781                    </div>
2782                  </div>
2783                </div>
2784                <h2 class="heading-cases">$19K in ad spend → $69K in total sales with a 3.73x ROAS</h2>
2785                <div class="bottom-part-cases"><img sizes="100vw" srcset="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-500.png 500w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-800.png 800w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new-p-1080.png 1080w, https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png 1426w" alt="" src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3_image_new.png" loading="lazy" class="image-13"></div>
2786              </div>
2787              <div class="right_side_cases">
2788                <div class="code-embed w-embed">
2789                  <style>
2790.styled-video {
2791  border-radius: 16px;
2792  overflow: hidden;
2793  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
2794  border: 1px solid rgba(255, 255, 255, 0.1);
2795}
2796</style>
2797                  <video poster="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/case_study_3.jpg" src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/case_study_3.mp4" controls="" width="100%" class="styled-video">
2798                  </video>
2799                </div>
2800              </div>
2801            </div>
2802          </div>
2803          <div id="pagination-cases" class="pagination-cases"></div>
2804        </div>
2805      </div>
2806    </section>
2807    
2808  <section class="section">
2809  <div class="container-4 for-the-faq">
2810    <div class="w-layout-grid grid-4">
2811      <div class="faq-heading_and_info_wrapper v2">
2812        <p class="par _18 v2-1">FAQ</p>
2813        <h2 class="h2-2 darker v2">We've covered everything</h2>
2814        <p class="par _18 v2">Everything you need to know.</p>
2815      </div>
2816      <div class="faq_wrapper_all v2">
2817        <div class="faq_parent v2">
2818          <div class="faq_trigger">
2819            <h3 class="faq_heading">How does Unlimited work?</h3>
2820            <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
2821          </div>
2822          <div class="faq_answer">
2823            <p class="faq_par v2">Unlimited lets you generate without spending credits on supported models in your plan. Speed and concurrency may vary during peak hours.</p>
2824            <div class="faq_divider"></div>
2825          </div>
2826        </div>
2827        <div class="faq_parent v2">
2828          <div class="faq_trigger">
2829            <h3 class="faq_heading">Does Unlimited start on the $1 trial?</h3>
2830            <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
2831          </div>
2832          <div class="faq_answer">
2833            <p class="faq_par v2">No. Unlimited only activates after your $1 trial ends and your first full billing cycle begins.</p>
2834            <div class="faq_divider"></div>
2835          </div>
2836        </div>
2837        <div class="faq_parent v2">
2838          <div class="faq_trigger">
2839            <h3 class="faq_heading">How does the 365-day Unlimited promo work?</h3>
2840            <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
2841          </div>
2842          <div class="faq_answer">
2843            <p class="faq_par v2">You get one full year of unlimited generations on the specific models listed in your plan, starting from purchase. If you cancel or downgrade, access stops at the end of your current plan. If you upgrade, the 12 months continues uninterrupted. Unl
2843imited runs in the standard queue; credits always use the priority queue.</p>
2844            <div class="faq_divider"></div>
2845          </div>
2846        </div>
2847        <div class="faq_parent v2">
2848          <div class="faq_trigger">
2849            <h3 class="faq_heading">Can I change my subscription?</h3>
2850            <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
2851          </div>
2852          <div class="faq_answer">
2853            <p class="faq_par v2">Yes. Upgrades take effect immediately. Downgrades apply at the end of your current billing period.</p>
2854            <div class="faq_divider"></div>
2855          </div>
2856        </div>
2857        <div class="faq_parent v2">
2858          <div class="faq_trigger">
2859            <h3 class="faq_heading">How do I get extra credits?</h3>
2860            <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
2861          </div>
2862          <div class="faq_answer">
2863            <p class="faq_par v2">Upgrade your plan for a higher monthly limit, or buy credit packs without changing your subscription. Credits are added instantly.</p>
2864            <div class="faq_divider"></div>
2865          </div>
2866        </div>
2867        <div class="faq_parent v2">
2868          <div class="faq_trigger">
2869            <h3 class="faq_heading">How many credits do I get per month?</h3>
2870            <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
2871          </div>
2872          <div class="faq_answer">
2873            <p class="faq_par v2">It depends on your plan — 500, 1,000, or 2,000 credits per month on paid plans. Check the pricing table for details.</p>
2874            <div class="faq_divider"></div>
2875          </div>
2876        </div>
2877        <div class="faq_parent v2">
2878          <div class="faq_trigger">
2879            <h3 class="faq_heading">Does my subscription auto-renew?</h3>
2880            <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
2881          </div>
2882          <div class="faq_answer">
2883            <p class="faq_par v2">Yes. It renews automatically each billing cycle. You can cancel anytime in account settings — access continues until the end of the current period.</p>
2884            <div class="faq_divider"></div>
2885          </div>
2886        </div>
2887        <div class="faq_parent v2">
2888          <div class="faq_trigger">
2889            <h3 class="faq_heading">How do credits work?</h3>
2890            <div class="arrow_faq "><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 18.3828L15.5 12.3828L9.5 6.38281" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
2891          </div>
2892          <div class="faq_answer">
2893            <p class="faq_par v2">Each generation costs a set number of credits depending on the model, duration, and resolution. Credits refresh each billing cycle and do not roll over — unused credits expire at the end of the month.</p>
2894            <div class="faq_divider"></div>
2895          </div>
2896        </div>
2897      </div>
2898    </div>
2899  </div>
2900</section>
2901
2902  
2903    <section class="section cta action-v2 section-5">
2904      <div class="container in-the-cta v2 action-v2">
2905        <div class="div-block-109">
2906          <div class="w-layout-grid grid-8">
2907            <div class="div-block-110">
2908              <h2 class="h2 white align-left v2 action-v2">Make your video in seconds.</h2>
2909              <div class="text-block-75">Watch how fast AI makes content people can&#x27;t scroll past.</div>
2910              <div class="buttons-cta-wrapper is-full-width call-to-action">
2911                <a href="/pricing" aria-current="page" class="button in-the-faq v2 action-v2 w-inline-block w--current">
2912                  <div class="div-block-114">
2913                    <div class="text-button action-v2">Generate videos with AI</div>
2914                  </div>
2915                </a>
2916              </div>
2917            </div>
2918            <div class="div-block-111 middle">
2919              <div class="w-layout-grid grid-9">
2920                <div class="div-block-112 first">
2921                  <div class="div-block-113">
2922                    <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_1.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;">
2923                        <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_1.webm" type="video/webm">
2924                      </video></div>
2925                  </div>
2926                  <div class="div-block-113">
2927                    <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_2.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;">
2928                        <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_2.webm" type="video/webm">
2929                      </video></div>
2930                  </div>
2931                </div>
2932                <div class="div-block-112">
2933                  <div class="div-block-113">
2934                    <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_3.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;">
2935                        <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_3.webm" type="video/webm">
2936                      </video></div>
2937                  </div>
2938                  <div class="div-block-113">
2939                    <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_4.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;">
2940                        <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_4.webm" type="video/webm">
2941                      </video></div>
2942                  </div>
2943                </div>
2944                <div class="div-block-112 third">
2945                  <div class="div-block-113">
2946                    <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_5.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;">
2947                        <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_5.webm" type="video/webm">
2948                      </video></div>
2949                  </div>
2950                  <div class="div-block-113">
2951                    <div class="code-embed-4 w-embed"><video class="video-trigger" data-video="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_6.webm" autoplay="" loop="" muted="" playsinline="" preload="auto" style="width:100%;height:auto;object-fit:cover;border-radius:6px;cursor:pointer;">
2952                        <source src="https://d2j3503r68l9dj.cloudfront.net/assets/videos-compressed/call_action_6.webm" type="video/webm">
2953                      </video></div>
2954                  </div>
2955                </div>
2956              </div>
2957            </div>
2958          </div>
2959        </div>
2960      </div>
2961    </section>
2962  
2963
2964      <footer class="footer">
2965  <div class="list-wrapper-to-links w-dyn-list">
2966    <div role="list" class="list-wrapper-to-links-list w-dyn-items">
2967      <div role="listitem" class="list-wrapper-to-links-item w-dyn-item">
2968        <a href="#" class="w-dyn-bind-empty"></a>
2969      </div>
2970    </div>
2971    <div class="w-dyn-empty">
2972      <div>No items found.</div>
2973    </div>
2974  </div>
2975  <div class="container in-the-footer">
2976    <div class="footer-left-side">
2977      <a href="#" class="footer-logo-link w-inline-block"><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/logo_web.png" loading="lazy" alt="" class="footer-logo"></a>
2978      <p class="par _20 _252b37 smaller">Write your script -&gt; Pick an avatar -&gt; Generate video</p>
2979    </div>
2980    <div class="footer-links_all">
2981      <div class="footer-links-column">
2982        <div class="footer-column-heading">main</div>
2983        <a href="/" class="footer-link">Home</a>
2984        <a href="/talking-actor-feature" class="footer-link">Talking Actor</a>
2985        <a href="/custom-ai-avatar-feature" class="footer-link">Custom AI Avatar</a>
2986        <a href="/b-roll-feature" class="footer-link">B-roll video</a>
2987        <a href="/product-in-hand-feature" class="footer-link">Product In Hand</a>
2988        <a href="/ai-workflows-feature" class="footer-link">AI Workflows</a>
2989        <a href="/makeugc-gestures" class="footer-link">Gestures video</a>
2990        <a href="/affiliate" class="footer-link">Affiliate</a>
2991        <a href="/pricing" class="footer-link">Pricing</a>
2992        <a href="/languages" class="footer-link">Languages</a>
2993        <a href="/ad-toolkit" class="footer-link">Ad Toolkit</a>
2994        <a href="/blog/all" class="footer-link">Blog</a>
2995        <a href="/ai/product-overview" class="footer-link">Product Overview</a>
2996        <a href="/docs/api" class="footer-link">API access</a>
2997      </div>
2998      <div id="w-node-_90da8c32-812b-d422-5140-3654c2aa271b-cfc8d441" class="footer-links-column asdasd">
2999        <div class="footer-column-heading">legal</div>
3000        <a href="/terms-of-service" class="footer-link">Terms of Services</a>
3001        <a href="/affiliate-terms-of-service" class="footer-link">Terms of Service for Affiliates</a>
3002        <a href="/privacy-policy" class="footer-link">Privacy Policy</a>
3003        <a href="/refund-policy" class="footer-link">Refund Policy</a>
3004        <a href="/fair-use-policy" class="footer-link">Fair Use Policy</a>
3005        <a href="/custom-avatar-policy" class="footer-link">Custom Avatar Policy</a>
3006        <a href="/trial-policy" class="footer-link">Trial Policy</a>
3007      </div>
3008      <div id="w-node-f6bb60cd-838b-56ff-328b-b436cfc8d463-cfc8d441" class="footer-links-column second">
3009        <div class="footer-column-heading">ADDRESS</div>
3010        <div class="footer-adress">45 Fitzroy Street,</div>
3011        <div class="footer-adress">Fitzrovia, London</div>
3012        <div class="footer-adress">W1T 6EB</div>
3013      </div>
3014      <div class="footer-links-column second">
3015        <div class="footer-column-heading">need help?</div>
3016        <a href="mailto:[email protected]" class="footer-adress">Contact us</a>
3017      </div>
3018    </div>
3019  </div>
3020  <div class="w-layout-vflex footer-bottom">
3021    <div class="legal-link">
3022      <a href="/terms-of-service" class="legal-text-link w-inline-block">
3023        <div>Terms &amp; conditions</div>
3024      </a>
3025      <a href="/privacy-policy" class="legal-text-link w-inline-block">
3026        <div>Privacy Policy</div>
3027      </a>
3028      <a href="mailto:[email protected]" class="legal-text-link w-inline-block">
3029        <div>Contact us</div>
3030      </a>
3031    </div>
3032    <div class="footer-bottom-content">
3033      <div>© 2026 MakeUGC. All rights Reserved.</div>
3034    </div>
3035    <div class="footer-socials_wrapper">
3036      <div>Social Link:</div>
3037      <a href="https://x.com/makeugc" target="_blank" class="social_media_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="currentColor" app="ikonik" class="social_media_logo">
3038          <path d="M18.2048 2.25H21.5128L14.2858 10.51L22.7878 21.75H16.1308L10.9168 14.933L4.95084 21.75H1.64084L9.37084 12.915L1.21484 2.25H8.04084L12.7538 8.481L18.2048 2.25ZM17.0438 19.77H18.8768L7.04484 4.126H5.07784L17.0438 19.77Z" app="ikonik"></path>
3039        </svg></a>
3040      <a href="https://www.tiktok.com/@makeugc" target="_blank" class="social_media_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social_media_logo">
3041          <path d="M12.5311 0.02025C13.8398 0 15.1411 0.012 16.4408 0C16.5196 1.53075 17.0701 3.09 18.1906 4.17225C19.3088 5.2815 20.8906 5.78925 22.4296 5.961V9.98775C20.9873 9.9405 19.5383 9.6405 18.2296 9.0195C17.6596 8.7615 17.1286 8.42925 16.6088 8.0895C16.6021 11.0115 16.6208 13.9297 16.5901 16.8397C16.5121 18.2377 16.0508 19.629 15.2378 20.781C13.9298 22.6988 11.6596 23.949 9.32781 23.988C7.89756 24.0697 6.46881 23.6797 5.25006 22.9612C3.23031 21.7702 1.80906 19.59 1.60206 17.25C1.57806 16.7498 1.56981 16.2503 1.59006 15.762C1.77006 13.8593 2.71131 12.039 4.17231 10.8008C5.82831 9.3585 8.14806 8.6715 10.3201 9.078C10.3403 10.5593 10.2811 12.039 10.2811 13.5203C9.28881 13.1993 8.12931 13.2892 7.26231 13.8915C6.62931 14.3017 6.14856 14.9302 5.89806 15.6412C5.69106 16.1482 5.75031 16.7115 5.76231 17.25C6.00006 18.891 7.57806 20.2702 9.26256 20.121C10.3793 20.109 11.4496 19.461 12.0316 18.5123C12.2198 18.18 12.4306 17.8403 12.4418 17.4495C12.5401 15.6608 12.5011 13.8795 12.5131 12.0908C12.5213 8.0595 12.5011 4.0395 12.5318 0.021L12.5311 0.02025Z" fill="currentColor" app="ikonik" class="path-dybv8"></path>
3042        </svg></a>
3043      <a href="https://www.linkedin.com/company/makeugc/" target="_blank" class="social_media_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social_media_logo">
3044          <path d="M6.201 21H1.84725V6.9795H6.201V21ZM4.0215 5.067C2.6295 5.06
30447 1.5 3.9135 1.5 2.5215C1.5 1.1295 2.62875 0 4.0215 0C5.41425 0 6.543 1.12875 6.543 2.5215C6.543 3.9135 5.4135 5.067 4.0215 5.067ZM22.4955 21H18.1515V14.175C18.1515 12.5482 18.1185 10.4625 15.888 10.4625C13.6245 10.4625 13.2772 12.2295 13.2772 14.058V21H8.928V6.9795H13.1033V8.892H13.164C13.7453 7.79025 15.165 6.62775 17.283 6.62775C21.6893 6.62775 22.4993 9.5295 22.4993 13.2983V21H22.4955Z" fill="currentColor" app="ikonik" class="path-7gktp"></path>
3045        </svg></a>
3046      <a href="https://www.instagram.com/makeugc.ai/" target="_blank" class="social_media_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="social_media_logo">
3047          <defs app="ikonik">
3048            <clipPath app="ikonik">
3049              <rect width="24" height="24" fill="currentColor" app="ikonik" class="rect-tanne"></rect>
3050            </clipPath>
3051          </defs>
3052          <g clip-path="url(#clip0_405_371)" app="ikonik">
3053            <path d="M12.0005 0C8.7387 0 8.3322 0.01575 7.0557 0.06975C5.77395 0.13275 4.90695 0.3315 4.14195 0.6285C3.35295 0.9375 2.68095 1.34775 2.0172 2.01525C1.34895 2.679 0.934953 3.351 0.630453 4.14C0.333453 4.905 0.134703 5.772 0.0717031 7.05375C0.0139531 8.331 0.00195312 8.73675 0.00195312 11.9985C0.00195312 15.2603 0.0177031 15.6667 0.0717031 16.9432C0.134703 18.2212 0.333453 19.092 0.630453 19.857C0.939453 20.646 1.3497 21.318 2.0172 21.9818C2.68095 22.65 3.35295 23.064 4.14195 23.3685C4.90695 23.6618 5.7777 23.8642 7.0557 23.9272C8.33295 23.985 8.7387 23.997 12.0005 23.997C15.2622 23.997 15.6687 23.9812 16.9452 23.9272C18.2232 23.8642 19.094 23.661 19.859 23.3685C20.648 23.0595 21.32 22.6493 21.9837 21.9818C22.652 21.318 23.066 20.6497 23.3705 19.857C23.6637 19.092 23.8662 18.2212 23.9292 16.9432C23.987 15.666 23.999 15.2603 23.999 11.9985C23.999 8.73675 23.9832 8.33025 23.9292 7.05375C23.8662 5.77575 23.663 4.9005 23.3705 4.14C23.0615 3.351 22.6512 2.679 21.9837 2.01525C21.32 1.347 20.6517 0.933 19.859 0.6285C19.094 0.3315 18.2232 0.13275 16.9452 0.06975C15.668 0.012 15.2622 0 12.0005 0V0ZM12.0005 2.16C15.2037 2.16 15.5862 2.17575 16.8522 2.22975C18.02 2.2845 18.656 2.4795 19.0782 2.6445C19.6415 2.86275 20.0352 3.12075 20.4612 3.54225C20.879 3.96 21.137 4.35825 21.3552 4.9215C21.5202 5.34375 21.7152 5.97975 21.77 7.1475C21.824 8.4135 21.8397 8.79675 21.8397 11.9992C21.8397 15.2017 21.824 15.585 21.7655 16.851C21.7025 18.0188 21.5075 18.6548 21.3432 19.077C21.116 19.6403 20.8625 20.034 20.444 20.46C20.0217 20.8778 19.6197 21.1358 19.061 21.354C18.644 21.519 17.999 21.714 16.8267 21.7687C15.554 21.8227 15.179 21.8385 11.9675 21.8385C8.75595 21.8385 8.3817 21.8227 7.10745 21.7642C5.9397 21.7012 5.29545 21.5062 4.8732 21.342C4.3032 21.1147 3.91245 20.8612 3.49395 20.4427C3.0717 20.0205 2.8032 19.6185 2.5962 19.0598C2.4282 18.6428 2.2362 17.9977 2.17395 16.8255C2.1312 15.5677 2.11095 15.1778 2.11095 11.9813C2.11095 8.78625 2.1312 8.3955 2.17395 7.122C2.2362 5.94975 2.4282 5.30625 2.5962 4.88775C2.8032 4.317 3.07245 3.927 3.49395 3.50475C3.9117 3.087 4.3032 2.817 4.8732 2.6055C5.29545 2.44125 5.92395 2.24625 7.0962 2.18775C8.36895 2.142 8.74395 2.1255 11.951 2.1255L12.0005 2.16ZM12.0005 5.84025C8.5947 5.84025 5.8407 8.598 5.8407 12C5.8407 15.4057 8.59845 18.1597 12.0005 18.1597C15.4062 18.1597 18.1602 15.402 18.1602 12C18.1602 8.59425 15.4025 5.84025 12.0005 5.84025V5.84025ZM12.0005 15.9998C9.78945 15.9998 8.0007 14.211 8.0007 12C8.0007 9.789 9.78945 8.00025 12.0005 8.00025C14.2115 8.00025 16.0002 9.789 16.0002 12C16.0002 14.211 14.2115 15.9998 12.0005 15.9998V15.9998ZM19.8485 5.59425C19.8485 6.3915 19.1997 7.035 18.4062 7.035C17.609 7.035 16.9655 6.39075 16.9655 5.59425C16.9655 4.8015 17.6135 4.1565 18.4062 4.1565C19.199 4.1565 19.8485 4.8015 19.8485 5.59425V5.59425Z" fill="currentColor" app="ikonik" class="path-vun2x"></path>
3054          </g>
3055        </svg></a>
3056    </div>
3057  </div><img src="https://d2j3503r68l9dj.cloudfront.net/assets/images-compressed/Frame.svg" loading="lazy" alt="" class="footer-bottom_image">
3058</footer>
3059    </main>
3060
3061  
3061<script>(function(){const config = {"id":"index","pruneRules":[{"when":"mobile","selectors":[".looping-hero-images_all",".swiper-only-desktop"]},{"when":"desktop","selectors":[".looping_mobile_ony"]},{"when":"desktop-not-large","selectors":[".swiper.cases-1:not(.swiper-only-desktop):not(.swiper-only-mobile)",".swiper-only-mobile"]},{"when":"large-desktop","selectors":[".swiper-only-desktop",".swiper-only-mobile"]},{"when":"mobile-not-small","selectors":[".swiper-only-desktop",".swiper-only-mobile"]},{"when":"small-mobile","selectors":[".swiper-only-desktop",".swiper.cases-1:not(.swiper-only-desktop):not(.swiper-only-mobile)"]}],"eagerRules":[{"when":"desktop","selectors":[".looping-hero-images_all"]},{"when":"mobile","selectors":[".looping_mobile_ony"]}],"swiperGuard":true,"mobileSwiperRetry":true,"swiperCleanupMs":600};
3062
3063(function () {
3064  var cfg = config;
3065  var MQ = '(max-width: 991px)';
3066  var MQ_SM = '(max-width: 479px)';
3067  var MQ_LG = '(min-width: 1920px)';
3068
3069  function isMobile() {
3070    return window.matchMedia(MQ).matches;
3071  }
3072
3073  function isSmallMobile() {
3074    return window.matchMedia(MQ_SM).matches;
3075  }
3076
3077  function isLargeDesktop() {
3078    return window.matchMedia(MQ_LG).matches;
3079  }
3080
3081  function breakpointKey() {
3082    if (!isMobile()) return isLargeDesktop() ? 'large-desktop' : 'desktop';
3083    if (!isSmallMobile()) return 'tablet';
3084    return 'phone';
3085  }
3086
3087  function shouldApplyRule(when) {
3088    if (when === 'mobile') return isMobile();
3089    if (when === 'desktop') return !isMobile();
3090    if (when === 'desktop-not-large') return !isMobile() && !isLargeDesktop();
3091    if (when === 'large-desktop') return !isMobile() && isLargeDesktop();
3092    if (when === 'mobile-not-small') return isMobile() && !isSmallMobile();
3093    if (when === 'small-mobile') return isSmallMobile();
3094    return false;
3095  }
3096
3097  function isUserControlledVideo(video) {
3098    return video.hasAttribute('controls');
3099  }
3100
3101  function pruneHiddenSections() {
3102    cfg.pruneRules.forEach(function (rule) {
3103      if (!shouldApplyRule(rule.when)) return;
3104      rule.selectors.forEach(function (sel) {
3105        document.querySelectorAll(sel).forEach(function (el) {
3106          el.remove();
3107        });
3108      });
3109    });
3110  }
3111
3112  function pauseAndClear(video) {
3113    if (isUserControlledVideo(video)) return;
3114    try {
3115      video.pause();
3116      video.removeAttribute('src');
3117      while (video.firstChild) {
3118        video.removeChild(video.firstChild);
3119      }
3120      video.load();
3121    } catch (e) {}
3122  }
3123
3124  function isEagerVideo(video) {
3125    for (var i = 0; i < cfg.eagerRules.length; i++) {
3126      var rule = cfg.eagerRules[i];
3127      var when = rule.when || 'always';
3128      if (when === 'mobile' && !isMobile()) continue;
3129      if (when === 'desktop' && isMobile()) continue;
3130      for (var j = 0; j < rule.selectors.length; j++) {
3131        var sel = rule.selectors[j];
3132        if (video.matches(sel) || video.closest(sel)) return true;
3133      }
3134    }
3135    return false;
3136  }
3137
3138  function isInInactiveSwiperSlide(video) {
3139    if (!cfg.swiperGuard) return false;
3140    if (video.closest('.looping_mobile_ony')) return false;
3141    var slide = video.closest('.swiper-slide');
3142    if (!slide) return false;
3143    var swiperEl = slide.closest('.swiper');
3144    if (!swiperEl || !swiperEl.swiper) return false;
3145    return !slide.classList.contains('swiper-slide-active');
3146  }
3147
3148  function fixSourceType(source) {
3149    var url = source.getAttribute('data-src') || source.getAttribute('src') || '';
3150    if (url.indexOf('.webm') !== -1) source.type = 'video/webm';
3151    else if (url.indexOf('.mp4') !== -1) source.type = 'video/mp4';
3152  }
3153
3154  function activateVideo(video) {
3155    if (isUserControlledVideo(video)) return;
3156    if (isInInactiveSwiperSlide(video)) return;
3157
3158    if (video.dataset.lazyLoaded === '1') {
3159      video.play().catch(function () {});
3160      return;
3161    }
3162
3163    var sources = video.querySelectorAll('source[data-src]');
3164    if (!sources.length) {
3165      sources = video.querySelectorAll('source[src]');
3166    }
3167    if (!sources.length && video.dataset.video) {
3168      var lazySource = document.createElement('source');
3169      lazySource.setAttribute('data-src', video.dataset.video);
3170      lazySource.type = video.dataset.video.indexOf('.webm') !== -1 ? 'video/webm' : 'video/mp4';
3171      video.appendChild(lazySource);
3172      sources = video.querySelectorAll('source[data-src]');
3173    }
3174    if (!sources.length) return;
3175
3176    sources.forEach(function (source) {
3177      fixSourceType(source);
3178      var url = source.getAttribute('data-src') || source.getAttribute('src');
3179      if (url && !source.src) {
3180        source.src = url;
3181      }
3182    });
3183
3184    video.muted = true;
3185    video.playsInline = true;
3186    video.load();
3187    video.play().then(function () {
3188      video.dataset.lazyLoaded = '1';
3189    }).catch(function () {
3190      delete video.dataset.lazyLoaded;
3191    });
3192  }
3193
3194  function deactivateVideo(video) {
3195    if (isEagerVideo(video)) return;
3196    if (video.dataset.lazyLoaded !== '1') return;
3197    video.pause();
3198  }
3199
3200  function activateEagerVideos() {
3201    cfg.eagerRules.forEach(function (rule) {
3202      var when = rule.when || 'always';
3203      if (when === 'mobile' && !isMobile()) return;
3204      if (when === 'desktop' && isMobile()) return;
3205      rule.selectors.forEach(function (sel) {
3206        document.querySelectorAll(sel + ' video').forEach(activateVideo);
3207      });
3208    });
3209  }
3210
3211  function activateOnHeroReady() {
3212    activateEagerVideos();
3213    (cfg.onHeroReadySelectors || []).forEach(function (sel) {
3214      document.querySelectorAll(sel).forEach(activateVideo);
3215    });
3216  }
3217
3218  function prepareVideos(root) {
3219    root.querySelectorAll('video').forEach(function (video) {
3220      video.preload = 'none';
3221      video.playsInline = true;
3222      if (isUserControlledVideo(video)) return;
3223
3224      video.muted = true;
3225      if (video.hasAttribute('autoplay')) {
3226        video.autoplay = true;
3227      }
3228
3229      video.querySelectorAll('source[src]').forEach(function (source) {
3230        if (!source.getAttribute('data-src')) {
3231          source.setAttribute('data-src', source.getAttribute('src'));
3232          source.removeAttribute('src');
3233        }
3234        fixSourceType(source);
3235      });
3236
3237      if (video.dataset.video && !video.querySelector('source[data-src]')) {
3238        var lazySource = document.createElement('source');
3239        lazySource.setAttribute('data-src', video.dataset.video);
3240        lazySource.type = video.dataset.video.indexOf('.webm') !== -1 ? 'video/webm' : 'video/mp4';
3241        video.appendChild(lazySource);
3242      }
3243    });
3244  }
3245
3246  function observeVideos(root) {
3247    if (!('IntersectionObserver' in window)) {
3248      root.querySelectorAll('video').forEach(activateVideo);
3249      return null;
3250    }
3251
3252    var observer = new IntersectionObserver(
3253      function (entries) {
3254        entries.forEach(function (entry) {
3255          if (entry.isIntersecting) {
3256            activateVideo(entry.target);
3257          } else {
3258            deactivateVideo(entry.target);
3259          }
3260        });
3261      },
3262      { rootMargin: '200px', threshold: 0.01 }
3263    );
3264
3265    root.querySelectorAll('video').forEach(function (video) {
3266      if (isEagerVideo(video) || isUserControlledVideo(video)) return;
3267      observer.observe(video);
3268    });
3269
3270    return observer;
3271  }
3272
3273  function resetLazyState() {
3274    document.querySelectorAll('video').forEach(function (video) {
3275      delete video.dataset.lazyLoaded;
3276    });
3277  }
3278
3279  function activateVisibleVideos() {
3280    activateEagerVideos();
3281    document.querySelectorAll('video').forEach(function (video) {
3282      if (isEagerVideo(video)) return;
3283      var rect = video.getBoundingClientRect();
3284      if (rect.top < window.innerHeight + 200 && rect.bottom > -200) {
3285        activateVideo(video);
3286      }
3287    });
3288  }
3289
3290  function watchHeroReady(onReady) {
3291    var selector = cfg.heroReadySelector;
3292    if (!selector) {
3293      onReady();
3294      return;
3295    }
3296    var header = document.querySelector(selector);
3297    if (!header) {
3298      onReady();
3299      return;
3300    }
3301    if (header.classList.contains('is-hero-ready')) {
3302      onReady();
3303      return;
3304    }
3305    var heroObserver = new MutationObserver(function () {
3306      if (header.classList.contains('is-hero-ready')) {
3307        heroObserver.disconnect();
3308        onReady();
3309      }
3310    });
3311    heroObserver.observe(header, { attributes: true, attributeFilter: ['class'] });
3312  }
3313
3314  function initSync() {
3315    pruneHiddenSections();
3316    prepareVideos(document);
3317    observeVideos(document);
3318    if (!cfg.deferEagerUntilReady) {
3319      activateEagerVideos();
3320    }
3321  }
3322
3323  function initAsync() {
3324    if (cfg.mobileSwiperRetry && isMobile()) {
3325      activateEagerVideos();
3326      var tries = 0;
3327      var timer = setInterval(function () {
3328        tries += 1;
3329        var el = document.querySelector('.looping_mobile_ony');
3330        if ((el && el.swiper) || tries >= 50) {
3331          clearInterval(timer);
3332          activateEagerVideos();
3333        }
3334      }, 100);
3335    }
3336
3337    if (cfg.swiperCleanupMs) {
3338      setTimeout(function () {
3339        document.querySelectorAll('video').forEach(function (video) {
3340          if (isInInactiveSwiperSlide(video)) {
3341            pauseAndClear(video);
3342            video.dataset.lazyLoaded = '';
3343          }
3344        });
3345        document.querySelectorAll('.cases-1').forEach(function (swiperEl) {
3346          if (!swiperEl.swiper) return;
3347          swiperEl.swiper.on('slideChange', function () {
3348            swiperEl.querySelectorAll('video[controls]').forEach(function (video) {
3349              var slide = video.closest('.swiper-slide');
3350              if (slide && slide.classList.contains('swiper-slide-active')) {
3351                try { video.load(); } catch (e) {}
3352              }
3353            });
3354          });
3355        });
3356      }, cfg.swiperCleanupMs);
3357    }
3358
3359    if (cfg.heroReadySelector) {
3360      watchHeroReady(function () {
3361        activateOnHeroReady();
3362        activateVisibleVideos();
3363      });
3364    }
3365
3366    if (cfg.webflowRetryMs) {
3367      setTimeout(function () {
3368        resetLazyState();
3369        activateOnHeroReady();
3370        activateVisibleVideos();
3371      }, cfg.webflowRetryMs);
3372    }
3373  }
3374
3375  function watchCssReveal() {
3376    if (!document.documentElement.classList.contains('css-loading')) {
3377      activateVisibleVideos();
3378      return;
3379    }
3380    var observer = new MutationObserver(function () {
3381      if (!document.documentElement.classList.contains('css-loading')) {
3382        observer.disconnect();
3383        activateVisibleVideos();
3384      }
3385    });
3386    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
3387  }
3388
3389  window.__videoOptimizerActivate = activateVisibleVideos;
3390
3391  initSync();
3392  watchCssReveal();
3393
3394  if (document.readyState === 'loading') {
3395    document.addEventListener('DOMContentLoaded', initAsync);
3396  } else {
3397    initAsync();
3398  }
3399
3400  var initialBp = breakpointKey();
3401  var resizeTimer;
3402  window.addEventListener('resize', function () {
3403    clearTimeout(resizeTimer);
3404    resizeTimer = setTimeout(function () {
3405      if (breakpointKey() === initialBp) return;
3406      if (window.__videoOptimizerReloading) return;
3407      window.__videoOptimizerReloading = true;
3408      window.location.reload();
3409    }, 400);
3410  });
3411})();
3412})();</script>
3412
3413  
3414  
3414<script>
3415  function initSentry() {
3416    if (typeof Sentry !== 'undefined') {
3417      Sentry.init({
3418        dsn: "https://b7fc643fbb970dc3e7dd0d4ec2c36a60@o4511530047373312.ingest.us.sentry.io/4511530058317824",
3419      });
3420    }
3421  }
3422  if (document.readyState === 'loading') {
3423    document.addEventListener('DOMContentLoaded', initSentry);
3424  } else {
3425    initSentry();
3426  }
3427</script>
vendor: 1 bytes, line 3427
3427
3428<script defer src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=674b4b796e378b632448767e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3428
3428
3429<script defer src="https://cdn.jsdelivr.net/npm/@flowbase-co/[email protected]/dist/tooltip.js" type="text/javascript" integrity="sha384-IIHHs5EyPKqUFNFkmDdboHa7DYH7IF6Cv1v2MqazjClAzrfbpMBVPyz6h7nmw5GS" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3429
3429
3430<script defer src="https://d2j3503r68l9dj.cloudfront.net/assets/js/webflow.js" type="text/javascript"></script>
3430
3431
3432<script>
3433document.addEventListener('DOMContentLoaded', function() {
3434$('.button').hover(function() {
3435    $('.image-button-second, .image-button-first', this).toggleClass('hovered');
3436});
3437$('.button').hover(function() {
3438    $('.image-button-second-left, .image-button-first-left', this).toggleClass('hovered');
3439});
3440});
3441</script>
vendor: 1 bytes, line 3441
3441
3442<script>
3443function getCookie(name) {
3444  const v = document.cookie.split('; ').find(row => row.startsWith(name + '='));
3445  return v ? decodeURIComponent(v.split('=')[1]) : null;
3446}
3447</script>
vendor: 1 bytes, line 3447
3447
3448<script>
3449function getTrackingCookies() {
3450  if (!document.cookie) return null;
3451  const data = document.cookie
3452    .split("; ")
3453    .reduce((acc, c) => {
3454      const [k, ...v] = c.split("=");
3455      acc[decodeURIComponent(k)] = decodeURIComponent(v.join("="));
3456      return acc;
3457    }, {});
3458  return Object.keys(data).length ? JSON.stringify(data) : null;
3459}
3460</script>
vendor: 1 bytes, line 3460
3460
3461<script>
3462(function () {
3463  const params = new URLSearchParams(window.location.search);
3464  function setCookie(name, value, days) {
3465    const d = new Date();
3466    d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);
3467    document.cookie =
3468      encodeURIComponent(name) + "=" + encodeURIComponent(value) +
3469      ";expires=" + d.toUTCString() +
3470      ";path=/" +
3471      ";domain=.makeugc.ai";
3472  }
3473  setCookie("utm_domain", window.location.origin + window.location.pathname, 30);
3474  params.forEach((value, key) => {
3475    if (value) {
3476      setCookie(key, value, 30);
3477      console.log(`Set cookie: ${key}`)
3478    }
3479  });
3480})();
3481</script>
vendor: 1 bytes, line 3481
3481
3482<script>(function(){const checkoutApiUrl = "https://app.makeugc.ai/api/subscriptions/create-checkout";
3483
3484document.addEventListener('DOMContentLoaded', function() {
3485  if (window.tolt_referral) {
3486    localStorage.setItem('tolt_referral', window.tolt_referral);
3487  }
3488  document.querySelectorAll('[data-checkout]').forEach(button => {
3489    button.addEventListener('click', async function(e) {
3490      e.preventDefault();
3491      const priceId = this.getAttribute('data-checkout');
3492      const toltReferral = localStorage.getItem('tolt_referral');
3493      const adsTracking = getTrackingCookies();
3494      try {
3495        const response = await fetch(checkoutApiUrl, {
3496          method: 'POST',
3497          headers: {
3498            'Content-Type': 'application/json',
3499            'Accept': 'application/json'
3500          },
3501          body: JSON.stringify({
3502            priceId,
3503            toltReferral,
3504            adsTracking,
3505          })
3506        });
3507        if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
3508        const data = await response.json();
3509        if (data.url) {
3510          const url = new URL(data.url);
3511          if (toltReferral) {
3512            url.searchParams.append('tolt_referral', toltReferral);
3513          }
3514          window.location.href = url.toString();
3515        }
3516      } catch (error) {
3517        console.error('Checkout error:', error);
3518      }
3519    });
3520  });
3521});
3522})();</script>
vendor: 1 bytes, line 3522
3522
3523<script>
3524document.querySelectorAll('.carousel').forEach((carousel) => {
3525  const track = carousel.querySelector('.carousel-track');
3526  const prevBtn = carousel.querySelector('.carousel-prev');
3527  const nextBtn = carousel.querySelector('.carousel-next');
3528  const duration = 400;
3529  function getStep() {
3530    const card = track.querySelector('.carousel-card');
3531    const gap = 20;
3532    return card.offsetWidth + gap;
3533  }
3534  nextBtn.addEventListener('click', () => {
3535    const step = getStep();
3536    track.style.transition = 'transform 0.4s ease';
3537    track.style.transform = `translateX(-${step}px)`;
3538    setTimeout(() => {
3539      const first = track.firstElementChild;
3540      track.appendChild(first);
3541      track.style.transition = 'none';
3542      track.style.transform = 'translateX(0)';
3543    }, duration);
3544  });
3545  prevBtn.addEventListener('click', () => {
3546    const step = getStep();
3547    const last = track.lastElementChild;
3548    track.prepend(last);
3549    track.style.transition = 'none';
3550    track.style.transform = `translateX(-${step}px)`;
3551    requestAnimationFrame(() => {
3552      track.style.transition = 'transform 0.4s ease';
3553      track.style.transform = 'translateX(0)';
3554    });
3555  });
3556});
3557</script>
vendor: 1 bytes, line 3557
3557
3558<script>
3559window.addEventListener('load', () => {
3560  document.querySelectorAll('.marquee').forEach((marquee) => {
3561    const track = marquee.querySelector('.marquee-track');
3562    const content = marquee.querySelector('.marquee-content');
3563    while (track.scrollWidth < marquee.offsetWidth * 2) {
3564      track.appendChild(content.cloneNode(true));
3565    }
3566    const width = content.getBoundingClientRect().width;
3567    const exactWidth = Math.round(width);
3568    track.style.setProperty('--scroll-width', exactWidth + 'px');
3569    const speed = 80;
3570    const duration = exactWidth / speed;
3571    track.style.animationDuration = duration + 's';
3572  });
3573});
3574</script>
vendor: 1 bytes, line 3574
3574
3575<script defer src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.8.4/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 3575
3575
3576<script>
3577document.addEventListener('DOMContentLoaded', function () {
3578  if (typeof Swiper === 'undefined') return;
3579  if (document.querySelector('.looping_mobile_ony')) {
3580    new Swiper('.looping_mobile_ony', {
3581      slidesPerView: "auto",
3582      spaceBetween: 16,
3583      navigation: {
3584        nextEl: '#hero-right',
3585        prevEl: '#hero-left',
3586      },
3587      pagination: {
3588        el: "#pagination-cases",
3589        clickable: true,
3590      },
3591    });
3592  }
3593  if (document.querySelector('.cases-1')) {
3594    new Swiper('.cases-1', {
3595      slidesPerView: "auto",
3596      spaceBetween: 27,
3597      navigation: {
3598        nextEl: '#case-right',
3599        prevEl: '#case-left',
3600      },
3601      pagination: {
3602        el: "#pagination-cases",
3603        clickable: true,
3604      },
3605    });
3606  }
3607  if (document.querySelector('.avatar_1')) {
3608    new Swiper('.avatar_1', {
3609      slidesPerView: "auto",
3610      spaceBetween: 16,
3611      navigation: {
3612        nextEl: '#first-right',
3613        prevEl: '#first-left',
3614      },
3615      pagination: {
3616        el: "#swiper-pagination2",
3617        clickable: true,
3618      },
3619      breakpoints: {
3620        991: {
3621          centeredSlides: true,
3622          initialSlide: 2,
3623          spaceBetween: 95,
3624        }
3625      }
3626    });
3627  }
3628});
3629</script>
vendor: 1 bytes, line 3629
3629
3630<script>
3631const loopingElements = document.querySelectorAll('.looping_hero-part-whle-cooking, .looping_hero-part-whle-cooking-v2');
3632loopingElements.forEach((element) => {
3633  element.addEventListener('mouseenter', () => {
3634    loopingElements.forEach((el) => {
3635      el.style.animationPlayState = 'paused';
3636    });
3637  });
3638  element.addEventListener('mouseleave', () => {
3639    loopingElements.forEach((el) => {
3640      el.style.animationPlayState = 'running';
3641    });
3642  });
3643});
3644</script>
vendor: 1 bytes, line 3644
3644
3645<script>(function(){const pricingConfig = [{"labelClass":"papi-startup-pricing","buttonClass":"papi-btn-startup-pricing","monthlyPrice":"$59","quarterlyPrice":"$41","yearlyPrice":"$29","monthlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-startup-59-m","quarterlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h_startup_quarterly_59","yearlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-yearly-startup-59"},{"labelClass":"papi-growth-pricing","buttonClass":"papi-btn-growth-pricing","monthlyPrice":"$79","quarterlyPrice":"$55","yearlyPrice":"$39","monthlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-growth-79-m","quarterlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-quarterly-growth-79","yearlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-yearly-growth-79"},{"labelClass":"papi-pro-pricing","buttonClass":"papi-btn-pro-pricing","monthlyPrice":"$149","quarterlyPrice":"$104","yearlyPrice":"$79","monthlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial72h-pro-149-m","quarterlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-quarterly-pro-149","yearlyUrl":"https://app.makeugc.ai/auth/login?callbackUrl=https://app.makeugc.ai/subscription/first-time/trial24h-yearly-pro-149"},{"labelClass":"papi-api-starter","monthlyPrice":"$99","yearlyPrice":"$50"},{"labelClass":"papi-api-pro","monthlyPrice":"$299","yearlyPrice":"$150"}];
3646
3647window.addEventListener("load", function () {
3648  // PricingV2 owns billing when it renders the Monthly / Quarterly / Annually segment.
3649  if (document.querySelector("#pricing-v2 [data-billing]")) return;
3650
3651  const toggle = document.getElementById("billing-toggle");
3652  const monthlyLabel = document.getElementById("monthly-label");
3653  const yearlyLabel = document.getElementById("yearly-label");
3654  if (!toggle) return;
3655  const hasProTierPicker = !!document.querySelector("[data-pro-tier-picker]");
3656  function updatePricing() {
3657    const isYearly = toggle.checked;
3658    if (isYearly) {
3659      yearlyLabel.classList.add("active");
3660      monthlyLabel.classList.remove("active");
3661    } else {
3662      monthlyLabel.classList.add("active");
3663      yearlyLabel.classList.remove("active");
3664    }
3665    pricingConfig.forEach(item => {
3666      const skipProTierPicker =
3667        hasProTierPicker &&
3668        (item.labelClass === "papi-pro-pricing" || item.buttonClass === "papi-btn-pro-pricing");
3669      if (skipProTierPicker) return;
3670      const priceElements = document.querySelectorAll("." + item.labelClass);
3671      priceElements.forEach(el => {
3672        el.textContent = isYearly ? item.yearlyPrice : item.monthlyPrice;
3673      });
3674      const buttonElements = document.querySelectorAll("." + item.buttonClass);
3675      buttonElements.forEach(btn => {
3676        if (skipProTierPicker) return;
3677        const newUrl = isYearly ? item.yearlyUrl : item.monthlyUrl;
3678        btn.setAttribute("href", newUrl);
3679      });
3680    });
3681    const apiStarterButtons = document.querySelectorAll(".papi-btn-api-starter");
3682    apiStarterButtons.forEach(btn => {
3683      btn.setAttribute("data-checkout", isYearly ? "price_1TbijkLUR872TBc8GIacEopK" : "price_1Tb0YrLUR872TBc87EMU6cNN");
3684    });
3685    const apiProButtons = document.querySelectorAll(".papi-btn-api-pro");
3686    apiProButtons.forEach(btn => {
3687      btn.setAttribute("data-checkout", isYearly ? "price_1TbikiLUR872TBc88K2k5lEG" : "price_1Tb0fHLUR872TBc8sN9zXAzI");
3688    });
3689    const monthlyBadges = document.querySelectorAll(".papi-img-badge-monthly");
3690    const yearlyBadges = document.querySelectorAll(".papi-img-badge-yearly");
3691    monthlyBadges.forEach(el => { el.style.display = isYearly ? "none" : ""; });
3692    yearlyBadges.forEach(el => { el.style.display = isYearly ? "" : "none"; });
3693  }
3694  toggle.addEventListener("change", updatePricing);
3695  updatePricing();
3696});
3697})();</script>
vendor: 1 bytes, line 3697
3697
3698<script>
3699document.addEventListener('DOMContentLoaded', () => {
3700  const tiles = document.querySelectorAll('.ac-rail .ac-tile');
3701  const dots = document.querySelectorAll('.ac-dots i');
3702  const captions = {
3703    build1: "Actors that hold your product",
3704    build2: "Actors that wear your clothing",
3705    build3: "Actors who bring your product to life"
3706  };
3707  function updateCaption() {
3708    const mainVideo = document.querySelector(".ac-tile.main video");
3709    const caption = captions[mainVideo.id] || "";
3710    document.querySelector(".ac-cap").textContent = caption;
3711  }
3712  tiles.forEach((tile, index) => {
3713    tile.addEventListener('click', () => {
3714      tiles.forEach(t => {
3715        t.classList.remove('main');
3716        t.classList.add('side');
3717      });
3718      tile.classList.remove('side');
3719      tile.classList.add('main');
3720      dots.forEach(dot => dot.classList.remove('on'));
3721      if (dots[index]) {
3722        dots[index].classList.add('on');
3723      }
3724      updateCaption();
3725    });
3726  });
3727});
3728</script>
vendor: 1 bytes, line 3728
3728
3729<script>(function(){const appOrigin = "https://app.makeugc.ai";
3730const prodOrigin = "https://app.makeugc.ai";
3731
3732document.addEventListener("DOMContentLoaded", function () {
3733  if (appOrigin === prodOrigin) return;
3734  document.querySelectorAll('a[href*="app.makeugc.ai"]').forEach(function (link) {
3735    const href = link.getAttribute("href");
3736    if (!href) return;
3737    link.setAttribute("href", href.split(prodOrigin).join(appOrigin));
3738  });
3739});
3740})();</script>
3740
3741  
3742</body></html>

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