PageSourceSearch

https://www.autoalt.ai/

html autoalt.ai collected 2026-10-01 09:19:10 UTC 327,771 bytes, 1,881 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US" prefix="og: https://ogp.me/ns#" class="scroll-smooth">
3
4<head><meta charset="UTF-8">
4<script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script>
4<script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="2.0.5",this.userEvents=["keydown","keyup","mousedown","mouseup","mousemove","mouseover","mouseout","touchmove","touchstart","touchend","touchcancel","wheel","click","dblclick","input"],this.attributeEvents=["onblur","onclick","oncontextmenu","ondblclick","onfocus","onmousedown","onmouseenter","onmouseleave","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel","onscroll","onsubmit"]}async t(){this.i(),this.o(),/iP(ad|hone)/.test(navigator.userAgent)&&this.h(),this.u(),this.l(this),this.m(),this.k(this),this.p(this),this._(),await Promise.all([this.R(),this.L()]),this.lastBreath=Date.now(),this.S(this),this.P(),this.D(),this.O(),this.M(),await this.C(this.delayedScripts.normal),await this.C(this.delayedScripts.defer),await this.C(this.delayedScripts.async),await this.T(),await this.F(),await this.j(),await this.A(),window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.lastTouchEnd&&await new Promise(t=>setTimeout(t,500-Date.now()+this.lastTouchEnd)),this.I(),this.H(),this.U(),this.W()}i(){this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))},{isRocket:!0})}o(){window.addEventListener("pageshow",t=>{this.persisted=t.persisted,this.realWindowLoadedFired=!0},{isRocket:!0}),window.addEventListener("pagehide",()=>{this.onFirstUserAction=null},{isRocket:!0})}h(){let t;function e(e){t=e}window.addEventListener("touchstart",e,{isRocket:!0}),window.addEventListener("touchend",function i(o){o.changedTouches[0]&&t.changedTouches[0]&&Math.abs(o.changedTouches[0].pageX-t.changedTouches[0].pageX)<10&&Math.abs(o.changedTouches[0].pageY-t.changedTouches[0].pageY)<10&&o.timeStamp-t.timeStamp<200&&(window.removeEventListener("touchstart",e,{isRocket:!0}),window.removeEventListener("touchend",i,{isRocket:!0}),"INPUT"===o.target.tagName&&"text"===o.target.type||(o.target.dispatchEvent(new TouchEvent("touchend",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new MouseEvent("mouseover",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new PointerEvent("click",{target:o.target,bubbles:!0,cancelable:!0,detail:1,clientX:o.changedTouches[0].clientX,clientY:o.changedTouches[0].clientY})),event.preventDefault()))},{isRocket:!0})}q(t){this.userActionTriggered||("mousemove"!==t.type||this.firstMousemoveIgnored?"keyup"===t.type||"mouseover"===t.type||"mouseout"===t.type||(this.userActionTriggered=!0,this.onFirstUserAction&&this.onFirstUserAction()):this.firstMousemoveIgnored=!0),"click"===t.type&&t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),"touchstart"===this.lastEvent&&"touchend"===t.type&&(this.lastTouchEnd=Date.now()),"click"===t.type&&(this.lastTouchEnd=0),this.lastEvent=t.type,t.composedPath&&t.composedPath()[0].getRootNode()instanceof ShadowRoot&&(t.rocketTarget=t.composedPath()[0]),this.savedUserEvents.push(t)}u(){this.savedUserEvents=[],this.userEventHandler=this.q.bind(this),this.userEvents.forEach(t=>window.addEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.addEventListener("visibilitychange",this.userEventHandler,{isRocket:!0})}U(){this.userEvents.forEach(t=>window.removeEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.removeEventListener("visibilitychange",this.userEventHandler,{isRocket:!0}),this.savedUserEvents.forEach(t=>{(t.rocketTarget||t.target).dispatchEvent(new window[t.constructor.name](t.type,t))})}m(){const t="return false",e=Array.from(this.attributeEvents,t=>"data-rocket-"+t),i="["+this.attributeEvents.join("],[")+"]",o="[data-rocket-"+this.attributeEvents.join("],[data-rocket-")+"]",s=(e,i,o)=>{o&&o!==t&&(e.setAttribute("data-rocket-"+i,o),e["rocket"+i]=new Function("event",o),e.setAttribute(i,t))};new MutationObserver(t=>{for(const n of t)"attributes"===n.type&&(n.attributeName.startsWith("data-rocket-")||this.everythingLoaded?n.attributeName.startsWith("data-rocket-")&&this.everythingLoaded&&this.N(n.target,n.attributeName.substring(12)):s(n.target,n.attributeName,n.target.getAttribute(n.attributeName))),"childList"===n.type&&n.addedNodes.forEac
4h(t=>{if(t.nodeType===Node.ELEMENT_NODE)if(this.everythingLoaded)for(const i of[t,...t.querySelectorAll(o)])for(const t of i.getAttributeNames())e.includes(t)&&this.N(i,t.substring(12));else for(const e of[t,...t.querySelectorAll(i)])for(const t of e.getAttributeNames())this.attributeEvents.includes(t)&&s(e,t,e.getAttribute(t))})}).observe(document,{subtree:!0,childList:!0,attributeFilter:[...this.attributeEvents,...e]})}I(){this.attributeEvents.forEach(t=>{document.querySelectorAll("[data-rocket-"+t+"]").forEach(e=>{this.N(e,t)})})}N(t,e){const i=t.getAttribute("data-rocket-"+e);i&&(t.setAttribute(e,i),t.removeAttribute("data-rocket-"+e))}k(t){Object.defineProperty(HTMLElement.prototype,"onclick",{get(){return this.rocketonclick||null},set(e){this.rocketonclick=e,this.setAttribute(t.everythingLoaded?"onclick":"data-rocket-onclick","this.rocketonclick(event)")}})}S(t){function e(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o,set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}e(document,"onreadystatechange"),e(window,"onload"),e(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}l(t){this.originalAddEventListener=EventTarget.prototype.addEventListener,this.originalRemoveEventListener=EventTarget.prototype.removeEventListener,this.savedEventListeners=[],EventTarget.prototype.addEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalAddEventListener.call(this,e,i,o):(t.savedEventListeners.push({target:this,remove:!1,type:e,func:i,options:o}),"mouseenter"!==e&&"mouseleave"!==e||t.originalAddEventListener.call(this,e,t.savedUserEvents.push,o))},EventTarget.prototype.removeEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalRemoveEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!0,type:e,func:i,options:o})}}J(t,e){this.savedEventListeners=this.savedEventListeners.filter(i=>{let o=i.type,s=i.target||window;return e!==o||t!==s||(this.B(o,s)&&(i.type="rocket-"+o),this.$(i),!1)})}H(){EventTarget.prototype.addEventListener=this.originalAddEventListener,EventTarget.prototype.removeEventListener=this.originalRemoveEventListener,this.savedEventListeners.forEach(t=>this.$(t))}$(t){t.remove?this.originalRemoveEventListener.call(t.target,t.type,t.func,t.options):this.originalAddEventListener.call(t.target,t.type,t.func,t.options)}p(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map(t=>"load"===t||t.startsWith("load.")?"rocket-jquery-load":t).join(" ")}function o(o){function s(e){const s=o.fn[e];o.fn[e]=o.fn.init.prototype[e]=function(){return this[0]===window&&t.userActionTriggered&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e})),s.apply(this,arguments),this}}if(o&&o.fn&&!t.allJQueries.includes(o)){const e={DOMContentLoaded:[],"rocket-DOMContentLoaded":[]};for(const t in e)document.addEventListener(t,()=>{e[t].forEach(t=>t())},{isRocket:!0});o.fn.ready=o.fn.init.prototype.ready=function(i){function s(){parseInt(o.fn.jquery)>2?setTimeout(()=>i.bind(document)(o)):i.bind(document)(o)}return"function"==typeof i&&(t.realDomReadyFired?!t.userActionTriggered||t.fauxDomReadyFired?s():e["rocket-DOMContentLoaded"].push(s):e.DOMContentLoaded.push(s)),this},s("on"),s("one"),s("off"),t.allJQueries.push(o)}e=o}t.allJQueries=[],o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}P(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript,o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async R(){return new Promise(t=>{this.userActionTriggered?t():this.onFirstUserAction=t})}async L(){return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>{this.realDomReadyFired=!0,t()},{isRocket:!0})})}async j(){return this.realWindowLoadedFired?Promise.resolve():new Promise(t=>{window.addEventListener("load",t,{isRocket:!0})})}M(){this.pendingScripts=[];this.scriptsMutationObserver=new MutationObserver(t=>
4{for(const e of t)e.addedNodes.forEach(t=>{"SCRIPT"!==t.tagName||!t.src||t.noModule||t.isWPRocket||this.pendingScripts.push({script:t,promise:new Promise(e=>{const i=()=>{const i=this.pendingScripts.findIndex(e=>e.script===t);i>=0&&this.pendingScripts.splice(i,1),e()};t.addEventListener("load",i,{isRocket:!0}),t.addEventListener("error",i,{isRocket:!0}),setTimeout(i,1e3)})})})}),this.scriptsMutationObserver.observe(document,{childList:!0,subtree:!0})}async F(){await this.X(),this.pendingScripts.length?(await this.pendingScripts[0].promise,await this.F()):this.scriptsMutationObserver.disconnect()}D(){this.delayedScripts={normal:[],async:[],defer:[]},document.querySelectorAll("script[type$=rocketlazyloadscript]").forEach(t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)})}async _(){await this.L();let t=[];document.querySelectorAll("script[type$=rocketlazyloadscript][data-rocket-src]").forEach(e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){i.startsWith("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}}),t=[...new Map(t.map(t=>[JSON.stringify(t),t])).values()],this.Y(t,"preconnect")}
4async G(t){if(await this.K(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise(e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.includes("Firefox/")||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach(t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))}),t.text&&(i.text=t.text),t.nonce&&(i.nonce=t.nonce),i.hasAttribute("src")?(i.addEventListener("load",o,{isRocket:!0}),i.addEventListener("error",()=>{i.setAttribute("data-rocket-status","failed-network"),e()},{isRocket:!0}),setTimeout(()=>{i.isConnected||e()},1)):(i.text=t.text,o()),i.isWPRocket=!0,t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o,{isRocket:!0}),t.addEventListener("error",i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: CSP fallback activated"),t.removeAttribute("src"),this.G(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())},{isRocket:!0}),s?(t.fetchPriority="high",t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}});t.setAttribute("data-rocket-status","skipped")}async C(t){const e=t.shift();return e?(e.isConnected&&await this.G(e),this.C(t)):Promise.resolve()}O(){this.Y([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}Y(t,e){this.trash=this.trash||[];let i=!0;var o=document.createDocumentFragment();t.forEach(t=>{const s=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(s&&!s.startsWith("data:")){const n=document.createElement("link");n.href=s,n.rel=e,"preconnect"!==e&&(n.as="script",n.fetchPriority=i?"high":"low"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(n.crossOrigin=!0),t.crossOrigin&&(n.crossOrigin=t.crossOrigin),t.integrity&&(n.integrity=t.integrity),t.nonce&&(n.nonce=t.nonce),o.appendChild(n),this.trash.push(n),i=!1}}),document.head.appendChild(o)}W(){this.trash.forEach(t=>t.remove())}async T(){try{document.readyState="interactive"}catch(t){}this.fauxDomReadyFired=!0;try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(document,"DOMContentLoaded"),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.K(),this.J(window,"DOMContentLoaded"),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}catch(t){console.error(t)}}async A(){try{document.readyState="complete"}catch(t){}try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(window,"load"),window.dispatchEvent(new Event("rocket-load")),await this.K(),window.rocketonload&&window.rocketonload(),await this.K(),this.allJQueries.forEach(t=>t(window).trigger("rocket-jquery-load")),await this.K(),this.J(window,"pageshow");const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.K(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}catch(t){console.error(t)}}async K(){Date.now()-this.lastBreath>45&&(await this.X(),this.lastBreath=Date.now())}async X(){return document.hidden?new Promise(t=>setTimeout(t)):new Promise(t=>requestAnimationFrame(t))}B(t,e=window){return e===document&&"readystatechange"===t||(e===document&&"DOMContentLoaded"===t||(e===window&&"DOMContentLoaded"===t||(e===window&&"load"===t||e===window&&"pageshow"===t)))}static run(){(new RocketLazyLoadScripts).t()}}RocketLazyLoadScripts.run()})();
5</script>
5
6    
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <link rel="alternate" hreflang="en" href="https://www.autoalt.ai/" />
9<link rel="alternate" hreflang="de" href="https://www.autoalt.ai/de/" />
10<link rel="alternate" hreflang="x-default" href="https://www.autoalt.ai/" />
11<script type="text/rocketlazyloadscript">
12window.dataLayer=window.dataLayer||[];
13function gtag(){
14    dataLayer.push(arguments);
15}
16if(localStorage.getItem('wpcaConsentMode') === null){
17	gtag('consent', 'default', {
18		ad_user_data: 'denied',
19		ad_personalization: 'denied',
20		ad_storage: 'denied',
21		analytics_storage: 'denied',
22		functionality_storage: 'denied',
23		personalization_storage: 'denied',
24		security_storage: 'denied',
25		wait_for_update: '500'
26	});
27} else {
28	gtag('consent', 'default', JSON.parse(localStorage.getItem('wpcaConsentMode')));
29}
30gtag('set', 'ads_data_redaction', true);</script>
30
31<!-- Search Engine Optimization by Rank Math PRO - https://rankmath.com/ -->
32<title>AI Alt Text Generator for SEO &amp; Accessibility | EAA &amp; ADA Compliance</title>
33<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
34<link data-rocket-prefetch href="https://unpkg.com" rel="dns-prefetch">
35<link data-rocket-prefetch href="https://cdn.jsdelivr.net" rel="dns-prefetch">
36<link data-rocket-prefetch href="https://fonts.gstatic.com" rel="dns-prefetch">
37<link data-rocket-prefetch href="https://use.fontawesome.com" rel="dns-prefetch">
38<link data-rocket-prefetch href="https://js.stripe.com" rel="dns-prefetch">
39<link data-rocket-prefetch href="https://cdnjs.cloudflare.com" rel="dns-prefetch">
40<link crossorigin data-rocket-preload as="font" href="https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2" rel="preload">
41<link crossorigin data-rocket-preload as="font" href="https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2" rel="preload">
42<style id="wpr-usedcss">.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}body{background-color:#f8fafc}*{word-break:auto-phrase}.elegant-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#cbd5e1 1.5px,transparent 1.5px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%);opacity:.6;pointer-events:none;z-index:-1}.ambient-blobs{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-10;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:15s infinite alternate blob}@keyframes blob{0%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}100%{transform:translate(0,0) scale(1)}}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#ffe4e6;animation-delay:0s}.blob-2{bottom:-10%;right:-10%;width:50vw;height:50vw;background:#e0f2fe;animation-delay:2s}.blob-3{top:40%;left:40%;width:30vw;height:30vw;background:#f3e8ff;animation-delay:4s}.glass-panel{background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 20px rgba(0,0,0,.03)}.glass-panel-menu{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -12px rgba(0,0,0,.15)}.floating-nav-container{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);width:fit-content;min-width:320px}.submenu-animate{transition:all .3s cubic-bezier(.165, .84, .44, 1);transform:translateY(12px) translateX(0);opacity:0;visibility:hidden;left:0}.group:hover .submenu-animate{transform:translateY(0) translateX(0);opacity:1;visibility:visible}#mobile-menu{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}#mobile-menu.open{max-height:400px;opacity:1;margin-top:1rem;overflow-y:auto}#mobile-menu a.mobile-link svg{width:100%;height:100%}.mobile-link-sub{max-height:0;opacity:0;overflow:hidden}.mobile-link-sub.active{max-height:max-content;opacity:1}.pack-input{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:700;text-align:center;background:rgba(255,255,255,.5);border:2px solid rgba(15,23,42,.05);border-radius:1rem;transition:all .3s}.pack-input:focus{outline:0;border-color:#b30000;background:#fff}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0, 1, 0, 1)}input:focus,select:focus,textarea:focus{outline:0;border-color:#b30000;box-shadow:0 0 0 4px rgba(179,0,0,.1)}.dropzone{border:2px dashed #cbd5e1;transition:all .3s ease}.dropzone.dragover,.dropzone:hover{border-color:#b30000;background-color:rgba(179,0,0,.05)}table{width:100%;border-collapse:collapse;font-size:.95rem}th{background:rgba(15,23,42,.03);font-weight:700;text-align:left;padding:1.25rem;color:#0f172a;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.faq-answer ul li{display:list-item;margin:.25rem 0}.faq-answer ul li{list-style:disc}.faq-answer ul{padding-left:20px}.faq-answer ul li::marker{color:#b30000}span.ok{color:#4ade80;font-weight:700}span.no{color:#b30000;font-weight:700}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.placeholder{background:#fef3c7;padding:.125rem .375rem;border-radius:.25rem;font-weight:600;color:#92400e}.text-brand{color:#b30000}.tri-toggle{display:inline-flex;background:#e2e8f0;border-radius:16px;padding:4px;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.tri-toggle.pos-1{background:linear-gradient(135deg,#b30000,#7f0000);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 4px 20px rgba(179,0,0,.12)}.tri-toggle.pos-2{background:#1e293b;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.tri-btn{position:relative;z-index:2;padding:10px 18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;user-select:none;transition:color .3s;text-align:center;min-width:110px;border-radius:12px}@media(min-width:640px){.tri-btn{min-width:130px;padding:12px 24px}}.price-num{display:inline-block;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.price-num.flip{transform:scale(.6) translateY(10px);opacity:0}
42details summary::-webkit-details-marker{display:none}details summary{list-style:none}.credit-chip{transition:all .25s cubic-bezier(.165,.84,.44,1)}#wpca-lay-out-wrapper{color:#fff!important}.code-block{position:relative;background:#0f172a;border-radius:16px;overflow:hidden;border:1px solid #1e293b}.code-block pre{margin:0;padding:20px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.7;color:#e2e8f0}.code-block code{font-family:'JetBrains Mono',monospace}.copy-btn,.copy-content-btn{font-family:Inter,sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;background:rgba(255,255,255,.05);border:1px solid #334155;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.copy-btn:hover,.copy-content-btn:hover{color:#fff;background:rgba(179,0,0,.25);border-color:#b30000}.copy-btn.copied,.copy-content-btn.copied{color:#86efac;border-color:#16a34a;background:rgba(22,163,74,.15)}.doc-nav a{display:block;padding:7px 14px;font-size:13px;font-weight:600;color:#64748b;border-left:2px solid transparent;transition:all .2s;border-radius:0 8px 8px 0}.doc-nav a:hover{color:#b30000;background:rgba(179,0,0,.04)}.doc-nav a.active{color:#b30000;border-left-color:#b30000;background:rgba(179,0,0,.06)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:rgba(179,0,0,.45) solid 3px;outline-offset:2px;border-radius:6px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}@media (prefers-reduced-motion:reduce){.blob{animation:none}*{scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:#B30000 solid 3px;outline-offset:2px;border-radius:6px}*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}
42code,kbd,pre,samp{font-family:'JetBrains Mono',monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,h4,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
42[role=button],button{cursor:pointer}canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-1{inset:-0.25rem}.inset-0{inset:0px}.end-0{inset-inline-end:0px}.left-0{left:0}.right-0{right:0}.right-6{right:1.5rem}.start-0{inset-inline-start:0px}.top-0{top:0}.top-6{top:1.5rem}.top-full{top:100%}.z-10{z-index:10}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-24{margin-top:6rem;margin-bottom:6rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-3{margin-inline-end:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\/2{height:50%}.h-1\/4{height:25%}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\/4{height:75%}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[680px\]{width:680px}.w-auto{width:auto}.w-full{width:100%}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-\[3\.5rem\]{min-width:3.5rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-center{transform-origin:center}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-1{--tw-rotate:1deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}
42.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-full{border-radius:9999px}
42.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-\[1rem\]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-b-\[2\.5rem\]{border-bottom-right-radius:2.5rem;border-bottom-left-radius:2.5rem}.rounded-t-\[2rem\]{border-top-left-radius:2rem;border-top-right-radius:2rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#B30000\]{--tw-border-opacity:1;border-color:rgb(179 0 0 / var(--tw-border-opacity,1))}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199 / var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254 / var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity,1))}.border-brand{--tw-border-opacity:1;border-color:rgb(179 0 0 / var(--tw-border-opacity,1))}.border-brand\/10{border-color:rgba(179,0,0,.1)}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229 / var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity,1))}.border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231 / var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity,1))}.border-green-200\/60{border-color:rgba(187,247,208,.6)}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity,1))}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226 / var(--tw-border-opacity,1))}.border-red-100\/50{border-color:rgba(254,226,226,.5)}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity,1))}.border-slate-200\/50{border-color:rgba(226,232,240,.5)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/20{border-color:rgba(255,255,255,.2)}.border-white\/40{border-color:rgba(255,255,255,.4)}.border-white\/50{border-color:rgba(255,255,255,.5)}.border-white\/60{border-color:rgba(255,255,255,.6)}.bg-\[\#B30000\]{--tw-bg-opacity:1;background-color:rgb(179 0 0 / var(--tw-bg-opacity,1))}.bg-amber-100\/50{background-color:rgba(254,243,199,.5)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity,1))}.bg-blue-100\/50{background-color:rgba(219,234,254,.5)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity,1))}.bg-brand{--tw-bg-opacity:1;background-color:rgb(179 0 0 / var(--tw-bg-opacity,1))}.bg-brand\/5{background-color:rgba(179,0,0,.05)}.bg-emerald-100\/50{background-color:rgba(209,250,229,.5)}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity,1))}.bg-green-50\/50{background-color:rgba(240,253,244,.5)}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity,1))}.bg-red-100\/50{background-color:rgba(254,226,226,.5)}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225 / var(--tw-bg-opacity,1))}.bg-slate-300\/50{background-color:rgba(203,213,225,.5)}.bg-slate-400\/50{background-color:rgba(148,163,184,.5)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity,1))}.bg-slate-50\/50{background-color:rgba(248,250,252,.5)}.bg-slate-50\/80{background-color:rgba(248,250,252,.8)}.bg-slate-500\/50{background-color:rgba(100,116,139,.5)}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity,1))}.bg-slate-800\/90{background-color:rgba(30,41,59,.9)}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity,1))}.bg-slate-900\/40{background-color:rgba(30,41,59,.4)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.bg-white\/20{background-color:rgba(255,255,255,.2)}.bg-white\/30{background-color:rgba(255,255,255,.3)}.bg-white\/40{background-color:rgba(255,255,255,.4)}.bg-white\/50{background-color:rgba(255,255,255,.5)}.bg-white\/80{background-color:rgba(255,255,255,.8)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-green-100{--tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 252 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50\/50{--tw-gradient-from:rgb(240 253 244 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-green-200{--tw-gradient-to:#bbf7d0 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-slate-50\/50{--tw-gradient-to:rgb(248 250 252 / 0.5) var(--tw-gradient-to-position)}.to-slate-700{--tw-gradient-to:#334155 var(--tw-gradient-to-position)}.to-white\/50{--tw-gradient-to:rgb(255 255 255 / 0.5) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pt-1{padding-top:.25rem}.pt-32{padding-top:8rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:'Space Grotesk',sans-serif}.font-mono{font-family:'JetBrains Mono',monospace}.font-sans{font-family:Inter,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15 / var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138 / var(--tw-text-opacity,1))}.text-brand{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.text-brand\/20{color:rgba(179,0,0,.2)}.text-brand\/40{color:rgba(179,0,0,.4)}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity,1))}.text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59 / var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45 / var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity,1))}.text-red-800\/80{color:rgba(153,27,27,.8)}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161 / var(--tw-text-opacity,1))}.text-sky-900{--tw-text-opacity:1;color:rgb(12 74 110 / var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14 / var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-red-700::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(185 28 28 / var(--tw-placeholder-opacity,1))}.placeholder-red-700::placeholder{--tw-placeholder-opacity:1;color:rgb(185 28 28 / var(--tw-placeholder-opacity,1))}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity,1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}
42.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0, 0, 0, .25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-glass{--tw-shadow:0 8px 32px 0 rgba(31, 38, 135, .07);--tw-shadow-colored:0 8px 32px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, .05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, .1),0 4px 6px -4px rgba(0, 0, 0, .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0, 0, 0, .1),0 2px 4px -2px rgba(0, 0, 0, .1);
42--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-mega{--tw-shadow:0 30px 60px -12px rgba(0, 0, 0, .15);--tw-shadow-colored:0 30px 60px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-brand\/30{--tw-shadow-color:rgba(179, 0, 0, .3);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-brand{outline-color:#b30000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
42dow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-brand{--tw-ring-opacity:1;--tw-ring-color:rgb(179 0 0 / var(--tw-ring-opacity, 1))}.ring-emerald-500{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129 / var(--tw-ring-opacity, 1))}.ring-red-200{--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202 / var(--tw-ring-opacity, 1))}.ring-white\/30{--tw-ring-color:rgba(255, 255, 255, .3)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[2px\]{--tw-blur:blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[4px\]{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,0.2,1)}.selection\:bg-brand\/10 ::-moz-selection{background-color:rgba(179,0,0,.1)}.selection\:bg-brand\/10 ::selection{background-color:rgba(179,0,0,.1)}.selection\:text-brand ::-moz-selection{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.selection\:text-brand ::selection{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.selection\:bg-brand\/10::-moz-selection{background-color:rgba(179,0,0,.1)}.selection\:bg-brand\/10::selection{background-color:rgba(179,0,0,.1)}.selection\:text-brand::-moz-selection{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.selection\:text-brand::selection{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-0:hover{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-brand:hover{--tw-border-opacity:1;border-color:rgb(179 0 0 / var(--tw-border-opacity,1))}.hover\:border-brand\/30:hover{border-color:rgba(179,0,0,.3)}.hover\:border-red-200:hover{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity,1))}.hover\:bg-brand\/5:hover{background-color:rgba(179,0,0,.05)}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity,1))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.hover\:bg-white\/50:hover{background-color:rgba(255,255,255,.5)}.hover\:from-slate-700:hover{--tw-gradient-from:#334155 var(--tw-gradient-from-position);--tw-gradient-to:rgb(51 65 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-slate-600:hover{--tw-gradient-to:#475569 var(--tw-gradient-to-position)}.hover\:text-amber-700:hover{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity,1))}.hover\:text-brand:hover{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-glow:hover{--tw-shadow:0 0 20px rgba(179, 0, 0, .4);
42--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, .1),0 4px 6px -4px rgba(0, 0, 0, .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0, 0, 0, .1),0 2px 4px -2px rgba(0, 0, 0, .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
42dow)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:outline-none:focus{outline:transparent solid 2px;outline-offset:2px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-white\/30{background-color:rgba(255,255,255,.3)}.group:hover .group-hover\:text-brand{--tw-text-opacity:1;color:rgb(179 0 0 / var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:duration-200{transition-duration:.2s}@media (min-width:640px){.sm\:w-auto{width:auto}.sm\:flex-initial{flex:0 1 auto}.sm\:flex-row{flex-direction:row}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:gap-12{gap:3rem}.md\:gap-20{gap:5rem}.md\:rounded-full{border-radius:9999px}.md\:p-8{padding:2rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pl-10{padding-left:2.5rem}.md\:text-left{text-align:left}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:col-span-6{grid-column:span 6/span 6}.lg\:max-w-2xl{max-width:42rem}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-16{gap:4rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pt-44{padding-top:11rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:w-fit{width:-moz-fit-content;width:fit-content}.xl\:rounded-full{border-radius:9999px}.xl\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1
42ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(https://www.autoalt.ai/wp-content/cache/fonts/1/google-fonts/fonts/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.wpca-btn{border:0;border-radius:2px;cursor:pointer;float:none;font-size:16px;font-weight:400;height:auto;margin:0;min-height:40px;padding:10px 20px;text-transform:none}.wpca-btn:before{content:none!important}button{-webkit-transition:background-color .25s;-moz-transition:background-color .25s;-o-transition:background-color .25s;transition:background-color .25s ease}#wpca-placeholer-html{display:none}button.wpca-btn-accept{background:#b30000;color:#fff}button.wpca-btn-accept:active,button.wpca-btn-accept:focus,button.wpca-btn-accept:hover{background:#8a0000;color:#fff}button.wpca-btn-decline{background:#475569;color:#fff}button.wpca-btn-decline:active,button.wpca-btn-decline:focus,button.wpca-btn-decline:hover{background:#334155;color:#fff}button.wpca-btn-reset-consent{background:#d04c20;color:#fff}button.wpca-btn-reset-consent:active,button.wpca-btn-reset-consent:focus,button.wpca-btn-reset-consent:hover{background:#d13a08;color:#fff}button.wpca-btn-cc-settings{background:#ccc;color:#fff}button.wpca-btn-cc-settings:active,button.wpca-btn-cc-settings:focus,button.wpca-btn-cc-settings:hover{background:#b9b8b8;color:#fff}#wpca-popup-modal{max-width:calc(100% - 50px);max-height:calc(100% - 50px)}.wpca-cc-sett-box{background-color:#ececec;border-radius:4px;padding:17px;color:#1e293b}.wpca-cc-sett-box *{color:#1e293b}.wpca-cc-sett-box a{color:#b30000}.wpca-cc-sett-box a{color:#8a0000}.wpca-cc-sett-box .wpca-btn-accept{background:#b30000;color:#fff}.wpca-cc-sett-box .wpca-btn-accept:active,.wpca-cc-sett-box .wpca-btn-accept:focus,.wpca-cc-sett-box .wpca-btn-accept:hover{background:#8a0000;color:#fff}.wpca-cc-sett-box .wpca-btn-cc-save-sett{background:#1e293b;color:#fff}.wpca-cc-sett-box .wpca-btn-cc-save-sett:active,.wpca-cc-sett-box .wpca-btn-cc-save-sett:focus,.wpca-cc-sett-box .wpca-btn-cc-save-sett:hover{background:#334155;color:#fff}#wpca-trans-layer{background:#000;opacity:.75}#wpca-reconsider-icon{bottom:17px}#wpca-reconsider-icon svg{width:25px;height:25px}@media screen and (max-width:640px){#wpca-reconsider-icon{bottom:calc(.5 * 17px)}#wpca-reconsider-icon svg{width:max(10px,calc(.8 * 25px));height:max(10px,calc(.8 * 25px))}#wpca-reconsider-icon.wpca-rci-bl{left:calc(.5 * 17px)}#wpca-reconsider-icon.wpca-rci-br{right:calc(.5 * 17px)}}@font-face{font-family:Phosphor;src:url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.woff2") format("woff2"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.woff") format("woff"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.ttf") format("truetype"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/regular/Phosphor.svg#Phosphor") format("svg");font-weight:400;font-style:normal;font-display:swap}.ph{font-family:Phosphor!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph.ph-article:before{content:"\e0a8"}.ph.ph-caret-down:before{content:"\e136"}.ph.ph-caret-up:before{content:"\e13c"}.ph.ph-check:before{content:"\e182"}.ph.ph-check-circle:before{content:"\e184"}.ph.ph-eye:before{content:"\e220"}.ph.ph-faders:before{content:"\e228"}.ph.ph-file-csv:before{content:"\eb1c"}.ph.ph-file-text:before{content:"\e23a"}.ph.ph-globe:before{content:"\e288"}.ph.ph-globe-stand:before{content:"\e290"}.ph.ph-handshake:before{content:"\e582"}.ph.ph-headset:before{content:"\e584"}.ph.ph-info:before{content:"\e2ce"}.ph.ph-magnifying-glass:before{content:"\e30c"}.ph.ph-paper-plane-tilt:before{content:"\e398"}.ph.ph-scan:before{content:"\ebb6"}.ph.ph-shield-check:before{content:"\e40c"}.ph.ph-sign-in:before{content:"\e428"}.ph.ph-spinner-gap:before{content:"\e66c"}.ph.ph-stack:before{content:"\e466"}.ph.ph-user-plus:before{content:"\e4d0"}.ph.ph-warning:before{content:"\e4e0"}.ph.ph-warning-circle:before{content:"\e4e2"}.ph.ph-x:before{content:"\e4f6"}@font-face{font-family:Phosphor-Bold;src:url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/bold/Phosphor-Bold.woff2") format("woff2"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/bold/Phosphor-Bold.woff") format("woff"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/bold/Phosphor-Bold.ttf") format("truetype"),url("https://cdn.jsdelivr.net/npm/@phosphor-icons/[email protected]/src/bold/Phosphor-Bold.svg#Phosphor-Bold") format("svg");font-weight:400;font-style:normal;font-display:swap}.ph-bold{font-family:Phosphor-Bold!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-bold.ph-article:before{content:"\e0a8"}.ph-bold.ph-caret-down:before{content:"\e136"}.ph-bold.ph-caret-up:before{content:"\e13c"}.ph-bold.ph-check:before{content:"\e182"}.ph-bold.ph-check-circle:before{content:"\e184"}.ph-bold.ph-eye:before{content:"\e220"}.ph-bold.ph-faders:before{content:"\e228"}.ph-bold.ph-file-csv:before{content:"\eb1c"}.ph-bold.ph-file-text:before{content:"\e23a"}.ph-bold.ph-globe:before{content:"\e288"}.ph-bold.ph-globe-stand:before{content:"\e290"}.ph-bold.ph-handshake:before{content:"\e582"}.ph-bold.ph-headset:before{content:"\e584"}.ph-bold.ph-info:before{content:"\e2ce"}.ph-bold.ph-magnifying-glass:before{content:"\e30c"}.ph-bold.ph-paper-plane-tilt:before{content:"\e398"}.ph-bold.ph-scan:before{content:"\ebb6"}.ph-bold.ph-shield-check:before{content:"\e40c"}.ph-bold.ph-sign-in:before{content:"\e428"}.ph-bold.ph-spinner-gap:before{content:"\e66c"}.ph-bold.ph-stack:before{content:"\e466"}.ph-bold.ph-user-plus:before{content:"\e4d0"}.ph-bold.ph-warning:before{content:"\e4e0"}.ph-bold.ph-warning-circle:before{content:"\e4e2"}.ph-bold.ph-x:before{content:"\e4f6"}.ph-fill{font-family:Phosphor-Fill!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-fill.ph-article:before{content:"\e0a8"}.ph-fill.ph-caret-down:before{content:"\e136"}.ph-fill.ph-caret-up:before{content:"\e13c"}.ph-fill.ph-check:before{content:"\e182"}.ph-fill.ph-check-circle:before{content:"\e184"}.ph-fill.ph-eye:before{content:"\e220"}.ph-fill.ph-faders:before{content:"\e228"}.ph-fill.ph-file-csv:before{content:"\eb1c"}.ph-fill.ph-file-text:before{content:"\e23a"}.ph-fill.ph-globe:before{content:"\e288"}.ph-fill.ph-globe-stand:before{content:"\e290"}.ph-fill.ph-handshake:before{content:"\e582"}.ph-fill.ph-headset:before{content:"\e584"}.ph-fill.ph-info:before{content:"\e2ce"}.ph-fill.ph-magnifying-glass:before{content:"\e30c"}.ph-fill.ph-paper-plane-tilt:before{content:"\e398"}.ph-fill.ph-scan:before{content:"\ebb6"}.ph-fill.ph-shield-check:before{content:"\e40c"}.ph-fill.ph-sign-in:before{content:"\e428"}.ph-fill.ph-spinner-gap:before{content:"\e66c"}.ph-fill.ph-stack:before{content:"\e466"}
42.ph-fill.ph-user-plus:before{content:"\e4d0"}.ph-fill.ph-warning:before{content:"\e4e0"}.ph-fill.ph-warning-circle:before{content:"\e4e2"}.ph-fill.ph-x:before{content:"\e4f6"}.ph-duotone{font-family:Phosphor-Duotone!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph-duotone.ph-article:before{content:"\e0a8";opacity:.2}.ph-duotone.ph-article:after{content:"\e0a9";margin-left:-1em}.ph-duotone.ph-caret-down:before{content:"\e136";opacity:.2}.ph-duotone.ph-caret-down:after{content:"\e137";margin-left:-1em}.ph-duotone.ph-caret-up:before{content:"\e13c";opacity:.2}.ph-duotone.ph-caret-up:after{content:"\e13d";margin-left:-1em}.ph-duotone.ph-check:before{content:"\e182";opacity:.2}.ph-duotone.ph-check:after{content:"\e183";margin-left:-1em}.ph-duotone.ph-check-circle:before{content:"\e184";opacity:.2}.ph-duotone.ph-check-circle:after{content:"\e185";margin-left:-1em}.ph-duotone.ph-eye:before{content:"\e220";opacity:.2}.ph-duotone.ph-eye:after{content:"\e221";margin-left:-1em}.ph-duotone.ph-faders:before{content:"\e228";opacity:.2}.ph-duotone.ph-faders:after{content:"\e229";margin-left:-1em}.ph-duotone.ph-file-csv:before{content:"\eb1c";opacity:.2}.ph-duotone.ph-file-csv:after{content:"\eb1d";margin-left:-1em}.ph-duotone.ph-file-text:before{content:"\e23a";opacity:.2}.ph-duotone.ph-file-text:after{content:"\e23b";margin-left:-1em}.ph-duotone.ph-globe:before{content:"\e288";opacity:.2}.ph-duotone.ph-globe:after{content:"\e289";margin-left:-1em}.ph-duotone.ph-globe-stand:before{content:"\e290";opacity:.2}.ph-duotone.ph-globe-stand:after{content:"\e291";margin-left:-1em}.ph-duotone.ph-handshake:before{content:"\e582";opacity:.2}.ph-duotone.ph-handshake:after{content:"\e583";margin-left:-1em}.ph-duotone.ph-headset:before{content:"\e584";opacity:.2}.ph-duotone.ph-headset:after{content:"\e585";margin-left:-1em}.ph-duotone.ph-info:before{content:"\e2ce";opacity:.2}.ph-duotone.ph-info:after{content:"\e2cf";margin-left:-1em}.ph-duotone.ph-magnifying-glass:before{content:"\e30c";opacity:.2}.ph-duotone.ph-magnifying-glass:after{content:"\e30d";margin-left:-1em}.ph-duotone.ph-paper-plane-tilt:before{content:"\e398";opacity:.2}.ph-duotone.ph-paper-plane-tilt:after{content:"\e399";margin-left:-1em}.ph-duotone.ph-scan:before{content:"\ebb6";opacity:.2}.ph-duotone.ph-scan:after{content:"\ebb7";margin-left:-1em}.ph-duotone.ph-shield-check:before{content:"\e40c";opacity:.2}.ph-duotone.ph-shield-check:after{content:"\e40f";margin-left:-1em}.ph-duotone.ph-sign-in:before{content:"\e428";opacity:.2}.ph-duotone.ph-sign-in:after{content:"\e429";margin-left:-1em}.ph-duotone.ph-spinner-gap:before{content:"\e66c";opacity:.2}.ph-duotone.ph-spinner-gap:after{content:"\e66d";margin-left:-1em}.ph-duotone.ph-stack:before{content:"\e466";opacity:.2}.ph-duotone.ph-stack:after{content:"\e467";margin-left:-1em}.ph-duotone.ph-user-plus:before{content:"\e4d0";opacity:.2}.ph-duotone.ph-user-plus:after{content:"\e4d1";margin-left:-1em}.ph-duotone.ph-warning:before{content:"\e4e0";opacity:.2}.ph-duotone.ph-warning:after{content:"\e4e1";margin-left:-1em}.ph-duotone.ph-warning-circle:before{content:"\e4e2";opacity:.2}.ph-duotone.ph-warning-circle:after{content:"\e4e3";margin-left:-1em}.ph-duotone.ph-x:before{content:"\e4f6";opacity:.2}.ph-duotone.ph-x:after{content:"\e4f7";margin-left:-1em}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#b30000,#dc2626);z-index:9999;transition:width .1s}img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:0 0!important;padding:0!important}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:#b30000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:1s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.log-line{border-left:2px solid #b30000;padding-left:10px;margin-bottom:8px;opacity:0;animation:.3s forwards slideIn}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-x-twitter{--fa:"\e61b"}.fa-square-facebook{--fa:"\f082"}.fa-linkedin{--fa:"\f08c"}.fa-instagram{--fa:"\f16d"}.fa-youtube{--fa:"\f167"}:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}.fa-regular,.far{font-weight:400}:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-weight:400;src:url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}
42@font-face{font-family:FontAwesome;font-display:swap;src:url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}#wpca-trans-layer{height:100%;left:0;position:fixed;top:0;width:100%;z-index:99997;zoom:1}.wpca-lay-out,.wpca-lay-out *{box-sizing:border-box}.wpca-lay-out{background-color:#444;display:block;height:auto;position:fixed;z-index:99998}.wpca-lay-out.wpca-top{top:0}.wpca-lay-out.wpca-bottom{bottom:0}#wpca-popup-modal.wpca-hide,#wpca-reconsider-icon.wpca-hide,#wpca-trans-layer.wpca-hide,.wpca-lay-out.wpca-hide{display:none!important}#wpca-popup-modal.wpca-show,#wpca-reconsider-icon.wpca-show,#wpca-trans-layer.wpca-show,.wpca-lay-out.wpca-show:not(#wpca-bar){display:block}.wpca-lay-out.wpca-align-left p{text-align:left}.wpca-lay-out.wpca-align-center p{text-align:center}.wpca-lay-out.wpca-align-right p{text-align:right}.wpca-lay-out .wpca-lay-out-content{min-height:40px;text-align:center}.wpca-lay-out .wpca-lay-out-content p{margin:0;min-height:40px;opacity:1;padding:0 5px;position:relative;z-index:100}.wpca-lay-out .wpca-lay-out-content *{font-size:16px;line-height:33px}.wpca-lay-out .wpca-lay-out-meta .wpca-btn{display:inline-block;text-align:center}.wpca-lay-out.wpca-has-close-x{overflow:visible}.wpca-btn-privacy{cursor:pointer}.wpca-btn:focus{outline:0}.wpca-btn+.wpca-btn{display:inline-block;vertical-align:top}#wpca-icon-settings+.wpca-btn,#wpca-icon-settings+noscript+.wpca-btn,.wpca-btn+.wpca-btn{margin-left:2%}.wpca-cc-sett-box .wpca-btn{margin-left:0;margin-right:2%}#wpca-icon-settings{cursor:pointer;display:inline-block;font-size:small;vertical-align:middle}.wpca-cc-settings-link #wpca-icon-settings{text-align:right;width:auto}.wpca-cc-settings-icon #wpca-icon-settings{width:27px}#wpca-icon-settings:hover{opacity:.8}.wpca-lay-out[class*=wpca-decline].wpca-cc-settings-has .wpca-lay-out-meta .wpca-btn{vertical-align:middle}#wpca-reconsider-icon{background-repeat:no-repeat;background-size:contain;bottom:17px;cursor:pointer;display:none;position:fixed;z-index:99998}#wpca-reconsider-icon svg{height:35px;width:35px}#wpca-reconsider-icon.wpca-rci-bl{left:17px}#wpca-reconsider-icon.wpca-rci-br{right:17px}#wpca-bar{display:flex;flex-flow:row nowrap;justify-content:space-between;min-height:30px;padding:15px 20px;width:100%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-not .wpca-lay-out-content,#wpca-bar.wpca-cc-settings-not.wpca-decline-not .wpca-lay-out-content{flex:0 1 80%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content{flex:0 1 77%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-has .wpca-lay-out-content,#wpca-bar.wpca-cc-settings-not.wpca-decline-has .wpca-lay-out-content{flex:0 1 65%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content{flex:0 1 62.56%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-not .wpca-lay-out-meta,#wpca-bar.wpca-cc-settings-not.wpca-decline-not .wpca-lay-out-meta{flex:0 1 20%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta{flex:0 1 23%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-has .wpca-lay-out-meta,#wpca-bar.wpca-cc-settings-not.wpca-decline-has .wpca-lay-out-meta{flex:0 1 35%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta{flex:0 1 37.44%}#wpca-bar-meta{text-align:right}#wpca-bar.wpca-top.wpca-shadow{-webkit-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);-moz-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);box-shadow:2px 2px 5px 0 rgba(68,68,68,.75)}#wpca-bar.wpca-bottom.wpca-shadow{-webkit-box-shadow:2px -2px 5px 0 rgba(68,68,68,.75);-moz-box-shadow:2px -2px 5px 0 rgba(68,68,68,.75);box-shadow:2px -2px 5px 0 rgba(68,68,68,.75)}#wpca-box{max-height:100%;min-height:10%;padding:15px 20px;width:20%}#wpca-box.wpca-tl{left:0;top:0}#wpca-box.wpca-tr{right:0;top:0}#wpca-box.wpca-bl{bottom:0;left:0}#wpca-box.wpca-br{bottom:0;right:0}#wpca-box-content{width:100%}#wpca-box-content p{padding:0}#wpca-box-meta{margin-top:14px;text-align:center;width:100%}.wpca-btn-align-left #wpca-box-meta{text-align:left}.wpca-btn-align-right #wpca-box-meta{text-align:right}#wpca-box.wpca-cc-settings-icon #wpca-box-meta #wpca-icon-settings{width:30px}#wpca-box.wpca-cc-settings-link #wpca-box-meta #wpca-icon-settings{width:auto}#wpca-box.wpca-cc-settings-not.wpca-decline-not #wpca-box-meta .wpca-btn{width:100%}#wpca-box.wpca-cc-settings-not.wpca-decline-has #wpca-box-meta .wpca-btn{width:49%}#wpca-box.wpca-cc-settings-icon.wpca-decline-not #wpca-box-meta .wpca-btn{width:calc(98% - 30px)}#wpca-box.wpca-cc-settings-icon.wpca-decline-has #wpca-box-meta .wpca-btn{width:calc(48% - 15px)}#wpca-box.wpca-cc-settings-link.wpca-decline-has #wpca-box-meta .wpca-btn{width:38%}#wpca-box.wpca-cc-settings-link.wpca-decline-has #wpca-box-meta #wpca-icon-settings{width:20%}#wpca-box.wpca-cc-settings-link.wpca-decline-not #wpca-box-meta .wpca-btn{width:78%}#wpca-box.wpca-cc-settings-link.wpca-decline-not #wpca-box-meta #wpca-icon-settings{width:20%}#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-100] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-5] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-6] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-7] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-8] #wpca-box-meta .wpca-btn,#wpca-box[class*=wpca-cc-settings][class*=wpca-decline][class*=wpca-box-width-9] #wpca-box-meta .wpca-btn{margin-left:10px;width:auto}#wpca-box.wpca-ct,#wpca-popup-modal{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}#wpca-popup-modal,#wpca-popup-modal *{box-sizing:border-box}.wpca-btn-hide{height:0!important;left:-9999px!important;margin:0!important;padding:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.wpca-blocked{display:none!important}
42#wpca-box.wpca-shadow{-webkit-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);-moz-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);box-shadow:2px 2px 5px 0 rgba(68,68,68,.75)}.wpca-icon-close{cursor:pointer;display:inline-block;position:absolute;right:10px}.wpca-lay-out.wpca-top .wpca-icon-close{bottom:-30px}.wpca-lay-out.wpca-bottom .wpca-icon-close{top:-30px}.wpca-lay-out.wpca-ct .wpca-icon-close{right:0;top:-30px}.wpca-lay-out.wpca-close-x-inside{padding-top:36px!important}.wpca-lay-out.wpca-close-x-inside .wpca-icon-close{height:17px;right:7px;top:7px;width:17px}#wpca-popup-modal{overflow-y:auto;z-index:99999}#wpca-popup-modal .wpca-icon-close{right:15px;top:15px}.wpca-cc-settings-open+#wpca-trans-layer{z-index:99998}.wpca-cc-sett-box{display:none}.wpca-cc-sett-options input[type=checkbox]{margin-right:5px}.wpca-cc-sett-box.wpca-shadow{-webkit-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);-moz-box-shadow:2px 2px 5px 0 rgba(68,68,68,.75);box-shadow:2px 2px 5px 0 rgba(68,68,68,.75)}.wpca-cc-sett-box .wpca-btn{margin-right:15px}.wpca-cc-sett-box .wpca-btn,.wpca-cc-sett-box .wpca-cc-sett-options,.wpca-cc-sett-options+.wpca-btn{margin-top:15px}@media screen and (max-width:1780px){#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content{flex-basis:58%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta{flex-basis:42%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content{flex-basis:69.1012%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta{flex-basis:30.8988%}}@media screen and (max-width:1480px){#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-content{flex-basis:48%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta{flex-basis:52%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-content{flex-basis:55.6032%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta{flex-basis:44.3968%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta *{width:32%}}@media screen and (max-width:1180px){#wpca-bar.wpca-decline-has:not(.wpca-cc-settings-link) .wpca-lay-out-content{flex-basis:55%}#wpca-bar.wpca-decline-has:not(.wpca-cc-settings-link) .wpca-lay-out-meta{flex-basis:45%}#wpca-bar.wpca-cc-settings-icon #wpca-bar-meta #wpca-icon-settings{width:30px}#wpca-bar.wpca-cc-settings-not.wpca-decline-not #wpca-bar-meta .wpca-btn{width:auto}#wpca-bar.wpca-cc-settings-not.wpca-decline-has #wpca-bar-meta .wpca-btn{width:49%}#wpca-bar.wpca-cc-settings-icon.wpca-decline-not #wpca-bar-meta .wpca-btn{width:calc(98% - 30px)}#wpca-bar.wpca-cc-settings-icon.wpca-decline-has #wpca-bar-meta .wpca-btn{width:calc(48% - 15px)}#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-1] #wpca-box-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-2] #wpca-box-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-3] #wpca-box-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-4] #wpca-box-meta .wpca-btn{margin-left:0;width:100%}#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-1] #wpca-box-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-2] #wpca-box-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-3] #wpca-box-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width-4] #wpca-box-meta #wpca-icon-settings{margin-bottom:2%;text-align:center;width:100%}}@media screen and (max-width:1024px){#wpca-bar{flex-direction:column}.wpca-lay-out img{height:auto;max-width:100%}.wpca-lay-out .wpca-lay-out-content p{padding:0}.wpca-lay-out .wpca-lay-out-content *{font-size:14px;line-height:26px}#wpca-box{border-radius:0!important;margin:0!important;min-height:10%!important;width:100%!important}#wpca-bar[class*=wpca-cc-settings][class*=wpca-decline] .wpca-lay-out-content,#wpca-bar[class*=wpca-decline] .wpca-lay-out-meta{flex-basis:100%}#wpca-bar .wpca-lay-out-meta{margin-top:14px}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta .wpca-btn{width:38%}#wpca-bar.wpca-cc-settings-link.wpca-decline-has .wpca-lay-out-meta #wpca-icon-settings{width:20%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta .wpca-btn{width:78%}#wpca-bar.wpca-cc-settings-link.wpca-decline-not .wpca-lay-out-meta #wpca-icon-settings{width:20%}#wpca-bar.wpca-cc-settings-not.wpca-decline-not #wpca-bar-meta .wpca-btn{width:100%}#wpca-popup-modal{height:100%;left:0;max-height:100%!important;max-width:100%!important;top:0;transform:none;width:100%}#wpca-popup-modal .wpca-cc-sett-box{border-radius:0;height:100%;overflow-y:auto;padding:10px;width:100%}#wpca-popup-modal .wpca-cc-sett-box h1,#wpca-popup-modal .wpca-cc-sett-box h2,#wpca-popup-modal .wpca-cc-sett-box h3{margin-top:15px}#wpca-popup-modal .wpca-cc-sett-box p{font-size:14px;line-height:1.5}#wpca-popup-modal .wpca-cc-sett-box .wpie-switch{margin:0 0 10px}#wpca-popup-modal .wpca-cc-sett-box .wpie-switch-descr{margin-top:9px}}@media screen and (max-width:768px){.wpca-cc-sett-box .wpca-btn{margin-right:0;width:100%}.wpca-cc-sett-box .wpca-btn+.wpca-btn{margin-top:7px}}@media screen and (max-height:375px),screen and (max-width:640px){#wpca-box.wpca-ct{height:100%;left:0;top:0;transform:none;z-index:99999}}@media screen and (max-width:640px){#wpca-bar.wpca-cc-settings-link[class*=wpca-decline] #wpca-bar-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-link[class*=wpca-decline] #wpca-box-meta #wpca-icon-settings{margin-bottom:2%;text-align:center;width:100%}#wpca-bar.wpca-cc-settings-link[class*=wpca-decline] #wpca-bar-meta .wpca-btn,#wpca-bar.wpca-cc-settings-not[class*=wpca-decline] #wpca-bar-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn,#wpca-box.wpca-cc-settings-not[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn{display:block;width:100%}#wpca-bar.wpca-cc-settings-link[class*=wpca-decline] #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-bar.wpca-cc-settings-not[class*=wpca-decline] #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline] #wpca-box-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-cc-settings-not[class*=wpca-decline] #wpca-box-meta .wpca-btn+.wpca-btn{margin-top:2.5%}#wpca-bar.wpca-cc-settings-link #wpca-bar-meta .wpca-btn,#wpca-box.wpca-cc-settings-link[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn{margin-left:0}#wpca-bar[class*=wpca-decline] #wpca-bar-content,#wpca-bar[class*=wpca-decline] #wpca-bar-meta{flex-basis:100%}#wpca-bar.wpca-cc-settings-icon[class*=wpca-decline] #wpca-bar-meta #wpca-icon-settings,#wpca-box.wpca-cc-settings-icon[class*=wpca-decline] #wpca-box-meta #wpca-icon-settings{width:30px}#wpca-bar.wpca-cc-settings-icon[class*=wpca-decline] #wpca-bar-meta .wpca-btn,#wpca-box.wpca-cc-settings-icon[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn{display:inline-block;width:calc(98% - 30px)}#wpca-box.wpca-cc-settings-icon[class*=wpca-decline][class*=wpca-box-width] #wpca-box-meta .wpca-btn{margin-left:2%}#wpca-bar.wpca-decline-has #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-decline-has[class*=wpca-box-width] #wpca-box-meta .wpca-btn+.wpca-btn{margin-top:2.5%}#wpca-bar.wpca-decline-has.wpca-cc-settings-icon #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-decline-has.wpca-cc-settings-icon[class*=wpca-box-width] #wpca-box-meta .wpca-btn+.wpca-btn{margin-left:calc(30px + 2%)}#wpca-bar.wpca-decline-has.wpca-cc-settings-not #wpca-bar-meta .wpca-btn+.wpca-btn,#wpca-box.wpca-decline-has.wpca-cc-settings-not[class*=wpca-box-width] #wpca-box-meta .wpca-btn+.wpca-btn{margin-left:0}}.wpie-switch .wpie-switch-wrapper{backface-visibility:hidden;display:inline-block;font-size:inherit;height:23px;line-height:inherit;margin:0;position:relative;transform:translateZ(0);vertical-align:middle;width:40px}.wpie-switch input{height:100%;margin:0;opacity:0;width:100%;z-index:1}.wpie-switch input,.wpie-switch-slider{cursor:pointer;left:0;position:absolute;top:0}.wpie-switch-slider{background-color:#ccc;border-radius:23px;bottom:0;right:0;-webkit-transition:.4s;transition:.4s}.wpie-switch-slider:before{backface-visibility:hidden;background-color:#fff;border-radius:50%;bottom:3px;content:"";height:17px;left:3px;position:absolute;-webkit-transition:.4s;transition:.4s;width:17px}input:checked+.wpie-switch-slider{background-color:#7cdf46}input:checked+.wpie-switch-slider:before{-webkit-transform:translateX(17px);-ms-transform:translateX(17px);transform:translateX(17px)}input:disabled:checked+.wpie-switch-slider{background-color:#ccc}input:disabled:checked+.wpie-switch-slider:before{background-color:#a7a3a3}.wpie-switch-label{cursor:pointer;font-weight:700;margin-left:15px;vertical-align:middle}.wpie-switch-descr{display:block;margin-top:13px}</style><link rel="preload" data-rocket-preload as="image" href="https://www.autoalt.ai/wp-content/uploads/2025/12/1f381.svg" fetchpriority="high">
43<meta name="description" content="AI alt text for better Google rankings AND compliance ✓ +22% image search traffic ✓ EAA &amp; ADA compliant ✓ German quality. 50 credits/month free!"/>
44<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
45<link rel="canonical" href="https://www.autoalt.ai/" />
46<meta property="og:locale" content="en_US" />
47<meta property="og:type" content="website" />
48<meta property="og:title" content="AI Alt Text Generator for SEO &amp; Accessibility | EAA &amp; ADA Compliance" />
49<meta property="og:description" content="AI alt text for better Google rankings AND compliance ✓ +22% image search traffic ✓ EAA &amp; ADA compliant ✓ German quality. 50 credits/month free!" />
50<meta property="og:url" content="https://www.autoalt.ai/" />
51<meta property="og:site_name" content="Auto alt" />
52<meta property="og:updated_time" content="2026-09-22T10:54:34+05:30" />
53<meta property="og:image" content="https://www.autoalt.ai/wp-content/uploads/2026/08/autoalt-og-default.png" />
54<meta property="og:image:secure_url" content="https://www.autoalt.ai/wp-content/uploads/2026/08/autoalt-og-default.png" />
55<meta property="og:image:width" content="1200" />
56<meta property="og:image:height" content="630" />
57<meta property="og:image:alt" content="The AutoAlt.AI website landing page features an AI alt text generator for SEO and accessibility, including a live demo upload button for testing." />
58<meta property="og:image:type" content="image/png" />
59<meta name="twitter:card" content="summary_large_image" />
60<meta name="twitter:title" content="AI Alt Text Generator for SEO &amp; Accessibility | EAA &amp; ADA Compliance" />
61<meta name="twitter:description" content="AI alt text for better Google rankings AND compliance ✓ +22% image search traffic ✓ EAA &amp; ADA compliant ✓ German quality. 50 credits/month free!" />
62<meta name="twitter:image" content="https://www.autoalt.ai/wp-content/uploads/2026/08/autoalt-og-default.png" />
63<meta name="twitter:label1" content="Written by" />
64<meta name="twitter:data1" content="Alexander Flach" />
65<meta name="twitter:label2" content="Time to read" />
66<meta name="twitter:data2" content="Less than a minute" />
67<!-- /Rank Math WordPress SEO plugin -->
68
69<link rel='dns-prefetch' href='//www.autoalt.ai' />
70<link rel='dns-prefetch' href='//js.stripe.com' />
71<link rel='dns-prefetch' href='//unpkg.com' />
72<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
73
74<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
75<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.autoalt.ai/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.autoalt.ai%2F" />
76<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.autoalt.ai/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.autoalt.ai%2F&#038;format=xml" />
77
78
79
80
81
82
83
84
85<style id="wpca-frontend-inline-css"></style>
86<script id="wpml-cookie-js-extra">
87var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"/"}};
88var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"/"}};
89//# sourceURL=wpml-cookie-js-extra
90</script>
vendor: 1 bytes, line 90
90
91<script type="text/rocketlazyloadscript" data-minify="1" data-wp-strategy="defer" defer id="wpml-cookie-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=1789981828"></script>
vendor: 1 bytes, line 91
91
92<script id="jquery-core-js" src="https://www.autoalt.ai/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 92
92
93<script id="jquery-migrate-js" src="https://www.autoalt.ai/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 93
93
94<script type="text/rocketlazyloadscript" id="phosphor-icons-js" data-rocket-src="https://unpkg.com/@phosphor-icons/web" data-rocket-defer defer></script>
94
95<link rel="https://api.w.org/" href="https://www.autoalt.ai/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.autoalt.ai/wp-json/wp/v2/pages/2" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.autoalt.ai/xmlrpc.php?rsd" />
96<meta name="generator" content="WordPress 7.1.2" />
97<link rel='shortlink' href='https://www.autoalt.ai/' />
98<meta name="generator" content="WPML ver:4.9.7 stt:1,3;" />
99
100    
100<script type="text/rocketlazyloadscript">
101        // tailwind.config = {
102        //     theme: {
103        //         extend: {
104        //             colors: {
105        //                 brand: { DEFAULT: '#B30000', hover: '#8a0000' },
106        //                 slate: { 850: '#1e293b', 900: '#0f172a' }
107        //             },
108        //             fontFamily: {
109        //                 sans: ['Inter', 'sans-serif'],
110        //                 display: ['Space Grotesk', 'sans-serif']
111        //             },
112        //             boxShadow: {
113        //                 'glow': '0 0 20px rgba(179, 0, 0, 0.4)',
114        //                 'glass': '0 8px 32px 0 rgba(31, 38, 135, 0.07)',
115        //                 'mega': '0 30px 60px -12px rgba(0, 0, 0, 0.15)'
116        //             }
117        //         }
118        //     }
119        // }
120    </script>
120
121    <link rel="icon" href="https://www.autoalt.ai/wp-content/uploads/2025/12/cropped-AUtoAlt-icon-1-1-32x32.webp" sizes="32x32" />
122<link rel="icon" href="https://www.autoalt.ai/wp-content/uploads/2025/12/cropped-AUtoAlt-icon-1-1-192x192.webp" sizes="192x192" />
123<link rel="apple-touch-icon" href="https://www.autoalt.ai/wp-content/uploads/2025/12/cropped-AUtoAlt-icon-1-1-180x180.webp" />
124<meta name="msapplication-TileImage" content="https://www.autoalt.ai/wp-content/uploads/2025/12/cropped-AUtoAlt-icon-1-1-270x270.png" />
125<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>        <style></style>
126
127    
127<script type="text/rocketlazyloadscript">
128        /*
129        tailwind.config = {
130            theme: {
131                extend: {
132                    colors: {
133                        joomla: {
134                            orange: '#f05a28',
135                            blue: '#1d2d50',
136                            dark: '#101729'
137                        },
138                        wordpress: '#21759b',
139                        woo: '#96588a',
140                        shopware: '#189eff',
141                        shopify: '#95BF47',
142                        shopifyDark: '#5E8E3E',
143                        joomla: '#F44321',
144                        joomlaDark: '#D63118',
145                        drupal: '#0678BE',
146                        drupalDark: '#005A8C',
147                        brand: {
148                            DEFAULT: '#B30000', // Primary Urgency
149                            hover: '#8a0000',
150                            light: '#fff5f5', // Alert BG
151                            // Offizielles Shopify Grün
152                        },
153                        slate: {
154                            600: '#475569', // Body Text
155                            900: '#1e293b' // Primary Text/Headlines
156                        },
157                        surface: '#FAFAFA', // Neutral BG
158                        success: '#4ade80', // AI Status/Green
159                        timme: '#a1c639', // Timme Hosting Green Accent
160                    },
161                    fontFamily: {
162                        sans: ['Inter', 'sans-serif'],
163                        display: ['Space Grotesk', 'sans-serif'],
164                        mono: ['JetBrains Mono', 'monospace']
165                    },
166                    borderRadius: {
167                        'bento': '2.5rem', // Style Guide Standard
168                    },
169                    boxShadow: {
170                        'glow': '0 0 20px rgba(179, 0, 0, 0.4)',
171                        'glass': '0 8px 32px 0 rgba(31, 38, 135, 0.07)',
172                        'mega': '0 30px 60px -12px rgba(0, 0, 0, 0.15)'
173                    }
174                }
175            }
176        }
177        */
178        // 1. READING PROGRESS BAR
179        window.addEventListener('scroll', () => {
180            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;
181            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
182            const scrolled = (winScroll / height) * 100;
183            document.getElementById('reading-progress').style.width = scrolled + '%';
184        });
185    </script>
185
186            
186<script type="application/ld+json">
187            {
188    "@context": "https:\/\/schema.org",
189    "@type": "BreadcrumbList",
190    "@id": "https:\/\/www.autoalt.ai#breadcrumb",
191    "itemListElement": [
192        {
193            "@type": "ListItem",
194            "position": 1,
195            "name": "Home Page",
196            "item": "https:\/\/www.autoalt.ai\/"
197        }
198    ]
199}        </script>
199
200
201
202
203            
203<script type="application/ld+json">
204            {
205                "@context": "https://schema.org",
206                "@graph": [
207                    {
208                        "@type": "Organization",
209                        "@id": "https://www.autoalt.ai/#organization",
210                        "name": "AutoAlt.ai",
211                        "alternateName": "webAufstieg GmbH",
212                        "url": "https://www.autoalt.ai/",
213                        "logo": {
214                            "@type": "ImageObject",
215                            "url": "https://www.autoalt.ai/wp-content/uploads/2025/12/AUtoAlt.Ai_.svg",
216                            "width": 133,
217                            "height": 28                        },
218                        "description": "AI Alt-Text Generator for SEO & Accessibility. EAA & ADA compliant. German quality from Aalen.",
219                        "foundingDate": "2024",
220                        "foundingLocation": "Aalen, Germany",
221                        "address": {
222                            "@type": "PostalAddress",
223                            "streetAddress": "Ulmer Straße 160",
224                            "addressLocality": "Aalen",
225                            "postalCode": "73430",
226                            "addressRegion": "Baden-Württemberg",
227                            "addressCountry": "DE"
228                        },
229                        "contactPoint": {
230                            "@type": "ContactPoint",
231                            "contactType": "customer service",
232                            "email": "[email protected]",
233                            "availableLanguage": ["German", "English"]
234                        }
235                    },
236                    {
237                        "@type": "WebSite",
238                        "@id": "https://www.autoalt.ai/#website",
239                        "url": "https://www.autoalt.ai/",
240                        "name": "AutoAlt.ai",
241                        "image": "https://www.autoalt.ai/wp-content/uploads/2025/12/AUtoAlt.Ai_.svg",
242                        "description": "AI Alt-Text Generator for SEO & Accessibility",
243                        "publisher": {
244                            "@id": "https://www.autoalt.ai/#organization"
245                        },
246                        "inLanguage": "en-US",
247                        "potentialAction": {
248                            "@type": "SearchAction",
249                            "target": {
250                                "@type": "EntryPoint",
251                                "urlTemplate": "https://www.autoalt.ai/search/?q={search_term_string}"
252                            },
253                            "query-input": "required name=search_term_string"
254                        }
255                    }
256                ]
257            }
258        </script>
258
259    
260            
260<script type="application/ld+json">
261            {
262  "@context": "https://schema.org",
263  "@graph": [
264    {
265      "@type": "Organization",
266      "@id": "https://www.autoalt.ai/#organization",
267      "name": "AutoAlt.ai (webAufstieg GmbH)",
268      "url": "https://www.autoalt.ai/",
269      "logo": {
270        "@type": "ImageObject",
271        "url": "https://www.autoalt.ai/wp-content/uploads/2025/06/AUtoAlt.Ai_.svg"
272      },
273      "foundingDate": "2024",
274      "address": {
275        "@type": "PostalAddress",
276        "streetAddress": "Anton-Huber-Straße 20",
277        "addressLocality": "Aalen",
278        "postalCode": "73430",
279        "addressRegion": "Deutschland",
280        "addressCountry": "DE"
281      },
282      "contactPoint": {
283        "@type": "ContactPoint",
284        "contactType": "customer support",
285        "telephone": "+4973616339046",
286        "availableLanguage": ["German", "English"]
287      },
288      "areaServed": {
289        "@type": "AdministrativeArea",
290        "name": "Worldwide"
291      },
292      "sameAs": [
293        "https://www.facebook.com/AutoAltAi/",
294        "https://www.instagram.com/autoalt.ai/",
295        "https://x.com/AutoAltAi",
296        "https://www.youtube.com/@AutoAltAI",
297        "https://www.linkedin.com/company/autoalt-ai/"
298      ],
299      "knowsAbout": [
300        "AI alt text generator",
301        "Image SEO optimization",
302        "Alt text generator",
303        "EAA compliance Alt Text Generator",
304        "Bulk alt text generator",
305        "Image SEO tool",
306        "Online alt text generator",
307        "Automatic alt text generator",
308        "AI image alt text generator",
309        "ADA compliance Alt Text Generator",
310        "Free alt text generator",
311        "Image alt text generator",
312        "Accessibility compliance tool",
313        "WCAG compliance Alt Text Generator",
314        "AI search visibility",
315        "ChatGPT website visibility",
316        "Multilingual alt text generation",
317        "E-commerce image SEO"
318      ]
319    },
320
321    {
322      "@type": "WebSite",
323      "@id": "https://www.autoalt.ai/#website",
324      "url": "https://www.autoalt.ai/",
325      "name": "AutoAlt.ai",
326      "publisher": {
327        "@id": "https://www.autoalt.ai/#organization"
328      },
329      "inLanguage": "en-US",
330      "potentialAction": {
331        "@type": "SearchAction",
332        "target": "https://www.autoalt.ai/search/?q={search_term_string}",
333        "query-input": "required name=search_term_string"
334      }
335    },
336
337    {
338      "@type": "SoftwareApplication",
339      "@id": "https://www.autoalt.ai/#software",
340      "name": "AutoAlt.ai",
341      "applicationCategory": "BusinessApplication",
342      "operatingSystem": "Web, WordPress, Shopware, Shopify, Woocommerce, Joomla, Drupal, Magento, Prestashop",
343      "description": "AI-powered alt text generator for SEO and accessibility compliance. EAA & ADA compliant. German-hosted and privacy-focused.",
344      "url": "https://www.autoalt.ai/",
345      "publisher": {
346        "@id": "https://www.autoalt.ai/#organization"
347      },
348      "offers": {
349        "@type": "Offer",
350        "price": "0.00",
351        "priceCurrency": "EUR",
352        "availability": "https://schema.org/InStock",
353        "url": "https://www.autoalt.ai/pricing/"
354      }
355    }
356  ]
357}        </script>
357
358    
359    
360    
361    
362    <meta name="google-site-verification" content="5o7DCjNUSK6Iv9zTjO-kgf8ce8Qeed5RAO4l6Pq5djg" />
363
364<script type="text/rocketlazyloadscript">
365  window.dataLayer = window.dataLayer || [];
366  function gtag(){dataLayer.push(arguments);}
367  gtag('consent', 'default', {
368    'ad_storage': 'denied',
369    'ad_user_data': 'denied',
370    'ad_personalization': 'denied',
371    'analytics_storage': 'denied',
372    'functionality_storage': 'denied',
373    'personalization_storage': 'denied',
374    'security_storage': 'granted',
375    'wait_for_update': 2000
376  });
377</script>
377
378
379<script type="text/rocketlazyloadscript">
vendor: 327 bytes, lines 379-383
379(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
380new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
381j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
382'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
383})(window,document,'script','dataLayer','
383GTM-5WMM3X3B
vendor: 3 bytes, line 383
383');
383</script>
383
384
385<!-- Hotjar -->
386<script data-wpca-marked="1" data-wpca-marked-auto="1" data-wpca-marked-data='{&quot;id&quot;:0,&quot;cc&quot;:&quot;analytical&quot;,&quot;txt&quot;:&quot;&quot;,&quot;type&quot;:&quot;hotjar&quot;,&quot;context&quot;:&quot;head&quot;,&quot;blocked&quot;:1,&quot;placeholder&quot;:false,&quot;nodeName&quot;:&quot;script&quot;}'  type="text/template">
387  window.hjConsentGiven = false; // block hotjar by default
vendor: 115 bytes, lines 387-390
387
388  (function(h,o,t,j,a,r){
389    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
390    h._hjSettings={hjid:
3906499647
vendor: 243 bytes, lines 390-397
390,hjsv:6};
391    a=o.getElementsByTagName('head')[0];
392    r=o.createElement('script');r.async=1;
393    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
394    a.appendChild(r);
395  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
396
397  
397// Opt out by default until consent given
398  window.hj('optout');
399</script>
399<!--[wpca_mrkd]-->
400
401
402
403<style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.23.4" data-wpr-features="wpr_remove_unused_css wpr_delay_js wpr_defer_js wpr_minify_js wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_auto_preload_fonts wpr_automatic_lazy_rendering wpr_oci wpr_image_dimensions wpr_cache_webp wpr_minify_css wpr_cdn wpr_preload_links wpr_host_fonts_locally wpr_desktop" /></head>
404
405<body class="home wp-singular page-template page-template-templates page-template-general-template page-template-templatesgeneral-template-php page page-id-2 wp-theme-autoalt font-sans text-slate-600 antialiased selection:bg-brand/10 selection:text-brand relative">
406    
407	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 407-408
407
408	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
408GTM-5WMM3X3B
vendor: 88 bytes, lines 408-410
408" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
409
410    
410<div  class="reading-progress" id="reading-progress"></div>
411    <div  class="ambient-blobs">
412        <div  class="blob blob-1"></div>
413        <div  class="blob blob-2"></div>
414        <div  class="blob blob-3"></div>
415        <div  class="elegant-grid"></div>
416    </div>
417
418    <header  class="fixed top-6 left-0 right-0 z-[100] flex justify-center px-4">
419        <div  class="floating-nav-container xl:px-6 px-4 py-2 xl:rounded-full rounded-4xl xl:w-fit w-full shadow-glass flex flex-col">
420            <div  class="flex items-center gap-2 md:gap-12 h-12">
421                <a href="https://www.autoalt.ai" class="shrink-0 transition-transform active:scale-95" title="AutoAlt.ai">
422                    <img width="133" height="28" src="https://www.autoalt.ai/wp-content/uploads/2025/12/AUtoAlt.Ai_.svg" class="h-8 w-auto" alt="The AUTOALT.AI logo shows a red, stylized A symbol to the left of the dark gray lettering AUTOALT.AI." title="AUtoAlt.Ai_" decoding="async" />                </a>
423
424                                    <div class="hidden xl:flex items-center gap-8 text-[13px] font-bold text-slate-500">
425                                                            <div class="group relative h-full flex items-center">
426                                        <a href="#" target="_self" title="SOLUTIONS" class="hover:text-brand transition-colors uppercase tracking-wider flex items-center gap-1.5 py-4">SOLUTIONS <i class="ph ph-caret-down text-[10px]"></i></a>
427                                        <div class="submenu-animate absolute top-full mt-2 w-[680px]">
428                                            <div class="glass-panel-menu rounded-[2.5rem] p-5 grid grid-cols-3 gap-2">
429                                                                                                                <a href="https://www.autoalt.ai/bulk-alt-text-generator/" target="_self" title="Bulk Generator" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
430                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
431                                                                                                                                                                                                                                    <i class="ph-bold ph-stack text-lg"></i>
432                                                                                                                                                                                                                        </div>
433
434                                                                    <div class="text-left">
435                                                                        <div class="text-slate-900 text-sm font-bold">Bulk Generator</div>
436                                                                                                                                                    <div class="text-[10px] text-slate-400">Speed</div>
437                                                                                                                                            </div>
438                                                                </a>
439                                                                                                                            <a href="https://www.autoalt.ai/compliance/eaa-2025/" target="_self" title="Accessibility (ADA/EAA)" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
440                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
441                                                                                                                                                                                                                                    <i class="ph-bold ph-shield-check text-lg"></i>
442                                                                                                                                                                                                                        </div>
443
444                                                                    <div class="text-left">
445                                                                        <div class="text-slate-900 text-sm font-bold">Accessibility (ADA/EAA)</div>
446                                                                                                                                                    <div class="text-[10px] text-slate-400">ADA/WCAG</div>
447                                                                                                                                            </div>
448                                                                </a>
449                                                                                                                            <a href="https://www.autoalt.ai/ai-visibility/" target="_self" title="AI Visibility" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
450                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
451                                                                                                                                                                                                                                    <i class="ph-bold ph-eye text-lg"></i>
452                                                                                                                                                                                                                        </div>
453
454                                                                    <div class="text-left">
455                                                                        <div class="text-slate-900 text-sm font-bold">AI Visibility</div>
456                                                                                                                                                    <div class="text-[10px] text-slate-400">GEO/AEO</div>
457                                                                                                                                            </div>
458                                                                </a>
459                                                                                                                            <a href="https://www.autoalt.ai/partners/" target="_self" title="Partners Program" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
460                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
461                                                                                                                                                                                                                                    <i class="ph-bold ph-handshake text-lg"></i>
462                                                                                                                                                                                                                        </div>
463
464                                                                    <div class="text-left">
465                                                                        <div class="text-slate-900 text-sm font-bold">Partners Program</div>
466                                                                                                                                                    <div class="text-[10px] text-slate-400">Grow together</div>
467                                                                                                                                            </div>
468                                                                </a>
469                                                                                                                            <a href="https://www.autoalt.ai/enterprise/" target="_self" title="Enterprise" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
470                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
471                                                                                                                                                                                                                                    <i class="ph-bold ph-globe-stand text-lg"></i>
472                                                                                                                                                                                                                        </div>
473
474                                                                    <div class="text-left">
475                                                                        <div class="text-slate-900 text-sm font-bold">Enterprise</div>
476                                                                                                                                                    <div class="text-[10px] text-slate-400">Global Automation</div>
477                                                                                                                                            </div>
478                                                                </a>
479                                                                                                        </div>
480                                        </div>
481                                    </div>
482                                                                    <div class="group relative h-full flex items-center">
483                                        <a href="https://www.autoalt.ai/integrations/" target="_self" title="INTEGRATIONS" class="hover:text-brand transition-colors uppercase tracking-wider flex items-center gap-1.5 py-4">INTEGRATIONS <i class="ph ph-caret-down text-[10px]"></i></a>
484                                        <div class="submenu-animate absolute top-full mt-2 w-[680px]">
485                                            <div class="glass-panel-menu rounded-[2.5rem] p-5 grid grid-cols-3 gap-2">
486                                                                                                                <a href="https://www.autoalt.ai/integrations/wordpress/" target="_self" title="WordPress" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
487                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
488                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
488<path fill="currentColor" fill-rule="evenodd" d="m21.9 10.5c0 3.5-1.9 6.5-4.7 8.1 3.5-9.9 3.6-10 3.6-11.7q0-0.5 0-1c0.7 1.4 1.1 2.9 1.1 4.6zm-6.4 8.8q0.1 0 0.1 0.1c-1.9 0.6-3.9 0.7-5.8 0.1l2.8-8.2zm1.7-3.1l-3.4-10.1c0.5-0.1 1-0.1 1-0.1 0.6-0.1 0.5-0.8 0-0.8-2.1 0.1-3.1 0.1-5 0-0.5 0-0.6 0.7-0.1 0.8 0 0 0.5 0 1 0.1l1.5 4-2.1 6.2-3.4-10.2c0.5-0.1 1-0.1 1-0.1 0.5-0.1 0.5-0.8 0-0.8-1.7 0.1-2.5 0.1-3.2 0.1 1.7-2.6 4.6-4.3 8-4.3 2.4 0 4.7 1 6.3 2.5q0 0-0.1 0c-0.9 0-1.6 0.8-1.6 1.7 0 0.8 0.5 1.4 1 2.2 0.3 0.6 0.7 1.4 0.7 2.6 0 1-0.3 1.7-1.6 6.2zm-13.4-9.6l4.5 12.4c-3.1-1.5-5.3-4.8-5.3-8.5 0-1.4 0.3-2.7 0.8-3.9z"/></svg>                                                                                                                                            </div>
489
490                                                                    <div class="text-left">
491                                                                        <div class="text-slate-900 text-sm font-bold">WordPress</div>
492                                                                                                                                            </div>
493                                                                </a>
494                                                                                                                            <a href="https://www.autoalt.ai/integrations/shopware/" target="_self" title="Shopware " class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
495                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
496                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" d="m12 1.2c-4.8 0-8.8 4-8.8 8.8 0 4.8 4 8.8 8.8 8.8 2 0 3.8-0.7 5.2-1.8q0 0-0.1 0c-0.7-0.6-1.8-1-3-1.5-2.9-1.1-6.1-2.4-6.1-6.2 0-3.5 3.2-5.4 7.7-5.4q1 0 2 0.2c0.1 0 0.1 0 0.2 0q0.3 0.1 0.7 0.2c-1.6-1.9-4-3.1-6.6-3.1zm3.5 6.1c-3 0-2.8 2-2.8 2 0 1.6 1.8 2.4 4 3.2 1 0.5 2.1 0.9 3.1 1.5 0.6-1.2 1-2.6 1-4q0-0.2-0.1-0.4 0 0 0 0c-1.9-1.6-3.4-2.3-5.2-2.3z"/></svg>                                                                                                                                            </div>
497
498                                                                    <div class="text-left">
499                                                                        <div class="text-slate-900 text-sm font-bold">Shopware </div>
500                                                                                                                                            </div>
501                                                                </a>
502                                                                                                                            <a href="https://www.autoalt.ai/integrations/typo3/" target="_self" title="Typo3" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
503                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
504                                                                                                                                                    <svg width="24" height="20" viewBox="0 0 40 40" role="img" xmlns="http://www.w3.org/2000/svg">
505<path d="M29.7399 27.38C29.1999 27.54 28.6299 27.63 28.0599 27.62C23.0599 27.62 15.6099 9.98 15.6099 4.12C15.6099 1.95 16.1199 1.23 16.8399 0.619995C10.6699 1.34 3.25994 3.62 0.839944 6.48C0.229944 7.47 -0.0500555 8.61999 -5.54859e-05 9.77999C-5.54859e-05 18.94 9.78995 39.78 16.6899 39.78C19.8799 39.78 25.2599 34.53 29.6899 27.43" fill="currentColor"></path>
506<path d="M26.5199 0C32.8999 0 39.2899 1 39.2899 4.63C39.2899 11.94 34.6499 20.79 32.2899 20.79C28.0699 20.79 22.8199 9.06 22.8199 3.19C22.8199 0.51 23.8199 0 26.5299 0" fill="currentColor"></path>
507</svg>                                                                                                                                            </div>
508
509                                                                    <div class="text-left">
510                                                                        <div class="text-slate-900 text-sm font-bold">Typo3</div>
511                                                                                                                                            </div>
512                                                                </a>
513                                                                                                                            <a href="https://www.autoalt.ai/integrations/woocommerce/" target="_self" title="WooCommerce" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
514                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
515                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="25" height="25">
515<path fill="currentColor" d="m18 14.2q0.3-0.4 0.3-0.9c0-0.7-0.5-1.4-1.2-1.5-0.7-0.2-1.4 0.2-1.7 0.9 0 0-1 1.4-1.7 5.6-0.3 1.8-0.6 3.7-0.6 3.7-0.9-1.8-1.5-5.9-1.9-6.6-1.5-1.6-2.5 0.5-2.5 0.5l-1.3 2.4-2.6 4.7-1.7-9.3c-0.1-0.8-0.8-1.3-1.5-1.3-0.8 0.1-1.4 0.8-1.4 1.5q0 0.2 0.1 0.4c0.2 1.5 1.1 7.7 1.8 10.4 0.9 3 1.8 5.8 3.6 3.2l0.1-0.1q0-0.1 0.1-0.3 0.2-0.2 0.3-0.5c0.8-1.4 2.3-4.2 3.2-6.2 0 0 1.3 4.6 3.5 6.9 2.1 2.3 2.8 0.4 2.9 0 0.1-0.8 0.2-10.3 2.2-13.5q0 0 0 0zm4.4-0.5q0 0-0.1 0l-0.1 0.1q-0.3 0.1-0.5 0.2c-1.2 0.6-3.4 2.4-3.8 7.3 0.1 3.6 2 4.9 3.2 5.3 0 0.1 0.2 0.1 0.5 0.2 0.3 0.1 0.4 0.1 0.4 0.1 1.1 0.1 2.8-0.1 4.3-2.2 2.4-3.3 2.1-7.4 0.4-9.6-1.4-1.6-3.2-1.7-4.3-1.4zm0.1 10.1c-0.3 0-0.5-0.1-0.6-0.2-0.5-0.4-1.4-1.6-1-3.6 0.3-2.1 1.6-2.9 2.2-3.2 0.2-0.1 0.6-0.2 1 0.1 0.4 0.3 0.8 0.9 0.9 2.2 0.1 2.3-0.8 4.4-2.5 4.7zm15.1-8.7c-1.3-1.6-3.2-1.7-4.3-1.4q0 0-0.1 0v0.1q0 0-0.1 0-0.3 0.1-0.5 0.2c-1.2 0.6-3.4 2.4-3.8 7.3 0.1 3.6 2 4.9 3.2 5.3 0.1 0.1 0.2 0.1 0.5 0.2 0.3 0.1 0.5 0.1 0.5 0.1 1 0.1 2.7-0.1 4.2-2.2 2.4-3.3 2.2-7.4 0.4-9.6zm-4.1 8.7c-0.4 0-0.6-0.1-0.6-0.2-0.5-0.4-1.4-1.6-1.1-3.6 0.4-2.1 1.7-2.9 2.3-3.2 0.1-0.1 0.5-0.2 1 0.1 0.4 0.3 0.8 0.9 0.8 2.2 0.1 2.3-0.8 4.4-2.4 4.7z"/></svg>                                                                                                                                            </div>
516
517                                                                    <div class="text-left">
518                                                                        <div class="text-slate-900 text-sm font-bold">WooCommerce</div>
519                                                                                                                                            </div>
520                                                                </a>
521                                                                                                                            <a href="https://www.autoalt.ai/integrations/magento/" target="_self" title="Magento" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
522                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
523                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 26" width="24" height="26"><path fill-rule="evenodd" fill="currentColor"  d="m13.3 20.3l-1.3 0.8-1.3-0.8v-11.5l-3.3 1.8v11.6l4.6 2.6 4.6-2.6v-11.6l-3.3-1.9z"/><path fill-rule="evenodd" fill="currentColor"  d="m12 1.2l-10.5 5.9v11.8l3.3 1.9v-11.7l7.2-4.1 7.2 4.1v11.7l3.3-1.9v-11.7z"/></svg>                                                                                                                                            </div>
524
525                                                                    <div class="text-left">
526                                                                        <div class="text-slate-900 text-sm font-bold">Magento</div>
527                                                                                                                                            </div>
528                                                                </a>
529                                                                                                                            <a href="https://www.autoalt.ai/integrations/chrome-extension/" target="_self" title="Chrome Extension" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
530                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
531                                                                                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path xmlns="http://www.w3.org/2000/svg" d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,24a83.89,83.89,0,0,1,65.9,32H128a52.05,52.05,0,0,0-46.15,28.07L64.18,73.47A83.82,83.82,0,0,1,128,44Zm28,84a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM44,128a83.41,83.41,0,0,1,6-31.11L83,154c.06.11.14.2.2.3A52,52,0,0,0,128,180q1.19,0,2.34-.06l-17.68,30.63A84.12,84.12,0,0,1,44,128Zm96.05,83.12L173,154c.09-.15.16-.3.24-.46A51.81,51.81,0,0,0,171.78,100h35.4a83.95,83.95,0,0,1-67.13,111.12Z"/></svg>                                                                                                                                            </div>
532
533                                                                    <div class="text-left">
534                                                                        <div class="text-slate-900 text-sm font-bold">Chrome Extension</div>
535                                                                                                                                            </div>
536                                                                </a>
537                                                                                                                            <a href="https://www.autoalt.ai/integrations/joomla/" target="_self" title="Joomla" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
538                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
539                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
539<path fill="currentColor" d="m2.6 3.4q0 0 0 0c0-0.7 0.3-1.3 0.8-1.7 0.4-0.5 1-0.8 1.7-0.8q0 0 0 0c0.7 0 1.2 0.3 1.7 0.6 0.4 0.4 0.7 0.9 0.8 1.5q0.4-0.1 0.9-0.1 0.7 0 1.2 0.2 1.1 0.3 1.9 1.1l-1.8 1.9c-0.3-0.3-0.8-0.6-1.3-0.6q0 0 0 0c-0.4 0-0.8 0.2-1 0.5-0.3 0.3-0.5 0.6-0.5 1v0.1c0 0.4 0.2 0.8 0.5 1.1l4.2 4.1-1.9 1.9-4.2-4.2c-0.5-0.5-0.9-1.2-1.1-1.9q-0.1-0.5-0.1-1 0-0.7 0.2-1.3v0.1c-0.6-0.1-1.1-0.5-1.4-0.9-0.4-0.4-0.6-0.9-0.6-1.5q0 0 0-0.1 0 0 0 0zm5.4 4.9l0.7-0.6 3.5-3.6c0.5-0.5 1.2-0.9 1.9-1.1q0.5-0.1 1.1-0.1 0.6 0 1.1 0.1c0.1-0.6 0.4-1.1 0.8-1.5 0.5-0.4 1-0.6 1.7-0.6q0 0 0 0c0.7 0 1.3 0.3 1.7 0.7 0.5 0.5 0.8 1.1 0.8 1.7q0 0.1 0 0.1 0 0 0 0c0 0.7-0.2 1.2-0.6 1.6-0.4 0.5-1 0.8-1.6 0.9q0.2 0.5 0.2 1.2 0 0.5-0.1 1-0.4 1.2-1.2 2l-1.9-1.9c0.3-0.2 0.6-0.7 0.6-1.2q0 0 0 0c0-0.4-0.2-0.8-0.5-1v-0.1c-0.2-0.2-0.6-0.4-1-0.4q0 0-0.1 0 0 0 0 0c-0.4 0-0.8 0.2-1 0.5l-4.2 4.2zm11.1 6.3c0.7 0.1 1.2 0.4 1.6 0.8 0.4 0.4 0.6 1 0.6 1.6q0 0.1 0 0.1c0 0.7-0.3 1.3-0.7 1.8-0.4 0.4-1.1 0.7-1.7 0.7q-0.1 0-0.1 0 0 0 0 0c-0.6 0-1.1-0.2-1.6-0.6-0.4-0.3-0.7-0.8-0.9-1.4q-0.5 0.2-1.2 0.2-0.5 0-1-0.2c-0.8-0.2-1.5-0.6-2-1.2l1.8-1.9c0.3 0.4 0.7 0.6 1.2 0.7 0.5 0 0.8-0.2 1.1-0.5 0.3-0.3 0.5-0.7 0.5-1.1q0 0 0 0 0 0 0 0c0-0.4-0.2-0.8-0.5-1.1l-4.2-4.1 1.9-1.9 4.1 4.2c0.5 0.5 0.9 1.1 1.1 1.8q0.2 0.5 0.2 1.1 0 0.5-0.2 1 0 0 0 0zm-3.5-2.2l-4.1 4.2c-0.5 0.5-1.1 0.8-1.8 1l-0.1 0.1q-0.5 0.1-1 0.1-0.6 0-1.1-0.1c-0.1 0.5-0.4 1-0.8 1.4-0.5 0.3-1 0.5-1.6 0.5q0 0 0 0 0 0 0 0c-0.7 0-1.3-0.2-1.8-0.7-0.4-0.4-0.7-1-0.7-1.7q0 0 0-0.1 0 0 0 0c0-0.6 0.2-1.1 0.5-1.5 0.4-0.5 0.8-0.8 1.4-0.9q-0.1-0.5-0.1-1 0-0.6 0.1-1.2 
5390.4-1.1 1.2-1.9l1.9 1.8c-0.4 0.3-0.6 0.8-0.6 1.2v0.1c0 0.4 0.2 0.8 0.4 1 0.3 0.3 0.7 0.5 1.1 0.5q0.1 0 0.1 0c0.4 0 0.7-0.2 1-0.5l4.2-4.2z" /></svg>                                                                                                                                            </div>
540
541                                                                    <div class="text-left">
542                                                                        <div class="text-slate-900 text-sm font-bold">Joomla</div>
543                                                                                                                                            </div>
544                                                                </a>
545                                                                                                                            <a href="https://www.autoalt.ai/integrations/shopify/" target="_self" title="Shopify" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
546                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
547                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" d="m14.9 4.3q-0.1 0.1-0.1 0.1c0 0-0.2 0-0.5 0.1-0.3-0.9-0.8-1.7-1.8-1.7h-0.1c-0.2-0.3-0.5-0.5-0.9-0.5-2.3 0-3.3 2.8-3.7 4.2-0.8 0.3-1.5 0.5-1.5 0.5-0.5 0.2-0.5 0.2-0.6 0.6 0 0.4-1.3 10.2-1.3 10.2l9.8 1.9zm-2.2-1c0.5 0.1 0.9 0.7 1.1 1.3q-0.4 0.1-0.9 0.3v-0.2q0 0 0-0.1 0-0.7-0.2-1.3 0 0 0 0zm-0.4 1.7v0.1c-0.5 0.1-1.1 0.3-1.7 0.5 0.2-0.9 0.7-1.7 1.5-2.1v-0.1q0.2 0.7 0.2 1.4 0 0.1 0 0.2 0 0 0 0zm-0.8-2.2q0.1 0 0.2 0.1c-1 0.6-1.7 1.7-1.8 2.9q-0.7 0.2-1.3 0.4c0.3-1.3 1.2-3.4 2.9-3.4zm0.3 7.6q-0.5-0.3-1.2-0.3c-1.1 0-1.1 0.7-1.1 0.8 0 0.9 2.3 1.3 2.3 3.4q0 0.1 0 0.2c0 1.4-1.1 2.5-2.4 2.5q-0.1 0-0.1 0 0 0 0 0c-1 0-1.9-0.4-2.5-1l0.5-1.6c0.4 0.4 1 0.7 1.6 0.8q0 0 0 0c0.4 0 0.7-0.3 0.7-0.7 0-1.1-1.9-1.2-1.9-3.1q0 0 0-0.1c0-1.7 1.4-3.1 3.2-3.1q0.1 0 0.3 0 0.1 0 0.1 0 0.7 0 1.3 0.3h-0.1l-0.6 1.9zm2.6 9.2l5.2-1.1c0 0-1.9-12.8-1.9-12.9q0-0.1-0.1-0.1c-0.1 0-1.4-0.1-1.4-0.1 0 0-1-0.9-1.1-1q0-0.1-0.1-0.1l-0.6 15.3z"/></svg>                                                                                                                                            </div>
548
549                                                                    <div class="text-left">
550                                                                        <div class="text-slate-900 text-sm font-bold">Shopify</div>
551                                                                                                                                            </div>
552                                                                </a>
553                                                                                                                            <a href="https://www.autoalt.ai/integrations/firefox-add-ons/" target="_self" title="Firefox Add-on" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
554                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
555                                                                                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path d="M222.41,155.16a12,12,0,0,0-11.56-.69A16,16,0,0,1,188,139,16.2,16.2,0,0,1,202.8,124a15.83,15.83,0,0,1,8,1.5A12,12,0,0,0,228,114.7V72a20,20,0,0,0-20-20H176a40.15,40.15,0,0,0-12.62-29.16,39.67,39.67,0,0,0-29.94-10.76,40.08,40.08,0,0,0-37.34,37C96,50.07,96,51,96,52H64A20,20,0,0,0,44,72v28a40.15,40.15,0,0,0-29.16,12.62A40,40,0,0,0,41.1,179.9a28.3,28.3,0,0,0,2.9.1v28a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V165.31A12,12,0,0,0,222.41,155.16ZM204,204H68V165.31a12,12,0,0,0-17.15-10.84A15.9,15.9,0,0,1,42.8,156,16.2,16.2,0,0,1,28,141.06a16,16,0,0,1,22.82-15.52A12,12,0,0,0,68,114.7V76h42.7a12,12,0,0,0,10.83-17.15A15.9,15.9,0,0,1,120,50.8,16.19,16.19,0,0,1,134.94,36a16,16,0,0,1,15.53,22.81A12,12,0,0,0,161.31,76H204v24c-1,0-1.93,0-2.9.11A40,40,0,0,0,204,180h0Z"></path></svg>                                                                                                                                            </div>
556
557                                                                    <div class="text-left">
558                                                                        <div class="text-slate-900 text-sm font-bold">Firefox Add-on</div>
559                                                                                                                                            </div>
560                                                                </a>
561                                                                                                                            <a href="https://www.autoalt.ai/integrations/drupal/" target="_self" title="Drupal" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
562                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
563                                                                                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
563<path fill="currentColor" d="m15.9 4.7c-1-0.7-1.9-0.9-2.9-1.5-0.6-0.4-1.4-1.4-2.1-2.2-0.1 1.3-0.5 1.8-1 2.2-0.9 0.8-1.5 1-2.4 1.5-0.7 0.3-4.5 2.6-4.5 7.5 0 4.9 4.1 8.5 8.7 8.5 4.6 0 8.6-3.3 8.6-8.3 0-5.1-3.8-7.4-4.4-7.7zm0.1 14.2c-0.1 0.1-0.9 0.7-2 0.8-1 0.1-2.4 0.2-3.2-0.6-0.1-0.1-0.1-0.3 0-0.4 0.1 0 0.2-0.1 0.3-0.1 0.1 0 0.1 0 0.1 0 0.4 0.3 1 0.6 2.2 0.6 1.2 0 2.1-0.4 2.4-0.6 0.2-0.2 0.3-0.1 0.3 0 0 0.1 0.1 0.2-0.1 0.3zm-3.3-1.7c0.2-0.2 0.6-0.5 0.9-0.6 0.3-0.2 0.5-0.1 0.8-0.1 0.3 0 0.6 0 0.8 0.1 0.3 0.2 0.4 0.5 0.5 0.7 0 0.2 0 0.3-0.2 0.4-0.1 0.1-0.1 0-0.3-0.2-0.1-0.3-0.2-0.5-0.9-0.5-0.6 0-0.9 0.2-1.2 0.5-0.3 0.3-0.4 0.4-0.5 0.2q-0.2-0.2 0.1-0.5zm5 0.2c-0.6-0.1-2-2.2-2.9-2.3-1.1 0-3.5 2.3-5.4 2.3-1.1 0-1.4-0.1-1.8-0.4q-0.9-0.6-0.9-1.8c0.1-1.5 1.4-2.9 3.2-2.9 2.2 0 3.8 2.2 4.9 2.2 0.9 0 2.8-1.9 3.6-1.9 1 0 1.3 1 1.3 1.6 0 0.6-0.2 1.6-0.7 2.3-0.4 0.6-0.7 0.9-1.3 0.9z"/></svg>                                                                                                                                            </div>
564
565                                                                    <div class="text-left">
566                                                                        <div class="text-slate-900 text-sm font-bold">Drupal</div>
567                                                                                                                                            </div>
568                                                                </a>
569                                                                                                                            <a href="https://www.autoalt.ai/integrations/prestashop/" target="_self" title="Prestashop" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
570                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
571                                                                                                                                                    <svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>PrestaShop icon</title><path fill="currentColor" d="M11.558 1.034C5.174 1.034 0 6.21 0 12.592c0 1.258.201 2.47.574 3.597l.002-.007a12.415 12.415 0 01.53-1.787l.011-.03c.085-.222.179-.442.277-.66l.084-.181c.08-.171.165-.34.253-.507.036-.068.07-.136.108-.203.02-.038.044-.073.064-.11.094-.166.19-.332.29-.493l.075-.114c.125-.195.256-.386.393-.573l.035-.05c.144-.193.295-.38.451-.563l.1-.118c.155-.177.315-.35.481-.517l.099-.097a10.321 10.321 0 01.546-.503c.74-2.48 3.005-4.285 5.686-4.285 1.079 0 2.152.31 3.071.873a6.017 6.017 0 012.211 2.407l.007.015.04.074v.003l.004.002a9.925 9.925 0 011.567 1.198c.04.037.081.071.12.109.002 0 .006.005.007.006l-.002-.006-.001-.004v-.003l.042-.084c.377-2.384 1.43-4.102 2.67-4.102.934 0 1.762.975 2.276 2.476l.005.016.001.002c.145.158.287.331.424.521l.007.01.021.067-.02-.078c-1.542-4.569-5.863-7.857-10.952-7.857zM9.927 5.477C7.586 5.52 5.34 7.132 4.574 9.365l-.012.034a10.14 10.14 0 011.315-.895c2.806-1.656 6.479-1.646 9.278.016-.895-1.653-2.631-2.819-4.5-3.004a5.14 5.14 0 00-.728-.039zm9.834.5a1.36 1.36 0 00-.39.067c-1.265.562-1.719 2.073-2.031 3.303l-.016.072c.365-.62.808-1.215 1.396-1.642.835-.687 2.105-.655 2.916.053.308.326.141.008.031-.22-.342-.75-1.025-1.653-1.906-1.634zM21.67 7.98zm-9.32.335l-1.07 3.27-.002.005-.006.002-4.498 1.112h-.009l4.456 1.087c.105.11.227.205.36.28h.002c.042.024.085.045.129.065l.01.005c.041.018.083.033.126.047l.021.008c.04.013.08.023.12.032l.033.008a1.677 1.677 0 00.318.033 1.546 1.546 0 001.43-.948c.08-.186.123-.39.123-.604v-.011l-.001-.012c-.001-.054-.004-.107-.01-.16l-.001-.002a1.506 1.506 0 00-.026-.153l-.001-.004a1.511 1.511 0 00-.096-.288v-.003a1.521 1.521 0 00-.348-.49v-.003zm3.148.626c.048 1.008.036 2.046-.1 3.057-.17 2.018-1.19 3.798-1.972 5.616l-.03.08-.035.086c1.51-1.522 3.17-3.04 3.969-5.082.383-.636.118-1.342-.115-1.976-.17-.877-1.069-1.278-1.717-1.781zm6.172.572l-.588 2.688a1.764 1.764 0 00-.047.2c-.002.02-.007.04-.01.06a1.76 1.76 0 00-.016.222l-.002.031h.003c0 .628.297 1.136.663 1.137a.41.41 0 00.182-.045l.027-.015a.537.537 0 00.07-.047c.013-.01.024-.022.036-.033a.752.752 0 00.137-.168l.03-.054a1.23 1.23 0 00.052-.108l.017-.04c.02-.053.038-.108.053-.166l.002-.002.001-.003.404-.451-.407-.456v.001l-.02-.063zm-4.381.856c.69 1.716.85 3.707.091 5.43-.49 1.368-1.587 2.463-1.874 3.905.73.115 1.468.176 2.21.186 2.166.029 4.332-.42 6.284-1.365-2.04-2.869-4.121-
5715.755-6.711-8.156zm-4.948.977a.583.583 0 110 1.166.583.583 0 010-1.166zm9.352.37c.138 0 .249.19.249.426s-.111.426-.249.426c-.137 0-.248-.19-.248-.426 0-.235.11-.426.248-.426zm-4.044.184c-.016.112-.033.209-.05.29l-.006.023c-.01.05-.022.094-.033.128-.48 1.417-1.275 2.52-2.36 3.697-.147.16-.301.32-.459.484a58.883 58.883 0 01-1.196 1.205c-.112.11-.259.261-.425.436-.103.287-.22.61-.318.95-.044-.016-.086-.031-.131-.049-2.108-.815-3.519-1.904-3.519-1.904s1.086 1.414 2.915 2.74c.177.129.351.24.522.339-.075 1.194.452 2.34 2.83 2.682a4.81 4.81 0 001.228.008l-.01-.029a.062.062 0 00-.004-.01s-.167-.133-.379-.377a3.842 3.842 0 01-.584-.897 3.382 3.382 0 01-.266-.862 3.176 3.176 0 01-.006-.972c.017-.12.04-.241.072-.366.093-.374.255-.772.507-1.192l.002-.003.241-.404c1.103-1.86 1.797-3.275 1.506-5.441a8.943 8.943 0 00-.078-.476zm4.668.576l.001.008-.001-.008zm.013.203l.003.036v.01c0 .013-.003.025-.003.038 0-.014.003-.028.003-.043 0-.014-.002-.026-.003-.04zm-.012.275v.001l-.002.01-.002.014.004-.025zm1.353 5.928c-2.553 1.138-5.44 1.44-8.192 1.007-.14 1.108.384 2.218 1.214 2.93l.012.01c2.703-.433 4.975-2.168 6.966-3.946z"/></svg>                                                                                                                                            </div>
572
573                                                                    <div class="text-left">
574                                                                        <div class="text-slate-900 text-sm font-bold">Prestashop</div>
575                                                                                                                                            </div>
576                                                                </a>
577                                                                                                                            <a href="https://www.autoalt.ai/developer-api/" target="_self" title="Developer API" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
578                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
579                                                                                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path d="M192,180H118.71a56,56,0,1,1-104.6-37.46,12,12,0,1,1,21.37,10.92A31.64,31.64,0,0,0,32,168a32,32,0,0,0,64,0,12,12,0,0,1,12-12h84a12,12,0,0,1,0,24Zm0-68a55.9,55.9,0,0,0-18.45,3.12L138.22,57.71a12,12,0,0,0-20.44,12.58l40.94,66.52a12,12,0,0,0,16.52,3.93,32,32,0,1,1,19.68,59.13A12,12,0,0,0,196,223.82a10.05,10.05,0,0,0,1.09,0A56,56,0,0,0,192,112ZM57.71,178.22a12,12,0,0,0,16.51-3.93l40.94-66.52a12,12,0,0,0-3.92-16.51,32,32,0,1,1,45.28-41.8,12,12,0,1,0,21.37-10.92A56,56,0,1,0,89.1,104.32L53.78,161.71A12,12,0,0,0,57.71,178.22Z"></path></svg>                                                                                                                                            </div>
580
581                                                                    <div class="text-left">
582                                                                        <div class="text-slate-900 text-sm font-bold">Developer API</div>
583                                                                                                                                            </div>
584                                                                </a>
585                                                                                                        </div>
586                                        </div>
587                                    </div>
588                                                                    <div class="group relative h-full flex items-center">
589                                        <a href="https://www.autoalt.ai/resources/" target="_self" title="RESOURCES" class="hover:text-brand transition-colors uppercase tracking-wider flex items-center gap-1.5 py-4">RESOURCES <i class="ph ph-caret-down text-[10px]"></i></a>
590                                        <div class="submenu-animate absolute top-full mt-2 w-[680px]">
591                                            <div class="glass-panel-menu rounded-[2.5rem] p-5 grid grid-cols-3 gap-2">
592                                                                                                                <a href="https://www.autoalt.ai/alt-text-generator-online/" target="_self" title="Alt Text Tool" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
593                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
594                                                                                                                                                                                                                                    <i class="ph-bold ph-faders text-lg"></i>
595                                                                                                                                                                                                                        </div>
596
597                                                                    <div class="text-left">
598                                                                        <div class="text-slate-900 text-sm font-bold">Alt Text Tool</div>
599                                                                                                                                            </div>
600                                                                </a>
601                                                                                                                            <a href="https://www.autoalt.ai/free-accessibility-scan/" target="_self" title="Accessibility Scan" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
602                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
603                                                                                                                                                                                                                                    <i class="ph-bold ph-scan text-lg"></i>
604                                                                                                                                                                                                                        </div>
605
606                                                                    <div class="text-left">
607                                                                        <div class="text-slate-900 text-sm font-bold">Accessibility Scan</div>
608                                                                                                                                            </div>
609                                                                </a>
610                                                                                                                            <a href="https://www.autoalt.ai/blog/" target="_self" title="Blog & Guides" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
611                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
612                                                                                                                                                                                                                                    <i class="ph-bold ph-article text-lg"></i>
613                                                                                                                                                                                                                        </div>
614
615                                                                    <div class="text-left">
616                                                                        <div class="text-slate-900 text-sm font-bold">Blog & Guides</div>
617                                                                                                                                            </div>
618                                                                </a>
619                                                                                                                            <a href="https://www.autoalt.ai/docs/" target="_self" title="Documentation" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
620                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
621                                                                                                                                                                                                                                    <i class="ph-bold ph-file-text text-lg"></i>
622                                                                                                                                                                                                                        </div>
623
624                                                                    <div class="text-left">
625                                                                        <div class="text-slate-900 text-sm font-bold">Documentation</div>
626                                                                                                                                            </div>
627                                                                </a>
628                                                                                                                            <a href="https://www.autoalt.ai/support/" target="_self" title="Support" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
629                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
630                                                                                                                                                                                                                                    <i class="ph-bold ph-headset text-lg"></i>
631                                                                                                                                                                                                                        </div>
632
633                                                                    <div class="text-left">
634                                                                        <div class="text-slate-900 text-sm font-bold">Support</div>
635                                                                                                                                            </div>
636                                                                </a>
637                                                                                                                            <a href="https://welcoma.app/" target="_blank" title="Accessibility Widget" class="flex items-center gap-4 p-3 rounded-3xl hover:bg-slate-50 transition-all group/item">
638                                                                    <div class="w-10 h-10 rounded-full bg-red-100 text-brand flex items-center justify-center shrink-0">
639                                                                                                                                                    <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-hidden="true">
639<path fill="currentColor" d="M10 20 L22 44 L32 30 L42 44 L54 18" fill-opacity="0" stroke="currentColor" stroke-width="6.75" stroke-linecap="round" stroke-linejoin="round"/></svg>                                                                                                                                            </div>
640
641                                                                    <div class="text-left">
642                                                                        <div class="text-slate-900 text-sm font-bold">Accessibility Widget</div>
643                                                                                                                                            </div>
644                                                                </a>
645                                                                                                        </div>
646                                        </div>
647                                    </div>
648                                                                    <a href="https://www.autoalt.ai/pricing/" target="_self" title="Pricing" class="hover:text-brand transition-colors uppercase tracking-wider">Pricing</a>
649                                                                    <a href="https://www.autoalt.ai/about/" target="_self" title="About Us" class="hover:text-brand transition-colors uppercase tracking-wider">About Us</a>
650                                                    </div>
651                
652                <div class="flex items-center gap-4 border-l border-slate-200/50 pl-3 md:pl-10 ml-auto">
653                                            <a href="https://www.autoalt.ai/login/" title="LOGIN" class="hidden md:block text-[13px] font-bold text-slate-700 hover:text-brand uppercase">LOGIN</a>
654                                                                <a href="https://www.autoalt.ai/register/" title="Start Free" class="hidden md:block bg-[#B30000] hover:bg-red-800 text-white text-[11px] font-extrabold py-2.5 px-6 rounded-full transition-all shadow-lg active:scale-95 whitespace-nowrap uppercase tracking-widest border border-white/20">Start Free</a>
655                    
656                    <div class="flex header_wapper__language">
657                        <ul id="menu-language-menu" class="flex flex-row w-full gap-2"><li id="menu-item-wpml-ls-76-en" class="menu-item wpml-ls-slot-76 wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-menu-item wpml-ls-first-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-76-en"><a href="https://www.autoalt.ai/" aria-current="page"><img width="18" height="12"
658            class="wpml-ls-flag"
659            src="https://www.autoalt.ai/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.svg"
660            alt="English"
661            
662                          /></a></li>
663<li id="menu-item-wpml-ls-76-de" class="menu-item wpml-ls-slot-76 wpml-ls-item wpml-ls-item-de wpml-ls-menu-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-76-de"><a href="https://www.autoalt.ai/de/" title="Switch to German" aria-label="Switch to German"><img width="18" height="12"
664            class="wpml-ls-flag"
665            src="https://www.autoalt.ai/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.svg"
666            alt="German"
667            
668                          /></a></li>
669</ul>                    </div>
670                    <button id="hamburger" aria-label="hamburger Icon" class="xl:hidden w-8 h-8 flex flex-col items-center justify-center gap-1.5 focus:outline-none">
671                        <span class="w-5 h-0.5 bg-slate-900 rounded-full transition-all origin-center"></span>
672                        <span class="w-5 h-0.5 bg-slate-900 rounded-full transition-all origin-center"></span>
673                    </button>
674                </div>
675            </div>
676
677            <div  id="mobile-menu" class="xl:hidden flex flex-col">
678                                    <hr class="border-slate">
679                    <div class="flex flex-col gap-2 py-2">
680                                                                    <div class="flex flex-wrap relative menu-item">
681                                                <a href="#" target="_self" title="SOLUTIONS" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase relative">
682                                                    <span>SOLUTIONS</span>
683                                                </a>
684                                                <i class="ph-bold ph-caret-down border-l border-slate-200/50 flex justify-center items-center w-12 h-10 min-w-12 ml-auto mobile-link-sub-icon text-brand"></i>
685                                                <div class="flex flex-col w-full mobile-link-sub">
686                                                                                                                        <a href="https://www.autoalt.ai/bulk-alt-text-generator/" target="_self" title="Bulk Generator" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
687                                                                                                                                                                                                                                    <i class="ph-bold ph-stack text-brand text-xl"></i>
688                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Bulk Generator</span>
689                                                                    </a>
690                                                                                                                                    <a href="https://www.autoalt.ai/compliance/eaa-2025/" target="_self" title="Accessibility (ADA/EAA)" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
691                                                                                                                                                                                                                                    <i class="ph-bold ph-shield-check text-brand text-xl"></i>
692                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Accessibility (ADA/EAA)</span>
693                                                                    </a>
694                                                                                                                                    <a href="https://www.autoalt.ai/ai-visibility/" target="_self" title="AI Visibility" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
695                                                                                                                                                                                                                                    <i class="ph-bold ph-eye text-brand text-xl"></i>
696                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">AI Visibility</span>
697                                                                    </a>
698                                                                                                                                    <a href="https://www.autoalt.ai/partners/" target="_self" title="Partners Program" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
699                                                                                                                                                                                                                                    <i class="ph-bold ph-handshake text-brand text-xl"></i>
700                                                                                                                                                                                                                            <sp
700an class="text-sm font-bold text-slate-800">Partners Program</span>
701                                                                    </a>
702                                                                                                                                    <a href="https://www.autoalt.ai/enterprise/" target="_self" title="Enterprise" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
703                                                                                                                                                                                                                                    <i class="ph-bold ph-globe-stand text-brand text-xl"></i>
704                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Enterprise</span>
705                                                                    </a>
706                                                                                                                </div>
707                                            </div>
708                                            <hr class="border-slate">
709                                                                                    <div class="flex flex-wrap relative menu-item">
710                                                <a href="https://www.autoalt.ai/integrations/" target="_self" title="INTEGRATIONS" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase relative">
711                                                    <span>INTEGRATIONS</span>
712                                                </a>
713                                                <i class="ph-bold ph-caret-down border-l border-slate-200/50 flex justify-center items-center w-12 h-10 min-w-12 ml-auto mobile-link-sub-icon text-brand"></i>
714                                                <div class="flex flex-col w-full mobile-link-sub">
715                                                                                                                        <a href="https://www.autoalt.ai/integrations/wordpress/" target="_self" title="WordPress" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
716                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
717                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" fill-rule="evenodd" d="m21.9 10.5c0 3.5-1.9 6.5-4.7 8.1 3.5-9.9 3.6-10 3.6-11.7q0-0.5 0-1c0.7 1.4 1.1 2.9 1.1 4.6zm-6.4 8.8q0.1 0 0.1 0.1c-1.9 0.6-3.9 0.7-5.8 0.1l2.8-8.2zm1.7-3.1l-3.4-10.1c0.5-0.1 1-0.1 1-0.1 0.6-0.1 0.5-0.8 0-0.8-2.1 0.1-3.1 0.1-5 0-0.5 0-0.6 0.7-0.1 0.8 0 0 0.5 0 1 0.1l1.5 4-2.1 6.2-3.4-10.2c0.5-0.1 1-0.1 1-0.1 0.5-0.1 0.5-0.8 0-0.8-1.7 0.1-2.5 0.1-3.2 0.1 1.7-2.6 4.6-4.3 8-4.3 2.4 0 4.7 1 6.3 2.5q0 0-0.1 0c-0.9 0-1.6 0.8-1.6 1.7 0 0.8 0.5 1.4 1 2.2 0.3 0.6 0.7 1.4 0.7 2.6 0 1-0.3 1.7-1.6 6.2zm-13.4-9.6l4.5 12.4c-3.1-1.5-5.3-4.8-5.3-8.5 0-1.4 0.3-2.7 0.8-3.9z"/></svg>                                                                                </div>
718                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">WordPress</span>
719                                                                    </a>
720                                                                                                                                    <a href="https://www.autoalt.ai/integrations/shopware/" target="_self" title="Shopware " class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
721                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
722                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
722<path fill="currentColor" d="m12 1.2c-4.8 0-8.8 4-8.8 8.8 0 4.8 4 8.8 8.8 8.8 2 0 3.8-0.7 5.2-1.8q0 0-0.1 0c-0.7-0.6-1.8-1-3-1.5-2.9-1.1-6.1-2.4-6.1-6.2 0-3.5 3.2-5.4 7.7-5.4q1 0 2 0.2c0.1 0 0.1 0 0.2 0q0.3 0.1 0.7 0.2c-1.6-1.9-4-3.1-6.6-3.1zm3.5 6.1c-3 0-2.8 2-2.8 2 0 1.6 1.8 2.4 4 3.2 1 0.5 2.1 0.9 3.1 1.5 0.6-1.2 1-2.6 1-4q0-0.2-0.1-0.4 0 0 0 0c-1.9-1.6-3.4-2.3-5.2-2.3z"/></svg>                                                                                </div>
723                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Shopware </span>
724                                                                    </a>
725                                                                                                                                    <a href="https://www.autoalt.ai/integrations/typo3/" target="_self" title="Typo3" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
726                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
727                                                                                    <svg width="24" height="20" viewBox="0 0 40 40" role="img" xmlns="http://www.w3.org/2000/svg">
728<path d="M29.7399 27.38C29.1999 27.54 28.6299 27.63 28.0599 27.62C23.0599 27.62 15.6099 9.98 15.6099 4.12C15.6099 1.95 16.1199 1.23 16.8399 0.619995C10.6699 1.34 3.25994 3.62 0.839944 6.48C0.229944 7.47 -0.0500555 8.61999 -5.54859e-05 9.77999C-5.54859e-05 18.94 9.78995 39.78 16.6899 39.78C19.8799 39.78 25.2599 34.53 29.6899 27.43" fill="currentColor"></path>
729<path d="M26.5199 0C32.8999 0 39.2899 1 39.2899 4.63C39.2899 11.94 34.6499 20.79 32.2899 20.79C28.0699 20.79 22.8199 9.06 22.8199 3.19C22.8199 0.51 23.8199 0 26.5299 0" fill="currentColor"></path>
730</svg>                                                                                </div>
731                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Typo3</span>
732                                                                    </a>
733                                                                                                                                    <a href="https://www.autoalt.ai/integrations/woocommerce/" target="_self" title="WooCommerce" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
734                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
735                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="25" height="25"><path fill="currentColor" d="m18 14.2q0.3-0.4 0.3-0.9c0-0.7-0.5-1.4-1.2-1.5-0.7-0.2-1.4 0.2-1.7 0.9 0 0-1 1.4-1.7 5.6-0.3 1.8-0.6 3.7-0.6 3.7-0.9-1.8-1.5-5.9-1.9-6.6-1.5-1.6-2.5 0.5-2.5 0.5l-1.3 2.4-2.6 4.7-1.7-9.3c-0.1-0.8-0.8-1.3-1.5-1.3-0.8 0.1-1.4 0.8-1.4 1.5q0 0.2 0.1 0.4c0.2 1.5 1.1 7.7 1.8 10.4 0.9 3 1.8 5.8 3.6 3.2l0.1-0.1q0-0.1 0.1-0.3 0.2-0.2 0.3-0.5c0.8-1.4 2.3-4.2 3.2-6.2 0 0 1.3 4.6 3.5 6.9 2.1 2.3 2.8 0.4 2.9 0 0.1-0.8 0.2-10.3 2.2-13.5q0 0 0 0zm4.4-0.5q0 0-0.1 0l-0.1 0.1q-0.3 0.1-0.5 0.2c-1.2 0.6-3.4 2.4-3.8 7.3 0.1 3.6 2 4.9 3.2 5.3 0 0.1 0.2 0.1 0.5 0.2 0.3 0.1 0.4 0.1 0.4 0.1 1.1 0.1 2.8-0.1 4.3-2.2 2.4-3.3 2.1-7.4 0.4-9.6-1.4-1.6-3.2-1.7-4.3-1.4zm0.1 10.1c-0.3 0-0.5-0.1-0.6-0.2-0.5-0.4-1.4-1.6-1-3.6 0.3-2.1 1.6-2.9 2.2-3.2 0.2-0.1 0.6-0.2 1 0.1 0.4 0.3 0.8 0.9 0.9 2.2 0.1 2.3-0.8 4.4-2.5 4.7zm15.1-8.7c-1.3-1.6-3.2-1.7-4.3-1.4q0 0-0.1 0v0.1q0 0-0.1 0-0.3 0.1-0.5 0.2c-1.2 0.6-3.4 2.4-3.8 7.3 0.1 3.6 2 4.9 3.2 5.3 0.1 0.1 0.2 0.1 0.5 0.2 0.3 0.1 0.5 0.1 0.5 0.1 1 0.1 2.7-0.1 4.2-2.2 2.4-3.3 2.2-7.4 0.4-9.6zm-4.1 8.7c-0.4 0-0.6-0.1-0.6-0.2-0.5-0.4-1.4-1.6-1.1-3.6 0.4-2.1 1.7-2.9 2.3-3.2 0.1-0.1 0.5-0.2 1 0.1 0.4 0.3 0.8 0.9 0.8 2.2 0.1 2.3-0.8 4.4-2.4 4.7z"/></svg>                                                                                </div>
736                                                                                                                                                                                                                            <sp
736an class="text-sm font-bold text-slate-800">WooCommerce</span>
737                                                                    </a>
738                                                                                                                                    <a href="https://www.autoalt.ai/integrations/magento/" target="_self" title="Magento" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
739                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
740                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 26" width="24" height="26"><path fill-rule="evenodd" fill="currentColor"  d="m13.3 20.3l-1.3 0.8-1.3-0.8v-11.5l-3.3 1.8v11.6l4.6 2.6 4.6-2.6v-11.6l-3.3-1.9z"/><path fill-rule="evenodd" fill="currentColor"  d="m12 1.2l-10.5 5.9v11.8l3.3 1.9v-11.7l7.2-4.1 7.2 4.1v11.7l3.3-1.9v-11.7z"/></svg>                                                                                </div>
741                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Magento</span>
742                                                                    </a>
743                                                                                                                                    <a href="https://www.autoalt.ai/integrations/chrome-extension/" target="_self" title="Chrome Extension" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
744                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
745                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path xmlns="http://www.w3.org/2000/svg" d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,24a83.89,83.89,0,0,1,65.9,32H128a52.05,52.05,0,0,0-46.15,28.07L64.18,73.47A83.82,83.82,0,0,1,128,44Zm28,84a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM44,128a83.41,83.41,0,0,1,6-31.11L83,154c.06.11.14.2.2.3A52,52,0,0,0,128,180q1.19,0,2.34-.06l-17.68,30.63A84.12,84.12,0,0,1,44,128Zm96.05,83.12L173,154c.09-.15.16-.3.24-.46A51.81,51.81,0,0,0,171.78,100h35.4a83.95,83.95,0,0,1-67.13,111.12Z"/></svg>                                                                                </div>
746                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Chrome Extension</span>
747                                                                    </a>
748                                                                                                                                    <a href="https://www.autoalt.ai/integrations/joomla/" target="_self" title="Joomla" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
749                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
750                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21">
750<path fill="currentColor" d="m2.6 3.4q0 0 0 0c0-0.7 0.3-1.3 0.8-1.7 0.4-0.5 1-0.8 1.7-0.8q0 0 0 0c0.7 0 1.2 0.3 1.7 0.6 0.4 0.4 0.7 0.9 0.8 1.5q0.4-0.1 0.9-0.1 0.7 0 1.2 0.2 1.1 0.3 1.9 1.1l-1.8 1.9c-0.3-0.3-0.8-0.6-1.3-0.6q0 0 0 0c-0.4 0-0.8 0.2-1 0.5-0.3 0.3-0.5 0.6-0.5 1v0.1c0 0.4 0.2 0.8 0.5 1.1l4.2 4.1-1.9 1.9-4.2-4.2c-0.5-0.5-0.9-1.2-1.1-1.9q-0.1-0.5-0.1-1 0-0.7 0.2-1.3v0.1c-0.6-0.1-1.1-0.5-1.4-0.9-0.4-0.4-0.6-0.9-0.6-1.5q0 0 0-0.1 0 0 0 0zm5.4 4.9l0.7-0.6 3.5-3.6c0.5-0.5 1.2-0.9 1.9-1.1q0.5-0.1 1.1-0.1 0.6 0 1.1 0.1c0.1-0.6 0.4-1.1 0.8-1.5 0.5-0.4 1-0.6 1.7-0.6q0 0 0 0c0.7 0 1.3 0.3 1.7 0.7 0.5 0.5 0.8 1.1 0.8 1.7q0 0.1 0 0.1 0 0 0 0c0 0.7-0.2 1.2-0.6 1.6-0.4 0.5-1 0.8-1.6 0.9q0.2 0.5 0.2 1.2 0 0.5-0.1 1-0.4 1.2-1.2 2l-1.9-1.9c0.3-0.2 0.6-0.7 0.6-1.2q0 0 0 0c0-0.4-0.2-0.8-0.5-1v-0.1c-0.2-0.2-0.6-0.4-1-0.4q0 0-0.1 0 0 0 0 0c-0.4 0-0.8 0.2-1 0.5l-4.2 4.2zm11.1 6.3c0.7 0.1 1.2 0.4 1.6 0.8 0.4 0.4 0.6 1 0.6 1.6q0 0.1 0 0.1c0 0.7-0.3 1.3-0.7 1.8-0.4 0.4-1.1 0.7-1.7 0.7q-0.1 0-0.1 0 0 0 0 0c-0.6 0-1.1-0.2-1.6-0.6-0.4-0.3-0.7-0.8-0.9-1.4q-0.5 0.2-1.2 0.2-0.5 0-1-0.2c-0.8-0.2-1.5-0.6-2-1.2l1.8-1.9c0.3 0.4 0.7 0.6 1.2 0.7 0.5 0 0.8-0.2 1.1-0.5 0.3-0.3 0.5-0.7 0.5-1.1q0 0 0 0 0 0 0 0c0-0.4-0.2-0.8-0.5-1.1l-4.2-4.1 1.9-1.9 4.1 4.2c0.5 0.5 0.9 1.1 1.1 1.8q0.2 0.5 0.2 1.1 0 0.5-0.2 1 0 0 0 0zm-3.5-2.2l-4.1 4.2c-0.5 0.5-1.1 0.8-1.8 1l-0.1 0.1q-0.5 0.1-1 0.1-0.6 0-1.1-0.1c-0.1 0.5-0.4 1-0.8 1.4-0.5 0.3-1 0.5-1.6 0.5q0 0 0 0 0 0 0 0c-0.7 0-1.3-0.2-1.8-0.7-0.4-0.4-0.7-1-0.7-1.7q0 0 0-0.1 0 0 0 0c0-0.6 0.2-1.1 0.5-1.5 0.4-0.5 0.8-0.8 1.4-0.9q-0.1-0.5-0.1-1 0-0.6 0.1-1.2 
7500.4-1.1 1.2-1.9l1.9 1.8c-0.4 0.3-0.6 0.8-0.6 1.2v0.1c0 0.4 0.2 0.8 0.4 1 0.3 0.3 0.7 0.5 1.1 0.5q0.1 0 0.1 0c0.4 0 0.7-0.2 1-0.5l4.2-4.2z" /></svg>                                                                                </div>
751                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Joomla</span>
752                                                                    </a>
753                                                                                                                                    <a href="https://www.autoalt.ai/integrations/shopify/" target="_self" title="Shopify" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
754                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
755                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" d="m14.9 4.3q-0.1 0.1-0.1 0.1c0 0-0.2 0-0.5 0.1-0.3-0.9-0.8-1.7-1.8-1.7h-0.1c-0.2-0.3-0.5-0.5-0.9-0.5-2.3 0-3.3 2.8-3.7 4.2-0.8 0.3-1.5 0.5-1.5 0.5-0.5 0.2-0.5 0.2-0.6 0.6 0 0.4-1.3 10.2-1.3 10.2l9.8 1.9zm-2.2-1c0.5 0.1 0.9 0.7 1.1 1.3q-0.4 0.1-0.9 0.3v-0.2q0 0 0-0.1 0-0.7-0.2-1.3 0 0 0 0zm-0.4 1.7v0.1c-0.5 0.1-1.1 0.3-1.7 0.5 0.2-0.9 0.7-1.7 1.5-2.1v-0.1q0.2 0.7 0.2 1.4 0 0.1 0 0.2 0 0 0 0zm-0.8-2.2q0.1 0 0.2 0.1c-1 0.6-1.7 1.7-1.8 2.9q-0.7 0.2-1.3 0.4c0.3-1.3 1.2-3.4 2.9-3.4zm0.3 7.6q-0.5-0.3-1.2-0.3c-1.1 0-1.1 0.7-1.1 0.8 0 0.9 2.3 1.3 2.3 3.4q0 0.1 0 0.2c0 1.4-1.1 2.5-2.4 2.5q-0.1 0-0.1 0 0 0 0 0c-1 0-1.9-0.4-2.5-1l0.5-1.6c0.4 0.4 1 0.7 1.6 0.8q0 0 0 0c0.4 0 0.7-0.3 0.7-0.7 0-1.1-1.9-1.2-1.9-3.1q0 0 0-0.1c0-1.7 1.4-3.1 3.2-3.1q0.1 0 0.3 0 0.1 0 0.1 0 0.7 0 1.3 0.3h-0.1l-0.6 1.9zm2.6 9.2l5.2-1.1c0 0-1.9-12.8-1.9-12.9q0-0.1-0.1-0.1c-0.1 0-1.4-0.1-1.4-0.1 0 0-1-0.9-1.1-1q0-0.1-0.1-0.1l-0.6 15.3z"/></svg>                                                                                </div>
756                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Shopify</span>
757                                                                    </a>
758                                                                                                                                    <a href="https://www.autoalt.ai/integrations/firefox-add-ons/" target="_self" title="Firefox Add-on" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
759                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
760                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path d="M222.41,155.16a12,12,0,0,0-11.56-.69A16,16,0,0,1,188,139,16.2,16.2,0,0,1,202.8,124a15.83,15.83,0,0,1,8,1.5A12,12,0,0,0,228,114.7V72a20,20,0,0,0-20-20H176a40.15,40.15,0,0,0-12.62-29.16,39.67,39.67,0,0,0-29.94-10.76,40.08,40.08,0,0,0-37.34,37C96,50.07,96,51,96,52H64A20,20,0,0,0,44,72v28a40.15,40.15,0,0,0-29.16,12.62A40,40,0,0,0,41.1,179.9a28.3,28.3,0,0,0,2.9.1v28a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V165.31A12,12,0,0,0,222.41,155.16ZM204,204H68V165.31a12,12,0,0,0-17.15-10.84A15.9,15.9,0,0,1,42.8,156,16.2,16.2,0,0,1,28,141.06a16,16,0,0,1,22.82-15.52A12,12,0,0,0,68,114.7V76h42.7a12,12,0,0,0,10.83-17.15A15.9,15.9,0,0,1,120,50.8,16.19,16.19,0,0,1,134.94,36a16,16,0,0,1,15.53,22.81A12,12,0,0,0,161.31,76H204v24c-1,0-1.93,0-2.9.11A40,40,0,0,0,204,180h0Z"></path></svg>                                                                                </div>
761                                                                                                                                                                                                                            <sp
761an class="text-sm font-bold text-slate-800">Firefox Add-on</span>
762                                                                    </a>
763                                                                                                                                    <a href="https://www.autoalt.ai/integrations/drupal/" target="_self" title="Drupal" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
764                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
765                                                                                    <svg version="1.2" xmlns="http://www.w3.org/2000/svg" class="text-lg" viewBox="0 0 24 21" width="24" height="21"><path fill="currentColor" d="m15.9 4.7c-1-0.7-1.9-0.9-2.9-1.5-0.6-0.4-1.4-1.4-2.1-2.2-0.1 1.3-0.5 1.8-1 2.2-0.9 0.8-1.5 1-2.4 1.5-0.7 0.3-4.5 2.6-4.5 7.5 0 4.9 4.1 8.5 8.7 8.5 4.6 0 8.6-3.3 8.6-8.3 0-5.1-3.8-7.4-4.4-7.7zm0.1 14.2c-0.1 0.1-0.9 0.7-2 0.8-1 0.1-2.4 0.2-3.2-0.6-0.1-0.1-0.1-0.3 0-0.4 0.1 0 0.2-0.1 0.3-0.1 0.1 0 0.1 0 0.1 0 0.4 0.3 1 0.6 2.2 0.6 1.2 0 2.1-0.4 2.4-0.6 0.2-0.2 0.3-0.1 0.3 0 0 0.1 0.1 0.2-0.1 0.3zm-3.3-1.7c0.2-0.2 0.6-0.5 0.9-0.6 0.3-0.2 0.5-0.1 0.8-0.1 0.3 0 0.6 0 0.8 0.1 0.3 0.2 0.4 0.5 0.5 0.7 0 0.2 0 0.3-0.2 0.4-0.1 0.1-0.1 0-0.3-0.2-0.1-0.3-0.2-0.5-0.9-0.5-0.6 0-0.9 0.2-1.2 0.5-0.3 0.3-0.4 0.4-0.5 0.2q-0.2-0.2 0.1-0.5zm5 0.2c-0.6-0.1-2-2.2-2.9-2.3-1.1 0-3.5 2.3-5.4 2.3-1.1 0-1.4-0.1-1.8-0.4q-0.9-0.6-0.9-1.8c0.1-1.5 1.4-2.9 3.2-2.9 2.2 0 3.8 2.2 4.9 2.2 0.9 0 2.8-1.9 3.6-1.9 1 0 1.3 1 1.3 1.6 0 0.6-0.2 1.6-0.7 2.3-0.4 0.6-0.7 0.9-1.3 0.9z"/></svg>                                                                                </div>
766                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Drupal</span>
767                                                                    </a>
768                                                                                                                                    <a href="https://www.autoalt.ai/integrations/prestashop/" target="_self" title="Prestashop" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
769                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
770                                                                                    <svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>PrestaShop icon</title><path fill="currentColor" d="M11.558 1.034C5.174 1.034 0 6.21 0 12.592c0 1.258.201 2.47.574 3.597l.002-.007a12.415 12.415 0 01.53-1.787l.011-.03c.085-.222.179-.442.277-.66l.084-.181c.08-.171.165-.34.253-.507.036-.068.07-.136.108-.203.02-.038.044-.073.064-.11.094-.166.19-.332.29-.493l.075-.114c.125-.195.256-.386.393-.573l.035-.05c.144-.193.295-.38.451-.563l.1-.118c.155-.177.315-.35.481-.517l.099-.097a10.321 10.321 0 01.546-.503c.74-2.48 3.005-4.285 5.686-4.285 1.079 0 2.152.31 3.071.873a6.017 6.017 0 012.211 2.407l.007.015.04.074v.003l.004.002a9.925 9.925 0 011.567 1.198c.04.037.081.071.12.109.002 0 .006.005.007.006l-.002-.006-.001-.004v-.003l.042-.084c.377-2.384 1.43-4.102 2.67-4.102.934 0 1.762.975 2.276 2.476l.005.016.001.002c.145.158.287.331.424.521l.007.01.021.067-.02-.078c-1.542-4.569-5.863-7.857-10.952-7.857zM9.927 5.477C7.586 5.52 5.34 7.132 4.574 9.365l-.012.034a10.14 10.14 0 011.315-.895c2.806-1.656 6.479-1.646 9.278.016-.895-1.653-2.631-2.819-4.5-3.004a5.14 5.14 0 00-.728-.039zm9.834.5a1.36 1.36 0 00-.39.067c-1.265.562-1.719 2.073-2.031 3.303l-.016.072c.365-.62.808-1.215 1.396-1.642.835-.687 2.105-.655 2.916.053.308.326.141.008.031-.22-.342-.75-1.025-1.653-1.906-1.
770634zM21.67 7.98zm-9.32.335l-1.07 3.27-.002.005-.006.002-4.498 1.112h-.009l4.456 1.087c.105.11.227.205.36.28h.002c.042.024.085.045.129.065l.01.005c.041.018.083.033.126.047l.021.008c.04.013.08.023.12.032l.033.008a1.677 1.677 0 00.318.033 1.546 1.546 0 001.43-.948c.08-.186.123-.39.123-.604v-.011l-.001-.012c-.001-.054-.004-.107-.01-.16l-.001-.002a1.506 1.506 0 00-.026-.153l-.001-.004a1.511 1.511 0 00-.096-.288v-.003a1.521 1.521 0 00-.348-.49v-.003zm3.148.626c.048 1.008.036 2.046-.1 3.057-.17 2.018-1.19 3.798-1.972 5.616l-.03.08-.035.086c1.51-1.522 3.17-3.04 3.969-5.082.383-.636.118-1.342-.115-1.976-.17-.877-1.069-1.278-1.717-1.781zm6.172.572l-.588 2.688a1.764 1.764 0 00-.047.2c-.002.02-.007.04-.01.06a1.76 1.76 0 00-.016.222l-.002.031h.003c0 .628.297 1.136.663 1.137a.41.41 0 00.182-.045l.027-.015a.537.537 0 00.07-.047c.013-.01.024-.022.036-.033a.752.752 0 00.137-.168l.03-.054a1.23 1.23 0 00.052-.108l.017-.04c.02-.053.038-.108.053-.166l.002-.002.001-.003.404-.451-.407-.456v.001l-.02-.063zm-4.381.856c.69 1.716.85 3.707.091 5.43-.49 1.368-1.587 2.463-1.874 3.905.73.115 1.468.176 2.21.186 2.166.029 4.332-.42 6.284-1.365-2.04-2.869-4.121-5.755-6.711-8.156zm-4.948.977a.583.583 0 110 1.166.583.583 0 010-1.166zm9.352.37c.138 0 .249.19.249.426s-.111.426-.249.426c-.137 0-.248-.19-.248-.426 0-.235.11-.426.248-.426zm-4.044.184c-.016.112-.033.209-.05.29l-.006.023c-.01.05-.022.094-.033.128-.48 1.417-1.275 2.52-2.36 3.697-.147.16-.301.32-.459.484a58.883 58.883 0 01-1.196 1.205c-.112.11-.259.261-.425.436-.103.287-.22.61-.318.95-.044-.016-.086-.031-.131-.049-2.108-.815-3.519-1.904-3.519-1.904s1.086 1.414 2.915 2.74c.177.129.351.24.522.339-.075 1.194.452 2.34 2.83 2.682a4.81 4.81 0 001.228.008l-.01-.029a.062.062 0 00-.004-.01s-.167-.133-.379-.377a3.842 3.842 0 01-.584-.897 3.382 3.382 0 01-.266-.862 3.176 3.176 0 01-.006-.972c.017-.12.04-.241.072-.366.093-.374.255-.772.507-1.192l.002-.003.241-.404c1.103-1.86 1.797-3.275 1.506-5.441a8.943 8.943 0 00-.078-.476zm4.668.576l.001.008-.001-.008zm.013.203l.003.036v.01c0 .013-.003.025-.003.038 0-.014.003-.028.003-.043 0-.014-.002-.026-.003-.04zm-.012.275v.001l-.002.01-.002.014.004-.025zm1.353 5.928c-2.553 1.138-5.44 1.44-8.192 1.007-.14 1.108.384 2.218 1.214 2.93l.012.01c2.703-.433 4.975-2.168 6.966-3.946z"/></svg>                                                                                </div>
771                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Prestashop</span>
772                                                                    </a>
773                                                                                                                                    <a href="https://www.autoalt.ai/developer-api/" target="_self" title="Developer API" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
774                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
775                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" viewBox="0 0 256 256"><path d="M192,180H118.71a56,56,0,1,1-104.6-37.46,12,12,0,1,1,21.37,10.92A31.64,31.64,0,0,0,32,168a32,32,0,0,0,64,0,12,12,0,0,1,12-12h84a12,12,0,0,1,0,24Zm0-68a55.9,55.9,0,0,0-18.45,3.12L138.22,57.71a12,12,0,0,0-20.44,12.58l40.94,66.52a12,12,0,0,0,16.52,3.93,32,32,0,1,1,19.68,59.13A12,12,0,0,0,196,223.82a10.05,10.05,0,0,0,1.09,0A56,56,0,0,0,192,112ZM57.71,178.22a12,12,0,0,0,16.51-3.93l40.94-66.52a12,12,0,0,0-3.92-16.51,32,32,0,1,1,45.28-41.8,12,12,0,1,0,21.37-10.92A56,56,0,1,0,89.1,104.32L53.78,161.71A12,12,0,0,0,57.71,178.22Z"></path></svg>                                                                                </div>
776                                                                                                                                                                                                                            <sp
776an class="text-sm font-bold text-slate-800">Developer API</span>
777                                                                    </a>
778                                                                                                                </div>
779                                            </div>
780                                            <hr class="border-slate">
781                                                                                    <div class="flex flex-wrap relative menu-item">
782                                                <a href="https://www.autoalt.ai/resources/" target="_self" title="RESOURCES" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase relative">
783                                                    <span>RESOURCES</span>
784                                                </a>
785                                                <i class="ph-bold ph-caret-down border-l border-slate-200/50 flex justify-center items-center w-12 h-10 min-w-12 ml-auto mobile-link-sub-icon text-brand"></i>
786                                                <div class="flex flex-col w-full mobile-link-sub">
787                                                                                                                        <a href="https://www.autoalt.ai/alt-text-generator-online/" target="_self" title="Alt Text Tool" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
788                                                                                                                                                                                                                                    <i class="ph-bold ph-faders text-brand text-xl"></i>
789                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Alt Text Tool</span>
790                                                                    </a>
791                                                                                                                                    <a href="https://www.autoalt.ai/free-accessibility-scan/" target="_self" title="Accessibility Scan" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
792                                                                                                                                                                                                                                    <i class="ph-bold ph-scan text-brand text-xl"></i>
793                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Accessibility Scan</span>
794                                                                    </a>
795                                                                                                                                    <a href="https://www.autoalt.ai/blog/" target="_self" title="Blog & Guides" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
796                                                                                                                                                                                                                                    <i class="ph-bold ph-article text-brand text-xl"></i>
797                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Blog & Guides</span>
798                                                                    </a>
799                                                                                                                                    <a href="https://www.autoalt.ai/docs/" target="_self" title="Documentation" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
800                                                                                                                                                                                                                                    <i class="ph-bold ph-file-text text-brand text-xl"></i>
801                                                                                                                                                                                                                            <sp
801an class="text-sm font-bold text-slate-800">Documentation</span>
802                                                                    </a>
803                                                                                                                                    <a href="https://www.autoalt.ai/support/" target="_self" title="Support" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
804                                                                                                                                                                                                                                    <i class="ph-bold ph-headset text-brand text-xl"></i>
805                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Support</span>
806                                                                    </a>
807                                                                                                                                    <a href="https://welcoma.app/" target="_blank" title="Accessibility Widget" class="mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
808                                                                                                                                                                                                                                    <div class="text-brand w-5 h-7">
809                                                                                    <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-hidden="true"><path fill="currentColor" d="M10 20 L22 44 L32 30 L42 44 L54 18" fill-opacity="0" stroke="currentColor" stroke-width="6.75" stroke-linecap="round" stroke-linejoin="round"/></svg>                                                                                </div>
810                                                                                                                                                                                                                            <span class="text-sm font-bold text-slate-800">Accessibility Widget</span>
811                                                                    </a>
812                                                                                                                </div>
813                                            </div>
814                                            <hr class="border-slate">
815                                                                                    <a href="https://www.autoalt.ai/pricing/" target="_self" title="Pricing" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase">Pricing</a>
816                                                                                    <a href="https://www.autoalt.ai/about/" target="_self" title="About Us" class="mobile-link text-sm font-bold text-slate-800 px-4 py-2.5 uppercase">About Us</a>
817                                                            </div>
818                                <hr class="border-slate">
819                <div class="flex flex-col flex-wrap py-2">
820                                            <a href="https://www.autoalt.ai/login/" title="<span>LOGIN" class="md:hidden text-[13px] font-bold text-slate-700 hover:text-brand uppercase mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
821                            <i class="ph-bold ph-sign-in text-brand text-xl"></i>
822                            <span>LOGIN</span>
823                        </a>
824                                                                <a href="https://www.autoalt.ai/register/" title="Start Free" class="md:hidden text-[13px] font-bold text-slate-700 hover:text-brand uppercase mobile-link flex items-center gap-3 px-4 py-2.5 rounded-full hover:bg-white/50 transition-colors">
825                            <i class="ph-bold ph-user-plus text-brand text-xl"></i>
826                            <span>Start Free</span>
827                        </a>
828                                    </div>
829            </div>
830        </div>
831    </header>
832<main  class="relative pt-32 lg:pt-44 overflow-hidden">
833			<div  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 pb-12 lg:pb-32">
834
835							<div  class="flex flex-wrap gap-3 mb-8">
836												<span
837								class="glass-panel inline-flex items-center px-3 py-1.5 rounded-full border text-xs font-bold shadow-sm whitespace-wrap border-blue-200 text-blue-700">🌍 &nbsp;&nbsp;EAA (EU) & ADA (USA) Compliant</span>
838														<span
839								class="glass-panel inline-flex items-center px-3 py-1.5 rounded-full border text-xs font-bold shadow-sm whitespace-wrap border-slate-200 text-slate-700">🇩🇪 &nbsp;&nbsp;German Quality from Aalen</span>
840														<span
841								class="glass-panel inline-flex items-center px-3 py-1.5 rounded-full border text-xs font-bold shadow-sm whitespace-wrap border-green-200 text-green-700">📈 &nbsp;&nbsp;+22% Image Search Traffic</span>
842											</div>
843			
844			<div  class="grid lg:grid-cols-12 gap-12 lg:gap-16 items-center">
845									<div class="lg:col-span-6 lg:max-w-2xl">
846													<h1
847								class="text-3xl lg:text-6xl font-extrabold text-slate-900 leading-[1.1] mb-6 tracking-tight font-display">
848								The #1 <span class="text-brand relative whitespace-nowrap">
849                            AI Alt Text Generator
850                            <svg class="absolute w-full h-3 -bottom-1 left-0 text-brand opacity-20" viewBox="0 0 100 10" preserveAspectRatio="none"><path d="M0 5 Q 50 15 100 5" stroke="currentColor" stroke-width="4" fill="none"></path></svg>
851                        </span>
852                        <br>for SEO &amp; Accessibility.							</h1>
853						
854						<p class="text-lg text-slate-600 mb-8 leading-relaxed">Better Google rankings through optimized image descriptions – while being EAA (EU) &amp; ADA (USA) compliant. Over 22% of e-commerce traffic comes from image search. Get that traffic.</p>
855													<div class="flex flex-col gap-6 mb-10 items-start">
856																	<div class="relative group cursor-pointer w-full" onclick="openModal()">
857										<div
858											class="absolute -inset-1 bg-gradient-to-r from-red-600 to-pink-600 rounded-full blur opacity-40 group-hover:opacity-100 transition duration-1000 group-hover:duration-200">
859										</div>
860										<button class="relative flex items-center justify-center bg-[#B30000] hover:bg-red-700 text-white rounded-full px-8 py-5 transition-all transform group-hover:-translate-y-0.5 shadow-2xl ring-1 ring-white/30 w-full">
861											<span class="text-lg font-bold mr-3 tracking-wide uppercase">Free SEO & Compliance Check</span>
862											<span class="bg-white/20 rounded-full p-1.5 group-hover:bg-white/30 transition">
863												<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
864													<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
865												</svg>
866											</span>
867										</button>
868									</div>
869																									<div class="text-center w-full text-sm text-slate-500">
870										<strong class="text-slate-700">Checks missing alt texts + SEO potential + EAA/ADA risks</strong><br><span class="text-xs">✓ No registration required • Results in 30 seconds</span>									</div>
871								
872							</div>
873																			<div
874								class="glass-panel p-6 md:p-8 rounded-2xl border border-green-200/60 bg-gradient-to-br from-green-50/50 to-white/50">
875								<div class="flex flex-col sm:flex-row items-center justify-between gap-6">
876									<div class="flex items-center gap-5 w-full sm:w-auto">
877										<div class="w-16 h-16 rounded-full bg-gradient-to-br from-green-100 to-green-200 flex items-center justify-center border-2 border-green-300 shadow-md shrink-0">
878											<span class="text-3xl">
879												<img fetchpriority="high" width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f381.svg" class="emoji" alt="A stylized bright yellow gift package with a bright red bow against a simple black background." title="A stylized bright yellow gift package with a bright red bow against a simple black background." decoding="async" />											</span>
880										</div>
881																					<div class="flex-1 sm:flex-initial">
882												<div class="flex items-center gap-2.5 mb-1.5">
883													<span class="font-extrabold text-slate-900 text-5xl leading-none">50</span>
884													<div class="flex flex-col">
885														<span
886															class="font-extrabold text-slate-900 text-xl leading-tight">Credits</span>
887														<span
888															class="text-sm text-slate-500 font-semibold leading-tight">/month free</span>
889													</div>
890												</div>
891																									<p class="text-sm text-slate-600 mt-2">No Credit Card • Free Forever													</p>
892																							</div>
893																			</div>
894																			<a href="https://www.autoalt.ai/register/"
895											class="w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-gradient-to-r from-slate-800 to-slate-700 hover:from-slate-700 hover:to-slate-600 text-white font-bold px-8 py-4 rounded-full text-sm uppercase tracking-wider transition-all shadow-lg hover:shadow-xl hover:-translate-y-0.5 whitespace-nowrap"
896											target="_self" title="get started">
897											get started											<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
898												<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
899											</svg>
900										</a>
901																	</div>
902							</div>
903											</div>
904				
905				<div class="lg:col-span-6 relative z-10 banner_wapper_form">
906					<div
907						class="glass-panel rounded-[2.5rem] p-2 relative transform hover:scale-[1.01] transition duration-500 shadow-glass">
908						<div
909							class="bg-white/40 border-b border-white/50 px-4 py-3 rounded-t-[2rem] flex items-center justify-between backdrop-blur-sm">
910							<div class="flex space-x-2">
911								<div class="w-3 h-3 bg-slate-300 rounded-full"></div>
912								<div class="w-3 h-3 bg-slate-300 rounded-full"></div>
913							</div>
914							<div class="text-xs font-mono text-slate-400 uppercase tracking-widest flex items-center">
915								<span
916									class="w-2 h-2 bg-green-500 rounded-full mr-2"></span>AI-Live-Demo							</div>
917						</div>
918
919						<div class="sm:p-8 pt-8 pb-4 px-2 text-center relative overflow-hidden group rounded-b-[2.5rem]">
920							<div id="file-input" class="file-input relative z-10 w-full h-72 bg-white/30 hover:bg-white/50 hover:border-brand border-2 border-dashed border-slate-300 rounded-[2rem] transition-all cursor-pointer backdrop-blur-sm overflow-hidden">
921								<!-- Image Preview -->
922								<div id="imagePreviewContainer" class="absolute start-0 top-0 w-full h-full rounded-b-[1rem] overflow-hidden"></div>
923
924								<div id="placeholder" class="absolute z-10 w-full h-full start-0 top-0">
925									<input type="file" id="photoInput" class="absolute start-0 top-0 w-full h-full opacity-0 z-10 cursor-pointer" style="z-index:20;">
926									<label for="photoInput" class="relative z-5 w-full h-full flex flex-col items-center justify-center">
927										<span class="w-16 h-16 bg-white rounded-full shadow-lg flex items-center justify-center mb-4 group-hover:scale-110 transition z-10 relative">
928											<svg class="w-8 h-8 text-brand" fill="none" viewBox="0 0 24 24"
929												stroke="currentColor">
930												<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
931													d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z">
932												</path>
933											</svg>
934										</span>
935																					<span class="text-lg font-bold text-slate-800 z-10 relative px-2">Live Demo: Test an image</span>
936																															<span class="text-slate-500 text-sm mb-4 z-10 relative px-2">Upload a product image and see how our AI generates SEO-Optimized, accessible alt texts.</span>
937																															<span class="bg-slate-800 text-white hover:bg-slate-700 py-2 px-8 rounded-full shadow-lg transition transform hover:-translate-y-0.5 font-semibold uppercase text-xs z-10 relative">upload image</span>
938																			</label>
939								</div>
940
941								<div id="fileInfo" class="absolute start-0 top-0 w-full h-full p-3" style="display: none;">
942									<button id="removeImage" type="button" aria-hidden="true" aria-label="Remove Image"
943										class="absolute end-0 top-0 me-3 mt-3 bg-brand rounded py-2 px-3 text-dark z-2 border-0 text-white align-items-center" style="display: none;">
944										<svg style="height:1.25rem;" aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
945											<path fill="currentColor" d="M177.1 48l93.7 0c2.7 0 5.2 1.3 6.7 3.6l19 28.4-145 0 19-28.4c1.5-2.2 4-3.6 6.7-3.6zM354.2 80L317.5 24.9C307.1 9.4 289.6 0 270.9 0L177.1 0c-18.7 0-36.2 9.4-46.6 24.9L93.8 80 80.1 80 32 80l-8 0C10.7 80 0 90.7 0 104s10.7 24 24 24l11.6 0L59.6 452.7c2.5 33.4 30.3 59.3 63.8 59.3l201.1 0c33.5 0 61.3-25.9 63.8-59.3L412.4 128l11.6 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0-48.1 0-13.7 0zm10.1 48L340.5 449.2c-.6 8.4-7.6 14.8-16 14.8l-201.1 0c-8.4 0-15.3-6.5-16-14.8L83.7 128l280.6 0z">
946											</path>
947										</svg>
948									</button>
949								</div>
950							</div>
951							<div class="hidden mt-4 bg-slate-800/90 backdrop-blur-md text-white text-xs text-left p-3 rounded-xl font-mono shadow-lg border border-slate-700 h-28 alt-demo-image h-auto">
952								<span class="text-green-400">root@autoalt:~$</span>
953								Processing <span class="alt_file_name"></span>`;<br>
954								<span class="text-brand hidden">Result:</span> "<span
955									id="typewriter-text" class="text-slate-200"></span><span
956									class="animate-pulse text-brand">|</span>"<br>
957								<span class="text-slate-500 hidden">//
958									SEO optimization completed</span>
959							</div>
960							<div id="autoalt-login-notification-wrap" class="mt-5"></div>
961						</div>
962					</div>
963				</div>
964			</div>
965		</div>
966	
967										<section  class="py-10 border-y border-white/20 bg-white/30 backdrop-blur-sm relative z-10">
968						<div  class="max-w-7xl mx-auto px-4 text-center">
969															<p class="text-sm font-bold text-slate-400 uppercase tracking-widest mb-6">
970									Used by Companies Worldwide								</p>
971																						<div
972									class="grid grid-cols-3 md:grid-cols-6 gap-10 md:gap-20 opacity-50 grayscale transition hover:grayscale-0 hover:opacity-100 duration-500">
973																						<div class="text-xl font-bold text-slate-600 flex items-center">
974														<img width="300" height="76" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%2076'%3E%3C/svg%3E" class="w-auto" alt="The HAIX Group logo consists of a blue, arrow-like symbol and white lettering on dark blue." title="The HAIX Group logo consists of a blue, arrow-like symbol and white lettering on dark blue." decoding="async" data-lazy-srcset="https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo-300x76.webp 300w,   https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo-1024x258.webp 1024w,   https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo-768x194.webp 768w,   https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo.webp 1260w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo-300x76.webp" /><noscript><img width="300" height="76" src="https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo-300x76.webp" class="w-auto" alt="The HAIX Group logo consists of a blue, arrow-like symbol and white lettering on dark blue." title="The HAIX Group logo consists of a blue, arrow-like symbol and white lettering on dark blue." decoding="async" srcset="https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo-300x76.webp 300w,   https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo-1024x258.webp 1024w,   https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo-768x194.webp 768w,   https://www.autoalt.ai/wp-content/uploads/2026/01/haixgrouplogo.webp 1260w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>													</div>
975																									<div class="text-xl font-bold text-slate-600 flex items-center">
976														<img width="300" height="108" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20108'%3E%3C/svg%3E" class="w-auto" alt="A completely black image with no discernible structures, shapes or colors, depicting complete darkness." title="A completely black image with no discernible structures, shapes or colors, depicting complete darkness." decoding="async" data-lazy-srcset="https://www.autoalt.ai/wp-content/uploads/2026/01/LOGO-Ihr-christlicher-Buchversand-300x108.webp 300w, https://www.autoalt.ai/wp-content/uploads/2026/01/LOGO-Ihr-christlicher-Buchversand.webp 305w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/LOGO-Ihr-christlicher-Buchversand-300x108.webp" /><noscript><img width="300" height="108" src="https://www.autoalt.ai/wp-content/uploads/2026/01/LOGO-Ihr-christlicher-Buchversand-300x108.webp" class="w-auto" alt="A completely black image with no discernible structures, shapes or colors, depicting complete darkness." title="A completely black image with no discernible structures, shapes or colors, depicting complete darkness." decoding="async" srcset="https://www.autoalt.ai/wp-content/uploads/2026/01/LOGO-Ihr-christlicher-Buchversand-300x108.webp 300w, https://www.autoalt.ai/wp-content/uploads/2026/01/LOGO-Ihr-christlicher-Buchversand.webp 305w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>													</div>
977																									<div class="text-xl font-bold text-slate-600 flex items-center">
978														<img width="157" height="67" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20157%2067'%3E%3C/svg%3E" class="w-auto" alt="The logo shows the white lettering T.I.P. on a black background with the words technology + competence underneath." title="The logo shows the white lettering T.I.P. on a black background with the words technology + competence underneath." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/tip-pumpen-1.svg" /><noscript><img width="157" height="67" src="https://www.autoalt.ai/wp-content/uploads/2026/01/tip-pumpen-1.svg" class="w-auto" alt="The logo shows the white lettering T.I.P. on a black background with the words technology + competence underneath." title="The logo shows the white lettering T.I.P. on a black background with the words technology + competence underneath." decoding="async" /></noscript>													</div>
979																									<div class="text-xl font-bold text-slate-600 flex items-center">
980														<img width="217" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20217%2036'%3E%3C/svg%3E" class="w-auto" alt="The word maximo written in a bold, roun
980ded, bright pink sans-serif font against a solid black background." title="The word maximo written in a bold, rounded, bright pink sans-serif font against a solid black background." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/09/logo_maximo.svg" /><noscript><img width="217" height="36" src="https://www.autoalt.ai/wp-content/uploads/2026/09/logo_maximo.svg" class="w-auto" alt="The word maximo written in a bold, rounded, bright pink sans-serif font against a solid black background." title="The word maximo written in a bold, rounded, bright pink sans-serif font against a solid black background." decoding="async" /></noscript>													</div>
981																									<div class="text-xl font-bold text-slate-600 flex items-center">
982														<img width="141" height="55" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20141%2055'%3E%3C/svg%3E" class="w-auto" alt="The word Scolio written in dark blue sans-serif font with a vertical bright green rectangle inside the letter o." title="The word Scolio written in dark blue sans-serif font with a vertical bright green rectangle inside the letter o." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/09/svgviewer-output-4.svg" /><noscript><img width="141" height="55" src="https://www.autoalt.ai/wp-content/uploads/2026/09/svgviewer-output-4.svg" class="w-auto" alt="The word Scolio written in dark blue sans-serif font with a vertical bright green rectangle inside the letter o." title="The word Scolio written in dark blue sans-serif font with a vertical bright green rectangle inside the letter o." decoding="async" /></noscript>													</div>
983																									<div class="text-xl font-bold text-slate-600 flex items-center">
984														<img width="124" height="71" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20124%2071'%3E%3C/svg%3E" class="w-auto" alt="Dr. Jacob&#039;s Logo" title="Dr. Jacob&#039;s Logo" decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/02/logo_380-3.webp" /><noscript><img width="124" height="71" src="https://www.autoalt.ai/wp-content/uploads/2026/02/logo_380-3.webp" class="w-auto" alt="Dr. Jacob&#039;s Logo" title="Dr. Jacob&#039;s Logo" decoding="async" /></noscript>													</div>
985																				</div>
986													</div>
987					</section>
988																	<section  class="md:py-24 py-10 relative z-10 bg-gradient-to-b from-transparent to-slate-50/50">
989						<div  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
990															<div class="text-center max-w-4xl mx-auto mb-16">
991																			<h2 class="text-4xl md:text-5xl font-extrabold text-slate-900 mb-6 font-display">
992											One Solution. <span class="text-transparent bg-clip-text bg-gradient-to-r from-green-600 to-blue-600">Two Benefits.</span>										</h2>
993																		<p class="text-xl text-slate-600">AutoAlt.ai is the only <a href="https://www.autoalt.ai/alt-text-generator-online/" title="alt text generator">alt text generator that</a> optimizes <strong>SEO AND compliance</strong> simultaneously:</p>
994								</div>
995							
996															<div class="grid md:grid-cols-2 gap-8 mb-16">
997									<!-- SEO Box -->
998																						<div class="glass-panel rounded-[2.5rem] sm:p-8 py-8 px-4 border-2 border-green-200/50 hover:border-green-300 transition-all shadow-lg">
999														<div class="flex items-center gap-3 mb-6">
1000																															<div class="w-14 min-w-14 h-14 bg-green-100 rounded-full flex items-center justify-center text-2xl">
1001																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="A red line chart on a light blue square background with a subtle gray grid pattern." title="A red line chart on a light blue square background with a subtle gray grid pattern." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f4c8.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f4c8.svg" class="emoji" alt="A red line chart on a light blue square background with a subtle gray grid pattern." title="A red line chart on a light blue square background with a subtle gray grid pattern." decoding="async" /></noscript>																</div>
1002																																														<div>
1003																																			<div class="text-xl font-bold text-green-700">SEO: More Traffic from Image Search</div>
1004																																																				<p class="text-xs text-slate-500 uppercase tracking-wide">Google Rankings</p>
1005																																	</div>
1006																													</div>
1007														<p class="text-sm text-slate-600 mb-4 leading-relaxed">Over <strong>22% of e-commerce traffic</strong> comes from Google Images. Our AI generates keyword-optimized alt texts that rank – without keyword stuffing. <strong>Better rankings = more revenue.</strong></p>
1008
1009																													<div class="bg-green-50/50 rounded-xl p-4 mb-4 border border-green-100">
1010																																	<div class="flex justify-between items-center mb-3">
1011																																					<span class="text-xs font-bold text-green-900">📊 Average Traffic Boost</span>
1012																																																							<span class="text-2xl font-extrabold text-green-700">+22%</span>
1013																																			</div>
1014																																																	<div class="flex flex-wrap gap-2">
1015																																								<span class="text-xs bg-green-100 text-green-700 px-2 py-1 rounded-full font-bold">🎯 Long-Tail Keywords</span>
1016																																											<span class="text-xs bg-green-100 text-green-700 px-2 py-1 rounded-full font-bold">⚡ Rich Snippets</span>
1017																																						</div>
1018																																															</div>
1019														
1020																													<div class="text-xs text-slate-500"><strong>Benefit:</strong> More organic traffic without additional ad spend.</div>
1021																											</div>
1022																									<div class="glass-panel rounded-[2.5rem] sm:p-8 py-8 px-4 border-2 border-blue-200/50 hover:border-blue-300 transition-all shadow-lg">
1023														<div class="flex items-center gap-3 mb-6">
1024																															<div class="w-14 min-w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center text-2xl">
1025																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="A stylized golden symbol of a scale against a black background, representing justice and law." title="A stylized golden symbol of a scale against a black background, representing justice and law." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2025/12/2696.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/2696.svg" class="emoji" alt="A stylized golden symbol of a scale against a black background, representing justice and law." title="A stylized golden symbol of a scale against a black background, representing justice and law." decoding="async" /></noscript>																</div>
1026																																														<div>
1027																																			<div class="text-xl font-bold text-blue-700">Compliance: Legally Secure Worldwide</div>
1028																																																				<p class="text-xs text-slate-500 uppercase tracking-wide">EAA & ADA</p>
1029																																	</div>
1030																													</div>
1031														<p class="text-sm text-slate-600 mb-4 leading-relaxed"><strong>EAA in Europe</strong> (fines up to €100,000), <strong>ADA in USA</strong> (lawsuits avg. $25,000+) – missing alt texts are a risk. Our alt texts automatically meet <strong>WCAG 2.1 AA</strong>.</p>
1032
1033																													<div class="bg-blue-50/50 rounded-xl p-4 mb-4 border border-blue-100">
1034																																																	<div class="flex flex-wrap gap-2">
1035																																								<span class="text-xs bg-blue-100 text-blue-700 px-2 py-1 rounded-full font-bold">🇪🇺 EAA (EU)</span>
1036																																											<span class="text-xs bg-blue-100 text-blue-700 px-2 py-1 rounded-full font-bold">🇺🇸 ADA (USA)</span>
1037																																											<span class="text-xs bg-blue-100 text-blue-700 px-2 py-1 rounded-full font-bold">🌐 WCAG 2.1 AA</span>
1038																																						</div>
1039																																																	<div class="mt-3 text-xs text-blue-900"><strong>Risk Level:</strong> HIGH – Compliance mandatory since June 2025</div>
1040																															</div>
1041														
1042																													<div class="text-xs text-slate-500"><strong>Benefit:</strong> Legal security + no fines/lawsuits.</div>
1043																											</div>
1044																				</div>
1045							
1046															<div class="text-center">
1047									<button onclick="openModal()"
1048										class="inline-flex items-center bg-slate-800 hover:bg-slate-700 text-white font-bold py-4 px-10 rounded-full shadow-lg transition-all transform hover:-translate-y-0.5 uppercase text-sm">
1049										<svg class="w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1050											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1051												d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
1052										</svg>
1053										Check Your SEO & Compliance Now									</button>
1054								</div>
1055													</div>
1056					</section>
1057																	<section  class="md:py-24 py-10 relative z-10">
1058						<div  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1059							<div class="grid md:grid-cols-2 gap-16 items-center">
1060																	<div class="max-w-xl">
1061																					<div class="inline-block mb-4 px-4 py-2 bg-green-100 text-green-700 rounded-full text-xs font-bold uppercase tracking-wide"> 📈 SEO Potential </div>
1062																															<h2 class="text-3xl font-bold text-slate-900 mb-6">Alt Texts: The Underestimated Traffic Lever for Your Store.</h2>
1063																				<p class="text-lg text-slate-600 mb-8">Did you know? Over <strong>22% of e-commerce traffic</strong> comes from <a title="Google Image Search" href="https://www.autoalt.ai/blog/image-search-seo-why-google-prioritizes-smart-alt-text/">Google Image Search</a>. Most stores waste this potential with missing or poor alt texts. <strong>AutoAlt.ai changes that.</strong></p>
1064																					<ul class="space-y-6 text-slate-700">
1065																											<li class="flex items-start">
1066																<span class="text-brand font-extrabold text-2xl mr-3 leading-none">
1067																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="Illustration of a dart hitting the center of a red and white target, symbolizing precision or focus." title="Illustration of a dart hitting the center of a red and white target, symbolizing precision or focus." style="min-width: 33px; width: 33px;" decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f3af.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f3af.svg" class="emoji" alt="Illustration of a dart hitting the center of a red and white target, symbolizing precision or focus." title="Illustration of a dart hitting the center of a red and white target, symbolizing precision or focus." style="min-width: 33px; width: 33px;" decoding="async" /></noscript>																</span>
1068																<div>
1069																																			<strong class="text-slate-900">Smart Keyword Integration:</strong>
1070																																		The AI recognizes product categories, brands, colors, and attributes and naturally integrates relevant long-tail keywords. No keyword stuffing – Google loves it, screen readers too.																</div>
1071															</li>
1072																													<li class="flex items-start">
1073																<span class="text-brand font-extrabold text-2xl mr-3 leading-none">
1074																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="Yellow lightning bolt icon on a transparent background, symbolizing power and energy." title="Yellow lightning bolt icon on a transparent background, symbolizing power and energy." style="min-width: 33px; width: 33px;" decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/26a1.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2026/01/26a1.svg" class="emoji" alt="Yellow lightning bolt icon on a transparent background, symbolizing power and energy." title="Yellow lightning bolt icon on a transparent background, symbolizing power and energy." style="min-width: 33px; width: 33px;" decoding="async" /></noscript>																</span>
1075																<div>
1076																																			<strong class="text-slate-900">Rich Snippets & Visual Search:</strong>
1077																																		Precise alt attributes are the foundation for rich snippets in search results and the growing visual search (Google Lens, Pinterest Lens, Bing Visual Search).																</div>
1078															</li>
1079																													<li class="flex items-start">
1080																<span class="text-brand font-extrabold text-2xl mr-3 leading-none">
1081																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="Colorful bar chart icon with green, red, and blue bars on a grid background." title="Colorful bar chart icon with green, red, and blue bars on a grid background." style="min-width: 33px; width: 33px;" decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f4ca.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f4ca.svg" class="emoji" alt="Colorful bar chart icon with green, red, and blue bars on a grid background." title="Colorful bar chart icon with green, red, and blue bars on a grid background." style="min-width: 33px; width: 33px;" decoding="async" /></noscript>																</span>
1082																<div>
1083																																			<strong class="text-slate-900">Core Web Vitals & Crawlability:</strong>
1084																																		Properly structured images with correct alt attributes improve crawlability and positively impact your Core Web Vitals – a direct ranking factor.																</div>
1085															</li>
1086																									</ul>
1087																																											<button onclick="openModal()"
1088													class="inline-flex items-center mt-8 bg-slate-800 hover:bg-slate-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all transform hover:-translate-y-0.5 uppercase text-sm">→ Activate SEO Potential Now</button>
1089																														</div>
1090																									<div
1091										class="glass-panel p-6 rounded-[2.5rem] shadow-glass transform rotate-1 hover:rotate-0 transition duration-500">
1092										<div class="mb-8 rounded-2xl overflow-hidden border border-white/50 shadow-sm">
1093											<div class="w-full h-32 bg-slate-100 flex items-center justify-center text-brand/20">
1094																									<img width="1100" height="285" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201100%20285'%3E%3C/svg%3E" class="w-full h-full object-cover" alt="Blue running shoe on an open road with skyline in background, ideal for outdoor athletes." title="Blue running shoe on an open road with skyline in background, ideal for outdoor athletes." decoding="async" fetchpriority="high" data-lazy-srcset="https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe.webp 1100w, https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe-300x78.webp 300w, https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe-1024x265.webp 1024w, https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe-768x199.webp 768w" data-lazy-sizes="(max-width: 1100px) 100v
1094w, 1100px" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe.webp" /><noscript><img width="1100" height="285" src="https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe.webp" class="w-full h-full object-cover" alt="Blue running shoe on an open road with skyline in background, ideal for outdoor athletes." title="Blue running shoe on an open road with skyline in background, ideal for outdoor athletes." decoding="async" fetchpriority="high" srcset="https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe.webp 1100w, https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe-300x78.webp 300w, https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe-1024x265.webp 1024w, https://www.autoalt.ai/wp-content/uploads/2026/02/Blue-men-running-shoe-768x199.webp 768w" sizes="(max-width: 1100px) 100vw, 1100px" /></noscript>																							</div>
1095																							<div class="p-4 bg-white/80">
1096																											<p class="text-xs text-green-700 font-bold mb-1">YourShop.de | <span class="text-xs font-normal text-slate-500">On stock</span>														</p>
1097																																																						<div class="text-base text-slate-900 font-medium mb-1">Blue running shoe on an open road with skyline in background, ideal for outdoor athletes.</div>
1098																																								<p class="text-xl font-bold text-brand">$149.99</p>
1099																									</div>
1100																					</div>
1101																					<div class="glass-panel p-6 rounded-2xl flex flex-col md:flex-row justify-between items-center bg-white/40">
1102												<div>
1103																											<p class="text-6xl font-extrabold text-brand">
1104															+22%														</p>
1105																																								<div class="text-sm font-bold text-slate-900 flex flex-col"><p class="text-sm font-bold text-slate-900">More Traffic</p>
1106<p class="text-xs text-slate-500">From image search on average</p>
1107</div>
1108																									</div>
1109												<div class="w-20 h-10 flex space-x-0.5 items-end">
1110													<div class="bg-slate-300/50 w-1/4 h-1/4 rounded-md"></div>
1111													<div class="bg-slate-400/50 w-1/4 h-1/2 rounded-md"></div>
1112													<div class="bg-slate-500/50 w-1/4 h-3/4 rounded-md"></div>
1113													<div class="bg-brand w-1/4 h-full rounded-md shadow-lg shadow-brand/30"></div>
1114												</div>
1115											</div>
1116																			</div>
1117															</div>
1118						</div>
1119					</section>
1120																			<section data-wpr-lazyrender="1" class="md:py-24 py-10 relative z-10 border-t border-white/20 bg-slate-50/50">
1121							<div  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1122																	<div class="text-center max-w-3xl mx-auto mb-16">
1123																					<div class="inline-block mb-4 px-4 py-2 bg-blue-100 text-blue-700 rounded-full text-xs font-bold uppercase tracking-wide">
1124												⚖️ Legal Compliance											</div>
1125																															<h2 class="text-3xl font-bold text-slate-900 mb-6">Compliance is Required. SEO is the Bonus.</h2>
1126																															<p class="text-lg text-slate-600">Accessibility laws apply worldwide. Missing alt texts aren't just bad for SEO – they're a legal risk.</p>
1127																			</div>
1128								
1129																	<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
1130																								<div class="glass-panel p-6 rounded-[2rem] border border-red-100/50 hover:border-red-200 transition">
1131																															<div class="text-brand text-2xl mb-4">
1132																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="European Union flag with yellow stars in a circle on a blue background, symbolizing unity among European countries." title="European Union flag with yellow stars in a circle on a blue background, symbolizing unity among European countries." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f1ea-1f1fa.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f1ea-1f1fa.svg" class="emoji" alt="European Union flag with yellow stars in a circle on a blue background, symbolizing unity among European countries." title="European Union flag with yellow stars in a circle on a blue background, symbolizing unity among European countries." decoding="async" /></noscript>																</div>
1133																																														<div class="font-bold text-slate-900 mb-2 text-sm">Europe: EAA since June 2025</div>
1134																																														<div class="text-xs text-slate-600 flex flex-col"><p>The <a href="https://www.autoalt.ai/blog/alt-text-legal-requirement/" title="European A
1134ccessibility Act">European Accessibility Act</a> applies in all 27 EU countries. <strong>Fines: Germany up to €100,000</strong>, France up to €75,000, Netherlands up to €50,000. Cross-border warnings possible.</p>
1135</div>
1136																													</div>
1137																											<div class="glass-panel p-6 rounded-[2rem] border border-red-100/50 hover:border-red-200 transition">
1138																															<div class="text-brand text-2xl mb-4">
1139																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="A small, square graphic of the flag of the United States of America with stars and red and white stripes." title="A small, square graphic of the flag of the United States of America with stars and red and white stripes." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f1fa-1f1f8.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f1fa-1f1f8.svg" class="emoji" alt="A small, square graphic of the flag of the United States of America with stars and red and white stripes." title="A small, square graphic of the flag of the United States of America with stars and red and white stripes." decoding="async" /></noscript>																</div>
1140																																														<div class="font-bold text-slate-900 mb-2 text-sm">USA: ADA Lawsuits at Record High</div>
1141																																														<div class="text-xs text-slate-600 flex flex-col"><p>2024: Over <strong>4,500 ADA lawsuits</strong> against websites. Average settlement: <strong>$25,000+</strong>. Law firms systematically scan – including international shops selling to the USA.</p>
1142</div>
1143																													</div>
1144																											<div class="glass-panel p-6 rounded-[2rem] border border-red-100/50 hover:border-red-200 transition">
1145																															<div class="text-brand text-2xl mb-4">
1146																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="Blue globe icon symbolizing global connectivity." title="Blue globe icon symbolizing global connectivity." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f310.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f310.svg" class="emoji" alt="Blue globe icon symbolizing global connectivity." title="Blue globe icon symbolizing global connectivity." decoding="async" /></noscript>																</div>
1147																																														<div class="font-bold text-slate-900 mb-2 text-sm">Worldwide: WCAG 2.1 AA Standard</div>
1148																																														<div class="text-xs text-slate-600 flex flex-col"><p>The Web Content <a href="https://www.autoalt.ai/blog/accessibility-guide-ai-alt-text-generator-ada-wcag-eaa/" title="Accessibility Guidelines">Accessibility Guidelines</a> are the technical standard behind EAA, ADA, and other laws. Our alt texts automatically meet <strong>WCAG 2.1 Level AA</strong>.</p>
1149</div>
1150																													</div>
1151																											<div class="glass-panel p-6 rounded-[2rem] border border-red-100/50 hover:border-red-200 transition">
1152																															<div class="text-brand text-2xl mb-4">
1153																	<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="Illustration of a yellow and black padlock icon." title="Illustration of a yellow and black padlock icon." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f512.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2026/01/1f512.svg" class="emoji" alt="Illustration of a yellow and black padlock icon." title="Illustration of a yellow and black padlock icon." decoding="async" /></noscript>																</div>
1154																																														<div class="font-bold text-slate-900 mb-2 text-sm">Transparent AI Processing</div>
1155																																														<div class="text-xs text-slate-600 flex flex-col"><p>We use leading AI models (OpenAI, Google) for best results. <strong>Only image data is transmitted</strong> – no personal data, no metadata. <a href="https://www.autoalt.ai/compliance/gdpr-image-ai/" title="GDPR compliant">GDPR compliant</a>. DPA available on request.</p>
1156</div>
1157																													</div>
1158																						</div>
1159								
1160																	<div class="text-center mt-12">
1161										<button onclick="openModal()" class="inline-flex items-center bg-slate-800 hover:bg-slate-700 text-white font-bold py-4 px-10 rounded-full shadow-lg transition-all transform hover:-translate-y-0.5 uppercase text-sm">→ Check Compliance Risk Now</button>
1162									</div>
1163															</div>
1164						</section>
1165																		<section data-wpr-lazyrender="1" class="md:py-24 py-10 relative z-10 border-t border-white/20">
1166						<div  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1167															<div class="text-center max-w-3xl mx-auto mb-16">
1168																			<div
1169											class="inline-block mb-4 px-4 py-2 bg-slate-100 text-slate-700 rounded-full text-xs font-bold uppercase tracking-wide">
1170											Made in Germany 🇩🇪										</div>
1171																												<h2 class="text-3xl font-bold text-slate-900 mb-4">Why Companies Worldwide Choose AutoAlt.ai</h2>
1172																												<p class="text-lg text-slate-600">German quality, global compliance, all languages, maximum SEO boost.</p>
1173																	</div>
1174							
1175															<div class="grid md:grid-cols-3 lg:grid-cols-5 ga
1175p-8">
1176																				<div
1177												class="glass-panel p-6 rounded-[2rem] border border-white/60 shadow-glass hover:shadow-lg hover:border-brand/30 transition group">
1178												<div
1179													class="w-12 h-12 bg-red-100/50 rounded-full flex items-center justify-center mb-4 text-brand group-hover:scale-110 transition border border-red-100 mx-auto">
1180													<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>												</div>
1181																									<div class="text-base font-bold text-slate-900 mb-2 text-center">🎯 SEO + Compliance in One</div>
1182																																					<div class="text-slate-600 text-xs leading-relaxed text-center flex flex-col"><p>The only alt text generator optimized for Google AND screen readers. Keyword integration without stuffing. WCAG 2.1 AA automatically met.</p>
1183</div>
1184																							</div>
1185																						<div
1186												class="glass-panel p-6 rounded-[2rem] border border-white/60 shadow-glass hover:shadow-lg hover:border-brand/30 transition group">
1187												<div
1188													class="w-12 h-12 bg-red-100/50 rounded-full flex items-center justify-center mb-4 text-brand group-hover:scale-110 transition border border-red-100 mx-auto">
1189													<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>												</div>
1190																									<div class="text-base font-bold text-slate-900 mb-2 text-center">🛡️ GDPR & Privacy-First</div>
1191																																					<div class="text-slate-600 text-xs leading-relaxed text-center flex flex-col"><p>webAufstieg GmbH from Aalen. For AI, we use OpenAI and Google – <strong>ONLY image data is transmitted</strong>, no personal data.</p>
1192</div>
1193																							</div>
1194																						<div
1195												class="glass-panel p-6 rounded-[2rem] border border-white/60 shadow-glass hover:shadow-lg hover:border-brand/30 transition group">
1196												<div
1197													class="w-12 h-12 bg-red-100/50 rounded-full flex items-center justify-center mb-4 text-brand group-hover:scale-110 transition border border-red-100 mx-auto">
1198													<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"></path></svg>												</div>
1199																									<div class="text-base font-bold text-slate-900 mb-2 text-center">⚡ Bulk Processing</div>
1200																																					<div class="text-slate-600 text-xs leading-relaxed text-center flex flex-col"><p>100,000 images without alt text? Our bulk tool processes everything overnight. Perfect for SEO relaunch or compliance deadline.</p>
1201</div>
1202																							</div>
1203																						<div
1204												class="glass-panel p-6 rounded-[2rem] border border-white/60 shadow-glass hover:shadow-lg hover:border-brand/30 transition group">
1205												<div
1206													class="w-12 h-12 bg-red-100/50 rounded-full flex items-center justify-center mb-4 text-brand group-hover:scale-110 transition border border-red-100 mx-auto">
1207													<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"></path></svg>												</div>
1208																									<div class="text-base font-bold text-slate-900 mb-2 text-center">🌍 100+ Languages</div>
1209																																					<div class="text-slate-600 text-xs leading-relaxed text-center flex flex-col"><p>Alt texts in all major languages: German, English, French, Spanish, Ital
1209ian, Dutch, Polish, Portuguese, Japanese, Chinese, and more.</p>
1210</div>
1211																							</div>
1212																						<div
1213												class="glass-panel p-6 rounded-[2rem] border border-white/60 shadow-glass hover:shadow-lg hover:border-brand/30 transition group">
1214												<div
1215													class="w-12 h-12 bg-red-100/50 rounded-full flex items-center justify-center mb-4 text-brand group-hover:scale-110 transition border border-red-100 mx-auto">
1216													<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"></path></svg>												</div>
1217																									<div class="text-base font-bold text-slate-900 mb-2 text-center">🔌 All Platforms</div>
1218																																					<div class="text-slate-600 text-xs leading-relaxed text-center flex flex-col"><p>Native plugins: <a href="https://www.autoalt.ai/integrations/shopware/" title="Shopware">Shopware</a>, <a href="https://www.autoalt.ai/integrations/wordpress/" title="WordPress">WordPress</a>, <a href="https://www.autoalt.ai/integrations/woocommerce/" title="WooCommerce">WooCommerce</a>, <a href="https://www.autoalt.ai/integrations/drupal/" title="Drupal">Drupal</a>, <a href="https://www.autoalt.ai/integrations/joomla/" title="Joomla">Joomla</a>, <a href="https://www.autoalt.ai/integrations/shopify/" title="Shopify">Shopify</a>, <a href="https://www.autoalt.ai/integrations/magento/" title="Magento">Magento</a>, <a href="https://www.autoalt.ai/integrations/prestashop/" title="Prestashop">Prestashop</a>.</p>
1219</div>
1220																							</div>
1221																			</div>
1222							
1223													</div>
1224					</section>
1225														<section data-wpr-lazyrender="1" class="md:py-24 py-10 relative z-10 border-t border-white/20 bg-slate-50/50">
1226							<div  class="text-center max-w-4xl mx-auto px-4">
1227															<h2 class="text-4xl md:text-5xl font-extrabold text-slate-900 tracking-tight mb-6 font-display">Invest in SEO & Compliance – <br><span class="text-transparent bg-clip-text bg-gradient-to-r from-red-600 to-red-900">Before It Gets Expensive.</span></h2>
1228																						<p class="text-xl text-gray-500 font-light mb-10">Choose between flexible monthly subscriptions or one-time credit packs for bulk processing. No hidden fees.</p>
1229																							<div class="flex flex-col items-center justify-center gap-6">
1230																				<a href="https://www.autoalt.ai/pricing/" target="_self" class="bg-[#B30000] hover:bg-red-800 text-white font-bold py-4 px-10 rounded-full shadow-lg transition-all transform hover:-translate-y-0.5 uppercase tracking-widest text-sm border border-white/20" title="View All Plans &amp; Pricing">View All Plans &amp; Pricing</a>
1231									
1232																				<div
1233												class="inline-flex items-center gap-2 bg-green-100 text-green-700 px-6 py-2 rounded-full text-sm font-bold shadow-sm">
1234											<span>🎁 Free Tier: 50 Credits Every Month</span>											</div>
1235																		</div>
1236														</div>
1237						</section>
1238														<section data-wpr-lazyrender="1" class="py-10 border-y border-white/20 bg-white/30 backdrop-blur-sm relative z-10">
1239							<div  class="max-w-7xl mx-auto px-4 text-center">
1240							<p class="text-sm font-bold text-slate-400 uppercase tracking-widest mb-0">Over 1,000 E-Commerce Companies in Europe and North America Boost Traffic &amp; Compliance with AutoAlt.ai</p>
1241							</div>
1242						</section>
1243																	<section data-wpr-lazyrender="1" class="md:py-20 py-10 relative z-10">
1244						<div  class="max-w-3xl mx-auto px-4">
1245															<h2 class="text-3xl font-bold text-slate-900 mb-8 text-center font-display">FAQ about Alt Texts, SEO, EAA & ADA</h2>
1246																														<div class="space-y-4">
1247																						<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1248														<button onclick="toggleAccordion(1)"
1249															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1250															<h3 class="font-bold text-slate-800">What does the free check examine?</h3>
1251															<svg id="faq-icon-1" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1252														</button>
1253														<div id="faq-content-1" class="faq-answer px-6">
1254															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>The check analyzes up to 50 images for: <strong>1) Missing alt texts, 2) SEO optimization potential, 3) Compliance risks (EAA/ADA/WCAG)</strong>. Free, no registration, results in 30 seconds.</p>
1255</div>
1256														</div>
1257													</div>
1258																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1259														<button onclick="toggleAccordion(2)"
1260															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1261															<h3 class="font-bold text-slate-800">Is there a free plan?</h3>
1262															<svg id="faq-icon-2" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1263														</button>
1264														<div id="faq-content-2" class="faq-answer px-6">
1265															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>Yes! <a href="https://www.autoalt.ai/pricing/" title="50 credits per month permanently free"><strong>50 credits per month permanently free</strong></a> – no credit card, no time limit. Unused credits expire at month end, the plan stays active.</p>
1266</div>
1267														</div>
1268													</div>
1269																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1270														<button onclick="toggleAccordion(3)"
1271															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1272															<h3 class="font-bold text-slate-800">⭐ Do alt texts really improve my Google ranking?</h3>
1273															<svg id="faq-icon-3" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1274														</button>
1275														<div id="faq-content-3" class="faq-answer px-6">
1276															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>Yes, significantly! Over <strong>22% of e-commerce traffic</strong> comes from Google Image Search. Alt texts are a direct ranking factor. Our AI naturally integrates relevant long-tail keywords – without stuffing. Plus: Better crawlability, rich snippets, and Core Web Vitals.</p>
1277</div>
1278														</div>
1279													</div>
1280																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1281														<button onclick="toggleAccordion(4)"
1282															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1283															<h3 class="font-bold text-slate-800">🇪🇺 What is the EAA and does it apply to me?</h3>
1284															<svg id="faq-icon-4" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1285														</button>
1286														<div id="faq-content-4" class="faq-answer px-6">
1287															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>The <strong>European Accessibility Act</strong> applies since June 2025 to all online shops selling to EU customers – <strong>regardless of where the operator is located</strong>
1287. All 27 EU countries enforce the law. Fines up to €100,000.</p>
1288</div>
1289														</div>
1290													</div>
1291																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1292														<button onclick="toggleAccordion(5)"
1293															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1294															<h3 class="font-bold text-slate-800">🇺🇸 What is the ADA and does it apply to me?</h3>
1295															<svg id="faq-icon-5" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1296														</button>
1297														<div id="faq-content-5" class="faq-answer px-6">
1298															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>The <strong>Americans with Disabilities Act</strong> applies to all businesses with US customers – <strong>including international shops</strong>. 2024: 4,500+ website lawsuits, average settlement $25,000+. Law firms scan systematically.</p>
1299</div>
1300														</div>
1301													</div>
1302																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1303														<button onclick="toggleAccordion(6)"
1304															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1305															<h3 class="font-bold text-slate-800">What AI technology does AutoAlt.ai use?</h3>
1306															<svg id="faq-icon-6" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1307														</button>
1308														<div id="faq-content-6" class="faq-answer px-6">
1309															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>We use <strong>OpenAI (GPT-4 Vision) and Google (Gemini)</strong> – the best models on the market. The AI is specially trained for e-commerce images and generates SEO-optimized, accessible descriptions in 25+ languages.</p>
1310</div>
1311														</div>
1312													</div>
1313																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1314														<button onclick="toggleAccordion(7)"
1315															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1316															<h3 class="font-bold text-slate-800">What happens to my images? Is this GDPR compliant?</h3>
1317															<svg id="faq-icon-7" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1318														</button>
1319														<div id="faq-content-7" class="faq-answer px-6">
1320															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>For AI analysis, images are transmitted to OpenAI/Google (technically necessary). <strong>ONLY image files – no personal data, no metadata, no EXIF data.</strong> webAufstieg GmbH as contract partner.</p>
1321</div>
1322														</div>
1323													</div>
1324																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1325														<button onclick="toggleAccordion(8)"
1326															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1327															<h3 class="font-bold text-slate-800">Are keywords automatically integrated?</h3>
1328															<svg id="faq-icon-8" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1329														</button>
1330														<div id="faq-content-8" class="faq-answer px-6">
1331															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>Yes! The AI recognizes product categories, brands, colors, and attributes and naturally integrates relevant long-tail keywords. <strong>
1331No keyword stuffing</strong> – texts read fluently for humans AND rank on Google.</p>
1332</div>
1333														</div>
1334													</div>
1335																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1336														<button onclick="toggleAccordion(9)"
1337															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1338															<h3 class="font-bold text-slate-800">Which shop systems are supported?</h3>
1339															<svg id="faq-icon-9" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1340														</button>
1341														<div id="faq-content-9" class="faq-answer px-6">
1342															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p><strong>Native plugins:</strong> <a href="https://www.autoalt.ai/integrations/shopware/" title="Shopware">Shopware</a>, <a href="https://www.autoalt.ai/integrations/wordpress/" title="WordPress">WordPress</a>/<a href="https://www.autoalt.ai/integrations/woocommerce/" title="WooCommerce">WooCommerce</a>, <a href="https://www.autoalt.ai/integrations/drupal/" title="Drupal">Drupal</a>, <a href="https://www.autoalt.ai/integrations/joomla/" title="Joomla">Joomla</a>.</p>
1343</div>
1344														</div>
1345													</div>
1346																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1347														<button onclick="toggleAccordion(10)"
1348															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1349															<h3 class="font-bold text-slate-800">In which languages are alt texts generated?</h3>
1350															<svg id="faq-icon-10" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1351														</button>
1352														<div id="faq-content-10" class="faq-answer px-6">
1353															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p><strong>100+ languages:</strong> German, English, French, Spanish, Italian, Dutch, Polish, Portuguese, Swedish, Danish, Japanese, Chinese, Korean, and more. Perfect for international SEO.</p>
1354</div>
1355														</div>
1356													</div>
1357																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1358														<button onclick="toggleAccordion(11)"
1359															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1360															<h3 class="font-bold text-slate-800">How fast are alt texts generated?</h3>
1361															<svg id="faq-icon-11" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1362														</button>
1363														<div id="faq-content-11" class="faq-answer px-6">
1364															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>The AI requires approx. <strong>2–4 seconds per image</strong> for analysis. The system operates efficiently in the background via a queue, ensuring your store&#8217;s performance remains unaffected. For example, a bulk run of <strong>10,000 images</strong> is typically completed overnight (approx. 8–10 hours). You will receive an email notification once finished.</p>
1365</div>
1366														</div>
1367													</div>
1368																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1369														<button onclick="toggleAccordion(12)"
1370															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1371															<h3 class="font-bold text-slate-800">Can I optimize existing images retroactively?</h3>
1372															<svg id="faq-icon-12" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1373														</button>
1374														<div id="faq-content-12" class="faq-answer px-6">
1375															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>Yes – that&#8217;s our specialty! With <strong>bulk packages</strong>, you analyze your entire media library. Perfect for SEO relaunch or meeting compliance deadlines.</p>
1376</div>
1377														</div>
1378													</div>
1379																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1380														<button onclick="toggleAccordion(13)"
1381															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1382															<h3 class="font-bold text-slate-800">🇪🇺 What penalties apply for EAA violations?</h3>
1383															<svg id="faq-icon-13" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1384														</button>
1385														<div id="faq-content-13" class="faq-answer px-6">
1386															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>Depending on EU country: <strong>Germany up to €100,000, France up to €75,000, Netherlands up to €50,000</strong>. Plus: Competitor warnings (€3,000+ per case) – even cross-border.</p>
1387</div>
1388														</div>
1389													</div>
1390																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1391														<button onclick="toggleAccordion(14)"
1392															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1393															<h3 class="font-bold text-slate-800">🇺🇸 What does an ADA lawsuit cost in the USA?</h3>
1394															<svg id="faq-icon-14" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1395														</button>
1396														<div id="faq-content-14" class="faq-answer px-6">
1397															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>Average settlement 2024: <strong>$25,000-$50,000</strong>. Attorney fees additional $10,000+. Prevention with AutoAlt.ai costs a fraction of that.</p>
1398</div>
1399														</div>
1400													</div>
1401																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1402														<button onclick="toggleAccordion(15)"
1403															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1404															<h3 class="font-bold text-slate-800">Who is behind AutoAlt.ai?</h3>
1405															<svg id="faq-icon-15" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1406														</button>
1407														<div id="faq-content-15" class="faq-answer px-6">
1408															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p><strong>webAufstieg GmbH</strong>, German company from Aalen (Baden-Württemberg). We serve customers in Europe, North America, and worldwide. Support in German and English.</p>
1409</div>
1410														</div>
1411													</div>
1412																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1413														<button onclick="toggleAccordion(16)"
1414															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1415															<h3 class="font-bold text-slate-800">In which currency can I pay?</h3>
1416															<svg id="faq-icon-16" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1417														</button>
1418														<div id="faq-content-16" class="faq-answer px-6">
1419															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>All prices are in <strong>Euro (€)</strong>. International payments via credit card, PayPal, or wire transfer possible – your payment provider converts automatically.</p>
1420</div>
1421														</div>
1422													</div>
1423																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1424														<button onclick="toggleAccordion(17)"
1425															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1426															<h3 class="font-bold text-slate-800">What image formats are supported?</h3>
1427															<svg id="faq-icon-17" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1428														</button>
1429														<div id="faq-content-17" class="faq-answer px-6">
1430															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>Common web formats like JPG, JPEG, PNG, WebP, SVG, HEIC and AVIF are supported.</p>
1431</div>
1432														</div>
1433													</div>
1434																									<div class="glass-panel rounded-3xl border border-white/60 overflow-hidden">
1435														<button onclick="toggleAccordion(18)"
1436															class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
1437															<h3 class="font-bold text-slate-800">Can I use AutoAlt.ai as an image description generator?</h3>
1438															<svg id="faq-icon-18" class="w-5 h-5 text-slate-400 transform transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
1439														</button>
1440														<div id="faq-content-18" class="faq-answer px-6">
1441															<div class="text-slate-600 text-sm pb-6 flex flex-col gap-4"><p>Yes. AutoAlt.ai works as an AI image description generator that creates descriptive, context-aware text for website and product images. The generated descriptions can be used as alt text to support accessibility, SEO, and WCAG best practices.</p>
1442</div>
1443														</div>
1444													</div>
1445																					
1445<script type="application/ld+json">
1446										{
1447    "@context": "https://schema.org",
1448    "@type": "FAQPage",
1449    "mainEntity": [
1450        {
1451            "@type": "Question",
1452            "name": "What does the free check examine?",
1453            "acceptedAnswer": {
1454                "@type": "Answer",
1455                "text": "The check analyzes up to 50 images for: 1) Missing alt texts, 2) SEO optimization potential, 3) Compliance risks (EAA/ADA/WCAG). Free, no registration, results in 30 seconds."
1456            }
1457        },
1458        {
1459            "@type": "Question",
1460            "name": "Is there a free plan?",
1461            "acceptedAnswer": {
1462                "@type": "Answer",
1463                "text": "Yes! 50 credits per month permanently free – no credit card, no time limit. Unused credits expire at month end, the plan stays active."
1464            }
1465        },
1466        {
1467            "@type": "Question",
1468            "name": "⭐ Do alt texts really improve my Google ranking?",
1469            "acceptedAnswer": {
1470                "@type": "Answer",
1471                "text": "Yes, significantly! Over 22% of e-commerce traffic comes from Google Image Search. Alt texts are a direct ranking factor. Our AI naturally integrates relevant long-tail keywords – without stuffing. Plus: Better crawlability, rich snippets, and Core Web Vitals."
1472            }
1473        },
1474        {
1475            "@type": "Question",
1476            "name": "🇪🇺 What is the EAA and does it apply to me?",
1477            "acceptedAnswer": {
1478                "@type": "Answer",
1479                "text": "The European Accessibility Act applies since June 2025 to all online shops selling to EU customers – regardless of where the operator is located. All 27 EU countries enforce the law. Fine
1479s up to €100,000."
1480            }
1481        },
1482        {
1483            "@type": "Question",
1484            "name": "🇺🇸 What is the ADA and does it apply to me?",
1485            "acceptedAnswer": {
1486                "@type": "Answer",
1487                "text": "The Americans with Disabilities Act applies to all businesses with US customers – including international shops. 2024: 4,500+ website lawsuits, average settlement $25,000+. Law firms scan systematically."
1488            }
1489        },
1490        {
1491            "@type": "Question",
1492            "name": "What AI technology does AutoAlt.ai use?",
1493            "acceptedAnswer": {
1494                "@type": "Answer",
1495                "text": "We use OpenAI (GPT-4 Vision) and Google (Gemini) – the best models on the market. The AI is specially trained for e-commerce images and generates SEO-optimized, accessible descriptions in 25+ languages."
1496            }
1497        },
1498        {
1499            "@type": "Question",
1500            "name": "What happens to my images? Is this GDPR compliant?",
1501            "acceptedAnswer": {
1502                "@type": "Answer",
1503                "text": "For AI analysis, images are transmitted to OpenAI/Google (technically necessary). ONLY image files – no personal data, no metadata, no EXIF data. webAufstieg GmbH as contract partner."
1504            }
1505        },
1506        {
1507            "@type": "Question",
1508            "name": "Are keywords automatically integrated?",
1509            "acceptedAnswer": {
1510                "@type": "Answer",
1511                "text": "Yes! The AI recognizes product categories, brands, colors, and attributes and naturally integrates relevant long-tail keywords. No keyword stuffing – texts read fluently for humans AND rank on Google."
1512            }
1513        },
1514        {
1515            "@type": "Question",
1516            "name": "Which shop systems are supported?",
1517            "acceptedAnswer": {
1518                "@type": "Answer",
1519                "text": "Native plugins: Shopware, WordPress/WooCommerce, Drupal, Joomla."
1520            }
1521        },
1522        {
1523            "@type": "Question",
1524            "name": "In which languages are alt texts generated?",
1525            "acceptedAnswer": {
1526                "@type": "Answer",
1527                "text": "100+ languages: German, English, French, Spanish, Italian, Dutch, Polish, Portuguese, Swedish, Danish, Japanese, Chinese, Korean, and more. Perfect for international SEO."
1528            }
1529        },
1530        {
1531            "@type": "Question",
1532            "name": "How fast are alt texts generated?",
1533            "acceptedAnswer": {
1534                "@type": "Answer",
1535                "text": "The AI requires approx. 2–4 seconds per image for analysis. The system operates efficiently in the background via a queue, ensuring your store&#8217;s performance remains unaffected. For example, a bulk run of 10,000 images is typically completed overnight (approx. 8–10 hours). You will receive an email notification once finished."
1536            }
1537        },
1538        {
1539            "@type": "Question",
1540            "name": "Can I optimize existing images retroactively?",
1541            "acceptedAnswer": {
1542                "@type": "Answer",
1543                "text": "Yes – that&#8217;s our specialty! With bulk packages, you analyze your entire media library. Perfect for SEO relaunch or meeting compliance deadlines."
1544            }
1545        },
1546        {
1547            "@type": "Question",
1548            "name": "🇪🇺 What penalties apply for EAA violations?",
1549            "acceptedAnswer": {
1550                "@type": "Answer",
1551                "text": "Depending on EU country: Germany up to €100,000, France up to €75,000, Netherlands up to €50,000. Plus: Competitor warnings (€3,000+ per case) – even cross-border."
1552            }
1553        },
1554        {
1555            "@type": "Question",
1556            "name": "🇺🇸 What does an ADA lawsuit cost in the USA?",
1557            "acceptedAnswer": {
1558                "@type": "Answer",
1559                "text": "Average settlement 2024: $25,000-$50,000. Attorney fees additional $10,000+. Prevention with AutoAlt.ai costs a fraction of that."
1560            }
1561        },
1562        {
1563            "@type": "Question",
1564            "name": "Who is behind AutoAlt.ai?",
1565            "acceptedAnswer": {
1566                "@type": "Answer",
1567                "text": "webAufstieg GmbH, German company from Aalen (Baden-Württemberg). We serve customers in Europe, North America, and worldwide. Support in German and English."
1568            }
1569        },
1570        {
1571            "@type": "Question",
1572            "name": "In which currency can I pay?",
1573            "acceptedAnswer": {
1574                "@type": "Answer",
1575                "text": "All prices are in Euro (€). International payments via credit card, PayPal, or wire transfer possible – your payment provider converts automatically."
1576            }
1577        },
1578        {
1579            "@type": "Question",
1580            "name": "What image formats are supported?",
1581            "acceptedAnswer": {
1582                "@type": "Answer",
1583                "text": "Common web formats like JPG, JPEG, PNG, WebP, SVG, HEIC and AVIF are supported."
1584            }
1585        },
1586        {
1587            "@type": "Question",
1588            "name": "Can I use AutoAlt.ai as an image description generator?",
1589            "acceptedAnswer": {
1590                "@type": "Answer",
1591                "text": "Yes. AutoAlt.ai works as an AI image description generator that creates descriptive, context-aware text for website and product images. The generated descriptions can be used as alt text to support accessibility, SEO, and WCAG best practices."
1592            }
1593        }
1594    ]
1595}									</script>
1595
1596								</div>
1597													</div>
1598					</section>
1599														<section data-wpr-lazyrender="1" class="border-t border-white/20 relative z-10 md: my-24 my-10">
1600						<div  class="max-w-4xl mx-auto px-4">
1601							<div class="glass-panel p-6 rounded-[1.5rem] md:rounded-full shadow-sm flex flex-col md:flex-row justify-between items-center gap-6 sm:px-10 px-4 text-center md:text-left border border-white/60">
1602																	<div class="flex md:flex-row flex-col items-center gap-4">
1603																					<div
1604												class="min-w-[3.5rem] w-14 h-14 bg-red-100/50 rounded-full flex items-center justify-center text-2xl shadow-inner border border-red-100">
1605												<img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="A yellow emoji of a waving hand surrounded by small, light blue sparkling stars, on a black background." title="A yellow emoji of a waving hand surrounded by small, light blue sparkling stars, on a black background." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f44b.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f44b.svg" class="emoji" alt="A yellow emoji of a waving hand surrounded by small, light blue sparkling stars, on a black background." title="A yellow emoji of a waving hand surrounded by small, light blue sparkling stars, on a black background." decoding="async" /></noscript>											</div>
1606																															<div>
1607																									<div class="font-bold text-slate-900">Questions about SEO, Compliance, or Integration?</div>
1608																																					<p class="text-sm text-slate-600">Our team helps you get the maximum from your alt texts – for better rankings AND legal security.</p>
1609																							</div>
1610																			</div>
1611								
1612
1613								<div class="flex gap-3 flex-wrap justify-center">
1614																					<a href="https://www.autoalt.ai/contact/" class="bg-slate-800 hover:bg-slate-700 text-white font-bold shadow-lg hover:shadow-glow transition-all transform hover:-translate-y-0.5 px-6 py-3 rounded-full uppercase text-xs" target="_self" title="Contact Us">Contact Us</a>
1615																								<a href="https://www.autoalt.ai/support/" class="bg-slate-800 hover:bg-slate-700 text-white font-bold shadow-lg hover:shadow-glow transition-all transform hover:-translate-y-0.5 px-6 py-3 rounded-full uppercase text-xs" target="_self" title="Help Center">Help Center</a>
1616																					<!-- Calendly link widget begin -->
1617									<!-- <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
1618									
1618<script type="text/rocketlazyloadscript" data-rocket-src="https://assets.calendly.com/assets/external/widget.js" data-rocket-type="text/javascript"
1619										async></script>
1619
1620									<a href=""class="bg-slate-800 hover:bg-slate-700 text-white font-bold shadow-lg hover:shadow-glow transition-all transform hover:-translate-y-0.5 px-6 py-3 rounded-full uppercase text-xs"
1621										onclick="Calendly.initPopupWidget({url: 'https://calendly.com/autoalt-info/30min?primary_color=b30000'});return false;">schedule Meeting</a> -->
1622									<!-- Calendly link widget end -->
1623								</div>
1624							</div>
1625						</div>
1626					</section>
1627				</main>
1628
1629<footer data-wpr-lazyrender="1" class="bg-white/40 backdrop-blur-md border-t border-white/40 relative z-10">
1630    <div  class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1631        <div  class="grid md:grid-cols-4 gap-12 text-sm py-16">
1632                                            <div>
1633                                                                            <div class="font-bold text-slate-800 mb-6 uppercase tracking-wider text-xs">
1634                                            Product                                        </div>
1635                                                                                                                <ul class="space-y-4">
1636                                                                                                        <li>
1637                                                                <a href="https://www.autoalt.ai/pricing/" target="_self" title="Pricing & Packs" class="text-slate-500 hover:text-brand transition">Pricing & Packs</a>
1638                                                            </li>
1639                                                                                                                    <li>
1640                                                                <a href="https://www.autoalt.ai/bulk-alt-text-generator/" target="_self" title="Bulk Processing" class="text-slate-500 hover:text-brand transition">Bulk Processing</a>
1641                                                            </li>
1642                                                                                                </ul>
1643                                                                    </div>
1644                                                            <div>
1645                                                                            <div class="font-bold text-slate-800 mb-6 uppercase tracking-wider text-xs">
1646                                            INTEGRATIONS                                        </div>
1647                                                                                                                <ul class="space-y-4">
1648                                                                                                        <li>
1649                                                                <a href="https://www.autoalt.ai/integrations/wordpress/" target="_self" title="WordPress Plugin" class="text-slate-500 hover:text-brand transition">WordPress Plugin</a>
1650                                                            </li>
1651                                                                                                                    <li>
1652                                                                <a href="https://www.autoalt.ai/integrations/woocommerce/" target="_self" title="WooCommerce" class="text-slate-500 hover:text-brand transition">WooCommerce</a>
1653                                                            </li>
1654                                                                                                                    <li>
1655                                                                <a href="https://www.autoalt.ai/integrations/shopware/" target="_self" title="Shopware Extension" class="text-slate-500 hover:text-brand transition">Shopware Extension</a>
1656                                                            </li>
1657                                                                                                                    <li>
1658                                                                <a href="https://www.autoalt.ai/integrations/magento/" target="_self" title="Magento Extension" class="text-slate-500 hover:text-brand transition">Magento Extension</a>
1659                                                            </li>
1660                                                                                                                    <li>
1661                                                                <a href="https://www.autoalt.ai/integrations/shopify/" target="_self" title="Shopify App" class="text-slate-500 hover:text-brand transition">Shopify App</a>
1662                                                            </li>
1663                                                                                                                    <li>
1664                                                                <a href="https://www.autoalt.ai/integrations/joomla/" target="_self" title="Joomla Package" class="text-slate-500 hover:text-brand transition">Joomla Package</a>
1665                                                            </li>
1666                                                                                                                    <li>
1667                                                                <a href="https://www.autoalt.ai/integrations/drupal/" target="_self" title="Drupal Module" class="text-slate-500 hover:text-brand transition">Drupal Module</a>
1668                                                            </li>
1669                                                                                                                    <li>
1670                                                                <a href="https://www.autoalt.ai/integrations/prestashop/" target="_self" title="Prestashop Module" class="text-slate-500 hover:text-brand transition">Prestashop Module</a>
1671                                                            </li>
1672                                                                                                </ul>
1673                                                                    </div>
1674                                                            <div>
1675                                                                            <div class="font-bold text-slate-800 mb-6 uppercase tracking-wider text-xs">
1676                                            LEGAL & TRUST                                        </div>
1677                                                                                                                <ul class="space-y-4">
1678                                                                                                        <li>
1679                                                                <a href="https://www.autoalt.ai/compliance/eaa-2025/" target="_self" title="Web Acce
1679ssibility" class="text-slate-500 hover:text-brand transition">Web Accessibility</a>
1680                                                            </li>
1681                                                                                                                    <li>
1682                                                                <a href="https://www.autoalt.ai/compliance/gdpr-image-ai/" target="_self" title="GDPR & Security" class="text-slate-500 hover:text-brand transition">GDPR & Security</a>
1683                                                            </li>
1684                                                                                                                    <li>
1685                                                                <a href="https://www.autoalt.ai/privacy-policy/" target="_self" title="Privacy Policy" class="text-slate-500 hover:text-brand transition">Privacy Policy</a>
1686                                                            </li>
1687                                                                                                                    <li>
1688                                                                <a href="https://www.autoalt.ai/imprint/" target="_self" title="Imprint" class="text-slate-500 hover:text-brand transition">Imprint</a>
1689                                                            </li>
1690                                                                                                                    <li>
1691                                                                <a href="https://www.autoalt.ai/terms/" target="_self" title="Terms of Service" class="text-slate-500 hover:text-brand transition">Terms of Service</a>
1692                                                            </li>
1693                                                                                                                    <li>
1694                                                                <a href="https://www.autoalt.ai/cancelation-policy/" target="_self" title="Cancelation Policy" class="text-slate-500 hover:text-brand transition">Cancelation Policy</a>
1695                                                            </li>
1696                                                                                                </ul>
1697                                                                    </div>
1698                                                            <div>
1699                                                                            <div class="font-bold text-slate-800 mb-6 uppercase tracking-wider text-xs">
1700                                            COMPANY                                        </div>
1701                                                                                                                <ul class="space-y-4">
1702                                                                                                        <li>
1703                                                                <a href="https://www.autoalt.ai/about/" target="_self" title="About Us" class="text-slate-500 hover:text-brand transition">About Us</a>
1704                                                            </li>
1705                                                                                                                    <li>
1706                                                                <a href="https://www.autoalt.ai/support/" target="_self" title="Support" class="text-slate-500 hover:text-brand transition">Support</a>
1707                                                            </li>
1708                                                                                                                    <li>
1709                                                                <a href="https://www.autoalt.ai/contact/" target="_self" title="Contact" class="text-slate-500 hover:text-brand transition">Contact</a>
1710                                                            </li>
1711                                                                                                </ul>
1712                                                                    </div>
1713                                    </div>
1714                            <div  class="py-8 border-t border-slate-200 text-center text-slate-400 text-xs flex flex-wrap md:flex-row flex-wrap gap-4 md:justify-between justify-center items-center">
1715                                                    <div>&copy; 2026 webAufstieg GmbH. Made in Germany <img width="36" height="36" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2036%2036'%3E%3C/svg%3E" class="emoji" alt="The German national flag with the three horizontal stripes in the colors black, red and gold as a symbolic image." role="img" draggable="false" title="The German national flag with the three horizontal stripes in the colors black, red and gold as a symbolic image." decoding="async" data-lazy-src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f1e9-1f1ea.svg" /><noscript><img width="36" height="36" src="https://www.autoalt.ai/wp-content/uploads/2025/12/1f1e9-1f1ea.svg" class="emoji" alt="The German national flag with the three horizontal stripes in the colors black, red and gold as a symbolic image." role="img" draggable="false" title="The German national flag with the three horizontal stripes in the colors black, red and gold as a symbolic image." decoding="async" /></noscript></div>
1716                                                                            <div class="flex flex-wrap gap-4 align-center text-[1.5rem]">
1717                                                                                <a href="https://www.facebook.com/people/AutoAltai/61577176842798/" target="_blank" rel="noopener noreferrer" role="button" title="square-facebook" aria-label="square-facebook"><i class="fa-classic fa-brands fa-square-facebook"></i> <span class="sr-only">square-facebook</span></a>
1718                                                                                            <a href="https://www.instagram.com/autoalt.ai/" target="_blank" rel="noopener noreferrer" role="button" title="instagram" aria-label="instagram"><i class="fa-classic fa-brands fa-instagram"></i> <span class="sr-only">instagram</span></a>
1719                                                                                            <a href="https://x.com/AutoAltAi" target="_blank" rel="noopener noreferrer" role="button" title="x-twitter" aria-label="x-twitter"><i class="fa-classic fa-brands fa-x-twitter"></i> <span class="sr-only">x-twitter</span></a>
1720                                                                                            <a href="https://www.youtube.com/@AutoAltAI" target="_blank" rel="noopener noreferrer" role="button" title="youtube" aria-label="youtube"><i class="fa-classic fa-brands fa-youtube"></i> <span class="sr-only">youtube</span></a>
1721                                                                                            <a href="https://www.linkedin.com/company/autoalt-ai/" target="_blank" rel="noopener noreferrer" role="button" title="linkedin" aria-label="linkedin"><i class="fa-classic fa-brands fa-linkedin"></i> <span class="sr-only">linkedin</span></a>
1722                                                                        </div>
1723                                            </div>
1724                    </div>
1725</footer>
1726
1727<div  id="eaa-modal" class="fixed inset-0 z-[200] hidden">
1728    <div  class="fixed inset-0 bg-slate-900/40 backdrop-blur-md" onclick="closeModal()"></div>
1729    <div  class="fixed inset-0 flex items-center justify-center p-4">
1730        <div  class="glass-panel w-full max-w-md p-10 rounded-[3rem] shadow-mega relative" id="modal-panel">
1731            <button onclick="closeModal()" class="absolute top-6 right-6 text-slate-400" aria-label="closeModal button">
1732                <i class="ph ph-x text-2xl"></i>
1733            </button>
1734
1735            <div id="scan-step-1">
1736
1737                <div
1738                    class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-blue-100 mb-6 border border-blue-200">
1739                    <svg class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1740                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1741                            d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
1742                    </svg>
1743                </div>
1744
1745                                    <h3 class="text-xl font-bold mb-2 font-display uppercase tracking-tight text-center">
1746                        🔍 Free SEO & Compliance Check                    </h3>
1747                                                    <div class="flex flex-col text-sm text-slate-500 text-center mb-6">
1748                        <p>Enter your store URL. We check: <strong>missing alt texts, SEO potential, and compliance risks (EAA/ADA)</strong> – free and without registration.</p>
1749                    </div>
1750                                <div class="autoalt-field-wrap mb-6">
1751                    <input type="text" id="shop-url"
1752                        class="glass-panel w-full p-4 rounded-full border-white/50 px-8 outline-brand"
1753                        placeholder="my-shop.com / .de / .eu">
1754                    <label for="shop-url" class="hidden">screen reader</label>
1755                </div>
1756                <button onclick="startScan()" aria-label="Analyze Now button"
1757                    class="bg-[#B30000] hover:bg-red-800 text-white font-bold shadow-lg transition-all w-full py-4 rounded-full uppercase tracking-widest text-sm">Analyze Now</button>
1758            </div>
1759
1760
1761            <div id="scan-step-2" class="hidden text-center py-10">
1762                <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-brand mx-auto mb-6"></div>
1763                <h3 class="text-lg font-bold text-slate-900 mb-2">Analyzing images...                </h3>
1764                <p class="text-sm text-slate-500" id="scan-status">
1765                    Connecting to server...                </p>
1766                <div
1767                    class="mt-6 bg-slate-50/80 rounded-lg p-3 text-xs font-mono text-left h-24 overflow-hidden text-slate-400 border border-slate-200">
1768                    <p id="scan-step-2-1">> init_crawler</p>
1769                    <p id="scan-step-2-2" class="text-brand">my-shop.com></p>
1770                    <p id="scan-step-2-3" class="text-brand">> Detecting image elements</p>
1771                    <p id="scan-step-2-4">> checking SEO + compliance...</p>
1772                    <p id="scan-step-2-5" class="text-red-500">> Evaluating accessibility quality</p>
1773                </div>
1774            </div>
1775
1776            <div id="scan-step-3" class="hidden text-center">
1777                <div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-orange-100 mb-4">
1778                    <span class="text-3xl">📊</span>
1779                </div>
1780                <h3 class="text-2xl font-bold text-slate-900 mb-2 uppercase">📊
1781                    Analysis Results                </h3>
1782                <p class="text-center text-slate-600 mb-6">
1783                    Your shop has optimization potential.                </p>
1784
1785                <div class="bg-white/80 rounded-2xl border border-slate-200 p-4 mb-6 shadow-sm text-left">
1786                    <div class="font-mono text-xs leading-relaxed text-slate-700">
1787                        <div class="border-b border-slate-200 pb-2 mb-3">
1788                            <span class="font-bold">Images checked.: <span
1789                                    id="eaa-res-total">47</span></span>
1790                        </div>
1791                        <div class="space-y-1">
1792                            <div>❌ Without alt text: <strong id="eaa-res-without"
1793                                    class="text-red-600">32
1794                                    (68%)</strong></div>
1795                            <div>⚠️ SEO not optimized: <strong id="eaa-res-not-op"
1796                                    class="text-orange-600">12 (26%)</strong></div>
1797                            <div>✅ Perfect: <strong id="eaa-res-perfect"
1798                                    class="text-green-600">3
1799                                    (6%)</strong></div>
1800                        </div>
1801                    </div>
1802                </div>
1803
1804                <div class="space-y-2 mb-6">
1805                    <div class="bg-green-50 border border-green-200 rounded-xl p-3 text-xs text-left">
1806                        <p class="font-bold text-green-900">📈 SEO Potential:</p>
1807                        <p class="text-green-700">You're missing approx. <span
1808                                id="eaa-res-final">22%</span>
1809                            possible traffic                        </p>
1810                    </div>
1811                    <div id="eaa-res-compliance-box" class="bg-red-50 border border-red-200 rounded-xl p-3 text-xs text-left">
1812                        <p class="font-bold text-red-900" id="eaa-res-compliance-title">⚖️ Compliance Risk: <span id="eaa-res-compliance-level">HIGH</span></p>
1813                        <p class="text-red-700" id="eaa-res-compliance-text">EU up to €100,000 |
1814                            USA up to $25,000+                        </p>
1815                    </div>
1816                </div>
1817                                <a href="https://www.autoalt.ai/register/"
1818                    class="bg-[#B30000] hover:bg-red-800 text-white font-bold shadow-lg w-full p-4 inline-block rounded-full uppercase text-sm mb-3" title="Start Free">🚀
1819                    Optimize Now – 50
1820                    Credits/Month Free</a>
1821                <button onclick="closeModal()"
1822                    class="text-slate-400 hover:text-slate-600 text-xs font-bold uppercase tracking-widest">Close</button>
1823            </div>
1824        </div>
1825    </div>
1826</div>
1827
1828<script type="speculationrules">
1829{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/autoalt/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1830</script>
vendor: 1 bytes, line 1830
1830
1831<script type="text/rocketlazyloadscript" id="rocket-browser-checker-js-after">
1832"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
1833//# sourceURL=rocket-browser-checker-js-after
1834</script>
vendor: 1 bytes, line 1834
1834
1835<script id="rocket-preload-links-js-extra">
1836var RocketPreloadLinksConfig = {"excludeUris":"/sitemap_index.xml/|/(.*)sitemap(.*).xml/|/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.autoalt.ai","onHoverDelay":"100","rateThrottle":"3"};
1837//# sourceURL=rocket-preload-links-js-extra
1838</script>
vendor: 1 bytes, line 1838
1838
1839<script type="text/rocketlazyloadscript" id="rocket-preload-links-js-after">
1840(function() {
1841"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
1842}());
1843
1844//# sourceURL=rocket-preload-links-js-after
1845</script>
vendor: 1 bytes, line 1845
1845
1846<script type="text/rocketlazyloadscript" id="wss-stripe-js-js" data-rocket-src="https://js.stripe.com/v3/" data-rocket-defer defer></script>
vendor: 1 bytes, line 1846
1846
1847<script id="wss-front-js-extra">
1848var wss_vars = {"ajax_url":"https://www.autoalt.ai/wp-admin/admin-ajax.php","nonce":"ec8359a508","publishable_key":"pk_live_51RJ8GyLO2aS4fV1w2ayRzRK9pblaIGMnisQ3dkBXF9JZLvTPHulk5i5vWhKYu2xyBUVGMSyxcgJNg1MahyUBocLt00kuN1r1sX"};
1849//# sourceURL=wss-front-js-extra
1850</script>
vendor: 1 bytes, line 1850
1850
1851<script type="text/rocketlazyloadscript" data-minify="1" id="wss-front-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/plugins/wp-stripe-subscriptions/assets/js/stripe-front.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1851
1851
1852<script type="text/rocketlazyloadscript" data-minify="1" id="gsap-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/ajax/libs/gsap/3.12.2/gsap.min.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1852
1852
1853<script type="text/rocketlazyloadscript" data-minify="1" id="font-awesome-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/themes/autoalt/assets/js/29414293c0.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1853
1853
1854<script id="autoalt-main-script-js-extra">
1855var ajaxData = {"ajax_url":"https://www.autoalt.ai/wp-admin/admin-ajax.php"};
1856//# sourceURL=autoalt-main-script-js-extra
1857</script>
vendor: 1 bytes, line 1857
1857
1858<script type="text/rocketlazyloadscript" data-minify="1" id="autoalt-main-script-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/themes/autoalt/assets/js/main.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1858
1858
1859<script id="autoalt-login-js-extra">
1860var login_autoalt_i18n = {"ajaxUrl":"https://www.autoalt.ai/wp-admin/admin-ajax.php","current_language":"en","forgotNonce":"068119f375","resetNonce":"34961f12d4","ImageAltNonce":"c56884c1a0","reverificationNonce":"6544d7a89f","loading":"Loading...","forgot_password_failed_title":"Mistake","reset_password_failed_title":"Reset password failed","forgot_password_success_title":"Email sent!","reset_password_success_title":"Password Reset Successfully!","forgot_password_missing_fields":"Please enter email.","reset_password_missing_fields":"Please enter both password fields.","forgot_password_success_text":"Please check your inbox (and spam folder).","reset_password_success_text":"Your password has been reset successfully. Redirecting to login...","forgot_password_failed_text":"Invalid email address.","generic_error":"Something went wrong. Please try again.","generic_title":"Failed.","success_title":"Success","loginUrl":"https://www.autoalt.ai/login/","captcha_req":"Please confirm that you are not a robot."};
1861//# sourceURL=autoalt-login-js-extra
1862</script>
vendor: 1 bytes, line 1862
1862
1863<script type="text/rocketlazyloadscript" data-minify="1" id="autoalt-login-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/themes/autoalt/assets/js/login-script.js?ver=1789981828" data-rocket-defer defer></script>
vendor: 1 bytes, line 1863
1863
1864<script id="wpie-common-js" src="https://www.autoalt.ai/wp-content/plugins/wp-cookie-allow/framework/assets/js/wpie-common.min.js?ver=2.0.20"></script>
vendor: 1 bytes, line 1864
1864
1865<script id="wpca-frontend-js-before">
1866var wpcaData = {"cookieNameConsent":"wpca_consent","cookieNameCc":"wpca_cc","init3rdPartyTimeout":200,"init3rdPartyItems":[],"doPlaceholder":true,"doPlaceholderParentSizing":false,"minPlacehoderDim":{"w":75,"h":75},"blockedAssetsUri":{"a":"#","js":"https:\/\/www.autoalt.ai\/wp-content\/plugins\/wp-cookie-allow\/assets\/js\/blocked.js","img":"https:\/\/www.autoalt.ai\/wp-content\/plugins\/wp-cookie-allow\/assets\/img\/blocked.jpg","iframe":"about:blank"},"loadHtmlEarly":false,"fetchMethod":"adminajax","layout":"box","cookieExpire":365,"cookiesBeforeConsent":1,"consentMethod":1,"policyCssClass":"wpca-policy-link","cookiePolicyPathRel":"","queryVarBypass":"wpca_bypass_consent","showLayer":false,"hasClose":false,"useXAsDismiss":false,"minScrollTop":0,"cookiePath":"\/","cookieDomain":"","bypassingConsent":false,"allowedCc":["functional","analytical","social-media","advertising","other"],"requiredCc":["functional"],"replaceResetBtn":false,"reloadAfterConsent":true,"animateDuration":200,"gtm":{"optimize":true,"dataLayerName":"dataLayer","dataLayerVar":"wpcaCc","dataLayerEventPrefix":"wpca_consent_","enableGCMv2":true,"localStorageKey":"wpcaConsentMode"},"ajaxContextFrontend":"301ae2dd5cfd43887a2f9c15d16f0447","restUrl":"https:\/\/www.autoalt.ai\/wp-json\/","restNonce":"0dc7d7262c","ccLabels":{"functional":"Functional","analytical":"Analytics","social-media":"Social media","advertising":"Advertising","other":"Other"},"ns":"wpca","nonce":"fba5553676","wpurl":"https:\/\/www.autoalt.ai","domain":"autoalt.ai","ajaxurl":"https:\/\/www.autoalt.ai\/wp-admin\/admin-ajax.php","referer":false,"currenturl":"https:\/\/www.autoalt.ai\/","isms":false,"mspath":"\/","ssl":true}
1867//# sourceURL=wpca-frontend-js-before
1868</script>
vendor: 1 bytes, line 1868
1868
1869<script id="wpca-frontend-js" src="https://www.autoalt.ai/wp-content/plugins/wp-cookie-allow/modules/frontend/js/wpca-frontend.min.js?ver=3.4.11"></script>
vendor: 1 bytes, line 1869
1869
1870<script id="autoalt-script-js-js-extra">
1871var autoalt_i18n = {"ajax_url":"https://www.autoalt.ai/wp-admin/admin-ajax.php","login_nonce":"3414362dc3","current_language":"en","generating":"Generating...","generate_key":"Generate Key","enter_domain":"Please enter a domain.","invalid_domain":"Please enter a valid URL (https://...).","domain_exist_account":"You have already added this domain to your account.","key_generated":"API key generated successfully.","connection_success":"Connection Successful","connection_failed":"Connection Failed","generic_error":"Something went wrong. Please try again.","created":"Created","revoke":"Revoke","copy_title":"Click Copy to reveal","confirm_revoke_title":"Revoke API Key?","confirm_revoke_text":"Are you sure you want to revoke access for this domain?","revoking":"Revoking...","revoke_failed":"Revoke failed. Please try again.","status_success":"Success","no_history_found":"No activity history found.","loading":"Loading...","export_error_title":"Export Failed","export_success_title":"Export request submitted.","export_success":"You will receive an email when the file is ready for download.","exporting":"Exporting...","faq_no_results_title":"No FAQs found","faq_no_results_hint":"Try searching for %1$s, %2$s, or %3$s.","faq_example_install":"Installation","faq_example_api_key":"API Key","faq_example_billing":"Billing","faq_clear_search":"Clear search","login_failed_title":"Login failed","login_success_title":"Success!","login_missing_fields":"Please enter email and password.","login_success_text":"You will be redirected...","login_failed_text":"Invalid email address or password.","logging_in":"Logging in ...","processing":"Processing","register_failed_title":"Registration Failed","fill_all_fields":"Please fill in all required fields.","invalid_email":"Please Enter valid Email Address.","password_min_8":"Password must be at least 8 characters.","accept_terms":"Please accept the Terms & Conditions to continue.","registering_title":"Creating account\u2026","please_wait":"Please wait while we create your account and send a verification email.","register_success_title":"Success!","register_success":"A verification email has been sent. Please confirm your email address to activate your account.","new_image_url_blank":"URL can't be blank.","new_image_url_invalid":"Invalid URL. Please include \"https://\".","new_image_unsupported":"Unsupported image format. Allowed: jpg, jpeg, png, gif, webp, bmp, avif, svg.","new_image_file_large":"Maximum file size is 16MB.","new_image_file_small":"Minimum image size is 50\u00d750 pixels.","new_image_asset_spaces":"Spaces are not allowed.","new_image_asset_max":"Maximum 50 characters allowed.","new_image_product_name":"Product Name can't be blank.","new_image_no_credit":"Account has insufficient credits","new_image_success":"Image added successfully.","first_name_required":"First name can't be blank.","last_name_required":"Last name can't be blank.","saving":"Saving...","profile_updated_title":"Profile Updated Successfully","profile_update_failed_title":"Profile Update Failed","profile_updated":"Profile updated successfully.","shop_connected":"Your shop has been successfully connected via API.","login":"Login","login_redirect_url":"https://www.autoalt.ai/dashboard/","invalid_password":"Invalid email address or password.","user_not_found":"Account not found. Please check your email address.","current_password_required":"Current password can't be blank.","new_password_required":"New password can't be blank.","new_password_valid":"Password must be at least 8 characters and include 1 uppercase, 1 lowercase, 1 digit, and 1 special character.","confirm_password_required":"Confirm password can't be blank.","password_updated_title":"Password Updated Successfully","password_updated":"Password updated successfully.","password_update_failed_title":"Password Update Failed","password_weak":"Password does not meet security requirements.","password_mismatch":"Passwords do not match.","log_init_crawler":"Initializing crawler:","log_parse_images":"Parsing DOM for \u003Cimg\u003E elements and metadata...","log_wcag_val
1871idate":"Validating against WCAG 2.1 Level AA standards...","log_seo_score":"Calculating image SEO opportunity score...","log_audit_complete":"Audit Complete.","erasing":"Erasing...","erase_failed_title":"Erase Failed","enter_password":"Please enter your password.","confirm_erase_library":"Are you sure you want to erase your image library? This action cannot be undone!","erase_success_title":"Success","erase_success":"Your image library has been erased successfully.","incorrect_password":"Incorrect password. Please try again.","deleting":"Deleting...","confirm_delete_account":"Are you sure you want to delete your account? This action cannot be undone!","canceling":"Canceling...","cancel_success_title":"Success","cancel_success":"Your subscription has been cancelled successfully.","cancel_failed_title":"Cancel Failed","confirm_cancel_plan":"Are you sure you want to cancel your subscription?","image_placeholder":"https://www.autoalt.ai/wp-content/themes/autoalt/assets/images/placeholder.svg","scan_connecting":"Connecting to server...","scan_media":"Scanning media library...","scan_compliance":"Checking EAA compliance...","scan_working":"Still working...","scan_report":"Creating report...","compliance_risk_low_text":"Your shop meets most accessibility requirements.","compliance_risk_fine_text":"EU up to \u20ac100,000 | USA up to $25,000+","log_targeting":"\u003E targeting:","log_get_index":"\u003E GET /index.html HTTP/1.1","log_parse_dom":"\u003E Parsing page markup","log_found_images":"\u003E Detecting image elements","log_wcag_check":"\u003E checking WCAG 1.1.1 compliance...","log_warn_empty_alt":"\u003E warning: empty alt=\"\" detected","log_critical_bfsg":"\u003E critical: BFSG violation found","log_alt_usage":"\u003E Reviewing alt text usage","log_alt_quality":"\u003E Evaluating accessibility quality","log_generate_report":"\u003E Finalizing scan data","log_accessibility_scan":"\u003E Executing accessibility scan","newsletter_success":"Successfully subscribed!","newsletter_registering":"Registering...","csv_blank":"Please select a CSV file first.","start_import":"Start Import","error_status":"Error:","import_response":"CSV Import Started","import_rows_processing":"rows are being processed.","import_email_label":"Email Notification:","import_no_email_text":"We\u2019ll send an email to your registered email address once all items have been imported.","import_success":"CSV Import Successfully!","importing":"Importing ...","ct":"ct","image":"Image","mo":"Mo","year":"Year","enter_project_name":"Please enter project name.","creating":"Creating...","creation_failed":"Creation Failed","project_created":"Project Created","project_created_msg":"Your project has been created successfully.","regenerate_confirm":"Are you sure? The old key will stop working immediately.","regenerate_api_faild":"Regenerate API key Failed","project_update_failed":"Project Update Failed","captcha_req":"Please confirm that you are not a robot.","good":"Good","pass_wcag_basic":"Pass WCAG Basic","low":"Low","critical":"Critical","fails_wcag_basic":"Fails WCAG Basic","high":"High","warning":"Warning","medium":"Medium","verify_review_title":"Mark as human reviewed","verified_label":"Verified","verified_title":"Marked as Reviewed","verified_text":"This image has been marked as human reviewed.","regenerate_alt_title":"Regenerate alt text","regenerate_requested_title":"Alt Text Regenerated","regenerate_requested_text":"The new entry has been added to Human Review."};
1872//# sourceURL=autoalt-script-js-js-extra
1873</script>
vendor: 1 bytes, line 1873
1873
1874<script type="text/rocketlazyloadscript" data-minify="1" id="autoalt-script-js-js" data-rocket-src="https://www.autoalt.ai/wp-content/cache/min/1/wp-content/themes/autoalt/assets/js/autoalt.js?ver=1789981828" data-rocket-defer defer></script>
1874
1875<div id="wpca-lay-out-wrapper"></div>
1875<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
1876if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
1877images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
1878if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
1878<script data-no-minify="1" async src="https://www.autoalt.ai/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
1878</body>
1879
1880</html>
1881<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1790841800 -->

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.