1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Tue Mar 10 2026 18:03:35 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="brand-at.webflow.io" data-wf-page="67cf43bf097e17c72b975141" data-wf-site="64fb76b7b2949a3b510a9e23" data-wf-intellimize-customer-id="117844151" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Brand - Voice and tone | Webflow</title><meta content="The Webflow brand design system helps us collaborate on and build clear, beautiful experiences for all." name="description"/><meta content="Brand - Voice and tone | Webflow" property="og:title"/><meta content="The Webflow brand design system helps us collaborate on and build clear, beautiful experiences for all." property="og:description"/><meta content="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/681399f806aa8f3ed8264442_brand_OG-img.jpg" property="og:image"/><meta content="Brand - Voice and tone | Webflow" name="twitter:title"/><meta content="The Webflow brand design system helps us collaborate on and build clear, beautiful experiences for all." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/681399f806aa8f3ed8264442_brand_OG-img.jpg" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/css/brand-at.webflow.shared.8fbd0200c.min.css" rel="stylesheet" type="text/css" integrity="sha384-j70CAMGvtNKjyxkkZABaXwSxgE+kp6b1DxIAZw08pFJPhZOToVOwUHdTkY0VwgIG" crossorigin="anonymous"/>
1<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>
1<link href="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/64fb7a1b87a3520204973f59_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/64fb7a1f881b07b5183f31dc_webclip.png" rel="apple-touch-icon"/>
1<script type="text/javascript">if (localStorage.getItem('intellimize_data_tracking_type') !== 'optOut') { localStorage.removeItem('intellimize_opt_out_117844151'); } if (localStorage.getItem('intellimize_data_tracking_type') !== 'optOut') { localStorage.setItem('intellimize_data_tracking_type', 'optOut'); }</script>
1<script type="text/javascript">(function(e){var s={r:[]};e.wf={r:s.r,ready:t=>{s.r.push(t)}}})(window)</script>
1<script type="text/javascript">(function(e){var s={p:[],r:[]};e.intellimize={p:s.p,r:s.r,push:function(t){s.p.push(t)},ready:function(t){s.r.push(t)}}})(window)</script>
1<link href="https://cdn.intellimize.co/snippet/117844151.js" rel="preload" as="script"/>
1<script type="text/javascript">var wfClientScript=document.createElement("script");wfClientScript.src="https://cdn.intellimize.co/snippet/117844151.js",wfClientScript.async=!0,wfClientScript.onerror=function(){document.documentElement.className=document.documentElement.className.replace(RegExp(" ?anti-flicker"),"")},document.head.appendChild(wfClientScript);</script>
1<link href="https://api.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://log.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://117844151.intellimizeio.com" rel="preconnect"/><!-- Intellimize start 2<style>.anti-flicker, .anti-flicker * {visibility: hidden !important; opacity: 0 !important;}</style>
3<script>(function(e,t,p){var n=document.documentElement,s={p:[],r:[]},u={p:s.p,r:s.r,push:function(e){s.p.push(e)},ready:function(e){s.r.push(e)}};e.intellimize=u,n.className+=" "+p,setTimeout(function(){n.className=n.className.replace(RegExp(" ?"+p),"")},t)})(window, 4000, 'anti-flicker')</script>
3 4<link rel="preload" href="https://cdn.intellimize.co/snippet/117237908.js" as="script">
5<script src="https://cdn.intellimize.co/snippet/117237908.js" async onerror="document.documentElement.className = document.documentElement.className.replace(RegExp(' ?anti-flicker'), '');"></script>
5 6<link rel="preconnect" href="https://api.intellimize.co" crossorigin> 7<link rel="preconnect" href="https://117237908.intellimizeio.com"> 8<link rel="preconnect" href="https://log.intellimize.co" crossorigin> 9Intellimize end --> 10 11<!-- This site was built in Webflow. 12 13WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 14WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 15WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 16WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 17WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 18WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 19WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 20WWWWWWWWW WWWW WWWW WWWWWWWWW 21WWWWWWWWW WWWW WWW WWWWWWWWWW 22WWWWWWWWW WWW WW WWWWWWWWWWW 23WWWWWWWWW WW w WWWWWWWWWWWW 24WWWWWWWWWWWWWWWWWW WWWWWWWWWWWWW 25WWWWWWWWWWWWWWWW w WWWWWWWWWWWWWW 26WWWWWWWWW WWW WWWWWWWWWWWWWWW 27WWWWWWWWW wWWW WWWWWWWWWWWWWWWW 28WWWWWWWWW .wWWWWWW WWWWWWWWWWWWWWWWW 29WWWWWWWWWWWWWWWWWWWWWYWWWWWWWWWWWWWWWWWWWWWWWWWWW 30WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 31WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 32WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 33WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 34WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 35WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 36 37--> 38 39<meta name="theme-color" content="var(--_theme---colors--background)" /> 40<meta name="twitter:card" content="summary_large_image"> 41 42<!-- Pinterest verification --> 43<meta name="p:domain_verify" content="036f26a5cf411a605048d3b84322ad6d"/> 44 45<!-- Facebook verification --> 46<meta property="fb:pages" content="149158061793615" /> 47 48<!-- Import Webflow Marketing Head -->
49<script type='text/javascript' src="https://webflow.com/resources/marketing-head-v2.js"></script>
49 50 51<!-- Tippy.js Animation CSS --> 52<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.3.2/animations/shift-away.min.css" integrity="sha512-7bgVzb6QcjutEwmmwMZSEHs6mPElvk0iTB/ywwOqGchLuPakyurzbbqNbiw8elsUrIwk+lVkTPHE23cbLgW2lw==" crossorigin="anonymous" referrerpolicy="no-referrer" /></head><body class="theme-dark"><div class="brand-boilerplate-components--u-d-none"><div class="brand-boilerplate-components--u-global-css w-embed"><style> 53 /* Body mods */ 54 55 body { 56 min-height: 100vh; 57 min-height: -webkit-fill-available; 58 -moz-osx-font-smoothing: grayscale; 59 -webkit-font-smoothing: antialiased; 60 -moz-font-smoothing: antialiased; 61 -o-font-smoothing: antialiased; 62 text-decoration-thickness: 0.07em !important; 63 text-underline-offset: 0.1em !important; 64 text-underline-position: under; 65 } 66 67 /* Text Selection Color */ 68 69 ::-moz-selection { 70 background: rgba(20, 110, 245, 0.95); 71 color: #FFFFFF; 72 } 73 74 ::selection { 75 background: rgba(20, 110, 245, 0.95); 76 color: #FFFFFF; 77 } 78 79 /* Margin top for headings in rich text elements */ 80 81 .w-richtext>:first-child { 82 margin-top: 0; 83 } 84 85 .w-richtext>:last-child, 86 .w-richtext ol li:last-child, 87 .w-richtext ul li:last-child { 88 margin-bottom: 0; 89 } 90 91 .w-input, 92 .w-select, 93 a { 94 color: inherit; 95 font-size: inherit; 96 -webkit-appearance: none; 97 -moz-appearance: none; 98 } 99 100 /* Global Focus Outline Color - will update to use native focus(keyboard) state */ 101 102 *:focus:not(:focus-visible) { 103 outline: 0; 104 } 105 106 /*----- Button's arrow moving on hover -----*/ 107 108 .card:hover .button-icon_right, 109 .button:hover .button-icon_right { 110 transform: translateX(8px); 111 } 112 .card:hover .button-icon_top-right, 113 .button:hover .button-icon_top-right { 114 transform: translate(8px, -8px); 115 } 116 117 /*----- Selectors that work with shared library components -----*/ 118 [data-icon="arrow-right"], 119 [data-icon="arrow-top-right"] { 120 transition: transform 200ms ease; 121 } 122 123 /* Arrow icon moves right on hover */ 124 [data-hover-parent]:hover [data-icon="arrow-right"] { 125 transform: translateX(8px); 126 } 127 128 /* Arrow icon moves top-right on hover */ 129 [data-hover-parent]:hover [data-icon="arrow-top-right"] { 130 transform: translate(8px, -8px); 131 } 132 133 /* Truncation utility */ 134 135 .u-truncate-2lines { 136 display: -webkit-box; 137 overflow: hidden; 138 -webkit-line-clamp: 2; 139 -webkit-box-orient: vertical; 140 } 141 142 .u-truncate-3lines { 143 display: -webkit-box; 144 overflow: hidden; 145 -webkit-line-clamp: 3; 146 -webkit-box-orient: vertical; 147 } 148 149 /* Feature content and images opacity on current */ 150 151 .sticky-features_item-anchor + .sticky-features_item-content { 152 opacity: 0.2; 153 } 154 155 .sticky-features_item-anchor + .sticky-features_img-wrapper { 156 opacity: 0; 157 } 158 159 .sticky-features_item-anchor.w--current + div { 160 opacity: 1; 161 z-index:10; 162 } 163 164 /* Feature tabs transitions */ 165 166 .feature_tab-link.w--current .tab-link_description { 167 opacity: 1; 168 height: auto; 169 transition: opacity .5s ease-out, max-height 1.2s cubic-bezier(.165, .84, .44, 1); 170 display: block; 171 } 172 173 .feature_tab-link.cc-dark.w--current .tab-link_description { 174 color: var(--gray-200); 175 } 176 177 .feature_tab-link.cc-dark.w--current .feature_item-content { 178 color: var(--white); 179 } 180 181 @media only screen and (max-width: 991px) { 182 .feature_tab-link .tab-link_description.cc-mobile-visibility { 183 opacity: 1; 184 height: auto; 185 display: block; 186 max-height: 200px; 187 transition: opacity .5s ease-out, max-height 1.2s cubic-bezier(.165, .84, .44, 1); 188 } 189 190 .feature_tab-link.cc-dark .tab-link_description { 191 color: var(--gray-200) !important; 192 } 193 } 194 195 /* Features dropdown â Used in hero section in our feature pages */ 196 197 [theme="light"] .features-dropdown-toggle, 198 [theme="light"] .brand-boilerplate-components--features-dropdown-toggle { 199 color: #5a5a5a; 200 border-color: #d8d8d8; 201 } 202 203 [theme="light"] .features-dropdown-toggle:hover, 204 [theme="light"] .features-dropdown-toggle.w--open, 205 [theme="light"] .brand-boilerplate-components--features-dropdown-toggle:hover, 206 [theme="light"] .brand-boilerplate-components--features-dropdown-toggle.w--open { 207 color: #080808; 208 border-color: #5a5a5a; 209 } 210 211 .features-dropdown-link_block:hover *:not(.tag_new):not(.brand-boilerplate-components--tag_new), 212 .brand-boilerplate-components--features-dropdown-link_block:hover *:not(.tag_new):not(.brand-boilerplate-components--tag_new) { 213 text-decoration: underline; 214 } 215 216 @media (prefers-reduced-motion) { 217 218 /* Remove transition from all to make things instant */ 219 * { 220 -webkit-transition: all 0s linear 0s !important; 221 transition: all 0s linear 0s !important; 222 } 223 224 /* Custom classes to hide/show content */ 225 .a11y-reduce-motion-show { 226 display: block !important; 227 } 228 229 .a11y-reduce-motion-hide { 230 display: none; 231 } 232 } 233 234 /* Highlight empty links and bold headings in Webflow Designer mode */ 235 236 html.wf-design-mode [href="#"] { 237 outline: 3px solid yellow !important; 238 } 239 240 html.wf-design-mode h1 strong, 241 html.wf-design-mode h2 strong, 242 html.wf-design-mode h3 strong, 243 html.wf-design-mode h4 strong, 244 html.wf-design-mode h5 strong, 245 html.wf-design-mode h6 strong { 246 outline: 3px solid yellow !important; 247 } 248 249 /* Add popup interaction on logo marquee */ 250 [data-logo-link]:hover [data-link-svg-wrap] { 251 opacity: 0.6; 252 } 253 254 [data-logo-popup] { 255 opacity: 0; 256 transform: translateY(-1rem); 257 transition: opacity 0.3s ease, transform 0.3s ease; 258 pointer-events: none; /* Prevent hover issues when hidden */ 259 } 260 261 [data-logo-link]:hover [data-logo-popup] { 262 opacity: 1; 263 transform: translateY(-3rem); 264 pointer-events: auto; 265 } 266</style></div><div class="brand-boilerplate-components--u-global-js w-embed w-script">
266<script> 267 // Add reduced motion IX to <body> 268 const observer = new MutationObserver(function (m, mo) { 269 const body = document.body; 270 if (body) { 271 body.setAttribute("data-wf-ix-vacation", "1"); 272 mo.disconnect(); 273 } 274 }); 275 276 observer.observe(document, { 277 childList: true, 278 subtree: true, 279 }); 280 281 // Load all of this after the whole page (and jquery) has loaded 282 window.onload = function() { 283 284 // Set footer copyright year 285 $('.brand-boilerplate-components--footer-copyright_year, .footer-copyright_year').text(new Date().getFullYear()); 286 287 // "Skip to main" script 288 var skipLinkEle = document.getElementById('skip-link'); 289 if (skipLinkEle) { 290 skipLinkEle.addEventListener('click keydown', function (e) { 291 if (e.type === "keydown" && e.which !== 13) { 292 return; 293 } 294 295 e.preventDefault(); 296 var target = document.getElementById('main'); 297 target.setAttribute('tabindex', '-1'); 298 target.focus(); 299 }); 300 } 301 302 // Trap modal focus and enable ESC key for accessibility 303 var buttonThatOpenedModal; 304 var findModal = function (elem) { 305 var tabbable = elem.find('select, input, textarea, button, a').filter(':visible'); 306 var firstTabbable = tabbable.first(); 307 var lastTabbable = tabbable.last(); 308 309 firstTabbable.focus(); 310 311 lastTabbable.on('keydown', function (e) { 312 if ((e.which === 9 && !e.shiftKey)) { 313 e.preventDefault(); 314 firstTabbable.focus(); 315 } 316 }); 317 318 firstTabbable.on('keydown', function (e) { 319 if ((e.which === 9 && e.shiftKey)) { 320 e.preventDefault(); 321 lastTabbable.focus(); 322 } 323 }); 324 325 elem.on('keydown', function (e) { 326 if (e.keyCode === 27) { 327 $(elem).find('[class$="modal-close_btn"]').click(); 328 }; 329 }); 330 }; 331 332 var modalOpenButton = $('[class$="modal-open_btn"]'); 333 modalOpenButton.on('keydown', function (e) { 334 if (e.which !== 13 && e.which !== 32) { 335 return; 336 } 337 338 e.preventDefault(); 339 var evt = document.createEvent("MouseEvents"); 340 evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 341 $(this).get(0).dispatchEvent(evt); 342 }); 343 modalOpenButton.on('click', function () { 344 $(this).next().show(); 345 findModal($(this).next()); 346 buttonThatOpenedModal = $(this); 347 }); 348 349 var modalCloseButton = $('[class$="modal-close_btn"], [class$="modal-close_area"]'); 350 modalCloseButton.on('keydown', function (e) { 351 if (e.which !== 13 && e.which !== 32) { 352 return; 353 } 354 355 e.preventDefault(); 356 var evt = document.createEvent("MouseEvents"); 357 evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 358 $(this).get(0).dispatchEvent(evt); 359 }); 360 modalCloseButton.on('click', function () { 361 $(this).closest('[class$="modal-wrapper"]').hide(); 362 if (buttonThatOpenedModal) { 363 buttonThatOpenedModal.focus(); 364 buttonThatOpenedModal = null; 365 } 366 }); 367 368 // Toggle accordion attributes for accessibility 369 var accordionToggleButton = $('.accordion-trigger'); 370 accordionToggleButton.on('keydown', function (e) { 371 if (e.which !== 13 && e.which !== 32) { 372 return; 373 } 374 e.preventDefault(); 375 376 var evt = document.createEvent("MouseEvents"); 377 evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 378 $(this).get(0).dispatchEvent(evt); 379 }); 380 381 accordionToggleButton.on('click', function (e) { 382 $(this).toggleAttrVal('aria-expanded', "false", "true"); 383 $(this).parent().find('.accordion-content').toggleAttrVal('aria-hidden', "true", "false"); 384 }); 385 386 // jQuery method to toggle attribute value 387 $.fn.toggleAttrVal = function (attr, val1, val2) { 388 var test = $(this).attr(attr); 389 if (test === val1) { 390 $(this).attr(attr, val2); 391 return this; 392 } 393 if (test === val2) { 394 $(this).attr(attr, val1); 395 return this; 396 } 397 $(this).attr(attr, val1); 398 return this; 399 }; 400 }; 401</script>
401</div></div><div class="page-wrapper"><div class="sidebar_nav-wrapper"><div data-sidebar-nav="" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="sidebar_nav w-nav"><div class="sidebar_nav-header"><div class="sidebar_nav-logo-wrapper"><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420728" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420728" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/" class="wf_mark_link-block w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 30 19" fill="none" class="wf_mark"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.241 0L19.9106 18.24H11.1467L15.0514 10.6806H14.8762C11.6548 14.8624 6.84841 17.6153 0 18.24V10.7852C0 10.7852 4.38109 10.5264 6.95661 7.81862H0V0.000144077H7.81848V6.43073L7.99397 6.43001L11.1889 0.000144077H17.1018V6.38996L17.2773 6.38967L20.5921 0H29.241Z" fill="currentColor"></path></svg></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42072b" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42072b" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/" class="wf_wordmark_link-block w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 132 19" fill="none" data-wf-wordmark="" class="wf_wordmark"><path d="M47.2314 16.2267H49.7494V1.77335H47.2314V16.2267Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M33.35 16.0791C33.8973 16.3066 34.4538 16.4204 35.0195 16.4204C35.9542 16.4204 36.7904 16.1929 37.5283 15.7378C38.2662 15.2828 38.8381 14.6556 39.2439 13.8562C39.6497 13.0507 39.8526 12.1376 39.8526 11.1168C39.8526 10.0961 39.6436 9.18295 39.2254 8.37742C38.8073 7.5719 38.2262 6.94777 37.4822 6.50504C36.7382 6.05616 35.8927 5.83479 34.9457 5.84094C34.3431 5.84094 33.7651 5.95777 33.2117 6.19144C32.6583 6.4251 32.1971 6.75715 31.8281 7.18758C31.7996 7.22035 31.772 7.25345 31.7451 7.28689V1.78257H29.2179V16.2267H31.7267L31.7216 14.8773C31.7865 14.9569 31.8559 15.0346 31.9296 15.1106C32.3293 15.5226 32.8028 15.8454 33.35 16.0791ZM35.9326 13.7455C35.5206 13.9977 35.0502 14.1237 34.5214 14.1237C33.9988 14.1237 33.5191 13.9946 33.0825 13.7363C32.646 13.4719 32.2985 13.1122 32.0403 12.6572C31.7882 12.2021 31.6621 11.6856 31.6621 11.1076C31.656 10.5296 31.7789 10.0131 32.0311 9.55804C32.2893 9.09686 32.6367 8.74022 33.0733 8.48811C33.5099 8.22985 33.9926 8.10379 34.5214 8.10994C35.0502 8.10379 35.5206 8.22677 35.9326 8.47888C36.3508 8.72485 36.6705 9.07842 36.8919 9.53959C37.1194 9.99462 37.2332 10.5173 37.2332 11.1076C37.2332 11.6979 37.1194 12.2206 36.8919 12.6756C36.6705 13.1306 36.3508 13.4873 35.9326 13.7455Z" fill="currentColor"></path><path d="M0 2.64959H2.87776L5.45201 12.0509L8.19053 2.64959H10.5887L13.5587 11.8622L16.0306 2.64959H18.6685L14.7762 16.2267H12.295L9.27494 7.22669L6.50262 16.2267H3.99381L0 2.64959Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M22.9182 16.4665C21.9159 16.4726 21.012 16.2513 20.2064 15.8024C19.4071 15.3474 18.7768 14.7171 18.3156 13.9116C17.8606 13.106 17.6331 12.1868 17.6331 11.1537C17.6331 10.1514 17.8667 9.24444 18.3341 8.43277C18.8014 7.62109 19.4347 6.98774 20.2341 6.53271C21.0335 6.07768 21.9251 5.85016 22.9089 5.85016C24.0158 5.85016 24.9842 6.09613 25.8144 6.58805C26.6506 7.07997 27.2748 7.77789 27.6868 8.6818C28.1049 9.57956 28.2555 10.6095 28.1387 11.7717H20.238C20.2601 12.2347 20.3756 12.6559 20.5846 13.0353C20.8183 13.4535 21.1442 13.7794 21.5623 14.013C21.9804 14.2467 22.4478 14.3635 22.9643 14.3635C23.3578 14.3574 23.7237 14.2897 24.0619 14.1606C24.4001 14.0253 24.686 13.8439 24.9197 13.6164C25.1595 13.3889 25.3286 13.1306 25.427 12.8416H28.0649C27.905 13.5488 27.5853 14.1791 27.1057 14.7325C26.626 15.2797 26.0234 15.7071 25.2978 16.0145C24.5723 16.322 23.779 16.4726 22.9182 16.4665ZM20.5938 9.23522C20.4465 9.49218 20.3444 9.76889 20.2876 10.0653H25.5247C25.4867 9.69082 25.3711 9.34955 25.1779 9.04152C24.9566 8.67873 24.6553 8.39895 24.274 8.20218C23.8928 7.99926 23.4624 7.8978 22.9827 7.8978C22.4724 7.8978 22.0081 8.01463 21.59 8.24829C21.1718 8.48196 20.8398 8.81093 20.5938 9.23522Z" fill="currentColor"></path><path d="M41.7066 6.06231C41.7066 5.23833 41.8941 4.5066 42.2692 3.8671C42.6443 3.22145 43.1701 2.7203 43.8465 2.36365C44.529 2.00086 45.3253 1.81331 46.2354 1.80102V4.04234C45.8111 4.04849 45.4483 4.13766 45.147 4.30983
401C44.8518 4.47585 44.6243 4.71874 44.4644 5.03849C44.3173 5.33286 44.2378 5.67413 44.2261 6.06231H46.18V8.19295H44.2246V16.2267H41.7066V8.19295H40.0832V6.06231H41.7066Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M56.1506 16.448C55.1237 16.448 54.2044 16.2236 53.3927 15.7747C52.5872 15.3197 51.9538 14.6925 51.4927 13.8931C51.0376 13.0876 50.8101 12.1745 50.8101 11.1537C50.8101 10.1268 51.0376 9.21062 51.4927 8.40509C51.9538 7.59342 52.5872 6.96314 53.3927 6.51426C54.2044 6.06538 55.1237 5.84094 56.1506 5.84094C57.1836 5.84094 58.106 6.06538 58.9176 6.51426C59.7355 6.96314 60.3719 7.59035 60.8269 8.39587C61.282 9.2014 61.5125 10.1207 61.5187 11.1537C61.5125 12.1745 61.282 13.0876 60.8269 13.8931C60.378 14.6925 59.7447 15.3197 58.9269 15.7747C58.109 16.2236 57.1836 16.448 56.1506 16.448ZM56.1506 14.1329C56.6917 14.1329 57.1713 14.01 57.5894 13.764C58.0076 13.5119 58.3304 13.1614 58.5579 12.7125C58.7854 12.2575 58.8992 11.7379 58.8992 11.1537C58.8992 10.5634 58.7854 10.0407 58.5579 9.58571C58.3304 9.13068 58.0076 8.78019 57.5894 8.53422C57.1713 8.28211 56.6917 8.15606 56.1506 8.15606C55.6156 8.15606 55.1391 8.28211 54.7209 8.53422C54.3089 8.78019 53.9892 9.13068 53.7617 9.58571C53.5341 10.0407 53.4235 10.5634 53.4296 11.1537C53.4296 11.7379 53.5434 12.2575 53.7709 12.7125C54.0046 13.1614 54.3243 13.5119 54.7301 13.764C55.1421 14.01 55.6156 14.1329 56.1506 14.1329Z" fill="currentColor"></path><path d="M64.2396 6.06231H61.4357L64.4702 16.2267H66.9237L68.9192 9.73471L71.0743 16.2267H73.4909L76.5347 6.06231H73.9982L72.2722 12.389L70.3641 6.06231H67.9106L66.0119 12.5283L64.2396 6.06231Z" fill="currentColor"></path><path d="M83.8778 3.38504H88.4527C89.2095 3.38504 89.8581 3.5216 90.3987 3.79473C90.9449 4.06216 91.3575 4.4434 91.6363 4.93844C91.9208 5.42779 92.063 6.00249 92.063 6.66254C92.063 7.16327 91.9464 7.61279 91.7131 8.01109C91.4855 8.4094 91.1612 8.73089 90.7401 8.97557C90.319 9.22024 89.8354 9.37672 89.2891 9.445V9.01824C89.9378 9.03531 90.5182 9.1861 91.0303 9.47061C91.5424 9.74942 91.9435 10.1506 92.2337 10.6741C92.5239 11.1919 92.669 11.795 92.669 12.4835C92.669 13.172 92.5211 13.7809 92.2252 14.31C91.9293 14.8335 91.4741 15.2461 90.8596 15.5476C90.2451 15.8492 89.4826 16 88.5722 16H83.8778V3.38504ZM88.5295 14.6002C89.1042 14.6002 89.5822 14.5092 89.9634 14.3271C90.3503 14.145 90.632 13.8947 90.8084 13.576C90.9905 13.2574 91.0815 12.8904 91.0815 12.475C91.0815 12.0198 90.9762 11.6101 90.7657 11.2459C90.5609 10.8818 90.2678 10.5972 89.8866 10.3924C89.5053 10.1876 89.07 10.0851 88.5807 10.0851H85.4312V14.6002H88.5295ZM88.3076 8.71951C88.7002 8.71951 89.0615 8.63416 89.3915 8.46346C89.7273 8.28706 89.9918 8.04523 90.1853 7.73797C90.3788 7.42501 90.4755 7.06654 90.4755 6.66254C90.4755 6.30406 90.393 5.98257 90.228 5.69807C90.0687 5.41356 89.8297 5.19165 89.511 5.03232C89.1924 4.86731 88.8168 4.7848 88.3844 4.7848H85.4312V8.71951H88.3076ZM94.5212 6.57719H95.9295V8.43785L95.6478 8.50613C95.7445 8.09076 95.9266 7.72374 96.1941 7.4051C96.4672 7.08076 96.7944 6.83324 97.1756 6.66254C97.5625 6.48615 97.9751 6.39795 98.4132 6.39795C98.4872 6.39795 98.5611 6.40079 98.6351 6.40648C98.7091 6.40648 98.7745 6.41217 98.8314 6.42355V7.90014C98.7916 7.88876 98.7176 7.87738 98.6095 7.866C98.5071 7.84893 98.399 7.84039 98.2852 7.84039C97.83 7.8347 97.4288 7.93143 97.0817 8.13059C96.7403 8.32405 96.47 8.60855 96.2709 8.9841C96.0774 9.35396 95.9807 9.79494 95.9807 10.3071V16H94.5212V6.57719ZM104.055 16.2048C103.213 16.2048 102.459 15.9943 101.793 15.5732C101.127 15.1522 100.604 14.5689 100.223 13.8235C99.8414 13.0781 99.6508 12.2332 99.6508 11.2886C99.6508 10.327 99.8386 9.4763 100.214 8.73658C100.59 7.99687 101.11 7.42217 101.776 7.01248C102.442 6.5971 103.201 6.38941 104.055 6.38941C104.681 6.38941 105.25 6.50891 105.762 6.74789C106.274 6.98688 106.687 7.30552 107 7.70383C107.318 8.10214 107.512 8.52889 107.58 8.9841L107.196 8.96703V6.57719H108.698V16H107.204V13.9857L107.657 13.5846C107.532 14.0625 107.298 14.5007 106.957 14.899C106.615 15.2973 106.192 15.6159 105.685 15.8549C105.179 16.0882 104.635 16.2048 104.055 16.2048ZM104.157 14.8563C104.755 14.8563 105.29 14.7055 105.762 14.4039C106.234 14.1024 106.601 13.6841 106.863 13.1493C107.13 12.6087 107.264 11.9885 107.264 11.2886C107.264 10.5887 107.13 9.96849 106.863 9.42793C106.601 8.88737 106.234 8.46915 105.762 8.17326C105.29 7.87169 104.755 7.7209 104.157 7.7209C103.566 7.7209 103.048 7.87169 102.604 8.17326C102.166 8.47484 101.827 8.89591 101.588 9.43647C101.349 9.97702 101.23 10.5944 101.23 11.2886C101.23 11.9771 101.349 12.5916 101.588 13.1322C101.833 13.6727 102.174 14.0967 102.612 14.4039C103.056 14.7055 103.571 14.8563 104.157 14.8563ZM112.556 16H111.037V6.57719H112.513V8.63416L112.215 8.72805C112.289 8.28991 112.476 7.8916 112.778 7.53313C113.085 7.17465 113.464 6.89583 113.913 6.69668C114.368 6.49184 114.852 6.38941 115.364 6.38941C116.035 6.3951 116.622 6.5402 117.122 6.82471C117.623 7.10921 118.01 7.5189 118.283 8.05377C118.562 8.58295 118.701 9.21455 118.701 9.94857V16H117.182V10.1363C117.182 9.63562 117.094 9.20317 116.917 8.839C116.747 8.47484 116.499 8.19887 116.175 8.01109C115.856 7.81763 115.475 7.7209 115.031 7.7209C114.565 7.7209 114.143 7.83755 113.768 8.07084C113.398 8.30413 113.102 8.62847 112.88 9.04385C112.664 9.45354 112.556 9.91728 112.556 10.4351V16ZM124.872 16.2048C124.03 16.2048 123.276 15.9943 122.61 15.5732C121.95 15.1522 121.435 14.5718 121.066 13.8321C120.696 13.0867 120.511 12.2388 120.511 11.2886C120.511 10.327 120.693 9.4763 121.057 8.73658C121.427 7.99118 121.942 7.41363 122.602 7.00395C123.262 6.59426 124.019 6.38941 124.872 6.38941C125.447 6.38941 125.996 6.50891 126.519 6.74789C127.049 6.98119 127.487 7.29983 127.834 7.70383C128.181 8.10783 128.392 8.5545 128.465 9.04385L128.09 9.03531V3.00096H129.592V16H128.098V13.5419L128.585 13.4736C128.471 13.9971 128.226 14.4665 127.851 14.8819C127.475 15.2973 127.023 15.6216 126.494 15.8549C125.965 16.0882 125.424 16.2048 124.872 16.2048ZM125.026 14.8478C125.595 14.8478 126.115 14.6941 126.588 14.3869C127.06 14.0739 127.43 13.6471 127.697 13.1066C127.97 12.566 128.107 11.96 128.107 11.2886C128.107 10.5944 127.976 9.97702 127.714 9.43647C127.453 8.89022 127.086 8.46915 126.613 8.17326C126.141 7.87738 125.612 7.72943 125.026 7.72943C124.434 7.72943 123.916 7.88022 123.472 8.1818C123.029 8.47768 122.684 8.89591 122.44 9.43647C122.201 9.97702 122.081 10.5944 122.081 11.2886C122.081 11.9771 122.201 12.5888 122.44 13.1237C122.684 13.6585 123.029 14.0796 123.472 14.3869C123.922 14.6941 124.44 14.8478 125.026 14.8478Z" fill="currentColor"></path></svg></a></div></div><nav role="navigation" class="sidebar_nav-container w-nav-menu"><div class="sidebar_nav-links-wrapper"><div data-nav-dropdown="" class="u-position-relative"><a data-tippy-placement="right" data-tippy-content="Brand assets" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420738" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420738" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/brand-assets" class="sidebar_nav-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24px" viewBox="0 0 24 25" fill="none" class="sidebar_nav-link-icon"><path d="M12 7V19.5" stroke="currentColor" stroke-width="1.5"></path><path d="M19.3136 5H16.1065C14.5089 5 12.998 5.7262 12 6.97368C11.002 5.7262 9.49107 5 7.8935 5H4.68643C4.58347 5 4.5 5.08347 4.5 5.18643V17.8399C4.5 17.9428 4.58347 18.0263 4.68643 18.0263H7.90962C9.49699 18.0263 10.9983 18.7479 11.9899 19.9874C11.9951 19.9939 12.0049 19.9939 12.0101 19.9874C13.0017 18.7479 14.503 18.0263 16.0904 18.0263H19.3136C19.4165 18.0263 19.5 17.9428 19.5 17.8399V5.18643C19.5 5.08347 19.4165 5 19.3136 5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text">Brand Assets</div></a><div data-hover="false" data-delay="0" class="sidebar_nav-dropdown w-dropdown"><div data-sidebar-dropdown-icon="" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42073f" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42073f" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" class="sidebar_nav-dropdown-toggle w-dropdown-toggle">
401<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="sidebar_nav-dropdown-icon"><rect x="11.05" y="6.43555" width="1.9" height="11.1289" fill="currentColor" class="sidebar_nav-dropdown-icon-v"></rect><rect x="17.5645" y="11.05" width="1.9" height="11.1289" transform="rotate(90 17.5645 11.05)" fill="currentColor" class="sidebar_nav-dropdown-icon-h"></rect></svg></div><nav class="sidebar_nav-dropdown-menu w-dropdown-list"><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420744" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420744" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/brand-assets#logos" class="sidebar_nav-dropdown-link w-inline-block"><div>Logos</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420747" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420747" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/brand-assets#colors" class="sidebar_nav-dropdown-link w-inline-block"><div>Colors</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42074a" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42074a" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/brand-assets#photos" class="sidebar_nav-dropdown-link w-inline-block"><div>Photos</div></a></nav></div></div><div data-nav-dropdown="" class="u-position-relative"><a data-tippy-placement="right" data-tippy-content="Design guidelines" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42075a" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42075a" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/design-guidelines" class="sidebar_nav-link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 25" fill="none" class="sidebar_nav-link-icon"><path d="M7.23438 6.4375H9.11719L13.4375 18H11.6328L7.53906 6.66406L8.70312 6.64844L4.64844 18H2.89844L7.23438 6.4375ZM5.10156 13.3828H11.2344V14.8672H5.10156V13.3828ZM16.2316 18.1797C15.6743 18.1797 15.1821 18.0807 14.755 17.8828C14.3331 17.6849 14.0024 17.3958 13.7628 17.0156C13.5232 16.6354 13.4034 16.1745 13.4034 15.6328C13.4034 15.1224 13.5258 14.6823 13.7706 14.3125C14.0154 13.9375 14.3618 13.6406 14.8097 13.4219C15.2576 13.1979 15.7941 13.0469 16.4191 12.9688L17.7628 12.8047C18.0545 12.7682 18.2784 12.7214 18.4347 12.6641C18.5909 12.6016 18.7003 12.5234 18.7628 12.4297C18.8253 12.3359 18.8566 12.2083 18.8566 12.0469V12.0391C18.8566 11.7266 18.7915 11.4557 18.6613 11.2266C18.531 10.9974 18.3383 10.8229 18.0831 10.7031C17.8331 10.5833 17.5363 10.526 17.1925 10.5312C16.88 10.5365 16.5961 10.5964 16.3409 10.7109C16.0857 10.8203 15.867 10.9844 15.6847 11.2031C15.5076 11.4167 15.3774 11.6693 15.2941 11.9609L13.5363 11.9688C13.6508 11.3958 13.8774 10.8958 14.2159 10.4688C14.5597 10.0417 14.9894 9.71354 15.505 9.48438C16.0258 9.25521 16.604 9.14062 17.2394 9.14062C17.9217 9.14062 18.5076 9.25521 18.9972 9.48438C19.4868 9.71354 19.8566 10.0547 20.1066 10.5078C20.3618 10.9557 20.4894 11.4948 20.4894 12.125V18H18.9034L18.8878 16.5234L19.1222 16.5625C18.9868 16.9115 18.781 17.2057 18.505 17.4453C18.2342 17.6849 17.9034 17.8672 17.5128 17.9922C17.1222 18.1172 16.6951 18.1797 16.2316 18.1797ZM16.6222 16.8359C17.0441 16.8359 17.4269 16.7526 17.7706 16.5859C18.1144 16.4193 18.3826 16.1927 18.5753 15.9062C18.768 15.6198 18.8644 15.2969 18.8644 14.9375V12.9375L19.2628 13C19.2211 13.2135 19.1534 13.3854 19.0597 13.5156C18.9711 13.6406 18.8331 13.7448 18.6456 13.8281C18.4581 13.9062 18.2029 13.9714 17.88 14.0234L16.5675 14.2266C16.0883 14.2995 15.7159 14.4479 15.4503 14.6719C15.1847 14.89
40106 15.0519 15.1901 15.0519 15.5703C15.0519 15.8464 15.1196 16.0807 15.255 16.2734C15.3904 16.4609 15.5753 16.6042 15.8097 16.7031C16.0441 16.7969 16.3149 16.8411 16.6222 16.8359Z" fill="currentColor"></path></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text">Design Guidelines</div></a><div data-hover="false" data-delay="0" class="sidebar_nav-dropdown w-dropdown"><div data-sidebar-dropdown-icon="" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420760" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420760" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" class="sidebar_nav-dropdown-toggle w-dropdown-toggle"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="sidebar_nav-dropdown-icon"><rect x="11.05" y="6.43555" width="1.9" height="11.1289" fill="currentColor" class="sidebar_nav-dropdown-icon-v"></rect><rect x="17.5645" y="11.05" width="1.9" height="11.1289" transform="rotate(90 17.5645 11.05)" fill="currentColor" class="sidebar_nav-dropdown-icon-h"></rect></svg></div><nav class="sidebar_nav-dropdown-menu w-dropdown-list"><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420765" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420765" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/design-guidelines#logo-usage" class="sidebar_nav-dropdown-link w-inline-block"><div>Logo usage</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420768" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420768" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/design-guidelines#typography" class="sidebar_nav-dropdown-link w-inline-block"><div>Typography</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42076b" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42076b" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/design-guidelines#color-palette" class="sidebar_nav-dropdown-link w-inline-block"><div>Color palette</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:8f9b1a1a-cecb-662e-556a-21ef85ce58e8" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="8f9b1a1a-cecb-662e-556a-21ef85ce58e8" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/design-guidelines#illustration" class="sidebar_nav-dropdown-link w-inline-block"><div>Illustration</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:4ab40aaa-d255-5cf7-f915-69ad4253a223" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="4ab40aaa-d255-5cf7-f915-69ad4253a223" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/design-guidelines#motion" class="sidebar_nav-dropdown-link w-inline-block"><div>Motion</div></a></nav></div></div><div data-nav-dropdown="" class="u-position-relative"><a class="sidebar_nav-link w-inline-block w--current" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42076f" href="/voice-and-tone" data-tippy-content="Voice and Tone" aria-current="page" data-tippy-placement="right" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42076f" data-wf-ao-click-engagement-tracking="true">
401<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 25" fill="none" class="sidebar_nav-link-icon"><path d="M4.75 4.94791H15.25V13.8021H7.5L4.75 16.6667V4.94791Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path><path d="M18.75 8.33334V19.7917L16.5 17.4479H9" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text">Voice and Tone</div></a><div data-hover="false" data-delay="0" class="sidebar_nav-dropdown w-dropdown"><div data-sidebar-dropdown-icon="" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420776" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420776" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" class="sidebar_nav-dropdown-toggle w-dropdown-toggle"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="sidebar_nav-dropdown-icon"><rect x="11.05" y="6.43555" width="1.9" height="11.1289" fill="currentColor" class="sidebar_nav-dropdown-icon-v"></rect><rect x="17.5645" y="11.05" width="1.9" height="11.1289" transform="rotate(90 17.5645 11.05)" fill="currentColor" class="sidebar_nav-dropdown-icon-h"></rect></svg></div><nav class="sidebar_nav-dropdown-menu w-dropdown-list"><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42077b" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42077b" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/voice-and-tone#dimensions-of-voice" class="sidebar_nav-dropdown-link w-inline-block"><div>Dimensions of voice</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42077e" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42077e" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/voice-and-tone#voice-across-surfaces" class="sidebar_nav-dropdown-link u-d-none w-inline-block"><div>Voice across surfaces</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420781" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420781" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/voice-and-tone#boilerplate" class="sidebar_nav-dropdown-link w-inline-block"><div>Boilerplate</div></a><a data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:a35cbce8-3a1a-d97f-243a-07610e8da933" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="a35cbce8-3a1a-d97f-243a-07610e8da933" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="/voice-and-tone#faqs" class="sidebar_nav-dropdown-link u-d-none w-inline-block"><div>FAQs</div></a></nav></div></div><a data-tippy-placement="right" data-tippy-content="FAQ" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420790" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420790" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="#" class="sidebar_nav-link cc-hide w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 25" fill="none" class="sidebar_nav-link-icon"><path d="M21 12.5C21 17.6777 16.9706 21.875 12 21.875C7.02944 21.875 3 17.6777 3 12.5C3 7.32233 7.02944 3.125 12 3.125C16.9706 3.125 21 7.32233 21 12.5Z" stroke="currentColor" stroke-width="1.5"></path><path d="M11.8757 13.8854V13.5589C11.8757 12.9808 12.1675 12.4418 12.6516 12.1259V12.1259L13.4275 11.6194L14.0148 11.236C14.6164 10.8433 14.9792 10.1733 14.9792 9.45477V9.45477C14.9792 8.27996 14.0268 7.32759 12.852 7.32759H10.8588C9.70647 7.32759 8.77228 8.26178 8.77228 9.41416V9.41416V9.49166" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"></path><ellipse cx="11.9199" cy="17.654" rx="1.25909" ry="1.31156" fill="currentColor"></ellipse></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text">FAQs</div></a><a data-tippy-placement="right" data-tippy-content="Press kit" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b420797" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b420797" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" href="#" class="sidebar_nav-link cc-hide w-inline-block">
401<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="sidebar_nav-link-icon"><path d="M4.75 14L4.75 18.25L19.25 18.25L19.25 14" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path><path d="M15.5 10.5L12 14L8.5 10.5" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path><path d="M12 14L12 4" stroke="currentColor" stroke-width="1.5"></path></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text">Press Kit</div></a></div><div data-sidebar-bottom="" class="sidebar_nav-links-wrapper-bottom"><a class="sidebar_nav-link-bottom cc-hide w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b42079f" data-sidebar-link-bottom="" href="#" data-tippy-content="Partner portal" data-tippy-placement="right" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b42079f" data-wf-ao-click-engagement-tracking="true"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="nav_sidebar-link-icon"><circle cx="10.5" cy="8.5" r="2.75" stroke="currentColor" stroke-width="1.5"></circle><path d="M5.75 19V16.25C5.75 15.1454 6.64543 14.25 7.75 14.25H13.25C14.3546 14.25 15.25 15.1454 15.25 16.25V19" stroke="currentColor" stroke-width="1.5"></path><path d="M19.25 19V16.25C19.25 15.1454 18.3546 14.25 17.25 14.25H17" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5 11.25C16.0188 11.25 17.25 10.0188 17.25 8.5C17.25 6.98122 16.0188 5.75 14.5 5.75" stroke="currentColor" stroke-width="1.5"></path></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text cc-mobile-only">Partner Portal</div></a><a class="sidebar_nav-link-bottom cc-hide w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%22209f882f-e4fe-b92b-e55a-179e4b420724%22%2C%22instanceId%22%3A%22bf44a129-abe3-8788-a8e2-c460e5ef7b8c%22%7D%5D" data-wf-element-id="209f882f-e4fe-b92b-e55a-179e4b4207a7" data-sidebar-link-bottom="" href="#" data-tippy-content="Search (Cmd + E/K)" data-tippy-placement="right" data-wf-native-id-path="bf44a129-abe3-8788-a8e2-c460e5ef7b8c:209f882f-e4fe-b92b-e55a-179e4b4207a7" data-wf-ao-click-engagement-tracking="true"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="nav_sidebar-link-icon"><path d="M17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11Z" stroke="currentColor" stroke-width="1.5"></path><path d="M15.4194 15.4194L19.5 19.5" stroke="currentColor" stroke-width="1.5"></path></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text cc-mobile-only">Search</div></a><button data-theme="theme-light" data-sidebar-link-bottom="" data-tippy-content="Toggle theme" data-tippy-placement="right" class="sidebar_nav-link-bottom cc-theme-toggle active"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="nav_sidebar-link-icon cc-theme-toggle"><g clip-path="url(#clip0_3861_6730)"><mask id="mask0_3861_6730" STYLE="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="4" width="16" height="16"><path d="M20 4.32324H4V19.6768H20V4.32324Z" fill="white"></path></mask><g mask="url(#mask0_3861_6730)"><path d="M10.0852 12.8912C11.5211 15.3781 14.0076 16.8787 16.6588 17.1581C16.3084 17.4671 15.922 17.7463 15.5011 17.9892C12.0942 19.9563 7.73786 18.789 5.77091 15.3821C3.80396 11.9751 4.97124 7.61878 8.37811 5.65183C8.79899 5.40884 9.23394 5.21381 9.67681 5.06488C8.59314 7.50052 8.64942 10.4042 10.0852 12.8912Z" stroke="currentColor" stroke-width="1.50323" stroke-linecap="square" stroke-linejoin="bevel"></path><path d="M16.4068 5.24255C16.4068 7.03084 14.6872 8.75003 12.8993 8.75003C14.6872 8.75003 16.4068 10.4692 16.4068 12.2575C16.4068 10.4692 18.126 8.75003 19.9142 8.75003C18.126 8.75003 16.4068 7.03084 16.4068 5.24255Z" stroke="currentColor" stroke-width="1.50323" stroke-linecap="square" stroke-linejoin="bevel"></path></g></g></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text cc-mobile-only">Toggle Theme</div></button><button data-theme="theme-dark" data-sidebar-link-bottom="" data-tippy-content="Toggle theme" data-tippy-placement="right" class="sidebar_nav-link-bottom cc-theme-toggle">
401<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="nav_sidebar-link-icon cc-theme-toggle"><path d="M16.25 12C16.25 14.3472 14.3472 16.25 12 16.25C9.65279 16.25 7.75 14.3472 7.75 12C7.75 9.65279 9.65279 7.75 12 7.75C14.3472 7.75 16.25 9.65279 16.25 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M6.34314 17.6568L8.99479 15.0052" stroke="currentColor" stroke-width="1.5"></path><path d="M7.75 12L4 12" stroke="currentColor" stroke-width="1.5"></path><path d="M6.34314 6.34302L8.99485 8.99473" stroke="currentColor" stroke-width="1.5"></path><path d="M12 7.75L12 4" stroke="currentColor" stroke-width="1.5"></path><path d="M15.0051 8.99479L17.6568 6.34314" stroke="currentColor" stroke-width="1.5"></path><path d="M20 12H16.25" stroke="currentColor" stroke-width="1.5"></path><path d="M15.0001 15L17.6569 17.6567" stroke="currentColor" stroke-width="1.5"></path><path d="M12 20V16.25" stroke="currentColor" stroke-width="1.5"></path></svg><div data-sidebar-link-text="" class="sidebar_nav-link-text cc-mobile-only">Toggle Theme</div></button><div data-tippy-placement="right" data-sidebar-trigger="" data-sidebar-link-bottom="" data-tippy-content="Expand/Collapse" class="sidebar_nav-link-bottom cc-mobile-hide"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24" fill="none" class="nav_sidebar-link-icon"><path d="M3 6H21V18H3V6Z" stroke="currentColor" stroke-width="1.5"></path><path d="M9 6V18" stroke="currentColor" stroke-width="1.5"></path></svg></div></div></nav><div class="mobile-menu_btn w-nav-button"><div class="u-d-none w-icon-nav-menu"></div><div data-is-ix2-target="1" class="sidebar_nav-lottie" data-w-id="209f882f-e4fe-b92b-e55a-179e4b4207ca" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/6793d6073f672d7835b833cc_nav.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="0" data-duration="1.5" data-loading="eager" data-ix2-initial-state="0"></div></div></div><div class="sidebar_nav-css w-embed"><style> 402 /* Styles for sidebar when expanded */ 403 .sidebar_nav.is--expanded { 404 width: 290px; 405 } 406 407 /* Styles (when .sidebar_nav includes .is--expanded class) */ 408 .sidebar_nav.is--expanded .wf_wordmark, 409 .sidebar_nav.is--expanded .sidebar_nav-link-text { 410 height: auto; 411 opacity: 1; 412 } 413 414 .sidebar_nav.is--expanded .sidebar_nav-dropdown-toggle { 415 width: 24px; 416 height: 24px; 417 opacity: 1; 418 } 419 420 .sidebar_nav.is--expanded .sidebar_nav-links-wrapper-bottom { 421 width: 100%; 422 padding-left: 18px; 423 flex-flow: row; 424 column-gap: 0.75rem; 425 } 426 427 .sidebar_nav.is--expanded .sidebar_nav-link-bottom { 428 width: 24px; 429 padding-right: 0px; 430 padding-left: 0px; 431 justify-content: center; 432 align-items: center; 433 } 434 435 /* Expanded state transitions (when .sidebar_nav includes .is--expanded class) */ 436 .sidebar_nav.is--expanded [data-wf-wordmark], 437 .sidebar_nav.is--expanded [data-sidebar-dropdown-icon], 438 .sidebar_nav.is--expanded [data-sidebar-link-text], { 439 transition-delay: 0.3s; /* Delay to align with sidebar nav */ 440 } 441 442 /* Collapsed state transitions (when .sidebar_nav does not include .is--expanded class) */ 443 .sidebar_nav:not(.is--expanded) { 444 transition-delay: 0.1s; 445 } 446 447 .sidebar_nav:not(.is--expanded) [data-wf-wordmark], 448 .sidebar_nav:not(.is--expanded) [data-sidebar-link-text], 449 .sidebar_nav:not(.is--expanded) [data-sidebar-dropdown-icon], 450 .sidebar_nav:not(.is--expanded) [data-sidebar-bottom], 451 .sidebar_nav:not(.is--expanded) [data-sidebar-link-bottom] { 452 transition: none; 453 } 454 455 /* Expanded state on load (when .sidebar_nav has .is--expanded class on load) */ 456 body.no-transitions .sidebar_nav, 457 body.no-transitions [data-wf-wordmark], 458 body.no-transitions [data-sidebar-link-text], 459 body.no-transitions [data-sidebar-dropdown-icon] { 460 transition: none !important; /* Disable all transitions */ 461 } 462 463 .sidebar_nav-dropdown-toggle.w--open .sidebar_nav-dropdown-icon-v { 464 opacity: 0; 465 } 466 467 .sidebar_nav-dropdown-toggle:not(.w--open) .sidebar_nav-dropdown-icon-v { 468 opacity: 1; 469 } 470 471 /* Controls color of mobile menu icon based on theme */ 472 .theme-dark .sidebar_nav-lottie { 473 filter: invert(1); 474 } 475</style></div><div class="sidebar_nav-js w-embed w-script"><!-- This script manages a responsive, collapsible sidebar with tooltip handling, 476allowing the sidebarâs state to persist across page reloads and adjusting functionality 477based on screen size. -->
478<script> 479 document.addEventListener('DOMContentLoaded', () => { 480 const body = document.body; 481 let isLargeScreen = window.innerWidth >= 992; 482 let tooltips = []; // Store Tippy instances 483 484 // Function to initialize sidebar functionality 485 const initializeSidebar = () => { 486 // Disable transitions during initial render 487 body.classList.add('no-transitions'); 488 489 // Apply the saved sidebar state from localStorage (default to expanded) 490 const savedState = localStorage.getItem('sidebarState'); 491 const isExpanded = savedState !== 'collapsed'; // true if saved as 'expanded' OR null 492 document.querySelectorAll('[data-sidebar-nav]').forEach(target => { 493 if (isExpanded) { 494 target.classList.add('is--expanded'); 495 } else { 496 target.classList.remove('is--expanded'); 497 } 498 }); 499 500 // Allow transitions after the initial render 501 setTimeout(() => { 502 body.classList.remove('no-transitions'); 503 }, 0); 504 505 // Tippy tooltip logic 506 document.querySelectorAll('[data-tippy-content]').forEach(el => { 507 const tooltip = tippy(el, { 508 animation: 'shift-away', 509 onShow(instance) { 510 const sidebarNav = instance.reference.closest('.sidebar_nav'); 511 if (sidebarNav && sidebarNav.classList.contains('is--expanded')) { 512 return false; // Prevent tooltip 513 } 514 } 515 }); 516 tooltips.push(tooltip); // Store the Tippy instance 517 }); 518 519 // Sidebar trigger logic 520 document.querySelectorAll('[data-sidebar-trigger]').forEach(trigger => { 521 // Initialize the toggle state based on the current sidebar state 522 trigger.x = isExpanded ? 1 : 0; 523 524 const clickHandler = function () { 525 this.x = (this.x + 1) % 2; 526 if (this.x) { // Expand the sidebar 527 document.querySelectorAll('[data-sidebar-nav]').forEach(target => target.classList.add('is--expanded')); 528 localStorage.setItem('sidebarState', 'expanded'); 529 } else { // Collapse the sidebar 530 document.querySelectorAll('[data-sidebar-nav]').forEach(target => target.classList.remove('is--expanded')); 531 localStorage.setItem('sidebarState', 'collapsed'); 532 } 533 }; 534 535 trigger._listener = clickHandler; // Save the listener for removal 536 trigger.addEventListener('click', clickHandler); 537 }); 538 }; 539 540 // Function to destroy sidebar functionality 541 const destroySidebar = () => { 542 // Remove classes 543 document.querySelectorAll('[data-sidebar-nav]').forEach(target => target.classList.remove('is--expanded')); 544 545 // Remove event listeners 546 document.querySelectorAll('[data-sidebar-trigger]').forEach(trigger => { 547 if (trigger._listener) { 548 trigger.removeEventListener('click', trigger._listener); 549 delete trigger._listener; 550 } 551 delete trigger.x; // Clear custom state 552 }); 553 554 // Destroy Tippy instances 555 tooltips.forEach(instance => instance.destroy()); 556 tooltips = []; // Clear the array 557 }; 558 559 // Resize event listener to toggle functionality 560 const handleResize = () => { 561 const shouldEnable = window.innerWidth >= 992; 562 if (shouldEnable && !isLargeScreen) { 563 isLargeScreen = true; 564 initializeSidebar(); 565 } else if (!shouldEnable && isLargeScreen) { 566 isLargeScreen = false; 567 destroySidebar(); 568 } 569 }; 570 571 // Initial check and resize listener 572 if (isLargeScreen) { 573 initializeSidebar(); 574 } 575 window.addEventListener('resize', handleResize); 576 }); 577</script>
577</div></div><div class="sidebar_nav-overlay"></div><div class="page-main"><section class="section cc-brand-header"><div class="container cc-brand"><div class="brand_hero-top"><nav class="breadcrumb-nav"><ol itemtype="https://schema.org/BreadcrumbList" itemscope="https://schema.org/BreadcrumbList" role="list" class="breadcrumb-list w-list-unstyled"><li itemprop="itemListElement" itemscope="https://schema.org/ListItem" itemtype="https://schema.org/ListItem" class="breadcrumb-item"><a itemprop="item" data-wf-native-id-path="c6be9c50-ec7e-d4a6-8713-b2f9f9a14af1" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="c6be9c50-ec7e-d4a6-8713-b2f9f9a14af1" href="/" class="eyebrow cc-breadrumb w-inline-block"><div itemprop="name">Brand</div></a><div class="caption">â</div><meta itemprop="position" content="1"/></li><li itemprop="itemListElement" itemscope="https://schema.org/ListItem" itemtype="https://schema.org/ListItem" class="breadcrumb-item"><div itemprop="name" class="eyebrow cc-breadcrumb-current">Voice and tone</div><meta itemprop="position" content="2"/></li></ol></nav></div><h1 class="h0 u-mb-64">Voice and tone</h1><div class="grid cc-brand-hero"><div class="u-text-pretty cc-brand_hero-h4"><p class="h4">Best practices <br/>for writing.</p></div><div class="paragraph-xl u-w-90 u-text-accent-gray200">The way Webflowâs words should sound, feel, and appear across all experiences.</div></div></div></section><div class="u-divider cc-brand"></div><section class="section"><div class="container cc-brand"><div class="u-mb-96"><div class="paragraph-xl u-text-accent-gray200"><div class="u-mb-16">This guide is for anyone working at or with Webflow to communicate with our prospects, customers, community, and partners.<br/></div></div></div><div class="grid sm-col-1 cc-gap-64"><div class="brand_item-content u-text-accent-gray200"><div class="paragraph-xl u-mb-16 u-textwrap-balance">Looking for more detailed grammar, tone, usage, and style guidelines?</div><div class="paragraph-s u-textwrap-balance">To find the password, visit this <a href="https://webflow.atlassian.net/wiki/spaces/BRAND/pages/83821040/Brand+Assets+and+Guidelines" data-wf-native-id-path="b539f2bd-1fec-b3e9-31f0-34011ab30ce6" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="b539f2bd-1fec-b3e9-31f0-34011ab30ce6" target="_blank">Confluence doc</a>.</div></div><div id="w-node-_75b13173-9416-5d2e-1485-5756f3634cc5-2b975141"><a data-wf-native-id-path="9b263e2a-2625-d23e-5e0b-b5cbab1dde0d" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="9b263e2a-2625-d23e-5e0b-b5cbab1dde0d" href="/internal-voice-and-tone" class="button w-inline-block"><div>Internal guidelines</div></a></div></div></div></section><div class="u-divider cc-brand"></div><section id="dimensions-of-voice" class="section"><div class="container cc-brand"><div class="u-mb-96"><h2 class="h1 u-mb-64">Dimensions of voice</h2></div><div class="u-mb-96"><div class="u-w-70 u-mb-64"><h3 class="u-mb-16">Knowledgeable</h3><div class="u-text-accent-gray200">We speak with confidence backed by a deep knowledge about (and appreciation for) all things web design and development â but we are never condescending, overly academic, or know-it-all. We speak the language of our pro audience with the goal of building trust, but we never overdo it with unnecessary jargon.<br/><br/>Corresponding brand principle: <strong>Unmistakably pro</strong></div></div><div class="grid lg-col-3 sm-col-1 cc-gap-24"><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-green"><path d="M21.5 12C21.5 16.9706 17.4706 21 12.5 21C7.52944 21 3.5 16.9706 3.5 12C3.5 7.02944 7.52944 3 12.5 3C17.4706 3 21.5 7.02944 21.5 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M8.77539 11.9999L11.2581 14.4827L16.8444 8.89648" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Do</div></div><div class="u-text-accent-gray300">Confidently pass on our knowledge and expertise in empowering ways<br/><br/>Meet our pro audience where they are by speaking their language</div></div><div class="brand_voice-tone-card"><div class="brand_voice-tone-top">
577<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-red"><path d="M21.166 12C21.166 16.9706 17.1366 21 12.166 21C7.19546 21 3.16602 16.9706 3.16602 12C3.16602 7.02944 7.19546 3 12.166 3C17.1366 3 21.166 7.02944 21.166 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M15.6785 8.48877L8.65625 15.5111" stroke="currentColor" stroke-width="1.5"></path><path d="M8.6543 8.48877L15.6766 15.5111" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Don't</div></div><div class="u-text-accent-gray300">Be condescending in our communication<br/><br/>Overdo it with jargon or be overly academic</div></div><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-yellow"><path d="M20.834 12C14.9612 12 12.834 14.1272 12.834 20C12.834 14.1272 10.7068 12 4.83398 12C10.7068 12 12.834 9.87283 12.834 4C12.834 9.87283 14.9612 12 20.834 12Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path><path d="M7.69085 17.1426L4.47656 20.3569" stroke="currentColor" stroke-width="1.5"></path><path d="M7.69085 6.85735L4.47656 3.64307" stroke="currentColor" stroke-width="1.5"></path><path d="M17.9766 17.1426L21.1909 20.3569" stroke="currentColor" stroke-width="1.5"></path><path d="M17.9766 6.85735L21.1909 3.64307" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Show it off</div></div><div class="u-text-accent-gray300">When talking about the power our product can bring to the professionals and teams using it</div></div></div></div><div class="u-mb-96"><div class="u-w-70 u-mb-64"><h3 class="u-mb-16">Empowering</h3><div class="u-text-accent-gray200">Weâre uplifting and motivational in our approach to everything, and we center our customers â not ourselves â when we speak. We believe our customers are capable of great things, and we always seek to instill confidence in them â but we never ignore the complexities of our product. Â Additionally, weâre optimistic about the progress of technology, not fear-mongering or negative.<br/><br/>Corresponding brand principle: <strong>Empowering</strong></div></div><div class="grid lg-col-3 sm-col-1 cc-gap-24"><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-green"><path d="M21.5 12C21.5 16.9706 17.4706 21 12.5 21C7.52944 21 3.5 16.9706 3.5 12C3.5 7.02944 7.52944 3 12.5 3C17.4706 3 21.5 7.02944 21.5 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M8.77539 11.9999L11.2581 14.4827L16.8444 8.89648" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Do</div></div><div class="u-text-accent-gray300">Communicate in ways that feel uplifting, optimistic, and center the customer, rather than ourselves, wherever possible.<br/><br/>Center and empower the customer</div></div><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-red"><path d="M21.166 12C21.166 16.9706 17.1366 21 12.166 21C7.19546 21 3.16602 16.9706 3.16602 12C3.16602 7.02944 7.19546 3 12.166 3C17.1366 3 21.166 7.02944 21.166 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M15.6785 8.48877L8.65625 15.5111" stroke="currentColor" stroke-width="1.5"></path><path d="M8.6543 8.48877L15.6766 15.5111" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Don't</div></div><div class="u-text-accent-gray300">Ignore the complexities of building for the web â or using Webflow<br/><br/>Be negative about those complexities</div></div><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-yellow"><path d="M20.834 12C14.9612 12 12.834 14.1272 12.834 20C12.834 14.1272 10.7068 12 4.83398 12C10.7068 12 12.834 9.87283 12.834 4C12.834 9.87283 14.9612 12 20.834 12Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path><path d="M7.69085 17.1426L4.47656 20.3569" stroke="currentColor" stroke-width="1.5"></path><path d="M7.69085 6.85735L4.47656 3.64307" stroke="currentColor" stroke-width="1.5"></path><path d="M17.9766 17.1426L21.1909 20.3569" stroke="currentColor" stroke-width="1.5"></path><path d="M17.9766 6.85735L21.1909 3.64307" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Show it off</div></div><div class="u-text-accent-gray300">When talking about the power our product can bring to the professionals and team
577s using it</div></div></div></div><div class="u-mb-96"><div class="u-w-70 u-mb-64"><h3 class="u-mb-16">Down-to-earth</h3><div class="u-text-accent-gray200">We speak like a real person â a kind, approachable one. We donât overdo it by overpromising, using complicated metaphors, or using lofty language, and we always try to say more with less by focusing on real-world solutions and outcomes. We never trade substance for humor, but we know when a well-placed wink is worth a thousand words. We sound professional but not overly dry or intimidating, and we use warm language to invite our audience into the fold. We respect that our audienceâs time and attention are valuable and finite.<br/><br/>Corresponding brand principle: <strong>N/A</strong></div></div><div class="grid lg-col-3 sm-col-1 cc-gap-24"><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-green"><path d="M21.5 12C21.5 16.9706 17.4706 21 12.5 21C7.52944 21 3.5 16.9706 3.5 12C3.5 7.02944 7.52944 3 12.5 3C17.4706 3 21.5 7.02944 21.5 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M8.77539 11.9999L11.2581 14.4827L16.8444 8.89648" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Do</div></div><div class="u-text-accent-gray300">Focus on real solutions and empowering outcomes<br/><br/>Use well-placed winks of humor<br/><br/>Default to straightforward language</div></div><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-red"><path d="M21.166 12C21.166 16.9706 17.1366 21 12.166 21C7.19546 21 3.16602 16.9706 3.16602 12C3.16602 7.02944 7.19546 3 12.166 3C17.1366 3 21.166 7.02944 21.166 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M15.6785 8.48877L8.65625 15.5111" stroke="currentColor" stroke-width="1.5"></path><path d="M8.6543 8.48877L15.6766 15.5111" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Don't</div></div><div class="u-text-accent-gray300">Trade substance for humor or colloquialisms<br/><br/>Use complicated metaphors or grandiose language</div></div><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-yellow"><path d="M20.834 12C14.9612 12 12.834 14.1272 12.834 20C12.834 14.1272 10.7068 12 4.83398 12C10.7068 12 12.834 9.87283 12.834 4C12.834 9.87283 14.9612 12 20.834 12Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path><path d="M7.69085 17.1426L4.47656 20.3569" stroke="currentColor" stroke-width="1.5"></path><path d="M7.69085 6.85735L4.47656 3.64307" stroke="currentColor" stroke-width="1.5"></path><path d="M17.9766 17.1426L21.1909 20.3569" stroke="currentColor" stroke-width="1.5"></path><path d="M17.9766 6.85735L21.1909 3.64307" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Show it off</div></div><div class="u-text-accent-gray300">All the time! We should always communicate in approachable, kind, and inclusive ways.</div></div></div></div><div class="u-mb-96"><div class="u-w-70 u-mb-64"><h3 class="u-mb-16">Bold</h3><div class="u-text-accent-gray200">We fearlessly embrace the power of technology to make the world better, but weâre not brash or careless in the way we communicate it. Weâre intentional about when to dial it up and turn heads â and when to be more subtle. Weâre bold only when we know we can back it up.<br/><br/>Corresponding brand principle: <strong>Bold</strong></div></div><div class="grid lg-col-3 sm-col-1 cc-gap-24"><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-green"><path d="M21.5 12C21.5 16.9706 17.4706 21 12.5 21C7.52944 21 3.5 16.9706 3.5 12C3.5 7.02944 7.52944 3 12.5 3C17.4706 3 21.5 7.02944 21.5 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M8.77539 11.9999L11.2581 14.4827L16.8444 8.89648" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Do</div></div><div class="u-text-accent-gray300">Back up bold claims with showing, not just telling<br/><br/>Be choosy about when to be bold</div></div><div class="brand_voice-tone-card"><div class="brand_voice-tone-top">
577<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-red"><path d="M21.166 12C21.166 16.9706 17.1366 21 12.166 21C7.19546 21 3.16602 16.9706 3.16602 12C3.16602 7.02944 7.19546 3 12.166 3C17.1366 3 21.166 7.02944 21.166 12Z" stroke="currentColor" stroke-width="1.5"></path><path d="M15.6785 8.48877L8.65625 15.5111" stroke="currentColor" stroke-width="1.5"></path><path d="M8.6543 8.48877L15.6766 15.5111" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Don't</div></div><div class="u-text-accent-gray300">Overdo it â our boldness is a bubble over, not a constant boil</div></div><div class="brand_voice-tone-card"><div class="brand_voice-tone-top"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 25 24" fill="none" class="brand_icon-24 cc-yellow"><path d="M20.834 12C14.9612 12 12.834 14.1272 12.834 20C12.834 14.1272 10.7068 12 4.83398 12C10.7068 12 12.834 9.87283 12.834 4C12.834 9.87283 14.9612 12 20.834 12Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"></path><path d="M7.69085 17.1426L4.47656 20.3569" stroke="currentColor" stroke-width="1.5"></path><path d="M7.69085 6.85735L4.47656 3.64307" stroke="currentColor" stroke-width="1.5"></path><path d="M17.9766 17.1426L21.1909 20.3569" stroke="currentColor" stroke-width="1.5"></path><path d="M17.9766 6.85735L21.1909 3.64307" stroke="currentColor" stroke-width="1.5"></path></svg><div class="h5">Show it off</div></div><div class="u-text-accent-gray300">When showing off a particularly cool product capability or turning heads in a brand campaign</div></div></div></div><div><div class="u-w-70 u-mb-64"><h4 class="u-mb-16">A quick note on voice vs. tone</h4><div class="u-text-accent-gray200">What they are and how theyâre different.<br/><br/>Our voice is rooted in our brand personality (the wise mentor). Just like all of us as individuals, our personality stays the same situation to situation â Â and so does our voice.<br/><br/>But while our voice doesnât change, our tone does shift depending on who weâre talking to, the context in which weâre talking to them, and what we need to communicate. Imagine how you sound at a wedding vs. a funeral: Youâre the same person, but you take a very different tone!</div></div></div></div></section><div class="u-divider cc-brand"></div><section id="boilerplate" class="section"><div class="container cc-brand"><div class="u-mb-96"><h2 class="h1 u-mb-64">Boilerplate</h2></div><div class="u-mb-96"><div class="u-w-70"><div class="paragraph-xl u-text-accent-gray200">When someone asks you what Webflow is, here are different templates you can use that best represent the company.</div></div></div><div class="u-mb-96"><h3 class="u-mb-16">In a sentence</h3><p class="paragraph-xl u-text-accent-gray200 u-mb-32">Webflow is a Website Experience Platform (WXP) that empowers cross-functional teams of marketers, designers, and developers to visually build, manage, and optimize stunning websites with AI-driven personalization and a powerful composable CMS, enabling businesses to drive real, measurable results.</p><a data-copy-target="" data-wf-native-id-path="a55cba59-261c-c2ca-ba5e-af1fbbc0fb56" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="a55cba59-261c-c2ca-ba5e-af1fbbc0fb56" href="#" class="eyebrow">Copy Text</a></div><div class="u-mb-96"><h3 class="u-mb-16">In a few sentences</h3><p class="paragraph-xl u-text-accent-gray200 u-mb-32">Webflow is a Website Experience Platform (WXP) that empowers marketers, designers, and developers to visually build, manage, and optimize stunning websites that deliver enterprise-grade performance and AI-driven personalized experiences.<br/><br/>Todayâs CMOs must drive brand and revenue growth with fewer resources while navigating a fragmented landscape of legacy marketing tools. Performance marketing is becoming more expensive and less effective, requiring a shift to owned content.<br/><br/>
577Unlike traditional platforms that create siloes between teams, Webflowâs Website Experience Platform (WXP) brings marketers, designers, and developers together in a shared environment â equipping each with the tools they need to collaborate, execute at scale, and drive results through visual, composable CMS and AI-powered optimization.<br/><br/>With AI-driven personalization and analytics, Webflow not only enhances visitor engagement but also significantly boosts conversion rates, directly impacting business growth.<br/><br/>Today, over 300,000 of the best companies in the world â from The New York Times, Dropbox, Monday.com, TED, Orangetheory Fitness, and Checkout.com â use Webflow to build, manage, and optimize their websites. </p><a data-copy-target="" data-wf-native-id-path="a55cba59-261c-c2ca-ba5e-af1fbbc0fb69" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="a55cba59-261c-c2ca-ba5e-af1fbbc0fb69" href="#" class="eyebrow">Copy Text</a></div><a data-wf-native-id-path="73414aca-9de1-fb86-dca9-785ca90be6c7" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="73414aca-9de1-fb86-dca9-785ca90be6c7" href="mailto:[email protected]?subject=Webflow%20Press%20Question" class="brand-card w-inline-block"><div class="card-body"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 48 48" fill="none" class="card-icon u-mb-32"><rect x="1" y="1" width="46" height="46" rx="23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="u-icon-blue"></rect><path d="M31.4576 27.5748C31.1097 28.8773 30.5564 29.9993 29.7921 30.9297C28.9822 31.922 28.0069 32.6776 26.8604 33.202C25.714 33.7264 24.4991 34.0027 23.21 34.0252C21.6187 34.0027 20.1585 33.5628 18.8353 32.7001C17.512 31.8375 16.4625 30.6647 15.6925 29.1648C14.9225 27.6706 14.5346 25.9847 14.5346 24.1128C14.5346 22.2408 14.9225 20.6338 15.6925 19.1453C16.4625 17.6624 17.512 16.5008 18.8353 15.6663C20.1585 14.8318 21.6187 14.4146 23.21 14.4146C24.4363 14.4146 25.617 14.6627 26.7577 15.1645C27.8985 15.6663 28.8795 16.3711 29.7066 17.2733C30.5336 18.1811 31.1268 19.2073 31.4805 20.3519M31.4633 14.6965V28.5221C31.4633 31.2172 32.5813 33.2978 35.0738 33.2978C36.2146 33.2978 37.2355 32.8975 38.1367 32.1025C39.0379 31.3074 39.7338 30.191 40.2414 28.7532C40.749 27.3154 41 25.6464 41 23.735C41 20.5323 40.2585 17.6624 38.7755 15.1081C37.2926 12.5595 35.2506 10.5691 32.6554 9.14261C30.0545 7.71044 27.157 7 23.9629 7C20.7688 7 18.0139 7.74428 15.4358 9.23847C12.8577 10.7327 10.8101 12.7851 9.2929 15.3957C7.78141 18.0063 7.01711 20.9158 7 24.1128C7.01141 27.338 7.75288 30.2249 9.21304 32.7735C10.6732 35.322 12.7037 37.3237 15.3046 38.7784C17.9055 40.2332 20.8658 40.9718 24.1968 41C25.9877 40.9887 27.7274 40.7519 29.41 40.2895C31.0926 39.8272 32.6668 39.1788 34.1384 38.3443" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" class="u-icon-white"></path></svg><h3 class="u-mb-32">Letâs chat!</h3></div><div><p class="brand-card_info u-mb-0">If youâre a member of the media and would like to talk to someone at Webflow, please email us.</p></div></div></a></div></section></div></div><section class="section u-pt-32 u-pb-32"><div class="container"><div class="grid sm-col-1 cc-gap-32"><a data-wf-native-id-path="7529931b-07c8-488d-b389-95fa985007e9" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="7529931b-07c8-488d-b389-95fa985007e9" href="/brand-assets" class="button cc-brand_cta-card w-inline-block"><div><div class="h6 u-mb-32 u-text-gray600">Next</div><h2 class="h3">Brand assets</h2></div><div class="button-icon_top-right cc-brand-footer-cta">â</div></a><a data-wf-native-id-path="25039d51-b4b7-ce31-049d-ca2ed91ab1d9" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="25039d51-b4b7-ce31-049d-ca2ed91ab1d9" href="/design-guidelines" class="button cc-brand_cta-card w-inline-block"><div><div class="h6 u-mb-32 u-text-gray600">Previous</div><h2 class="h3">Design guidelines</h2></div><div class="button-icon_top-right cc-brand-footer-cta">â</div></a></div></div></section><footer class="g-footer cc-brand"><div class="g-footer_container"><div class="g-footer-column_wrapper"><div class="g-footer-column"><div><div class="g-footer-section_title h6-2">Product</div><ul aria-label="Product" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175de9" data-cta-position="product section" href="https://webflow.com/platform" data-cta="footer CTA" data-cta-text="platform" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175de9" data-wf-ao-click-engagement-tracking="true"><div>Platform</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ded" data-cta-position="product section" href="https://webflow.com/designer" data-cta="footer CTA" data-cta-text="design" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ded" data-wf-ao-click-engagement-tracking="true"><div>Design</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175df1" data-cta-position="product section" href="https://webflow.com/edit-mode" data-cta="footer CTA" data-cta-text="edit mode" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175df1" data-wf-ao-click-engagement-tracking="true"><div>Edit mode</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175df5" data-cta-position="product section" href="https://webflow.com/interactions-animations" data-cta="footer CTA" data-cta-text="interactions" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175df5" data-wf-ao-click-engagement-tracking="true"><div>Interactions</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175df9" data-cta-position="product section" href="https://webflow.com/page-building" data-cta="footer CTA" data-cta-text="page building" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175df9" data-wf-ao-click-engagement-tracking="true"><div>Page building</div><div class="g-footer-list_item-tag">New</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175dff" data-cta-position="product section" href="https://webflow.com/cms" data-cta="footer CTA" data-cta-text="cms" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175dff" data-wf-ao-click-engagement-tracking="true"><div>CMS</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e03" data-cta-position="product section" href="https://webflow.com/hosting" data-cta="footer CTA" data-cta-text="hosting" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e03" data-wf-ao-click-engagement-tracking="true"><div>Hosting</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e07" data-cta-position="product section" href="https://webflow.com/localization" data-cta="footer CTA" data-cta-text="localization" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e07" data-wf-ao-click-engagement-tracking="true"><div>Localization</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e0b" data-cta-position="product section" href="https://webflow.com/security" data-cta="footer CTA" data-cta-text="security" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e0b" data-wf-ao-click-engagement-tracking="true"><div>Security</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e0f" data-cta-position="product section" href="https://webflow.com/ecommerce" data-cta="footer CTA" data-cta-text="ecommerce" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e0f" data-wf-ao-click-engagement-tracking="true"><div>Ecommerce</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e13" data-cta-position="product section" href="https://webflow.com/analyze" data-cta="footer CTA" data-cta-text="analyze" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e13" data-wf-ao-click-engagement-tracking="true"><div>Analyze</div><div class="g-footer-list_item-tag">New</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e19" data-cta-position="product section" href="https://webflow.com/optimize" data-cta="footer CTA" data-cta-text="optimize" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e19" data-wf-ao-click-engagement-tracking="true"><div>Optimize</div><div class="g-footer-list_item-tag">New</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e1f" data-cta-position="product section" href="https://webflow.com/seo" data-cta="footer CTA" data-cta-text="seo" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e1f" data-wf-ao-click-engagement-tracking="true"><div>SEO</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link cc-combo w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e23" data-cta-position="product section" href="http://webflow.com/devlink" data-cta="footer CTA" data-cta-text="devlink" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e23" data-wf-ao-click-engagement-tracking="true"><div>DevLink</div><div class="g-footer-list_item-tag">Labs</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e28-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link cc-combo w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e29" data-cta-position="product section" href="https://webflow.com/figma-to-webflow" data-cta="footer CTA" data-cta-text="figma to webflow" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e29" data-wf-ao-click-engagement-tracking="true"><div>Figma to Webflow</div><div class="g-footer-list_item-tag">Labs</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e2f" data-cta-position="product section" href="https://webflow.com/accessibility" data-cta="footer CTA" data-cta-text="accessibility" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e2f" data-wf-ao-click-engagement-tracking="true"><div>Accessibility</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e33" data-cta-position="product section" href="https://webflow.com/ai" data-cta="footer CTA" data-cta-text="ai" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e33" data-wf-ao-click-engagement-tracking="true"><div>AI</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title h6-2">Solutions</div><ul aria-label="Solutions" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e3c" data-cta-position="solutions section" href="https://webflow.com/enterprise" data-cta="footer CTA" data-cta-text="enterprise" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e3c" data-wf-ao-click-engagement-tracking="true"><div>Enterprise</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e40" data-cta-position="solutions section" href="https://webflow.com/startups" data-cta="footer CTA" data-cta-text="startups" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e40" data-wf-ao-click-engagement-tracking="true"><div>Startups</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-698
5774-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e44" data-cta-position="solutions section" href="https://webflow.com/solutions/global-alliances" data-cta="footer CTA" data-cta-text="global alliances" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e44" data-wf-ao-click-engagement-tracking="true"><div>Global alliances</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e48" data-cta-position="solutions section" href="https://webflow.com/solutions/agencies" data-cta="footer CTA" data-cta-text="agencies" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e48" data-wf-ao-click-engagement-tracking="true"><div>Agencies</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e4c" data-cta-position="solutions section" href="https://webflow.com/solutions/freelancers" data-cta="footer CTA" data-cta-text="freelancers" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e4c" data-wf-ao-click-engagement-tracking="true"><div>Freelancers</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e50" data-cta-position="solutions sections" href="https://webflow.com/for/classroom" data-cta="footer CTA" data-cta-text="classrooms" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e50" data-wf-ao-click-engagement-tracking="true"><div>Classrooms</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title h6-2">Resources</div><ul aria-label="Resources" role="list" class="g-footer-list w-list-unstyled"><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e58-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e59" data-cta-position="resources section" href="https://university.webflow.com" data-cta="footer CTA" data-cta-text="university" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e59" data-wf-ao-click-engagement-tracking="true"><div>University</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e5c-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e5d" data-cta-position="resources section" href="https://webflow.com/blog" data-cta="footer CTA" data-cta-text="blog" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e5d" data-wf-ao-click-engagement-tracking="true"><div>Blog</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e60-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e61" data-cta-position="resources section" href="https://webflow.com/customers" data-cta="footer CTA" data-cta-text="customer stories" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e61" data-wf-ao-click-engagement-tracking="true"><div>Customer stories</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e64-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e65" data-cta-position="resources section" href="https://webflow.com/resources" data-cta="footer CTA" data-cta-text="webinars and ebooks" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e65" data-wf-ao-click-engagement-tracking="true"><div>Webinars and ebooks</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e68-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e69" data-cta-position="resources section" href="https://webflow.com/apps" data-cta="footer CTA" data-cta-text="apps" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e69" data-wf-ao-click-engagement-tracking="true"><div>Apps</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e6c-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e6d" data-cta-position="resources section" href="https://webflow.com/libraries" data-cta="footer CTA" data-cta-text="libraries" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e6d" data-wf-ao-click-engagement-tracking="true"><div>Libraries</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e70-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e71" data-cta-position="resources section" href="https://webflow.com/templates" data-cta="footer CTA" data-cta-text="templates" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e71" data-wf-ao-click-engagement-tracking="true"><div>Templates</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e74-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e75" data-cta-position="resources section" href="http://developers.webflow.com/" data-cta="footer CTA" data-cta-text="developers" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e75" data-wf-ao-click-engagement-tracking="true"><div>Developers</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e78-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e79" data-cta-position="resources section" href="https://webflow.com/made-in-webflow" data-cta="footer CTA" data-cta-text="made in webflow" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e79" data-wf-ao-click-engagement-tracking="true"><div>Made in Webflow</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e7c-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e7d" data-cta-position="resources section" href="https://webflow.com/glossary" data-cta="footer CTA" data-cta-text="glossary" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e7d" data-wf-ao-click-engagement-tracking="true"><div>Glossary</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e80-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e81" data-cta-position="resources section" href="https://webflow.com/events/livestreams" data-cta="footer CTA" data-cta-text="livestreams" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e81" data-wf-ao-click-engagement-tracking="true"><div>Livestreams</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title h6-2">Company</div><ul aria-label="Company" role="list" class="g-footer-list w-list-unstyled">
577<li id="w-node-_0c632541-6984-d3c8-214e-54447a175e89-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e8a" data-cta-position="company section" href="https://webflow.com/about" data-cta="footer CTA" data-cta-text="about" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e8a" data-wf-ao-click-engagement-tracking="true"><div>About</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e8d-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link cc-combo w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e8e" data-cta-position="company section" href="https://webflow.com/careers" data-cta="footer CTA" data-cta-text="careers" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e8e" data-wf-ao-click-engagement-tracking="true"><div>Careers</div><div class="g-footer-list_item-tag">We're Hiring</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e93-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e94" data-cta-position="company section" href="https://webflow.com/press" data-cta="footer CTA" data-cta-text="press" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e94" data-wf-ao-click-engagement-tracking="true"><div>Press</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e97-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e98" data-cta-position="company section" href="https://webflow.com/webflow-ventures" data-cta="footer CTA" data-cta-text="webflow ventures" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e98" data-wf-ao-click-engagement-tracking="true"><div>Webflow Ventures</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175e9c" data-cta-position="company section" href="https://shop.webflow.com" data-cta="footer CTA" data-cta-text="webflow shop" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175e9c" data-wf-ao-click-engagement-tracking="true"><div>Webflow Shop</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175e9f-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ea0" data-cta-position="company section" href="https://webflow.com/legal/terms" data-cta="footer CTA" data-cta-text="terms of service" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ea0" data-wf-ao-click-engagement-tracking="true"><div>Terms of Service</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ea3-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ea4" data-cta-position="company section" href="https://webflow.com/legal/privacy" data-cta="footer CTA" data-cta-text="privacy policy" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ea4" data-wf-ao-click-engagement-tracking="true"><div>Privacy policy</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ea7-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ea8" data-cta-position="company section" href="https://webflow.com/legal/cookie-policy" data-cta="footer CTA" data-cta-text="cookie policy" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ea8" data-wf-ao-click-engagement-tracking="true"><div>Cookie policy</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175eab-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175eac" data-cta-position="company section" href="#" data-cta="footer CTA" data-cta-text="cookie preferences" id="show-cookie-preferences" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175eac" data-wf-ao-click-engagement-tracking="true"><div>Cookie preferences</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175eaf-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175eb0" data-cta-position="company section" href="https://webflow.com/accessibility/statement" data-cta="footer CTA" data-cta-text="accessibility statement" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175eb0" data-wf-ao-click-engagement-tracking="true"><div>Accessibility statement</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175eb3-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175eb4" data-cta-position="company section" href="https://webflow.com/sitemap" data-cta="footer CTA" data-cta-text="sitemap" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175eb4" data-wf-ao-click-engagement-tracking="true"><div>Sitemap</div></a></li></ul></div></div><div class="g-footer-column"><div><div class="g-footer-section_title h6-2">Community</div><ul aria-label="Community" role="list" class="g-footer-list w-list-unstyled"><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ebc-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ebd" data-cta-position="community section" href="https://webflow.com/community" data-cta="footer CTA" data-cta-text="discover the community" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ebd" data-wf-ao-click-engagement-tracking="true"><div>Discover the community</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ec0-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ec1" data-cta-position="community section" href="https://webflow.com/partners" data-cta="footer CTA" data-cta-text="partner with webflow" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ec1" data-wf-ao-click-engagement-tracking="true"><div>Partner with Webflow</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ec4-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ec5" data-cta-position="community section" href="https://webflow.com/certified-partners" data-cta="footer CTA" data-cta-text="certified partners" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ec5" data-wf-ao-click-engagement-tracking="true"><div>Certified Partners</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ec8-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ec9" data-cta-position="community section" href="https://webflow.com/templates/applications" data-cta="footer CTA" data-cta-text="become a template designer" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ec9" data-wf-ao-click-engagement-tracking="true"><div>Become a template designer</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ecc-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ecd" data-cta-position="community section" href="https://webflow.com/affiliates" data-cta="footer CTA" data-cta-text="become an affiliate" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ecd" data-wf-ao-click-engagement-tracking="true"><div>Become an affiliate</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ed0-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ed1" data-cta-position="community section" href="https://webflow.com/community/global-leaders" data-cta="footer CTA" data-cta-text="become a global leader" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ed1" data-wf-ao-click-engagement-tracking="true"><div>Become a Global Leader</div></a></li><li id="w-node-_0c632541-6984-d3c8-214e-54447a175ed4-7a175de0" class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ed5" data-cta-position="community section" href="https://webflow.com/events" data-cta="footer CTA" data-cta-text="find a meetup near you" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ed5" data-wf-ao-click-engagement-tracking="true"><div>Find a meetup near you</div></a></li></ul></div></div><div class="g-footer-column cc-last"><div><div class="g-footer-section_title h6-2">Get help</div><ul aria-label="Get help" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ede" data-cta-position="get help section" href="https://help.webflow.com/" data-cta="footer CTA" data-cta-text="support" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ede" data-wf-ao-click-engagement-tracking="true"><div>Support</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ee2" data-cta-position="get help section" href="https://webflow.com/pricing" data-cta="footer CTA" data-cta-text="pricing" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ee2" data-wf-ao-click-engagement-tracking="true"><div>
577Pricing</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ee6" data-cta-position="get help section" href="https://status.webflow.com/" data-cta="footer CTA" data-cta-text="status" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ee6" data-wf-ao-click-engagement-tracking="true"><div>Status</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175eea" data-cta-position="get help section" href="https://forum.webflow.com/" data-cta="footer CTA" data-cta-text="forum" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175eea" data-wf-ao-click-engagement-tracking="true"><div>Forum</div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175eee" data-cta-position="get help section" href="https://wishlist.webflow.com/" data-cta="footer CTA" data-cta-text="wishlist" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175eee" data-wf-ao-click-engagement-tracking="true"><div>Wishlist</div></a></li></ul></div></div></div><div class="g-footer-copyright"><div class="u-text-gray400-2">© <span class="footer-copyright_year">2025</span> Webflow, Inc. All rights reserved</div><a class="g-footer-brand w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175ef7" data-cta-position="footer section" href="https://webflow.com/?r=0" data-cta="footer CTA" data-cta-text="webflow icon home" aria-label="Webflow's homepage" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175ef7" data-wf-ao-click-engagement-tracking="true"><div class="g-brand-logo_footer w-embed"><svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 578<path fill-rule="evenodd" clip-rule="evenodd" d="M38.7475 0L26.4707 24H14.9392L20.077 14.0534H19.8465C15.6078 19.5558 9.28359 23.178 0.272522 24V14.191C0.272522 14.191 6.03712 13.8505 9.42596 10.2877H0.272522V0.000189575H10.56V8.46149L10.7909 8.46054L14.9947 0.000189575H22.7749V8.40784L23.0058 8.40746L27.3673 0H38.7475Z" fill="#146EF5"/> 579</svg></div></a><div class="g-footer-column-social"><ul role="list" class="g-footer-list cc-social w-list-unstyled"><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175efc" data-cta-position="footer section" href="https://webflow.com/discover/popular#recent" data-cta="footer CTA" data-cta-text="made in webflow icon" aria-label="Made in Webflow" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175efc" data-wf-ao-click-engagement-tracking="true"><div class="g-footer-list_item-social w-embed"><svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 580<title>Made in Webflow</title> 581<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9575 0.157898L14.9576 13.8421H8.3826L11.3121 8.1708H11.1806C8.76383 11.3081 5.15791 13.3734 0.0200195 13.8421V8.24927C0.0200195 8.24927 3.30685 8.05514 5.23909 6.02368H0.0200195V0.158006H5.88569V4.98244L6.01734 4.98189L8.41427 0.158006H12.8503V4.95185L12.982 4.95163L15.4688 0.157898H21.9575Z" fill="currentColor"/> 582</svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175eff" data-cta-position="footer section" href="https://www.youtube.com/webflow" data-cta="footer CTA" data-cta-text="youtube icon" aria-label="Webflow's YouTube channel" target="_blank" rel="noopener" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175eff" data-wf-ao-click-engagement-tracking="true"><div class="g-footer-list_item-social w-embed"><svg alt width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 583<title>YouTube</title> 584<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1 1.83737C17.4829 2.32842 17.7311 2.91085 17.82 3.52713C17.9319 4.44288 17.992 5.36422 18 6.28674V7.57655C17.9924 8.50241 17.9323 9.4271 17.82 10.3462C17.7311 10.9624 17.4829 11.5449 17.1 12.0359C16.6125 12.4946 15.9694 12.7518 15.3 12.7558C12.78 12.9358 9 12.9358 9 12.9358C9 12.9358 4.32 12.9358 2.9 12.7658C2.16881 12.762 1.46173 12.5039 0.9 12.0359C0.515501 11.542 0.267246 10.9559 0.18 10.3362C0.
5840680335 9.42042 0.0079376 8.49908 0 7.57655V6.28674C0.00756015 5.36088 0.0676567 4.43619 0.18 3.51713C0.268925 2.90085 0.517095 2.31843 0.9 1.82737C1.38752 1.3687 2.0306 1.11151 2.7 1.10748C5.22 0.9375 9 0.9375 9 0.9375C9 0.9375 12.78 0.9375 15.3 1.11747C15.9694 1.12151 16.6125 1.3787 17.1 1.83737ZM13 6.9375L7 3.9375V9.9375L13 6.9375Z" fill="currentColor"/> 585</svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175f02" data-cta-position="footer section" href="https://twitter.com/webflow" data-cta="footer CTA" data-cta-text="x icon" aria-label="Webflow's Twitter account" target="_blank" rel="noopener" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175f02" data-wf-ao-click-engagement-tracking="true"><div class="g-footer-list_item-social w-embed"><svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 586<title>X</title> 587<path d="M13.9389 0.316772H16.5457L10.8507 6.82584L17.5504 15.6832H12.3046L8.19581 10.3113L3.49447 15.6832H0.886112L6.97752 8.72103L0.550415 0.316772H5.92945L9.6434 5.22694L13.9389 0.316772ZM13.024 14.1229H14.4685L5.14458 1.7951H3.59454L13.024 14.1229Z" fill="currentColor"/> 588</svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175f05" data-cta-position="footer section" href="https://www.facebook.com/webflow/" data-cta="footer CTA" data-cta-text="facebook icon" aria-label="Webflow's Facebook page" target="_blank" rel="noopener" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175f05" data-wf-ao-click-engagement-tracking="true"><div class="g-footer-list_item-social w-embed"><svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 589<title>Facebook</title> 590<path d="M19 10.495C18.9998 8.67955 18.4794 6.90217 17.5004 5.37329C16.5215 3.84441 15.1249 2.62804 13.4761 1.86821C11.8273 1.10837 9.99534 0.836881 8.19704 1.08588C6.39875 1.33487 4.70945 2.09393 3.32915 3.27318C1.94885 4.45243 0.935345 6.00249 0.408625 7.73985C-0.118094 9.47721 -0.135971 11.3291 0.357111 13.0763C0.850194 14.8235 1.83359 16.3929 3.19087 17.5985C4.54814 18.8042 6.22247 19.5958 8.01563 19.8794V13.2413H5.60342V10.495H8.01563V8.40183C8.01563 6.02129 9.43429 4.70554 11.6035 4.70554C12.3161 4.71576 13.027 4.77767 13.7307 4.89079V7.22937H12.5321C12.1713 7.18148 11.8062 7.27883 11.5172 7.50003C11.2281 7.72123 11.0388 8.04817 10.9907 8.40896C10.9771 8.50999 10.975 8.61224 10.9844 8.71375V10.495H13.6167L13.1955 13.2413H10.9788V19.8794C13.2145 19.5271 15.251 18.3882 16.7215 16.6677C18.1921 14.9472 19.0001 12.7583 19 10.495V10.495Z" fill="currentColor"/> 591</svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175f08" data-cta-position="footer section" href="https://www.linkedin.com/company/webflow-inc-" data-cta="footer CTA" data-cta-text="linkedin icon" aria-label="Webflow's Linkedin page" target="_blank" rel="noopener" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175f08" data-wf-ao-click-engagement-tracking="true"><div class="g-footer-list_item-social w-embed"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 592<title>Linkedin</title> 593<path d="M16.2763 0.5H0.76377C0.33877 0.5 0.0200195 0.81875 0.0200195 1.24375V16.8625C0.0200195 17.1812 0.33877 17.5 0.76377 17.5H16.3825C16.8075 17.5 17.1263 17.1813 17.1263 16.7563V1.24375C17.02 0.81875 16.7013 0.5 16.2763 0.5ZM5.01377 14.95H2.57002V6.875H5.12002V14.95H5.01377ZM3.84502 5.8125C2.99502 5.8125 2.35752 5.06875 2.35752 4.325C2.35752 3.475 2.99502 2.8375 3.84502 2.8375C4.69502 2.8375 5.33252 3.475 5.33252 4.325C5.22627 5.06875 4.58877 5.8125 3.84502 5.8125ZM14.47 14.95H11.92V11.0187C11.92 10.0625 11.92 8.89375 10.645 8.89375C9.37002 8.89375 9.15752 9.95625 9.15752 11.0187V15.0562H6.60752V6.875H9.05127V7.9375C9.37002 7.3 10.22 6.6625 11.3888 6.6625C13.9388 6.6625 14.3638 8.3625 14.3
593638 10.4875V14.95H14.47Z" fill="currentColor"/> 594</svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175f0b" data-cta-position="footer section" href="https://www.instagram.com/webflow/" data-cta="footer CTA" data-cta-text="instagram icon" aria-label="Webflow's Instagram page" target="_blank" rel="noopener" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175f0b" data-wf-ao-click-engagement-tracking="true"><div class="g-footer-list_item-social w-embed"><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 595<title>Instagram</title> 596<path fill-rule="evenodd" clip-rule="evenodd" d="M5.28999 0.991399C6.24999 0.941406 6.55999 0.941406 8.99999 0.941406C11.44 0.941406 11.75 0.941406 12.72 0.991399C13.4651 1.00749 14.2022 1.14947 14.9 1.41134C16.1042 1.8878 17.0518 2.84977 17.51 4.06096C17.7719 4.75865 17.9139 5.49561 17.93 6.24065C17.98 7.20051 17.98 7.51047 17.98 9.95012C17.98 11.4375 17.9614 12.1185 17.9469 12.65C17.9376 12.9903 17.93 13.2693 17.93 13.6596C17.9139 14.4046 17.7719 15.1416 17.51 15.8393C17.0426 17.0469 16.0878 18.0016 14.88 18.4689C14.1822 18.7308 13.4451 18.8728 12.7 18.8889C11.74 18.9388 11.43 18.9388 8.99027 18.9388H8.98999C7.50235 18.9388 6.82135 18.9203 6.28974 18.9058C5.94941 18.8965 5.67031 18.8889 5.27999 18.8889C4.53485 18.8728 3.79779 18.7308 3.1 18.4689C1.89018 17.9994 0.935014 17.0407 0.469999 15.8293C0.208096 15.1316 0.0660938 14.3946 0.0499999 13.6496C0 12.6897 0 12.3798 0 9.94012C0 7.50047 0 7.19052 0.0499999 6.22065C0.0660938 5.47561 0.208096 4.73866 0.469999 4.04096C0.939608 2.83132 1.8984 1.87629 3.11 1.41134C3.80779 1.14947 4.54485 1.00749 5.28999 0.991399ZM12.6406 2.61249C11.6906 2.5625 11.4006 2.5625 9.00061 2.5625V2.5825C7.52013 2.5825 6.84346 2.60136 6.32148 2.61592C5.99376 2.62505 5.72702 2.63249 5.36062 2.63249C4.79035 2.63982 4.22553 2.74465 3.69062 2.94245C2.91752 3.24733 2.30556 3.85921 2.00062 4.6322C1.8028 5.16704 1.69796 5.73177 1.69062 6.30196C1.64062 7.25183 1.64062 7.53179 1.64062 9.94144C1.64062 11.4217 1.65949 12.0983 1.67405 12.6202C1.68319 12.9479 1.69062 13.2146 1.69062 13.5809C1.69796 14.1511 1.8028 14.7158 2.00062 15.2507C2.30556 16.0237 2.91752 16.6355 3.69062 16.9404C4.22553 17.1382 4.79035 17.2431 5.36062 17.2504C6.31062 17.3004 6.59061 17.3004 9.00061 17.3004C10.4811 17.3004 11.1578 17.2815 11.6797 17.267C12.0075 17.2578 12.2742 17.2504 12.6406 17.2504C13.2109 17.2431 13.7757 17.1382 14.3106 16.9404C15.0837 16.6355 15.6957 16.0237 16.0006 15.2507C16.1984 14.7158 16.3033 14.1511 16.3106 13.5809C16.3606 12.6311 16.3606 12.3511 16.3606 9.94144C16.3606 8.46117 16.3417 7.78459 16.3272 7.26269C16.318 6.93502 16.3106 6.66832 16.3106 6.30196C16.3033 5.73177 16.1984 5.16704 16.0006 4.6322C15.6957 3.85921 15.0837 3.24733 14.3106 2.94245C13.7769 2.73783 13.212 2.62622 12.6406 2.61249Z" fill="currentColor"/> 597<path fill-rule="evenodd" clip-rule="evenodd" d="M4.37891 9.93965C4.37891 7.38846 6.44735 5.32031 8.9989 5.32031C10.2242 5.32031 11.3993 5.80699 12.2657 6.67329C13.1321 7.53958 13.6189 8.71453 13.6189 9.93965C13.6189 12.4908 11.5505 14.559 8.9989 14.559C6.44735 14.559 4.37891 12.4908 4.37891 9.93965ZM6 9.94043C6 11.5973 7.34315 12.9404 9 12.9404C9.79565 12.9404 10.5587 12.6244 11.1213 12.0617C11.6839 11.4991 12 10.7361 12 9.94043C12 8.28358 10.6569 6.94043 9 6.94043C7.34315 6.94043 6 8.28358 6 9.94043Z" fill="currentColor"/> 598<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7988 6.2225C14.3952 6.2225 14.8788 5.73897 14.8788 5.1425C14.8788 4.54603 14.3952 4.0625 13.7988 4.0625C13.2023 4.0625 12.7188 4.54603 12.7188 5.1425C12.7188 5.73897 13.2023 6.2225 13.7988 6.2225Z" fill="currentColor"/> 599</svg></div></a></li><li class="g-footer-list_item"><a class="g-footer-list_item-link w-inline-block" data-wf-component-context="%5B%7B%22componentId%22%3A%220c632541-6984-d3c8-214e-54447a175de0%22%2C%22instanceId%22%3A%2225ddae7c-0a5b-d579-4d65-e807878050c5%22%7D%5D" data-wf-element-id="0c632541-6984-d3c8-214e-54447a175f0e" data-cta-position="footer section" href="https://www.tiktok.com/@webflow" data-cta="footer CTA" data-cta-text="tiktok icon" aria-label="Webflow's TikTok" target="_blank" rel="noopener" data-wf-native-id-path="25ddae7c-0a5b-d579-4d65-e807878050c5:0c632541-6984-d3c8-214e-54447a175f0e" data-wf-ao-click-engagement-tracking="true"><div class="g-footer-list_item-social w-embed"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 600<title>TikTok</title> 601<path d="M8.30373 8.65756V11.7284C7.93253 11.6265 7.54412 11.6126 7.16708 11.6877C6.79004 11.7628 6.43401 11.9251 6.12521 12.1625C5.81641 12.3999 5.56272 12.7064 5.38283 13.0595C5.20293 13.4125 5.10143 13.8031 5.0858 14.2024C5.06468 14.5462 5.11448 14.8907 5.23187 15.2128C5.34925 15.535 5.53151 15.8271 5.76637 16.0699C6.00124 16.3126 6.28328 16.5002 6.59355 16.6199C6.90381 16.7398 7.23512 16.7891 7.56521 16.7646C9.39728 16.7646 10.0446 15.4246 10.0446 14.1678V2.00391H12.9611C13.4572 5.216 14.9992 5.96137 17.0661 6.30587V9.3834C17.0661 9.3834 14.6141 9.20193 13.0437 7.96915V14.0488C13.0421 16.7998 11.4755 19.8706 7.5872 19.8706C3.97883 19.8706 2.13281 16.688 2.13281 14.0204C2.15583 13.23 2.33952 12.4536 2.67179 11.7426C3.00405 11.0315 3.47735 10.4018 4.06045 9.89507C4.64356 9.38832 5.32323 9.01601 6.05464 8.80271C6.78607 8.5894 7.5526 8.53993 8.30373 8.65756Z" fill="currentColor"/> 602</svg></div></a></li></ul></div></div></div></footer>
602<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64fb76b7b2949a3b510a9e23" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
602<script src="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/js/webflow.schunk.e0c428ff9737f919.js" type="text/javascript" integrity="sha384-ar82P9eriV3WGOD8Lkag3kPxxkFE9GSaSPalaC0MRlR/5aACGoFQNfyqt0dNuYvt" crossorigin="anonymous"></script>
602<script src="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/js/webflow.schunk.870b971cb91bce43.js" type="text/javascript" integrity="sha384-cFBUPKZwHyUnPHctSiY3dsBrQS7haweuPPJm8wIIiYL3z5D2rNCHh7mV7v5l1JF4" crossorigin="anonymous"></script>
602<script src="https://cdn.prod.website-files.com/64fb76b7b2949a3b510a9e23/js/webflow.002ecab3.b0f2378fe14f886e.js" type="text/javascript" integrity="sha384-hLNlCOV30G5RpwaTb2TegsPFZksxbKaYpUJ11S22pz+Ty116QVRbKu+5X/2A8DLn" crossorigin="anonymous"></script>
602<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
602<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
602<script type="text/javascript">gsap.registerPlugin(SplitText);</script>
602<!-- Import Webflow Marketing Body -->
603<script type='text/javascript' src="https://webflow.com/resources/marketing-body-v2.js"></script>
603 604 605<!-- Amplitude -->
606<script type='text/javascript'> 607 wf_analytics.init({ 608 pageView: { 609 name: 'Website Viewed', 610 data: { 611 redirect: false // not a redirect to dashboard 612 } 613 }, 614 trackScroll: true, 615 page: 'website' 616 }); 617</script>
617 618
619<script> 620 $(document).ready(function() { 621 $('.sidenav_links_link-section-title.w--current').parents('.sidenav_links_wrapper').addClass('.u-bg-gray100'); 622 }); 623 624 $("nav a").click(function(){ 625 if (parseInt($(window).width()) < 990) { 626 $('.w-nav-button').click(); 627 } 628 }); 629</script>
629 630 631<!-- Tippy.js -->
632<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 632
632
633<script src="https://unpkg.com/tippy.js@6"></script>
633<!-- CODECRUMBS THEME/MODE MANAGER -->
634<script> 635 const ThemeManager = { 636 // Array of available themes 637 themes: ['theme-light', 'theme-dark'], // Add more themes as needed 638 639 // System themes configuration 640 systemThemes: { 641 light: 'theme-light', // Theme to use for system "light" mode 642 dark: 'theme-dark' // Theme to use for system "dark" mode 643 }, 644 645 // Current theme state 646 themePreference: localStorage.getItem('theme') || 'system', 647 648 // Array to store theme change callbacks 649 themeChangeCallbacks: [], 650 651 // Method to add theme change callback 652 onThemeChange: function(callback) { 653 if (typeof callback === 'function') { 654 this.themeChangeCallbacks.push(callback); 655 } 656 }, 657 658 // Method to get current resolved theme (resolves 'system' to actual theme) 659 getResolvedTheme: function() { 660 return this.themePreference === 'system' ? this.getSystemTheme() : this.themePreference; 661 }, 662 663 // Method to get system theme 664 getSystemTheme: function() { 665 return window.matchMedia('(prefers-color-scheme: dark)').matches 666 ? this.systemThemes.dark 667 : this.systemThemes.light; 668 }, 669 670 // Method to programmatically set theme 671 setTheme: function(newThemePreference) { 672 // Validate theme 673 if (newThemePreference === 'system' || this.themes.includes(newThemePreference)) { 674 handleThemeChange(newThemePreference); 675 return true; 676 } 677 console.warn(`Invalid theme "${newThemePreference}". Available themes:`, ['system', ...this.themes]); 678 return false; 679 } 680 }; 681 682 // Function to apply a theme 683 function applyTheme(resolvedTheme) { 684 const body = document.body; 685 const html = document.documentElement; 686 687 // Remove all theme classes 688 ThemeManager.themes.forEach(t => { 689 body.classList.remove(t); 690 html.classList.remove(t); 691 }); 692 693 // Add the selected theme class (if it's valid) 694 if (ThemeManager.themes.includes(resolvedTheme)) { 695 body.classList.add(resolvedTheme); 696 html.classList.add(resolvedTheme); 697 } 698 } 699 700 // Function to apply the system theme 701 function applySystemTheme() { 702 const systemTheme = ThemeManager.getSystemTheme(); 703 applyTheme(systemTheme); 704 } 705 706 // Function to handle theme changes 707 function handleThemeChange(newThemePreference) { 708 ThemeManager.themePreference = newThemePreference; 709 710 if (newThemePreference === 'system') { 711 localStorage.setItem('theme', 'system'); 712 applySystemTheme(); 713 } else { 714 localStorage.setItem('theme', newThemePreference); 715 applyTheme(newThemePreference); 716 } 717 718 // Update all UI controls to match the current theme 719 updateThemeControls(newThemePreference); 720 721 // Call all registered callbacks with theme information 722 const resolvedTheme = ThemeManager.getResolvedTheme(); 723 ThemeManager.themeChangeCallbacks.forEach(callback => { 724 callback({ 725 themePreference: newThemePreference, // 'system', 'light-mode', or 'dark-mode' 726 resolvedTheme: resolvedTheme // actual applied theme ('light-mode' or 'dark-mode') 727 }); 728 }); 729 } 730 731 // Function to update all theme controls 732 function updateThemeControls(themePreference) { 733 const resolvedTheme = ThemeManager.getResolvedTheme(); 734 735 // Update selectors 736 document.querySelectorAll('[data-theme-selector]').forEach(selector => { 737 selector.value = themePreference; 738 }); 739 740 // Update toggle switches 741 document.querySelectorAll('[data-theme-toggle]').forEach(toggle => { 742 const toggleTheme = toggle.getAttribute('data-theme-toggle'); 743 if (themePreference === 'system') { 744 toggle.checked = resolvedTheme === toggleTheme; 745 } else { 746 toggle.checked = themePreference === toggleTheme; 747 } 748 }); 749 750 // Update click-based theme buttons 751 document.querySelectorAll('[data-theme]').forEach(button => { 752 const buttonTheme = button.getAttribute('data-theme'); 753 754 // Set aria-pressed 755 button.setAttribute('aria-pressed', themePreference === buttonTheme); 756 757 // Handle active state 758 button.classList.toggle('active', themePreference === buttonTheme); 759 760 // For system theme buttons, also check resolved theme 761 if (buttonTheme === 'system' && themePreference === 'system') { 762 button.classList.add('active'); 763 } 764 }); 765 } 766 767 // Function to initialize the theme 768 function initializeTheme() { 769 // Initial theme check 770 try { 771 const savedThemePreference = localStorage.getItem('theme') || 'system'; 772 if (savedThemePreference === 'system') { 773 const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark-mode' : 'light-mode'; 774 document.documentElement.classList.add(systemTheme); 775 } else { 776 document.documentElement.classList.add(savedThemePreference); 777 } 778 } catch (e) { 779 console.warn('Failed to set initial theme:', e); 780 } 781 782 // Set up system theme change listener 783 const systemThemeQuery = window.matchMedia('(prefers-color-scheme: dark)'); 784 785 // Remove old listener if it exists (prevents duplicate listeners) 786 systemThemeQuery.removeEventListener('change', handleSystemThemeChange); 787 788 // Add new listener 789 systemThemeQuery.addEventListener('change', handleSystemThemeChange); 790 791 // Apply saved theme 792 const savedThemePreference = localStorage.getItem('theme') || 'system'; 793 handleThemeChange(savedThemePreference); 794 } 795 796 // Handler for system theme changes 797 function handleSystemThemeChange() { 798 const currentThemePreference = localStorage.getItem('theme'); 799 if (currentThemePreference === 'system') { 800 applySystemTheme(); 801 updateThemeControls('system'); 802 803 // Notify callbacks of the theme change 804 const resolvedTheme = ThemeManager.getResolvedTheme(); 805 ThemeManager.themeChangeCallbacks.forEach(callback => { 806 callback({ 807 themePreference: 'system', 808 resolvedTheme: resolvedTheme 809 }); 810 }); 811 } 812 } 813 814 // Event listener for theme selectors 815 document.addEventListener('change', (event) => { 816 const target = event.target; 817 818 // Handle dropdown selectors 819 if (target.matches('[data-theme-selector]')) { 820 handleThemeChange(target.value); 821 } 822 823 // Handle toggle switches 824 if (target.matches('[data-theme-toggle]')) { 825 const toggleTheme = target.getAttribute('data-theme-toggle'); 826 827 // If the toggle is checked, apply its theme 828 // If unchecked, apply the opposite theme or system theme 829 if (target.checked) { 830 handleThemeChange(toggleTheme); 831 } else {
832 // If we're toggling between light/dark, choose the opposite 833 const oppositeTheme = toggleTheme === ThemeManager.systemThemes.dark 834 ? ThemeManager.systemThemes.light 835 : ThemeManager.systemThemes.dark; 836 handleThemeChange(oppositeTheme); 837 } 838 } 839 }); 840 841 // Event listener for click-based theme toggles 842 document.addEventListener('click', (event) => { 843 const target = event.target; 844 845 if (target.matches('[data-theme]')) { 846 handleThemeChange(target.getAttribute('data-theme')); 847 } 848 }); 849 850 // Initialize the theme on page load 851 initializeTheme(); 852 853 // Export ThemeManager to make it globally available 854 window.ThemeManager = ThemeManager; 855</script>
855 856 857<!-- Theme icon switcher functionality -->
858<script> 859 // Wait for ThemeManager to be initialized 860 document.addEventListener('DOMContentLoaded', () => { 861 // Get references to your theme toggle buttons 862 const lightButton = document.querySelector('button[data-theme="theme-light"]'); 863 const darkButton = document.querySelector('button[data-theme="theme-dark"]'); 864 865 // Initial setup - hide the active button based on current theme 866 const initialTheme = ThemeManager.getResolvedTheme(); 867 if (initialTheme === 'theme-light') { 868 lightButton.style.display = 'none'; 869 darkButton.style.display = 'flex'; 870 } else { 871 darkButton.style.display = 'none'; 872 lightButton.style.display = 'flex'; 873 } 874 875 // Register callback for theme changes 876 ThemeManager.onThemeChange(function(themeData) { 877 // When theme changes, toggle button visibility 878 if (themeData.resolvedTheme === 'theme-light') { 879 // If light theme is active, hide light button and show dark button 880 lightButton.style.display = 'none'; 881 darkButton.style.display = 'flex'; 882 } else { 883 // If dark theme is active, hide dark button and show light button 884 darkButton.style.display = 'none'; 885 lightButton.style.display = 'flex'; 886 } 887 }); 888 }); 889</script>
889 890 891<!-- Boilerplate copy to clipboard functionality -->
892<script> 893 document.addEventListener("DOMContentLoaded", function () { 894 document.querySelectorAll("[data-copy-target]").forEach(link => { 895 link.addEventListener("click", function (event) { 896 event.preventDefault(); 897 898 const paragraph = this.previousElementSibling; // Get the previous sibling (should be <p>) 899 const originalText = this.innerText; // Store the original link text 900 901 if (paragraph && paragraph.tagName.toLowerCase() === "p") { 902 const text = paragraph.innerText; 903 navigator.clipboard.writeText(text).then(() => { 904 this.innerText = "Copied to clipboard"; // Change link text 905 setTimeout(() => { 906 this.innerText = originalText; // Revert back after 1.5 seconds 907 }, 1500); 908 }).catch(err => { 909 console.error("Failed to copy text: ", err); 910 }); 911 } 912 }); 913 }); 914 }); 915</script>
915</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.