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 & Accessibility | EAA & 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 & 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 & Accessibility | EAA & ADA Compliance" /> 49<meta property="og:description" content="AI alt text for better Google rankings AND compliance â +22% image search traffic â EAA & 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 & Accessibility | EAA & ADA Compliance" /> 61<meta name="twitter:description" content="AI alt text for better Google rankings AND compliance â +22% image search traffic â EAA & 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&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='{"id":0,"cc":"analytical","txt":"","type":"hotjar","context":"head","blocked":1,"placeholder":false,"nodeName":"script"}' 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">ð 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">ð©ðª 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">ð +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 & 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) & 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's Logo" title="Dr. Jacob'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's Logo" title="Dr. Jacob'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 & Pricing">View All Plans & 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 & 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’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’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’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’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>© 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.