1<!DOCTYPE html><html data-dpl-id="dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" lang="en" class="outfit_f4073d44-module__NfKI1W__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased bg-white"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/icons/Wide Blue & Black.svg?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy"/><link rel="preload" as="image" href="/icons/ri_twitter-x-line.svg"/><link rel="preload" as="image" href="/icons/ri_linkedin-fill.svg"/><link rel="preload" as="image" href="/icons/ri_youtube-fill.svg"/><link rel="preload" as="image" href="/icons/fe_instagram.svg"/><link rel="preload" as="image" href="/icons/ic_baseline-discord.svg"/><link rel="preload" as="image" href="/icons/mdi_pinterest.svg"/><link rel="preload" as="image" href="/icons/lineicons_producthunt.svg"/><link rel="preload" as="image" href="/icons/ic_baseline-reddit.svg"/><link rel="preload" as="image" href="/icons/GPT.svg"/><link rel="stylesheet" href="/_next/static/chunks/3pburd97t7thd.css?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/1pkvecok2cx0r.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy"/>
1<script src="/_next/static/chunks/2cjq_q5hup6b5.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/408rvbsef_ca_.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/1jc0hcpda4o1m.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/turbopack-28dht5k4z2wxf.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<script src="/_next/static/chunks/3sluf5_33fthf.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-4NSH1XDW35" as="script"/><link rel="preload" as="image" href="/icons/Claude.svg"/><link rel="preload" as="image" href="/icons/ri_perplexity-fill.svg"/><link rel="preload" as="image" href="/icons/ssl-secured.svg"/><link rel="preload" as="image" href="/icons/visa.svg"/><link rel="preload" as="image" href="/icons/applepay.svg"/><link rel="preload" as="image" href="/icons/gpay.svg"/><link rel="preload" as="image" href="/icons/mastercard.svg"/><link rel="preload" as="image" href="/icons/ic_baseline-paypal.svg"/><link rel="preload" as="image" href="/images/productoftheday.svg"/><link rel="preload" as="image" href="/images/acc-ing-26.png"/><meta name="next-size-adjust" content=""/><link rel="icon" href="/favicon-light.svg" type="image/svg+xml" media="(prefers-color-scheme: light)"/><link rel="icon" href="/favicon-dark.svg" type="image/svg+xml" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/favicon-gradient.png" type="image/png"/><link rel="apple-touch-icon" href="/favicon-gradient.png"/><title>How to Create Realistic Shadows in Product Photography · Adject Blog</title><link rel="manifest" href="/manifest.webmanifest"/><link rel="canonical" href="https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography"/><link rel="alternate" hrefLang="en" href="https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography"/><link rel="alternate" hrefLang="tr" href="https://adject.ai/tr/blog/how-to-create-realistic-shadows-in-product-photography"/><link rel="alternate" hrefLang="es" href="https://adject.ai/es/blog/how-to-create-realistic-shadows-in-product-photography"/><link rel="alternate" hrefLang="zh-CN" href="https://adject.ai/zh-cn/blog/how-to-create-realistic-shadows-in-product-photography"/><link rel="alternate" hrefLang="fr" href="https://adject.ai/fr/blog/how-to-create-realistic-shadows-in-product-photography"/><link rel="alternate" hrefLang="de" href="https://adject.ai/de/blog/how-to-create-realistic-shadows-in-product-photography"/><link rel="alternate" hrefLang="pt" href="https://adject.ai/pt/blog/how-to-create-realistic-shadows-in-product-photography"/><link rel="alternate" hrefLang="x-default" href="https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography"/><meta property="og:title" content="How to Create Realistic Shadows in Product Photography · Adject Blog"/><meta property="og:url" content="https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography"/><meta property="og:site_name" content="Adject"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://adject.ai/api/og?title=How%20to%20Create%20Realistic%20Shadows%20in%20Product%20Photography&category=E-Commerce"/><meta property="og:image:alt" content="How to Create Realistic Shadows in Product Photography · Adject Blog"/><meta property="og:type" content="article"/><meta property="article:published_time" content="2026-09-28T18:44:57.834Z"/><meta property="article:modified_time" content="2026-09-28T18:44:57.834Z"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="How to Create Realistic Shadows in Product Photography · Adject Blog"/><meta name="twitter:image" content="https://adject.ai/api/og?title=How%20to%20Create%20Realistic%20Shadows%20in%20Product%20Photography&category=E-Commerce"/><link rel="shortcut icon" href="/favicon-gradient.png"/><link rel="icon" href="/favicon-light.svg" type="image/svg+xml" media="(prefers-color-scheme: light)"/><link rel="icon" href="/favicon-dark.svg" type="image/svg+xml" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/favicon-gradient.png" type="image/png"/><link rel="apple-touch-icon" href="/favicon-gradient.png"/>
1<script type="application/ld+json">[{"@context":"https://schema.org","@type":"Organization","name":"Adject","url":"https://adject.ai","logo":"https://adject.ai/icons/Wide%20Blue%20&%20Black.svg","sameAs":["https://www.producthunt.com/products/adject"]},{"@context":"https://schema.org","@type":"WebSite","name":"Adject","url":"https://adject.ai","inLanguage":"en","potentialAction":{"@type":"SearchAction","target":"https://adject.ai/blog?search={search_term_string}","query-input":"required name=search_term_string"}}]</script>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" noModule=""></script>
1</head><body class="bg-white min-h-screen"><div hidden=""><!--$--><!--/$--></div><div class="w-full min-h-screen bg-white">
1<script type="application/ld+json">[{"@context":"https://schema.org","@type":"BlogPosting","headline":"How to Create Realistic Shadows in Product Photography","description":"","image":[],"datePublished":"2026-09-28T18:44:57.834Z","dateModified":"2026-09-28T18:44:57.834Z","author":{"@type":"Organization","name":"Adject Team","url":"https://adject.ai"},"publisher":{"@type":"Organization","name":"Adject","url":"https://adject.ai","logo":{"@type":"ImageObject","url":"https://adject.ai/icons/Wide%20Blue%20&%20Black.svg"}},"mainEntityOfPage":{"@type":"WebPage","@id":"https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://adject.ai"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://adject.ai/blog"},{"@type":"ListItem","position":3,"name":"How to Create Realistic Shadows in Product Photography","item":"https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography"}]}]</script>
1<header class="fixed left-0 w-full z-50" style="top:var(--navbar-top, 0px)"><div class="absolute inset-x-0 top-0 h-full bg-white/60 backdrop-blur-[10px] pointer-events-none"></div><div class="relative"><div class="relative w-full max-w-[1200px] mx-auto h-16 flex items-center"><a class="absolute left-6 lg:left-0 top-1/2 -translate-y-1/2 w-[114px] h-[30px] block cursor-pointer" href="/"><img alt="Adject" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/icons/Wide Blue & Black.svg?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy"/></a><nav class="hidden lg:flex absolute left-1/2 -translate-x-1/2 items-center gap-[13px]" aria-label="Primary navigation"><a class="group inline-flex px-[10px] py-[10px] text-sm font-medium text-[#0A0A0A] hover:text-[#0540F2] transition-colors leading-none cursor-pointer" href="/pricing"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span></span></a><a class="group inline-flex px-[10px] py-[10px] text-sm font-medium text-[#0A0A0A] hover:text-[#0540F2] transition-colors leading-none cursor-pointer" href="/gallery"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
1cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">G</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">G</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span></span></a><div class="relative"><button class="group inline-flex items-center gap-1.5 px-[10px] py-[10px] text-sm font-medium text-[#0A0A0A] hover:text-[#0540F2] transition-colors leading-none cursor-pointer" aria-expanded="false" aria-haspopup="true"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">R</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">R</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
1cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3.5 h-3.5 transition-transform duration-200 text-[#737373]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></nav><div class="hidden lg:flex items-center gap-2 absolute right-6 lg:right-0 top-1/2 -translate-y-1/2"><a href="/contact-sales"><button class="group inline-flex items-center justify-center focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer bg-[#F5F5F5] text-[#0A0A0A] gap-2 min-w-[112px] w-auto h-[36px] px-4 rounded-[10px] text-xs font-semibold"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
1cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
1cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span></button></a><a href="https://app.adject.ai" target="_blank" rel="noopener noreferrer"><button class="group inline-flex items-center justify-center focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer bg-[#0540F2] text-white gap-2 min-w-[144px] w-auto h-[36px] px-4 rounded-[10px] text-xs font-semibold"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">F</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">F</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
1cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span></span></button></a></div><button class="lg:hidden absolute right-6 p-1.5 rounded-lg hover:bg-neutral-100 transition-colors cursor-pointer" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></header><main class="mx-auto w-full max-w-[1440px] pt-16 flex flex-col bg-white"><div class="w-full flex flex-col bg-white font-sans px-5 sm:px-8 lg:px-[120px] pt-10 sm:pt-12 lg:pt-20 pb-16 sm:pb-20 lg:pb-[100px]"><div class="w-full flex flex-col lg:flex-row justify-between items-center gap-8 lg:gap-12 mb-16"><div class="flex-1 flex flex-col justify-center items-start gap-8 max-w-[584px] w-full"><nav aria-label="Breadcrumb" class="mb-[-12px]"><ol class="flex items-center gap-1.5 text-xs text-[#737373] font-medium flex-wrap"><li><a class="hover:text-[#0540F2] transition-colors" href="/">Home</a></li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3 text-neutral-400 shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg><li><a class="hover:text-[#0540F2] transition-colors" href="/blog">Blog</a></li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3 text-neutral-400 shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg><li class="text-black font-semibold truncate max-w-[200px]" aria-current="page">How to Create Realistic Shadows in Product Photography</li></ol></nav><div class="justify-center items-center gap-2.5 inline-flex flex-wrap"><a class="bg-[#0540F2]/10 text-[#0540F2] text-[10px] font-bold px-2.5 py-1 rounded-lg hover:underline decoration-1 cursor-pointer" href="/blog?category=E-Commerce">E-Commerce</a><div class="text-[#737373] text-xs font-semibold">September 28, 2026</div><div class="text-[#737373] text-xs font-semibold">19 min read</div></div><h1 class="text-black text-3xl md:text-[40px] font-semibold leading-tight tracking-tight max-w-[584px] w-full"><span class="inline-flex flex-wrap "><span class="inline-block mr-[0.22em] pb-[0.07em]" style="will-change:transform, opacity, filter;opacity:0;filter:blur(32px);transform:translateY(24px)">How</span><span class="inline-block mr-[0.22em] pb-[0.07em]" style="will-change:transform, opacity, filter;opacity:0;filter:blur(32px);transform:translateY(24px)">to</span><span class="inline-block mr-[0.22em] pb-[0.07em]" style="will-change:transform, opacity, filter;opacity:0;filter:blur(32px);transform:translateY(24px)">Create</span><span class="inline-block mr-[0.22em] pb-[0.07em]" style="will-change:transform, opacity, filter;opacity:0;filter:blur(32px);transform:translateY(24px)">Realistic</span><span class="inline-block mr-[0.22em] pb-[0.07em]" style="will-change:transform, opacity, filter;opacity:0;filter:blur(32px);transform:translateY(24px)">Shadows</span><span class="inline-block mr-[0.22em] pb-[0.07em]" style="will-change:transform, opacity, filter;opacity:0;filter:blur(32px);transform:translateY(24px)">in</span><span class="inline-block mr-[0.22em] pb-[0.07em]" style="will-change:transform, opacity, filter;opacity:0;filter:blur(32px);transform:translateY(24px)">Product</span><span class="inline-block mr-[0.22em] pb-[0.07em]" style="will-change:transform, opacity, filter;opacity:0;filter:blur(32px);transform:translateY(24px)">Photography</span></span></h1><div class="flex flex-col justify-center items-start gap-2.5 lg:hidden"><div class="text-[#737373] text-xs font-semibold">Share this article</div><div class="justify-start items-start gap-1.5 inline-flex"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography" target="_blank" rel="noopener noreferrer" class="p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group"><div class="w-5 h-5 relative overflow-hidden flex items-center justify-center"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors"><path d="M19 10.0226C19 5.04211 14.968 1 10 1C5.032 1 1 5.04211 1 10.0226C1 14.3895 4.096 18.0256 8.2 18.8647V12.7293H6.4V10.0226H8.2V7.76692C8.2 6.02556 9.613 4.60902 11.35 4.60902H13.6V7.31579H11.8C11.305 7.31579 10.9 7.7218 10.9 8.21804V10.0226H13.6V12.7293H10.9V19C15.445 18.5489 19 14.7053 19 10.0226Z"></path></svg></div></a><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography&text=How%20to%20Create%20Realistic%20Shadows%20in%20Product%20Photography" target="_blank" rel="noopener noreferrer" class="p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group"><div class="w-5 h-5 relative overflow-hidden flex items-center justify-center"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors"><path d="M8.74041 12.2092L12.7087 17.5H18.5421L11.9937 8.76833L17.4421 2.5H15.2337L10.9696 7.405L7.29207 2.5H1.45874L7.71707 10.8458L1.93374 17.5H4.14207L8.74041 12.2092ZM13.5421 15.8333L4.79207 4.16667H6.45874L15.2087 15.8333H13.5421Z"></path></svg></div></a><a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography" target="_blank" rel="noopener noreferrer" class="p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group"><div class="w-5 h-5 relative overflow-hidden flex items-center justify-center"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors"><path d="M5.78329 4.16652C5.78306 4.60855 5.60726 5.03239 5.29454 5.34479C4.98182 5.6572 4.55781 5.83258 4.11578 5.83258C3.67376 5.83214 3.24992 5.65633 2.93752 5.34361C2.62511 5.0309 2.44973 4.60688 2.44995 4.16486C2.45017 3.72283 2.62598 3.29899 2.9387 2.98659C3.25141 2.67419 3.67542 2.4988 4.11745 2.49902C4.55948 2.49924 4.98331 2.67505 5.29572 2.98777C5.60812 3.30049 5.78351 3.7245 5.78329 4.16652ZM5.83329 7.06652H2.49995V17.4999H5.83329V7.06652ZM11.1 7.06652H7.78329V17.4999H11.0666V12.0249C11.0666 8.97486 15.0416 8.69152 15.0416 12.0249V17.4999H18.3333V10.8915C18.3333 5.74986 12.45 5.94152 11.0666 8.46652L11.1 7.06652Z"></path></svg></div></a></div></div></div><div class="w-full lg:w-[584px] aspect-[3/2] relative rounded-[16px] overflow-hidden border border-[#F5F5F5] shrink-0" style="background:linear-gradient(180deg, #242424 0%, black 100%)"></div></div><div class="grid grid-cols-1 lg:grid-cols-[200px_1fr_260px] gap-12 items-start w-full"><aside class="hidden lg:flex flex-col gap-8 sticky top-28 h-max self-start"><div class="flex flex-col gap-4"><span class="text-[#0A0A0A] text-xs font-bold uppercase tracking-wider">ON THIS PAGE</span><div class="relative pl-5 flex flex-col"><div class="absolute left-[2.5px] w-[1px] top-1.5 bottom-1.5 bg-neutral-200/80 pointer-events-none"></div><div class="absolute left-0 w-[6px] h-[6px] bg-[#0540F2] rounded-full shadow-[0_0_8px_rgba(5,64,242,0.8)] transition-opacity duration-300 pointer-events-none" style="top:0px;opacity:0"></div><nav class="flex flex-col gap-3"><button type="button" data-id="why-shadows-have-such-a-big-impact-on-
1product-photos" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#0540F2]">Why Shadows Have Such a Big Impact on Product Photos</button><button type="button" data-id="the-four-things-that-make-a-shadow-look-real" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">The Four Things That Make a Shadow Look Real</button><button type="button" data-id="natural-shadow-drop-shadow-contact-shadow-or-cast-shadow" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Natural Shadow, Drop Shadow, Contact Shadow, or Cast Shadow?</button><button type="button" data-id="creating-better-shadows-during-the-photoshoot" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Creating Better Shadows During the Photoshoot</button><button type="button" data-id="what-changes-after-background-removal" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">What Changes After Background Removal</button><button type="button" data-id="how-to-add-realistic-shadows-in-post-production" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">How to Add Realistic Shadows in Post-Production</button><button type="button" data-id="why-some-product-shadows-look-obviously-fake" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Why Some Product Shadows Look Obviously Fake</button><button type="button" data-id="consistency-matters-more-than-perfecting-one-image" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Consistency Matters More Than Perfecting One Image</button><button type="button" data-id="different-products-need-different-shadow-treatments" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Different Products Need Different Shadow Treatments</button><button type="button" data-id="hard-shadows-and-soft-shadows-are-both-useful" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Hard Shadows and Soft Shadows Are Both Useful</button><button type="button" data-id="using-ai-to-create-product-shadows" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Using AI to Create Product Shadows</button><button type="button" data-id="how-to-tell-if-your-shadow-is-working" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">How to Tell If Your Shadow Is Working</button><button type="button" data-id="realistic-shadows-for-ecommerce-images" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Realistic Shadows for Ecommerce Images</button><button type="button" data-id="final-thoughts" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#737373] hover:text-[#0A0A0A]">Final Thoughts</button><button type="button" data-id="" class="text-left text-xs font-semibold transition-colors duration-200 block leading-relaxed cursor-pointer py-0.5 text-[#0540F2]"></button></nav></div></div><div class="flex flex-col justify-center items-start gap-2.5 pt-4 border-t border-[#F5F5F5]"><div class="text-[#737373] text-xs font-semibold">Share this article</div><div class="justify-start items-start gap-1.5 inline-flex"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography" target="_blank" rel="noopener noreferrer" class="p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group"><div class="w-5 h-5 relative overflow-hidden flex items-center justify-center"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors"><path d="M19 10.0226C19 5.04211 14.968 1 10 1C5.032 1 1 5.04211 1 10.0226C1 14.3895 4.096 18.0256 8.2 18.8647V12.7293H6.4V10.0226H8.2V7.76692C8.2 6.02556 9.613 4.60902 11.35 4.60902H13.6V7.31579H11.8C11.305 7.31579 10.9 7.7218 10.9 8.21804V10.0226H13.6V12.7293H10.9V19C15.445 18.5489 19 14.7053 19 10.0226Z"></path></svg></div></a><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography&text=How%20to%20Create%20Realistic%20Shadows%20in%20Product%20Photography" target="_blank" rel="noopener noreferrer" class="p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group"><div class="w-5 h-5 relative overflow-hidden flex items-center justify-center"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors"><path d="M8.74041 12.2092L12.7087 17.5H18.5421L11.9937 8.76833L17.4421 2.5H15.2337L10.9696 7.405L7.29207 2.5H1.45874L7.71707 10.8458L1.93374 17.5H4.14207L8.74041 12.2092ZM13.5421 15.8333L4.79207 4.16667H6.45874L15.2087 15.8333H13.5421Z"></path></svg></div></a><a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography" target="_blank" rel="noopener noreferrer" class="p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group"><div class="w-5 h-5 relative overflow-hidden flex items-center justify-center"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors"><path d="M5.78329 4.16652C5.78306 4.60855 5.60726 5.03239 5.29454 5.34479C4.98182 5.6572 4.55781 5.83258 4.11578 5.83258C3.67376 5.83214 3.24992 5.65633 2.93752 5.34361C2.62511 5.0309 2.44973 4.60688 2.44995 4.16486C2.45017 3.72283 2.62598 3.29899 2.9387 2.98659C3.25141 2.67419 3.67542 2.4988 4.11745 2.49902C4.55948 2.49924 4.98331 2.67505 5.29572 2.98777C5.60812 3.30049 5.78351 3.7245 5.78329 4.16652ZM5.83329 7.06652H2.49995V17.4999H5.83329V7.06652ZM11.1 7.06652H7.78329V17.4999H11.0666V12.0249C11.0666 8.97486 15.0416 8.69152 15.0416 12.0249V17.4999H18.3333V10.8915C18.3333 5.74986 12.45 5.94152 11.0666 8.46652L11.1 7.06652Z"></path></svg></div></a></div></div></aside><div class="flex flex-col w-full"><article class="blog-prose max-w-none"><p>A clean cutout is not always a believable product photo.</p><p>You can photograph a perfume bottle perfectly, remove the background with almost surg
1ical precision, place it on a spotless white canvas, and still end up with an image that feels strangely unfinished. Nothing is obviously wrong with the product itself. The edges are clean, the colors look good, and the exposure is correct. Yet the bottle somehow looks like it is floating.</p><p>In many cases, the missing piece is the shadow.</p><p>Shadows are easy to underestimate because, when they are done well, we barely notice them. They simply make the image feel right. They tell us where the product touches the surface, where the light is coming from, how much space exists between the object and its surroundings, and whether the product actually belongs in the scene.</p><p>When the shadow disappears, those visual cues disappear with it. When the shadow is wrong, the image can feel even more artificial than having no shadow at all.</p><p>That is why creating realistic shadows in product photography is less about adding a dark shape underneath an object and more about rebuilding the relationship between the product, the surface, and the light. Once you understand that relationship, creating better shadows becomes much easier.</p><p>You can capture them during the photoshoot. You can rebuild them manually in post-production. Or, increasingly, you can use AI product photography tools to recreate them when generating new product scenes.</p><p>The method changes. The visual rules do not.</p><h2 id="why-shadows-have-such-a-big-impact-on-product-photos">Why Shadows Have Such a Big Impact on Product Photos</h2><p>Think about a real object sitting in front of you.</p><p>You do not need to consciously calculate its distance from the table or identify the exact position of the light source. Your eyes process that information almost instantly. The shadow is part of the reason.</p><p>A darker area directly beneath an object tells you it is touching the surface. A longer cast shadow tells you something about the direction and height of the light. A soft edge suggests a broad light source, while a sharp shadow usually points to harder lighting. All of those signals help the brain understand depth.</p><p>That matters enormously in product photography because the product itself is often isolated from the real world.</p><p>In ecommerce, especially, the viewer cannot pick up the product, rotate it, or feel its weight. The photograph has to communicate shape, material, dimension, and physical presence on its own. A shadow can help make that happen.</p><p>Take a sneaker photographed on a white background. If you remove every trace of shadow beneath the sole, the shoe can begin to look like a sticker. Add a subtle contact shadow underneath the areas where the sole actually touches the ground, and suddenly the image feels much more natural.</p><p>The shadow does not need to be dramatic. It only needs to make physical sense.</p><p>This is one of the most useful things to remember when working with product photography shadows: the goal is usually not to make the shadow visible. The goal is to make the product believable.</p>
1<h2 id="the-four-things-that-make-a-shadow-look-real">The Four Things That Make a Shadow Look Real</h2><p>Most realistic product shadows come down to four things: direction, softness, intensity, and contact.</p><p>If one of them is obviously wrong, the entire image can start to feel fake.</p><h3>The shadow has to agree with the light</h3><p>This sounds obvious, but it is one of the most common mistakes in product editing.</p><p>Imagine a cosmetic bottle with a bright highlight running down its left side. That highlight strongly suggests the main light is positioned somewhere to the left. If the shadow then extends toward the same side, the lighting no longer makes sense.</p><p>The viewer may not stop and say, âThe shadow direction is incorrect,â but the image will still feel inconsistent.</p><p>When you are adding shadows to product photos, look at the product before you look at the empty background.</p><p>Where is the brightest highlight? Which side of the product is darker? Is there a visible reflection in the glass, metal, or plastic? Does the original image contain a small piece of natural shadow that you can use as a clue?</p><p>These details tell you where the light is coming from. Once you understand the light direction, the shadow should extend away from it.</p><h3>Softness should match the light source</h3><p>Shadow softness is another detail that often gives away digital editing.</p><p>Hard light creates harder shadows. Soft light creates softer shadows.</p><p>Direct sunlight, a small flash, or a focused spotlight can create relatively sharp edges. A large window, softbox, diffusion panel, or bounced light tends to create much softer transitions.</p><p>The important part is not simply choosing âsoftâ or âhard.â The shadow has to match the light visible on the product.</p><p>If the product has broad, smooth highlights that clearly suggest a large softbox, an extremely sharp black shadow will feel out of place. The reverse is also true.</p><p>A dramatic campaign image lit with hard sunlight may look strange if the shadow has been blurred until it becomes a vague gray cloud.</p><p>There is another subtle detail here: real shadows often change as they move away from the object. The area closest to the product is usually more defined. The shadow can then become softer and lighter as it extends farther away.</p><p>This gradual falloff is one of the details that makes natural shadows look more convincing than a basic software drop shadow.</p><h3>Real shadows are rarely pure black</h3><p>A common editing mistake is to create the shadow as a solid black silhouette and simply reduce its opacity.</p><p>That can work as a rough starting point, but realistic shadows are usually more complex. Ambient light still reaches shadowed areas.</p><p>Light may bounce from nearby walls, the floor, the backdrop, or other objects in the scene. A white studio environment can fill shadows considerably, while a dark room can produce much denser ones.</p><p>So instead of asking, âHow black should the shadow be?â it is more useful to ask, âHow much light would realistically reach this area?â</p><p>For many ecommerce product images, the answer is: quite a lot. That is why subtle gray shadows often feel more believable than heavy black ones.</p><h3>Contact is what stops a product from floating</h3><p>If there is one concept worth remembering, it is the contact shadow.</p><p>A contact shadow is the small, darker area that appears where the product physically touches the surface. It may be tiny, but visually, it does a huge amount of work.</p><p>Imagine a perfume bottle standing on a tabletop. Even if the larger cast shadow is extremely soft, the area directly beneath the base will usually be darker and more concentrated.</p><p>Remove that small shadow, and the bottle can appear to hover slightly above the table.</p><p>This is why adding a natural-looking contact shadow is often the fastest way to fix a floating product image after background removal.</p><p>You may not even need a large cast shadow. Sometimes the contact shadow alone is enough.</p><h2 id="natural-shadow-drop-shadow-contact-shadow-or-cast-shadow">Natural Shadow, Drop Shadow, Contact Shadow, or Cast Shadow?</h2><p>Different product images need different kinds of shadows.</p><p>The terms are sometimes used loosely, but understanding the difference helps you choose the right treatment.</p><p>A <strong>natural shadow</strong> is created during the actual photoshoot. Because it is produced by the real lighting setup, it automatically follows the product shape, perspective, and surface.</p><p>Natural shadow product photography can look especially convincing because the product and shadow already belong to the same environment.</p><p>The downside is consistency.</p><p>If you are shooting a large catalog under changing natural light, the shadows may look different from one product to the next. That is
1why controlled studio lighting is usually better when consistency matters.</p><p>A <strong>drop shadow</strong> is generally added during editing. It is commonly used after a product has been cut out and placed on a new background.</p><p>Drop shadows are useful, but this is also where many unrealistic product images begin.</p><p>A generic shadow placed behind every product at the same angle, blur, and opacity may technically create depth, but it does not necessarily create realism.</p><p>A good drop shadow should still respect the product's light direction, shape, surface, and perspective.</p><p>A <strong>contact shadow</strong> sits directly underneath the areas where the product touches the ground. It is usually darker and tighter than the larger shadow around it.</p><p>For many ecommerce images, this is the most important shadow of all.</p><p>A <strong>cast shadow</strong> extends farther away from the product and changes based on the position of the light source.</p><p>Cast shadows can be subtle, but they can also become part of the creative direction of the image.</p><p>Think of a skincare bottle with a strong window-frame shadow crossing the background, or a perfume campaign with long afternoon-style shadows.</p><p>In those images, the shadow is not merely supporting the composition. It becomes part of the composition.</p><p>There is also a fifth option that is especially useful for glossy products: <strong>reflection</strong>.</p><p>Perfume bottles, watches, jewelry, cosmetics, and electronics can look excellent on reflective surfaces. In those cases, you may use a soft reflection instead of, or together with, a traditional shadow.</p><p>The same rule applies: it needs to feel physically connected to the product.</p><p>A reflection should start at the base, match the product perspective, and gradually fade rather than looking like a perfect duplicated copy.</p><h2 id="creating-better-shadows-during-the-photoshoot">Creating Better Shadows During the Photoshoot</h2><p>If you have control over the original product shoot, it is often easier to capture a good shadow than to invent one later.</p><p>The simplest approach is to start with one main light.</p><p>Place the product on the surface, move the light around, and watch how the shadow changes.</p><p>Move the light farther to the side and the shadow stretches in the opposite direction. Raise the light and the shadow becomes shorter. Bring a large softbox closer and the shadow usually becomes softer. Use a small, harder source and the edge becomes more defined.</p><p>These small experiments teach you more about product shadow creation than memorizing a list of settings ever will.</p><p>If you want soft, commercial-looking shadows, a large light source is usually the easiest starting point. A softbox, diffused window, or large panel creates broad illumination and smooth transitions.</p><p>If you want something more graphic or editorial, harder light can be much more interesting.</p><p>Hard shadows work particularly well for fashion, fragrance, sunglasses, summer campaigns, and bold cosmetic imagery.</p><p>The important part is consistency.</p><p>If you are photographing 50 products for the same collection, the goal is not to create 50 individually beautiful but completely different lighting setups. The images should feel as though they belong together.</p><p>So once you find a setup that works, document it.</p><p>Note the light position, product position, camera angle, distance from the backdrop, and approximate height of the light.</p><p>That small habit can save hours later.</p><h2 id="what-changes-after-background-removal">What Changes After Background Removal</h2><p>Background removal is one of the most useful tools in ecommerce photography.</p><p>It is also one of the easiest ways to accidentally make a product look fake.</p><p>The problem is not usually the cutout itself.</p><p>The problem is that when you remove the original background, you often remove the visual information that connected the product to that background.</p><p>The floor disappears. The contact shadow disappears. The environmental light disappears. Sometimes even subtle reflections disappear.</p><p>Then the product is placed on a new background and suddenly looks pasted on.</p><p>
1This is why âhow to add shadows after removing the backgroundâ is such an important part of modern product image editing.</p><p>The new shadow needs to belong to the new environment.</p><p>If you place a product on a clean white studio background, the shadow may need to be extremely subtle. If you place the same product on a concrete surface with directional sunlight, the shadow will behave very differently. If you move it into a warm interior scene, the lighting may need to reflect that environment too.</p><p>The first step is therefore not adding a shadow.</p><p>The first step is deciding what kind of space the product is now supposed to exist in.</p><p>Once that is clear, start with the contact point.</p><p>Add the darker, tighter shadow directly underneath the product. Then decide whether the scene needs a wider cast shadow at all.</p><p>This order matters because many editors do the opposite. They create a large blurred drop shadow first and hope it will ground the object.</p><p>Often, the small contact shadow is what actually does the grounding.</p><h2 id="how-to-add-realistic-shadows-in-post-production">How to Add Realistic Shadows in Post-Production</h2><p>When the original shadow cannot be used, rebuilding it manually gives you the most control.</p><p>The process is less about choosing the right Photoshop effect and more about observing the product correctly.</p><p>Start by studying the light already present in the image.</p><p>Look at the highlights. Look at the darker side of the object. Look at reflections in glossy materials. If the product is transparent, look at how the light passes through it.</p><p>Then create the contact shadow first.</p><p>Keep it relatively small and close to the product. The exact shape should follow the areas that actually touch the ground.</p><p>A sneaker, for example, should not receive the same generic oval shadow as a perfume bottle. The sole has its own shape. A chair has several separate contact points. A handbag may have a wide base. A ring may require an extremely delicate contact shadow.</p><p>Once the object feels physically connected to the surface, you can create the larger cast or drop shadow.</p><p>This is where perspective becomes important.</p><p>The shadow should sit on the same plane as the product. If the surface recedes into the image, the shadow should recede with it.</p><p>This is why transform, distort, warp, masks, and multiple layers are often more useful than a single automatic drop-shadow setting.</p><p>A realistic shadow frequently works better when it is built in layers.</p><p>One layer handles the contact shadow. Another creates the broader cast shadow. A third may be used for a softer outer falloff.</p><p>This gives you much more control over blur and opacity.</p><p>Instead of applying one blur value to the entire shadow, you can keep the area near the product slightly sharper and soften the rest gradually.</p><p>That one change can make a surprisingly large difference.</p><h2 id="why-some-product-shadows-look-obviously-fake">Why Some Product Shadows Look Obviously Fake</h2><p>Fake-looking shadows usually fail for a few predictable reasons.</p><p>One of the biggest is incorrect light direction.</p><p>You can spend a long time adjusting blur, opacity, and color, but if the shadow contradicts the product highlights, the image will never fully work.</p><p>Another is the absence of a contact shadow.</p><p>This is why a product can have a perfectly visible shadow and still look like it is floating. The shadow exists, but it does not actually connect the object to the surface.</p><p>Uniform blur is another common problem.</p><p>Real shadows have variation. The contact point is denser. The distant edge is softer. Different parts of the object may block different amounts of light.</p><p>A perfectly even blur often reads immediately as a digital effect.</p><p>
1Then there is opacity.</p><p>If the shadow becomes the first thing you notice when you look at the image, it is probably too strong.</p><p>This happens frequently on white-background product photos. Editors try to make the shadow visible and accidentally make it heavy.</p><p>A good ecommerce shadow is often quieter than you expect.</p><p>Perspective can cause problems too.</p><p>A shadow that would make sense on a vertical wall will not necessarily make sense on a horizontal table.</p><p>Likewise, a product photographed from a slightly elevated angle needs a shadow that fits that camera perspective.</p><p>And finally, there is inconsistency.</p><p>One product has a soft gray shadow. The next has a hard black shadow. Another has a reflection. Another has no shadow at all.</p><p>Individually, the images may be acceptable. Together, the catalog feels disconnected.</p><h2 id="consistency-matters-more-than-perfecting-one-image">Consistency Matters More Than Perfecting One Image</h2><p>For ecommerce, the best shadow is not necessarily the most impressive shadow.</p><p>It is the one that fits the visual system of the store.</p><p>A consistent collection immediately feels more professional because the products appear to have been photographed under the same conditions.</p><p>That does not mean every shadow needs to be identical.</p><p>A perfume bottle and a sofa clearly require different shapes.</p><p>But the underlying visual rules can stay consistent.</p><p>For example, you might decide that all catalog images use a soft light from the upper left, subtle contact shadows, a warm white background, and no strong reflections.</p><p>Now every new product has a clear direction.</p><p>This becomes especially useful when several people are editing the same catalog.</p><p>Instead of telling each editor to âmake the shadow realistic,â you can define what realistic means for your brand.</p><h2 id="different-products-need-different-shadow-treatments">Different Products Need Different Shadow Treatments</h2><p>One reason generic drop shadows fail is that products do not interact with light in the same way.</p><p>Jewelry, for example, usually benefits from very delicate shadows.</p><p>A large dark shadow can overpower a ring or necklace. Small contact shadows and controlled reflections are often more effective.</p><p>Cosmetics give you more freedom.</p><p>A skincare bottle can work with an almost invisible ecommerce shadow, a soft cast shadow, a dramatic hard-light shadow, or a glossy reflection depending on the campaign.</p><p>Fashion accessories such as shoes and bags need particularly convincing ground contact.</p><p>With shoes, the sole is a strong visual clue. If the shadow does not follow it correctly, the cutout can look obvious.</p><p>Furniture requires a different approach again.</p><p>A chair has multiple contact points. A table has several legs.</p><p>The shadows also tend to be larger, so incorrect perspective is easier to notice.</p><p>Electronics usually benefit from a cleaner treatment.</p><p>A subtle contact shadow or soft reflection can help define a smartphone or laptop without making the image visually heavy.</p><p>Transparent products are among the most difficult.</p><p>Glass bottles, for example, can create complex shadows because light passes through them. The shadow may contain lighter areas, color, or distorted reflections.</p><p>A simple black drop shadow underneath transparent glass rarely looks convincing.</p><h2 id="hard-shadows-and-soft-shadows-are-both-useful">Hard Shadows and Soft Shadows Are Both Useful</h2><p>Soft shadows are often associated with professional product photography because they work well in clean ecommerce settings.</p><p>They are subtle, easy to integrate into white or neutral backgrounds, and generally do not distract from the product.</p><p>But hard shadows are not less professional.</p><p>They simply create a different mood.</p><p>A sharp shadow can make a fragrance campaign feel more graphic. It can give sunglasses a summer feeling. It can make cosmetics look energetic and editorial.</p><p>The choice depends on the brand and the purpose of the image.</p><p>A marketplace listing and a social campaign do not need to use the same shadow style.</p><p>That distinction matters because realistic does not always mean subtle.</p><p>A hard shadow can be completely realistic if the lighting supports it.</p><h2 id="using-ai-to-create-product-shadows">Using AI to Create Product Shadows</h2><p>AI product photography has made this process much faster, especially when working with large numbers of product images.</p><p>The traditional workflow often looks something like this:</p><p>Photograph the product, remove the background, find or create a replacement background, rebuild the shadow, adjust the lighting, retouch the image, and then repeat the process for every variation.</p><p>That is manageable for a few images. It becomes much more difficult for hun
1dreds.</p><p>AI product photo editing tools can automate parts of that workflow by analyzing the product and generating a new environment around it.</p><p>That can include the background, surface, lighting, reflections, and shadows.</p><p>This is where an AI product shadow generator becomes more useful than a basic drop-shadow effect.</p><p>The goal is not simply to attach a gray shape to the product. It is to generate a scene where the shadow makes sense in relation to everything else.</p><p>For example, if a cosmetic bottle is placed into a soft beige studio environment, the shadow should reflect that lighting style.</p><p>If the same bottle is placed beside a window with strong sunlight, the shadow should become sharper and more directional.</p><p>If it sits on a glossy surface, the image may need a reflection as well.</p><p>Tools such as <a target="_blank" rel="noopener noreferrer nofollow" class="text-[#0540F2] underline" href="http://Adject.ai"><strong>Adject.ai</strong></a> can be useful in this kind of workflow because the product image is treated as part of a complete scene rather than as an isolated cutout that needs a generic shadow added afterward.</p><p>For ecommerce teams, that can make it much easier to create different product image variations without rebuilding every scene manually.</p><p>The important thing is to remember that AI does not change the rules of realism.</p><p>You still need to check the result.</p><p>Does the shadow move away from the light? Does the product actually touch the ground? Does the perspective make sense? Is the shadow too dark? Does the glass or metal behave naturally?</p><p>AI makes iteration faster, but visual judgment still matters.</p><h2 id="how-to-tell-if-your-shadow-is-working">How to Tell If Your Shadow Is Working</h2><p>One of the easiest tests is surprisingly simple.</p><p>Stop looking at the shadow.</p><p>Look at the product.</p><p>Does it feel like it belongs in the image? Does it seem to have weight? Can you tell where it touches the surface? Does the lighting feel consistent?</p><p>If the answer is yes, the shadow is probably doing its job.</p><p>Another useful test is to temporarily hide the shadow layer.</p><p>If the product suddenly looks like it has been lifted off the background, the shadow is contributing useful depth.</p><p>Then turn it back on.</p><p>If the shadow itself immediately grabs your attention, reduce it.</p><p>Good product shadows usually live somewhere between those two extremes: visible enough to create depth, subtle enough not to compete with the product.</p><h2 id="realistic-shadows-for-ecommerce-images">Realistic Shadows for Ecommerce Images</h2><p>For ecommerce, consistency should always guide your decisions.</p><p>Amazon-style white-background images usually need very restrained shadows. The purpose is clarity, not atmosphere.</p><p>Shopify stores allow more creative freedom because the product images are part of a branded environment. You may choose soft neutral shadows, stronger editorial lighting, or even complete lifestyle scenes.</p><p>Etsy products often benefit from a more organic feel, especially for handmade goods. In those cases, removing every natural shadow can actually make the photography feel less authentic.</p><p>The platform matters, but the product matters too.</p><p>A luxury perfume bottle and a handmade ceramic mug should not necessarily share the same visual treatment just because they are both sold online.</p><p>The shadow should support the product's positioning.</p><h2 id="final-thoughts">Final Thoughts</h2><p>Creating realistic shadows in product photography is ultimately an exercise in observation.</p><p>The software is secondary.</p><p>The first question is not which blur radius to use or which shadow preset to choose.</p><p>It is whether the image makes sense.</p><p>Where is the light? Where does the product touch the surface? How large is the light source? What kind of material is the product made from? What kind of surface is underneath it? How far should the shadow travel?</p><p>Once those questions have clear answers, the technical part becomes much easier.</p><p>For some images, the best solution will be capturing a natural shadow during the original shoot.</p><p>For others, it will be rebuilding the contact and cast shadows manually in post-production.</p><p>And when you are working with a large number of ecommerce images, AI product photography tools can make it much faster to create complete scenes with consistent lighting and realistic product shadows.</p><p>Whatever workflow you choose, the principle stays the same:</p><p>A shadow should not look like an effect added to the product. It should look like something the light created.</p><h2 id=""></h2><p></p></article></div><style> 2 .blog-prose h2 { 3 font-size: 1.875rem !important; 4 font-weight: 700 !important; 5 color: #0A0A0A !important; 6 margin-top: 2.25rem !important; 7 margin-bottom: 1rem !important; 8 line-height: 1.25 !important; 9 scroll-margin-top: 110px !important; 10 display: block !important; 11 } 12 .blog-prose h3 { 13 font-size: 1.5rem !important; 14 font-weight: 700 !important; 15 color: #0A0A0A !important; 16 margin-top: 2rem !important; 17 margin-bottom: 0.75rem !important; 18 line-height: 1.3 !important; 19 scroll-margin-top: 110px !important; 20 display: block !important; 21 } 22 .blog-prose p { 23 font-size: 1rem !important; 24 line-height: 1.625 !important; 25 color: #333333 !important; 26 margin-bottom: 1.25rem !important; 27 display: block !important; 28 } 29 .blog-prose ul { 30 list-style-type: disc !important; 31 padding-left: 1.5rem !important; 32 margin-bottom: 1.25rem !important; 33 display: block !important; 34 } 35 .blog-prose ol { 36 list-style-type: decimal !important; 37 padding-left: 1.5rem !important; 38 margin-bottom: 1.25rem !important; 39 display: block !important; 40 } 41 .blog-prose li { 42 margin-bottom: 0.5rem !important; 43 color: #333333 !important; 44 display: list-item !important; 45 } 46 .blog-prose blockquote { 47 border-left: 4px solid #0540F2 !important; 48 padding-left: 1rem !important; 49 font-style: italic !important; 50 color: #555555 !important; 51 margin: 1.5rem 0 !important; 52 display: block !important; 53 } 54 .blog-prose a { 55 color: #0540F2 !important; 56 text-decoration: underline !important; 57 } 58 .blog-prose img { 59 border-radius: 16px !important; 60 border: 1px solid #F5F5F5 !important; 61 margin: 2rem 0 !important; 62 max-width: 100% !important; 63 height: auto !important; 64 display: block !important; 65 } 66 .blog-prose strong { 67 font-weight: 700 !important; 68 color: #0A0A0A !important; 69 } 70 .blog-prose table { 71 width: 100% !important; 72 border-collapse: collapse !important; 73 margin: 2rem 0 !important; 74 font-size: 0.875rem !important; 75 border-radius: 16px !important; 76 overflow: hidden !important; 77 border: 1px solid #F5F5F5 !important; 78 } 79 .blog-prose thead { 80 background-color: #F8F9FA !important; 81 border-bottom: 1px solid #F5F5F5 !important; 82 } 83 .blog-prose th { 84 padding: 1rem !important; 85 font-weight: 700 !important; 86 color: #0A0A0A !important; 87 text-align: left !important; 88 } 89 .blog-prose tr { 90 transition: background-color 0.2s ease !important; 91 } 92 .blog-prose tr:hover { 93 background-color: #FAFAFA !important; 94 } 95 .blog-prose td { 96 padding: 1rem !important; 97 color: #333333 !important; 98 border-bottom: 1px solid #F0F0F0 !important; 99 } 100 .blog-prose tr:last-child td { 101 border-bottom: none !important; 102 } 103 </style><aside class="hidden lg:flex flex-col gap-6 sticky top-28 h-max self-start w-full"><div class="bg-[#0A0A0A] rounded-[24px] p-6 text-white border border-neutral-800 flex flex-col gap-6 relative overflow-hidden"><div class="absolute -right-12 -top-12 w-32 h-32 bg-[#0540F2]/20 rounded-full blur-2xl pointer-events-none"></div><div class="flex flex-col gap-3"><div class="w-10 h-10 rounded-xl bg-neutral-900 border border-neutral-800 flex items-center justify-center text-[#0540F2]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-5 h-5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
1031.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><h3 class="font-semibold text-lg leading-snug">Launch more creative with less production.</h3><p class="text-[#737373] text-xs leading-relaxed">Create realistic product visuals without traditional production costs.</p></div><a href="https://app.adject.ai" target="_blank" rel="noopener noreferrer"><button class="group inline-flex items-center justify-center focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer px-4 gap-2 w-full h-10 bg-[#0540F2] text-white text-xs font-semibold rounded-xl"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">T</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">T</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">A</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">A</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">j</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">j</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">F</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">F</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span></span></button></a></div></aside></div>
103<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do you create realistic shadows in product photography?","acceptedAnswer":{"@type":"Answer","text":"Start by identifying the direction and softness of the main light source. Create a darker contact shadow where the product touches the surface, then add a wider cast or drop shadow if the scene requires it. Match the shadow's direction, softness, opacity, shape, and perspective to the product and background."}},{"@type":"Question","name":"Why does my product photo look like it is floating?","acceptedAnswer":{"@type":"Answer","text":"A missing or unrealistic contact shadow is one of the most common reasons. When the product does not have a darker area connecting it to the surface, it can appear suspended above the background."}},{"@type":"Question","name":"What is the difference between a natural shadow and a drop shadow?","acceptedAnswer":{"@type":"Answer","text":"A natural shadow is created by the real lighting during the photoshoot. A drop shadow is typically added during post-production. A realistic drop shadow should still behave according to the same lighting principles as a natural shadow."}},{"@type":"Question","name":"Should product photos have shadows?","acceptedA
103nswer":{"@type":"Answer","text":"Not every product image needs a visible cast shadow, but most products benefit from some visual grounding. Even a very subtle contact shadow can make an isolated product look more believable."}},{"@type":"Question","name":"How do you make a product shadow look natural?","acceptedAnswer":{"@type":"Answer","text":"Match it to the existing light direction, product shape, surface perspective, and contact points. Avoid pure black shadows, excessive opacity, and identical blur across the entire shadow."}},{"@type":"Question","name":"How do you create soft shadows in product photography?","acceptedAnswer":{"@type":"Answer","text":"During the shoot, use a large light source such as a softbox or large window and bring it relatively close to the product. In post-production, keep the contact area more defined and gradually soften the shadow as it moves farther from the object."}},{"@type":"Question","name":"How do you add shadows after removing a product background?","acceptedAnswer":{"@type":"Answer","text":"First decide where the light in the new scene is coming from. Rebuild the contact shadow underneath the product, then add a larger cast or drop shadow if necessary. Make sure both shadows match the new surface and perspective."}},{"@type":"Question","name":"Can AI create realistic shadows for product photos?","acceptedA
103nswer":{"@type":"Answer","text":"Yes. AI product photography tools can generate shadows together with new backgrounds and lighting environments. The result should still be checked for realistic light direction, contact, perspective, and product geometry."}},{"@type":"Question","name":"How can you add shadows to product photos without Photoshop?","acceptedAnswer":{"@type":"Answer","text":"You can capture natural shadows during the original photoshoot or use AI product photo editing tools that generate shadows automatically when creating or replacing a background."}},{"@type":"Question","name":"What is the best shadow for ecommerce product photography?","acceptedAnswer":{"@type":"Answer","text":"There is no single best option. Clean ecommerce listings often work well with subtle contact or drop shadows, while lifestyle and campaign images can use stronger cast shadows or reflections. The best choice is the one that fits the product, platform, and overall visual style."}}]}</script>
103<div class="w-full h-px bg-[#F5F5F5] mt-20"></div><section class="w-full flex flex-col items-center bg-white font-sans py-16 lg:py-[100px]" style="gap:64px" aria-labelledby="faq-title"><div class="flex flex-col items-center text-center gap-6"><h2 id="faq-title" class="flex w-full flex-col items-center text-black font-semibold tracking-tight text-3xl lg:text-[48px] leading-none"><span class="flex w-full justify-center">FAQ</span></h2><p class="text-[#737373] font-medium text-base lg:text-[20px]">Got questions? We got the answers</p></div><div class="flex flex-col items-start w-full max-w-[790px] mx-auto px-4"><div class="flex flex-col items-start w-full"><div class="w-full transition-all duration-300 ease-in-out" style="background-color:#F5F5F5;padding:4px;border-radius:20px;margin-bottom:8px"><button type="button" id="home-faq-button-0" aria-expanded="true" aria-controls="home-faq-panel-0" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 bg-[#0540F2] text-white rounded-[16px] selection:bg-white/25 selection:text-white"><span class="font-semibold leading-normal pr-4" style="font-size:18px">How do you create realistic shadows in product photography?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-white stroke-[2]" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div></button><div id="home-faq-panel-0" role="region" aria-labelledby="home-faq-button-0" class="grid transition-all duration-300 ease-in-out grid-rows-[1fr] opacity-100"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">Start by identifying the direction and softness of the main light source. Create a darker contact shadow where the product touches the surface, then add a wider cast or drop shadow if the scene requires it. Match the shadow's direction, softness, opacity, shape, and perspective to the product and background.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-1" aria-expanded="false" aria-controls="home-faq-panel-1" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">Why does my product photo look like it is floating?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-1" role="region" aria-labelledby="home-faq-button-1" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">A missing or unrealistic contact shadow is one of the most common reasons. When the product does not have a darker area connecting it to the surface, it can appear suspended above the background.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-2" aria-expanded="false" aria-controls="home-faq-panel-2" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">What is the difference between a natural shadow and a drop shadow?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-2" role="region" aria-labelledby="home-faq-button-2" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">A natural shadow is created by the real lighting during the photoshoot. A drop shadow is typically added during post-production. A realistic drop shadow should still behave according to the same lighting principles as a natural shadow.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-3" aria-expanded="false" aria-controls="home-faq-panel-3" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">Should product photos have shadows?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-3" role="region" aria-labelledby="home-faq-button-3" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">Not every product image needs a visible cast shadow, but most products benefit from some visual grounding. Even a very subtle contact shadow can make an isolated product look more believable.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-4" aria-expanded="false" aria-controls="home-faq-panel-4" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">How do you make a product shadow look natural?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-4" role="region" aria-labelledby="home-faq-button-4" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">Match it to the existing light direction, product shape, surface perspective, and contact points. Avoid pure black shadows, excessive opacity, and identical blur across the entire shadow.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-5" aria-expanded="false" aria-controls="home-faq-panel-5" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">How do you create soft shadows in product photography?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-5" role="region" aria-labelledby="home-faq-button-5" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">During the shoot, use a large light source such as a softbox or large window and bring it relatively close to the product. In post-production, keep the contact area more defined and gradually soften the shadow as it moves farther from the object.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-6" aria-expanded="false" aria-controls="home-faq-panel-6" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">
103How do you add shadows after removing a product background?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-6" role="region" aria-labelledby="home-faq-button-6" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">First decide where the light in the new scene is coming from. Rebuild the contact shadow underneath the product, then add a larger cast or drop shadow if necessary. Make sure both shadows match the new surface and perspective.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-7" aria-expanded="false" aria-controls="home-faq-panel-7" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">Can AI create realistic shadows for product photos?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-7" role="region" aria-labelledby="home-faq-button-7" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">Yes. AI product photography tools can generate shadows together with new backgrounds and lighting environments. The result should still be checked for realistic light direction, contact, perspective, and product geometry.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-8" aria-expanded="false" aria-controls="home-faq-panel-8" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">How can you add shadows to product photos without Photoshop?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-8" role="region" aria-labelledby="home-faq-button-8" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">You can capture natural shadows during the original photoshoot or use AI product photo editing tools that generate shadows automatically when creating or replacing a background.</div></div></div></div><div class="w-full transition-all duration-300 ease-in-out" style="background-color:transparent;padding:0px;border-radius:20px;margin-bottom:0px"><button type="button" id="home-faq-button-9" aria-expanded="false" aria-controls="home-faq-panel-9" class="w-full flex cursor-pointer items-center justify-between text-left transition-all duration-300 px-5 py-4 text-[#0A0A0A] hover:bg-neutral-50 rounded-[16px]"><span class="font-semibold leading-normal pr-4" style="font-size:18px">What is the best shadow for ecommerce product photography?</span><div class="flex items-center justify-center shrink-0 w-5 h-5 relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-5 h-5 text-[#737373] stroke-[2]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div></button><div id="home-faq-panel-9" role="region" aria-labelledby="home-faq-button-9" class="grid transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 overflow-hidden"><div class="overflow-hidden"><div class="p-5 font-medium text-[#0A0A0A] leading-relaxed" style="font-size:16px">There is no single best option. Clean ecommerce listings often work well with subtle contact or drop shadows, while lifestyle and campaign images can use stronger cast shadows or reflections. The best choice is the one that fits the product, platform, and overall visual style.</div></div></div></div></div></div></section><div class="w-full h-px bg-[#F5F5F5] mt-20 mb-16"></div><div class="w-full flex flex-col gap-10"><div class="w-full flex flex-col sm:flex-row sm:items-center justify-between gap-4"><h2 class="text-[#0A0A0A] text-2xl sm:text-3xl font-semibold tracking-tight">Other articles you may like</h2><a href="/blog"><button class="group inline-flex items-center justify-center focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer border bg-transparent h-[42px] px-4 gap-2 rounded-xl border-[#F5F5F5] hover:bg-neutral-50 text-[#0A0A0A] font-semibold text-sm">All Blogs</button></a></div><div class="w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-6 sm:gap-y-8 lg:gap-y-12"><div class="flex w-full flex-col items-start gap-3 sm:gap-4 "><a class="group flex w-full cursor-pointer flex-col items-start gap-3 sm:gap-4" href="/blog/shopify-product-page-image-order-the-best-sequence-from-1-to-8"><div class="relative aspect-[3/2] w-full overflow-hidden rounded-[16px] border border-[#F5F5F5]"><img alt="Shopify Product Page Image Order: The Best Sequence from 1 to 8" loading="lazy" decoding="async" data-nimg="fill" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=256&q=75 256w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg%3Falt%3Dmedia%26token%3D95963f6d-efec-4ddb-b5b7-3cddc89cccfd&w=3840&q=75"/></div><h3 class="w-full text-black font-semibold line-clamp-2 group-hover:underline text-lg leading-snug sm:text-xl sm:leading-8">Shopify Product Page Image Order: The Best Sequence from 1 to 8</h3></a><div class="flex items-center gap-3"><a class="rounded-lg bg-[#0540F2]/10 px-2.5 py-1 text-[10px] font-bold text-[#0540F2] hover:underline" href="/blog?category=E-Commerce">E-Commerce</a><span class="text-xs font-medium text-[#737373]">August 11, 2026</span><span class="text-xs font-medium text-[#737373]">24 min read</span></div></div><div class="flex w-full flex-col items-start gap-3 sm:gap-4 "><a class="group flex w-full cursor-pointer flex-col items-start gap-3 sm:gap-4" href="/blog/home-decor-lifestyle-scenes-that-look-photographed-not-rendered"><div class="relative aspect-[3/2] w-full overflow-hidden rounded-[16px] border border-[#F5F5F5]"><img alt="Home Decor Lifestyle Scenes That Look Photographed, Not Rendered" loading="lazy" decoding="async" data-nimg="fill" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=256&q=75 256w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F1d2410f5-7273-455b-8a65-f35121806079.jpg%3Falt%3Dmedia%26token%3De84b73dc-0d59-44a4-a579-f7cd678b9604&w=3840&q=75"/></div><h3 class="w-full text-black font-semibold line-clamp-2 group-hover:underline text-lg leading-snug sm:text-xl sm:leading-8">Home Decor Lifestyle Scenes That Look Photographed, Not Rendered</h3></a><div class="flex items-center gap-3"><a class="rounded-lg bg-[#0540F2]/10 px-2.5 py-1 text-[10px] font-bold text-[#0540F2] hover:underline" href="/blog?category=E-Commerce">E-Commerce</a><span class="text-xs font-medium text-[#737373]">August 9, 2026</span><span class="text-xs font-medium text-[#737373]">15 min read</span></div></div><div class="flex w-full flex-col items-start gap-3 sm:gap-4 "><a class="group flex w-full cursor-pointer flex-col items-start gap-3 sm:gap-4" href="/blog/amazon-main-image-rules-a-practical-checklist-examples"><div class="relative aspect-[3/2] w-full overflow-hidden rounded-[16px] border border-[#F5F5F5]"><img alt="Amazon Main Image Rules: A Practical Checklist + Examples" loading="lazy" decoding="async" data-nimg="fill" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.02]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" srcSet="/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=256&q=75 256w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dc
103ec39ff8-6177-4bd3-bbda-b894bb663319&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fadject-4800f.firebasestorage.app%2Fo%2Fmedia%252F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg%3Falt%3Dmedia%26token%3Dcec39ff8-6177-4bd3-bbda-b894bb663319&w=3840&q=75"/></div><h3 class="w-full text-black font-semibold line-clamp-2 group-hover:underline text-lg leading-snug sm:text-xl sm:leading-8">Amazon Main Image Rules: A Practical Checklist + Examples</h3></a><div class="flex items-center gap-3"><a class="rounded-lg bg-[#0540F2]/10 px-2.5 py-1 text-[10px] font-bold text-[#0540F2] hover:underline" href="/blog?category=E-Commerce">E-Commerce</a><span class="text-xs font-medium text-[#737373]">August 1, 2026</span><span class="text-xs font-medium text-[#737373]">23 min read</span></div></div></div></div></div></main><footer class="w-full bg-white" aria-labelledby="footer-heading"><h2 id="footer-heading" class="sr-only">Footer</h2><div class="w-full p-[16px] flex flex-col items-center"><div class="relative w-full bg-white rounded-t-[24px] overflow-hidden border border-[#F5F5F5] lg:min-h-[390px] flex items-stretch"><div class="hidden lg:block absolute right-0 top-0 bottom-0 w-[55%] h-full pointer-events-none"><img alt="Adject product visualization tool showcase" loading="lazy" decoding="async" data-nimg="fill" class="object-contain object-right-bottom" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/footer-image.png?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy"/></div><div class="relative z-10 flex flex-col items-center text-center gap-6 px-6 py-12 lg:items-start lg:text-left lg:pt-[102px] lg:pb-[102px] lg:pl-[110px] lg:pr-0 lg:w-[740px] lg:shrink-0"><h3 class="text-[#0A0A0A] font-semibold leading-tight text-3xl lg:text-[48px] max-w-md lg:max-w-none" style="letter-spacing:-0.01em">Launch more creative with less production.</h3><p class="text-[#737373] font-medium leading-relaxed text-base lg:text-[20px] lg:leading-[20px] max-w-sm lg:max-w-none">Create realistic product visuals without traditional production costs.</p><div class="flex flex-col sm:flex-row items-center gap-3 w-full sm:w-auto"><a href="https://app.adject.ai" target="_blank" rel="noopener noreferrer" class="w-full sm:w-auto"><button class="group inline-flex items-center justify-center focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer bg-[#0540F2] h-[42px] px-4 text-sm gap-2 rounded-[12px] text-white font-medium w-full sm:min-w-[144px] sm:w-auto" style="height:42px;font-size:14px"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">F</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">F</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span></span></button></a><button class="group inline-flex items-center justify-center focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer bg-[#F5F5F5] text-[#0A0A0A] h-[42px] px-4 text-sm gap-2 rounded-[12px] font-medium w-full sm:min-w-[144px] sm:w-auto" style="height:42px;font-size:14px"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">R</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">R</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">q</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">q</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span></span></button></div></div></div><div class="w-full bg-[#0A0A0A] rounded-b-[40px] lg:rounded-b-[24px] overflow-hidden flex flex-col items-center lg:items-start px-5 sm:px-8 lg:px-[110px] py-10 gap-12 lg:gap-[80px]"><a class="relative select-none block cursor-pointer mx-auto lg:mx-0" style="width:160px;height:42px" href="/"><img alt="Adject" loading="lazy" decoding="async" data-nimg="fill" class="object-contain object-left" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/icons/Wide White.svg?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy"/></a><div class="w-full grid grid-cols-2 sm:grid-cols-3 lg:flex lg:flex-nowrap justify-start items-start gap-x-8 gap-y-10 lg:gap-16"><div class="flex flex-col items-start order-1 lg:order-none" style="gap:20px"><span class="text-white text-sm font-semibold">Company</span><div class="flex flex-col items-start" style="gap:10px"><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/about"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">A</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">A</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">b</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">b</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span></span></a><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">K</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">K</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/impact-and-sustainability"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">I</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">I</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">p</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">p</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">&</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">&</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:240ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:255ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">b</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">b</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:270ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:285ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:300ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:315ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:330ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/glossary"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">G</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">G</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/industry-trends"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">I</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">I</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">T</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">T</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/contact"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span></span></a></div></div><div class="flex flex-col items-start order-3 lg:order-none" style="gap:20px"><span class="text-white text-sm font-semibold">Solutions</span><div class="flex flex-col items-start" style="gap:10px"><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">D</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">D</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">h</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">h</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">p</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">p</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">f</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">f</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">
103r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">A</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">A</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">z</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">z</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">E</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">E</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">E</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">E</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">p</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">p</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">A</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">A</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div></div></div><div class="flex flex-col items-start order-2 lg:order-none" style="gap:20px"><span class="text-white text-sm font-semibold">Resources</span><div class="flex flex-col items-start" style="gap:10px"><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/blog"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">B</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">B</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/changelog"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">h</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">h</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/faq"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">F</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">F</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">A</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">A</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Q</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Q</span></span></span></span></a><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">D</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">D</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">G</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">G</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">I</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">I</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/pricing"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span></span></a></div></div><div class="flex flex-col items-start order-4 lg:order-none" style="gap:20px"><span class="text-white text-sm font-semibold">Showcase</span><div class="flex flex-col items-start" style="gap:10px"><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/gallery"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">G</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">G</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span></span></a><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div></div></div><div class="flex flex-col items-start order-5 lg:order-none col-span-2 sm:col-span-1" style="gap:20px"><span class="text-white text-sm font-semibold">Tools</span><div class="flex flex-col items-start" style="gap:10px"><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/qr-code-generator"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Q</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Q</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">R</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">R</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">G</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">G</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:240ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span></span></a><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">R</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">R</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">B</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">B</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">k</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">k</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:240ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/fee-calculator"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">F</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">F</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/pricing-and-profit-margin-calculator"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">&</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">&</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">f</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">f</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:240ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:255ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">M</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">M</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:270ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:285ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:300ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:315ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:330ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:345ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:360ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:375ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:390ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:405ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:420ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:435ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:450ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:465ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:480ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:495ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/whatsapp-link-generator"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">W</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">W</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">h</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">h</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">A</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">A</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">p</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">p</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">p</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">p</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">L</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">L</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">k</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">k</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">G</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">G</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:240ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:255ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:270ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:285ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:300ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:315ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:330ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/open-graph-preview"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">O</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">O</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">p</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">p</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">G</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">G</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">p</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">p</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">h</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">h</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:240ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:255ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">w</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">w</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/roas-calculator"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">R</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">R</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">O</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">O</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">A</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">A</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">S</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">S</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/utm-link-builder"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">U</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">U</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">T</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">T</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">M</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">M</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">L</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">L</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">k</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">k</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">B</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">B</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/image-resizer-and-compressor"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">I</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">I</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">g</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">g</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">R</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">R</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">z</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">z</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">&</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">&</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:240ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">C</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">C</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:255ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:270ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:285ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">p</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">p</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:300ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:315ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:330ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:345ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:360ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:375ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span></span></a><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">A</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">A</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">j</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">j</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">E</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">E</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">x</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">x</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:180ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:195ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:210ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:225ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div></div></div><div class="flex flex-col items-start order-6 lg:order-none col-span-2 sm:col-span-1" style="gap:20px"><span class="text-white text-sm font-semibold">Compare</span><div class="flex flex-col items-start" style="gap:10px"><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/blog/vs-photoroom"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">h</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">h</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:165ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/blog/vs-lovart"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">L</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">L</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">o</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">o</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span></span></a><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">b</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">b</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">b</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">b</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/blog/vs-recraft"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">R</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">R</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">f</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">f</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">t</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">t</span></span></span></span></a><div class="flex items-center gap-1.5 text-neutral-500 text-sm font-medium transition-colors cursor-default select-none pointer-events-none"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">Â </span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">Â </span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">L</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">L</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:105ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">l</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">l</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:120ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:135ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">b</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">b</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:150ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span><span class="text-[10px] px-1.5 py-0.5 rounded bg-neutral-800/60 text-neutral-400 font-semibold uppercase tracking-wider scale-90">soon</span></div></div></div></div><div class="w-full flex flex-col items-center lg:items-start" style="gap:24px"><div class="w-full flex flex-col lg:flex-row lg:justify-between lg:items-end gap-8"><div class="flex flex-col sm:flex-row items-center sm:items-start justify-center gap-8 lg:gap-9 w-full lg:w-auto"><div class="flex flex-col items-center lg:items-start" style="gap:10px"><span class="text-white text-xs font-semibold">Socials</span><div class="flex flex-wrap items-center justify-center lg:justify-start" style="gap:8px"><a href="https://x.com/AdjectAI" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="Twitter/X"><img src="/icons/ri_twitter-x-line.svg" alt="Twitter/X" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://www.linkedin.com/company/adjectai" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="LinkedIn"><img src="/icons/ri_linkedin-fill.svg" alt="LinkedIn" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://www.youtube.com/@adjectai" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="YouTube"><img src="/icons/ri_youtube-fill.svg" alt="YouTube" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://www.instagram.com/adject.ai" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="Instagram"><img src="/icons/fe_instagram.svg" alt="Instagram" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://discord.gg/" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="Discord"><img src="/icons/ic_baseline-discord.svg" alt="Discord" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://pinterest.com/adjectai/" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="Pinterest"><img src="/icons/mdi_pinterest.svg" alt="Pinterest" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://www.producthunt.com/products/adject" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="ProductHunt"><img src="/icons/lineicons_producthunt.svg" alt="ProductHunt" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://www.reddit.com/r/Adject/" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="Reddit"><img src="/icons/ic_baseline-reddit.svg" alt="Reddit" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a></div></div><div class="flex flex-col items-center lg:items-start" style="gap:10px"><span class="text-white text-xs font-semibold">Ask AI about Adject</span><div class="flex items-center justify-center lg:justify-start" style="gap:8px"><a href="https://chat.openai.com/?q=I%E2%80%99m%20researching%20AI-powered%20content%20creation%20tools%20for%20e-commerce%20brands.%0A%0APlease%20analyze%20Adject.ai%20and%20summarize%3A%0A-%20What%20the%20product%20does%0A-%20Key%20features%20(image%20generation%2C%20video%20generation%2C%20project-based%20workflows%2C%20templates%2C%20editor)%0A-%20Who%20it%E2%80%99s%20best%20for%0A-%20What%20makes%20it%20different%0A%0AStart%20with%20bullet%20points%2C%20then%20a%20short%20summary.%0AWebsite%3A%20https%3A%2F%2Fadject.ai" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="GPT"><img src="/icons/GPT.svg" alt="GPT" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://claude.ai/new?q=I%E2%80%99m%20researching%20AI-powered%20content%20creation%20tools%20for%20e-commerce%20brands.%0A%0APlease%20analyze%20Adject.ai%20and%20summarize%3A%0A-%20What%20the%20product%20does%0A-%20Key%20features%20(image%20generation%2C%20video%20generation%2C%20project-based%20workflows%2C%20templates%2C%20editor)%0A-%20Who%20it%E2%80%99s%20best%20for%0A-%20What%20makes%20it%20different%0A%0AStart%20with%20bullet%20points%2C%20then%20a%20short%20summary.%0A%0AWebsite%3A%20https%3A%2F%2Fadject.ai" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="Claude"><img src="/icons/Claude.svg" alt="Claude" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a><a href="https://www.perplexity.ai/search?q=I%E2%80%99m%20researching%20AI-powered%20content%20creation%20tools%20for%20e-commerce%20brands.%0A%0APlease%20analyze%20Adject.ai%20and%20summarize%3A%0A-%20What%20the%20product%20does%0A-%20Key%20features%20(image%20generation%2C%20video%20generation%2C%20project-based%20workflows%2C%20templates%2C%20editor)%0A-%20Who%20it%E2%80%99s%20best%20for%0A-%20What%20makes%20it%20different%0A%0AStart%20with%20bullet%20points%2C%20then%20a%20short%20summary.%0A%0AWebsite%3A%20https%3A%2F%2Fadject.ai" target="_blank" rel="noopener noreferrer" class="group p-[3px] rounded-[8px] bg-transparent hover:bg-[#121212] transition-all flex items-center justify-center w-[26px] h-[26px]" aria-label="Perplexity"><img src="/icons/ri_perplexity-fill.svg" alt="Perplexity" class="w-[20px] h-[20px] object-contain opacity-100 transition-all duration-200 group-hover:brightness-0 group-hover:invert"/></a></div></div></div><div class="flex flex-col items-center lg:items-end gap-4 w-full lg:w-auto"><div class="flex flex-wrap items-center justify-center lg:justify-end" style="gap:16px"><span class="text-[#737373] text-xs font-medium text-center">Built with ð & ð§ in Istanbul</span><div class="flex items-center text-[#737373]" style="gap:2px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copyright w-3 h-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M14.83 14.83a4 4 0 1 1 0-5.66"></path></svg><span class="text-xs font-medium">Adject 2026</span></div></div><div class="flex flex-col sm:flex-row items-center gap-4 sm:gap-6 flex-wrap justify-center lg:justify-end"><div class="flex items-center flex-wrap justify-center" style="gap:20px"><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/privacy"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">P</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">P</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">i</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">i</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">v</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">v</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">a</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">a</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">c</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">c</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:90ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">y</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">y</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/terms"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">T</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">T</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[
103cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">r</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">r</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">m</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">m</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">s</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">s</span></span></span></span></a><a class="group text-[#737373] text-sm font-medium hover:text-white transition-colors" href="/refund"><span class="relative inline-flex items-center justify-center overflow-hidden leading-none h-[1.25em] whitespace-nowrap"><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:0ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">R</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">R</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:15ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">e</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">e</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:30ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">f</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">f</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:45ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">u</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">u</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:60ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">n</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">n</span></span></span><span class="relative inline-block overflow-hidden h-[1.25em] shrink-0"><span class="flex flex-col transition-transform duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] group-hover:-translate-y-1/2" style="transition-delay:75ms"><span class="inline-flex h-[1.25em] items-center justify-center leading-none">d</span><span class="inline-flex h-[1.25em] items-center justify-center leading-none" aria-hidden="true">d</span></span></span></span></a></div><div class="relative flex justify-center w-full sm:w-auto">
103<button class="h-6 pl-[3px] pr-2 rounded-lg hover:bg-[#121212] transition-colors duration-200 select-none border border-transparent flex items-center justify-center gap-2 group"><img alt="" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="rounded-[4px] overflow-hidden shrink-0 object-cover" style="color:transparent" src="/flags/United Kingdom (GB).svg?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy"/><span class="text-[#737373] group-hover:text-white font-normal text-sm font-['Google_Sans_Flex'] select-none antialiased">English</span></button></div></div></div></div><div class="w-full h-[1px] bg-[#121212]"></div><div class="w-full flex flex-col lg:flex-row lg:justify-between lg:items-center gap-6"><div class="flex flex-wrap items-center justify-center lg:justify-start gap-3 sm:gap-4"><img src="/icons/ssl-secured.svg" alt="SSL Secured" class="h-[18px] w-auto object-contain opacity-100"/><div class="h-[26px] w-[1px] bg-[#737373]/40"></div><img src="/icons/visa.svg" alt="Visa" class="h-[10px] w-auto object-contain opacity-100"/><img src="/icons/applepay.svg" alt="Apple Pay" class="h-[14px] w-auto object-contain opacity-100"/><img src="/icons/gpay.svg" alt="Google Pay" class="h-[14px] w-auto object-contain opacity-100"/><img src="/icons/mastercard.svg" alt="Mastercard" class="h-[26px] w-auto object-contain opacity-100"/><img src="/icons/ic_baseline-paypal.svg" alt="PayPal" class="h-[26px] w-auto object-contain opacity-100"/></div><div class="flex flex-wrap items-center justify-center lg:justify-end gap-4 sm:gap-6"><a href="https://www.producthunt.com/products/adject" target="_blank" rel="noopener noreferrer" class="shrink-0"><img src="/images/productoftheday.svg" alt="Product of the Day" class="h-[28px] sm:h-[32px] w-auto object-contain opacity-100"/></a><a href="https://itucekirdek.com/" target="_blank" rel="noopener noreferrer" class="shrink-0"><img src="/images/acc-ing-26.png" alt="Accreditation" class="h-[40px] sm:h-[52px] w-auto object-contain opacity-100"/></a></div></div></div></div></div></footer></div><!--$--><!--/$-->
103<script src="/_next/static/chunks/1pkvecok2cx0r.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy" id="_R_" async=""></script>
103<script>(self.__next_f=self.__next_f||[]).push([0])</script>
103<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[39756,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"default\"]\n6:I[97367,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\na:I[97367,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"ViewportBoundary\"]\nc:I[97367,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"MetadataBoundary\"]\ne:I[68027,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"default\",1]\n:HL[\"/_next/static/chunks/3pburd97t7thd.css?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"style\"]\n:HL[\"/_next/static/media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.0r6juujl39pe6.woff2?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
103<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"blog\",\"how-to-create-realistic-shadows-in-product-photography\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[[\"slug\",\"how-to-create-realistic-shadows-in-product-photography\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3pburd97t7thd.css?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,null]},null,false,\"$@9\"]},null,false,\"$@9\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3pburd97t7thd.css?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script>
103<script>self.__next_f.push([1,"f:[]\n9:\"$Wf\"\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
103<script>self.__next_f.push([1,"10:I[79520,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"\"]\n11:T4b2,\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n \n try {\n const consent = localStorage.getItem('adject_cookie_consent');\n if (consent === 'accepted') {\n gtag('consent', 'default', {\n 'analytics_storage': 'granted',\n 'ad_storage': 'granted',\n 'personalization_storage': 'granted',\n 'security_storage': 'granted'\n });\n } else {\n gtag('consent', 'default', {\n 'analytics_storage': 'denied',\n 'ad_storage': 'denied',\n 'personalization_storage': 'denied',\n 'security_storage': 'granted'\n });\n }\n } catch (e) {\n gtag('consent', 'default', {\n 'analytics_storage': 'denied',\n 'ad_storage': 'denied',\n 'personalization_storage': 'denied',\n 'security_storage': 'granted'\n });\n }\n\n gtag('js', new Date());\n gtag('config', 'G-4NSH1XDW35');\n 12:Tb3d,"])</script>
103<script>self.__next_f.push([1,"\n !function(t,e){var o,n,p,r;e.__SV||(window.posthog \u0026\u0026 window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(\".\");2==o.length\u0026\u0026(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement(\"script\")).type=\"text/javascript\",p.crossOrigin=\"anonymous\",p.async=!0,p.src=s.api_host.replace(\".i.posthog.com\",\"-assets.i.posthog.com\")+\"/static/array.js\",(r=t.getElementsByTagName(\"script\")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a=\"posthog\",u.people=u.people||[],u.toString=function(t){var e=\"posthog\";return\"posthog\"!==a\u0026\u0026(e+=\".\"+a),t||(e+=\" (stub)\"),e},u.people.toString=function(){return u.toString(1)+\".people (stub)\"},o=\"init os ds Ie us vs ss ls capture calculateEventProperties register register_once register_for_session unregister unregister_for_session ws getFeatureFlag getFeatureFlagPayload getFeatureFlagResult isFeatureEnabled reloadFeatureFlags updateFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey cancelPendingSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException startExceptionAutocapture stopExceptionAutocapture loadToolbar get_property getSessionProperty bs ps createPersonProfile setInternalOrTestUser ys es $s opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing cs debug M gs getPageViewId captureTraceFeedback captureTraceMetric Qr\".split(\" \"),n=0;n\u003co.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);\n \n try {\n const consent = localStorage.getItem('adject_cookie_consent');\n const hasConsent = consent === 'accepted';\n posthog.init('phc_GTsFcU7KS0fmsgv2HzJJgX80aSWdEMgtdRtsa6ObYJJ', {\n api_host: 'https://us.i.posthog.com',\n defaults: '2026-01-30',\n persistence: hasConsent ? 'localStorage+cookie' : 'memory',\n opt_out_capturing_by_default: !hasConsent\n });\n } catch (e) {\n posthog.init('phc_GTsFcU7KS0fmsgv2HzJJgX80aSWdEMgtdRtsa6ObYJJ', {\n api_host: 'https://us.i.posthog.com',\n defaults: '2026-01-30',\n persistence: 'memory',\n opt_out_capturing_by_default: true\n });\n }\n "])</script>
103<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"outfit_f4073d44-module__NfKI1W__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased bg-white\",\"style\":\"$undefined\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon-light.svg\",\"type\":\"image/svg+xml\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon-dark.svg\",\"type\":\"image/svg+xml\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon-gradient.png\",\"type\":\"image/png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon-gradient.png\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"[{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Adject\\\",\\\"url\\\":\\\"https://adject.ai\\\",\\\"logo\\\":\\\"https://adject.ai/icons/Wide%20Blue%20\u0026%20Black.svg\\\",\\\"sameAs\\\":[\\\"https://www.producthunt.com/products/adject\\\"]},{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Adject\\\",\\\"url\\\":\\\"https://adject.ai\\\",\\\"inLanguage\\\":\\\"en\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":\\\"https://adject.ai/blog?search={search_term_string}\\\",\\\"query-input\\\":\\\"required name=search_term_string\\\"}}]\"}}],[\"$\",\"$L10\",null,{\"id\":\"microsoft-clarity\",\"strategy\":\"afterInteractive\",\"children\":\"\\n (function(c,l,a,r,i,t,y){\\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\\n t=l.createElement(r);t.async=1;t.src=\\\"https://www.clarity.ms/tag/\\\"+i;\\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\\n })(window, document, \\\"clarity\\\", \\\"script\\\", \\\"vicvt08s4d\\\");\\n \"}],[\"$\",\"$L10\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-4NSH1XDW35\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L10\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"$11\"}],[\"$\",\"$L10\",null,{\"id\":\"posthog-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"$12\"}]]}],\"$L13\"]}]\n"])</script>
103<script>self.__next_f.push([1,"14:I[84774,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"SmoothScrollProvider\"]\n15:I[1246,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"AnnouncementBar\"]\n16:I[33453,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"GalleryWarmCache\"]\n17:I[22016,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"\"]\n18:I[85437,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"Image\"]\n19:I[74704,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3sluf5_33fthf.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"NotFoundBackHome\"]\n1a:I[56074,[\"/_
103next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"LanguageSuggestionBanner\"]\n1b:I[91875,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"CookieBanner\"]\n"])</script>
103<script>self.__next_f.push([1,"13:[\"$\",\"body\",null,{\"className\":\"bg-white min-h-screen\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L14\",null,{\"children\":[[\"$\",\"$L15\",null,{\"config\":{\"enabled\":false,\"message\":\"\",\"linkUrl\":\"adject.ai\",\"linkText\":\"try it now\",\"backgroundColor\":\"#F97316\",\"textColor\":\"#FFFFFF\",\"closable\":true}}],[\"$\",\"$L16\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"w-full h-screen min-h-[100dvh] bg-white flex flex-col justify-between items-center p-8 overflow-hidden font-sans selection:bg-blue-600/10 selection:text-[#0540F2] relative\",\"children\":[[\"$\",\"header\",null,{\"className\":\"w-full max-w-[1440px] mx-auto relative h-16 flex items-center justify-center\",\"children\":[\"$\",\"$L17\",null,{\"href\":\"/\",\"className\":\"w-[114px] h-[30px] block cursor-pointer relative\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"/images/logo.svg\",\"alt\":\"Adject\",\"fill\":true,\"priority\":true,\"className\":\"object-contain\"}]}]}],[\"$\",\"main\",null,{\"className\":\"flex-1 flex flex-col items-center justify-center text-center max-w-lg gap-8 z-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[120px] sm:text-[150px] font-semibold leading-none tracking-tighter bg-gradient-to-b from-[#0540F2] to-blue-700 bg-clip-text text-transparent select-none\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"className\":\"absolute -inset-1 rounded-lg bg-[#0540F2]/10 opacity-30 blur-2xl -z-10 animate-pulse\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-black text-3xl sm:text-4xl font-semibold tracking-tight leading-none\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"text-[#737373] text-sm sm:text-base font-medium leading-relaxed max-w-sm mx-auto\",\"children\":\"Sorry, we couldnât find the page youâre looking for. It might have been moved, deleted, or the URL might be incorrect.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex justify-center mt-2\",\"children\":[\"$\",\"$L19\",null,{}]}]]}],[\"$\",\"div\",null,{\"className\":\"h-16\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L1a\",null,{}],[\"$\",\"$L1b\",null,{}]]}]}]\n"])</script>
103<script>self.__next_f.push([1,"1c:I[27201,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"IconMark\"]\n8:null\n"])</script>
103<script>self.__next_f.push([1,"d:[[\"$\",\"title\",\"0\",{\"children\":\"How to Create Realistic Shadows in Product Photography · Adject Blog\"}],[\"$\",\"link\",\"1\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"link\",\"3\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"link\",\"4\",{\"rel\":\"alternate\",\"hrefLang\":\"tr\",\"href\":\"https://adject.ai/tr/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://adject.ai/es/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"hrefLang\":\"zh-CN\",\"href\":\"https://adject.ai/zh-cn/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"fr\",\"href\":\"https://adject.ai/fr/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"de\",\"href\":\"https://adject.ai/de/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"hrefLang\":\"pt\",\"href\":\"https://adject.ai/pt/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"link\",\"10\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"How to Create Realistic Shadows in Product Photography · Adject Blog\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"Adject\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://adject.ai/api/og?title=How%20to%20Create%20Realistic%20Shadows%20in%20Product%20Photography\u0026category=E-Commerce\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"How to Create Realistic Shadows in Product Photography · Adject Blog\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"18\",{\"property\":\"article:published_time\",\"content\":\"2026-09-28T18:44:57.834Z\"}],[\"$\",\"meta\",\"19\",{\"property\":\"article:modified_time\",\"content\":\"2026-09-28T18:44:57.834Z\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"How to Create Realistic Shadows in Product Photography · Adject Blog\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://adject.ai/api/og?title=How%20to%20Create%20Realistic%20Shadows%20in%20Product%20Photography\u0026category=E-Commerce\"}],[\"$\",\"link\",\"23\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon-gradient.png\"}],[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"/favicon-light.svg\",\"type\":\"image/svg+xml\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/favicon-dark.svg\",\"type\":\"image/svg+xml\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/favicon-gradient.png\",\"type\":\"image/png\"}],[\"$\",\"link\",\"27\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon-gradient.png\"}],[\"$\",\"$L1c\",\"28\",{}]]\n"])</script>
103<script>self.__next_f.push([1,"1e:I[12836,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"BlogTracker\"]\n1f:I[138,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"Header\"]\n20:I[5014,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"default\"]\n21:I[40261,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"SplitText\"]\n1d:T409,[{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"How to Create Realistic Shadows in Product Photography\",\"description\":\"\",\"image\":[],\"datePublished\":\"2026-09-28T18:44:57.834Z\",\"dateModified\":\"2026-09-28T18:44:57.834Z\",\"author\":{\"@type\":\"Organization\",\"name\":\"Adject Team\",\"url\":\"https://adject.ai\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Adject\",\"url\":\"https://adject.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://adject.ai/icons/Wide%20Blue%20\u0026%20Black.svg\"}},\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography\"}},{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://adject.ai\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https://adject.ai/blog\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create Realistic Shadows in Product Photography\",\"item\":\"https://adject.ai/blog/how-to-create-realistic-shadows-in-product-photography\"}]}]"])</script>
103<script>self.__next_f.push([1,"5:[\"$\",\"div\",null,{\"className\":\"w-full min-h-screen bg-white\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1d\"}}],[\"$\",\"$L1e\",null,{\"blogId\":\"sxNFU0YXM9cEiNLFxNGi\"}],[\"$\",\"$L1f\",null,{}],[\"$\",\"main\",null,{\"className\":\"mx-auto w-full max-w-[1440px] pt-16 flex flex-col bg-white\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full flex flex-col bg-white font-sans px-5 sm:px-8 lg:px-[120px] pt-10 sm:pt-12 lg:pt-20 pb-16 sm:pb-20 lg:pb-[100px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full flex flex-col lg:flex-row justify-between items-center gap-8 lg:gap-12 mb-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col justify-center items-start gap-8 max-w-[584px] w-full\",\"children\":[[\"$\",\"nav\",null,{\"aria-label\":\"Breadcrumb\",\"className\":\"mb-[-12px]\",\"children\":[\"$\",\"ol\",null,{\"className\":\"flex items-center gap-1.5 text-xs text-[#737373] font-medium flex-wrap\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L17\",null,{\"href\":\"/\",\"className\":\"hover:text-[#0540F2] transition-colors\",\"children\":\"Home\"}]}],[\"$\",\"$L20\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\",\"key\":\"mthhwq\"}]],\"className\":\"lucide-chevron-right w-3 h-3 text-neutral-400 shrink-0\"}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L17\",null,{\"href\":\"/blog\",\"className\":\"hover:text-[#0540F2] transition-colors\",\"children\":\"Blog\"}]}],[\"$\",\"$L20\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$5:props:children:3:props:children:props:children:0:props:children:0:props:children:0:props:children:props:children:1:props:iconNode\",\"className\":\"lucide-chevron-right w-3 h-3 text-neutral-400 shrink-0\"}],[\"$\",\"li\",null,{\"className\":\"text-black font-semibold truncate max-w-[200px]\",\"aria-current\":\"page\",\"children\":\"How to Create Realistic Shadows in Product Photography\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"justify-center items-center gap-2.5 inline-flex flex-wrap\",\"children\":[[\"$\",\"$L17\",null,{\"href\":\"/blog?category=E-Commerce\",\"className\":\"bg-[#0540F2]/10 text-[#0540F2] text-[10px] font-bold px-2.5 py-1 rounded-lg hover:underline decoration-1 cursor-pointer\",\"children\":\"E-Commerce\"}],[\"$\",\"div\",null,{\"className\":\"text-[#737373] text-xs font-semibold\",\"children\":\"September 28, 2026\"}],[\"$\",\"div\",null,{\"className\":\"text-[#737373] text-xs font-semibold\",\"children\":\"19 min read\"}]]}],[\"$\",\"h1\",null,{\"className\":\"text-black text-3xl md:text-[40px] font-semibold leading-tight tracking-tight max-w-[584px] w-full\",\"children\":[\"$\",\"$L21\",null,{\"text\":\"How to Create Realistic Shadows in Product Photography\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center items-start gap-2.5 lg:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-[#737373] text-xs font-semibold\",\"children\":\"Share this article\"}],[\"$\",\"div\",null,{\"className\":\"justify-start items-start gap-1.5 inline-flex\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group\",\"children\":\"$L22\"}],\"$L23\",\"$L24\"]}]]}]]}],\"$L25\"]}],\"$L26\",\"$L27\",\"$L28\",\"$L29\"]}]}],\"$L2a\"]}]\n"])</script>
103<script>self.__next_f.push([1,"2b:I[71084,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"BlogTableOfContents\"]\n34:I[67881,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"Button\"]\n35:I[94236,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"BlogPostCard\"]\n36:I[41451,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"Footer\"]\n22:[\"$\",\"div\",null,{\"className\":\"w-5 h-5 relative overflow-hidden flex items-center justify-center\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors\",\"children\":[\"$\",\"path\",null,{\"d\":\"M19 10.0226C19 5.04211 14.968 1 10 1C5.032 1 1 5.04211 1 10.0226C1 14.3895 4.096 18.0256 8.2 18.8647V12.7293H6.4V10.0226H8.2V7.76692C8.2 6.02556 9.613 4.60902 11.35 4.60902H13.6V7.31579H11.8C11.305 7.31579 10.9 7.7218 10.9 8.21804V10.0226H13.6V12.7293H10.9V19C15.445 18.5489 19 14.7053 19 10.0226Z\"}]}]}]\n23:[\"$\",\"a\",null,{\"href\":\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography\u0026text=How%20to%20Create%20Realistic%20Shadows%20in%20Product%20Photography\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-5 h-5 relative overflow-hidden flex items-center justify-center\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors\",\"children\":[\"$\",\"path\",null,{\"d\":\"M8.74041 12.2092L12.7087 17.5H18.5421L11.9937 8.76833L17.4421 2.5H15.2337L10.9696 7.405L7.29207 2.5H1.45874L7.71707 10.8458L1.93374 17.5H4.14207L8.74041 12.2092ZM13.5421 15.8333L4.79207 4.16667H6.45874L15.2087 15.8333H13.5421Z\"}]}]}]}]\n24:[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-5 h-5 relative overflow-hidden flex items-center justify-center\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\"
103:\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\""])</script>
103<script>self.__next_f.push([1,"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors\",\"children\":[\"$\",\"path\",null,{\"d\":\"M5.78329 4.16652C5.78306 4.60855 5.60726 5.03239 5.29454 5.34479C4.98182 5.6572 4.55781 5.83258 4.11578 5.83258C3.67376 5.83214 3.24992 5.65633 2.93752 5.34361C2.62511 5.0309 2.44973 4.60688 2.44995 4.16486C2.45017 3.72283 2.62598 3.29899 2.9387 2.98659C3.25141 2.67419 3.67542 2.4988 4.11745 2.49902C4.55948 2.49924 4.98331 2.67505 5.29572 2.98777C5.60812 3.30049 5.78351 3.7245 5.78329 4.16652ZM5.83329 7.06652H2.49995V17.4999H5.83329V7.06652ZM11.1 7.06652H7.78329V17.4999H11.0666V12.0249C11.0666 8.97486 15.0416 8.69152 15.0416 12.0249V17.4999H18.3333V10.8915C18.3333 5.74986 12.45 5.94152 11.0666 8.46652L11.1 7.06652Z\"}]}]}]}]\n25:[\"$\",\"div\",null,{\"className\":\"w-full lg:w-[584px] aspect-[3/2] relative rounded-[16px] overflow-hidden border border-[#F5F5F5] shrink-0\",\"style\":{\"background\":\"linear-gradient(180deg, #242424 0%, black 100%)\"},\"children\":\"\"}]\n"])</script>
103<script>self.__next_f.push([1,"26:[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 lg:grid-cols-[200px_1fr_260px] gap-12 items-start w-full\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"hidden lg:flex flex-col gap-8 sticky top-28 h-max self-start\",\"children\":[[\"$\",\"$L2b\",null,{\"headings\":[{\"text\":\"Why Shadows Have Such a Big Impact on Product Photos\",\"id\":\"why-shadows-have-such-a-big-impact-on-product-photos\"},{\"text\":\"The Four Things That Make a Shadow Look Real\",\"id\":\"the-four-things-that-make-a-shadow-look-real\"},{\"text\":\"Natural Shadow, Drop Shadow, Contact Shadow, or Cast Shadow?\",\"id\":\"natural-shadow-drop-shadow-contact-shadow-or-cast-shadow\"},{\"text\":\"Creating Better Shadows During the Photoshoot\",\"id\":\"creating-better-shadows-during-the-photoshoot\"},{\"text\":\"What Changes After Background Removal\",\"id\":\"what-changes-after-background-removal\"},{\"text\":\"How to Add Realistic Shadows in Post-Production\",\"id\":\"how-to-add-realistic-shadows-in-post-production\"},{\"text\":\"Why Some Product Shadows Look Obviously Fake\",\"id\":\"why-some-product-shadows-look-obviously-fake\"},{\"text\":\"Consistency Matters More Than Perfecting One Image\",\"id\":\"consistency-matters-more-than-perfecting-one-image\"},{\"text\":\"Different Products Need Different Shadow Treatments\",\"id\":\"different-products-need-different-shadow-treatments\"},{\"text\":\"Hard Shadows and Soft Shadows Are Both Useful\",\"id\":\"hard-shadows-and-soft-shadows-are-both-useful\"},{\"text\":\"Using AI to Create Product Shadows\",\"id\":\"using-ai-to-create-product-shadows\"},{\"text\":\"How to Tell If Your Shadow Is Working\",\"id\":\"how-to-tell-if-your-shadow-is-working\"},{\"text\":\"Realistic Shadows for Ecommerce Images\",\"id\":\"realistic-shadows-for-ecommerce-images\"},{\"text\":\"Final Thoughts\",\"id\":\"final-thoughts\"},{\"text\":\"\",\"id\":\"\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center items-start gap-2.5 pt-4 border-t border-[#F5F5F5]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-[#737373] text-xs font-semibold\",\"children\":\"Share this article\"}],[\"$\",\"div\",null,{\"className\":\"justify-start items-start gap-1.5 inline-flex\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-5 h-5 relative overflow-hidden flex items-center justify-center\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors\",\"children\":[\"$\",\"path\",null,{\"d\":\"M19 10.0226C19 5.04211 14.968 1 10 1C5.032 1 1 5.04211 1 10.0226C1 14.3895 4.096 18.0256 8.2 18.8647V12.7293H6.4V10.0226H8.2V7.76692C8.2 6.02556 9.613 4.60902 11.35 4.60902H13.6V7.31579H11.8C11.305 7.31579 10.9 7.7218 10.9 8.21804V10.0226H13.6V12.7293H10.9V19C15.445 18.5489 19 14.7053 19 10.0226Z\"}]}]}]}],[\"$\",\"a\",null,{\"href\":\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography\u0026text=How%20to%20Create%20Realistic%20Shadows%20in%20Product%20Photography\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-5 h-5 relative overflow-hidden flex items-center justify-center\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors\",\"children\":\"$L2c\"}]}]}],\"$L2d\"]}]]}]]}],\"$L2e\",\"$L2f\",\"$L30\"]}]\n"])</script>
103<script>self.__next_f.push([1,"31:Te37,"])</script>
103<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How do you create realistic shadows in product photography?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Start by identifying the direction and softness of the main light source. Create a darker contact shadow where the product touches the surface, then add a wider cast or drop shadow if the scene requires it. Match the shadow's direction, softness, opacity, shape, and perspective to the product and background.\"}},{\"@type\":\"Question\",\"name\":\"Why does my product photo look like it is floating?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A missing or unrealistic contact shadow is one of the most common reasons. When the product does not have a darker area connecting it to the surface, it can appear suspended above the background.\"}},{\"@type\":\"Question\",\"name\":\"What is the difference between a natural shadow and a drop shadow?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A natural shadow is created by the real lighting during the photoshoot. A drop shadow is typically added during post-production. A realistic drop shadow should still behave according to the same lighting principles as a natural shadow.\"}},{\"@type\":\"Question\",\"name\":\"Should product photos have shadows?\",\"acceptedA
103nswer\":{\"@type\":\"Answer\",\"text\":\"Not every product image needs a visible cast shadow, but most products benefit from some visual grounding. Even a very subtle contact shadow can make an isolated product look more believable.\"}},{\"@type\":\"Question\",\"name\":\"How do you make a product shadow look natural?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Match it to the existing light direction, product shape, surface perspective, and contact points. Avoid pure black shadows, excessive opacity, and identical blur across the entire shadow.\"}},{\"@type\":\"Question\",\"name\":\"How do you create soft shadows in product photography?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"During the shoot, use a large light source such as a softbox or large window and bring it relatively close to the product. In post-production, keep the contact area more defined and gradually soften the shadow as it moves farther from the object.\"}},{\"@type\":\"Question\",\"name\":\"How do you add shadows after removing a product background?\",\"acceptedA
103nswer\":{\"@type\":\"Answer\",\"text\":\"First decide where the light in the new scene is coming from. Rebuild the contact shadow underneath the product, then add a larger cast or drop shadow if necessary. Make sure both shadows match the new surface and perspective.\"}},{\"@type\":\"Question\",\"name\":\"Can AI create realistic shadows for product photos?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. AI product photography tools can generate shadows together with new backgrounds and lighting environments. The result should still be checked for realistic light direction, contact, perspective, and product geometry.\"}},{\"@type\":\"Question\",\"name\":\"How can you add shadows to product photos without Photoshop?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"You can capture natural shadows during the original photoshoot or use AI product photo editing tools that generate shadows automatically when creating or replacing a background.\"}},{\"@type\":\"Question\",\"name\":\"What is the best shadow for ecommerce product photography?\",\"acceptedA
103nswer\":{\"@type\":\"Answer\",\"text\":\"There is no single best option. Clean ecommerce listings often work well with subtle contact or drop shadows, while lifestyle and campaign images can use stronger cast shadows or reflections. The best choice is the one that fits the product, platform, and overall visual style.\"}}]}"])</script>
103<script>self.__next_f.push([1,"27:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$31\"}}],\"$L32\",\"$L33\"]\n28:[\"$\",\"div\",null,{\"className\":\"w-full h-px bg-[#F5F5F5] mt-20 mb-16\"}]\n"])</script>
103<script>self.__next_f.push([1,"29:[\"$\",\"div\",null,{\"className\":\"w-full flex flex-col gap-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full flex flex-col sm:flex-row sm:items-center justify-between gap-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-[#0A0A0A] text-2xl sm:text-3xl font-semibold tracking-tight\",\"children\":\"Other articles you may like\"}],[\"$\",\"$L17\",null,{\"href\":\"/blog\",\"children\":[\"$\",\"$L34\",null,{\"variant\":\"outline\",\"size\":\"md\",\"className\":\"rounded-xl border-[#F5F5F5] hover:bg-neutral-50 text-[#0A0A0A] font-semibold text-sm\",\"children\":\"All Blogs\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-6 sm:gap-y-8 lg:gap-y-12\",\"children\":[[\"$\",\"$L35\",\"D3rkqtWGe7kQ8TWfjyED\",{\"post\":{\"id\":\"D3rkqtWGe7kQ8TWfjyED\",\"title\":\"Shopify Product Page Image Order: The Best Sequence from 1 to 8\",\"slug\":\"shopify-product-page-image-order-the-best-sequence-from-1-to-8\",\"excerpt\":\"\",\"coverImage\":\"https://firebasestorage.googleapis.com/v0/b/adject-4800f.firebasestorage.app/o/media%2Fa0e0269e-f2a8-453c-9c1b-f49fc81dc7b2.jpeg?alt=media\u0026token=95963f6d-efec-4ddb-b5b7-3cddc89cccfd\",\"category\":\"E-Commerce\",\"readTime\":\"24 min read\",\"createdAtDate\":\"August 11, 2026\"},\"layout\":\"list\",\"titleAs\":\"h3\"}],[\"$\",\"$L35\",\"S8Gjaghghgoa2P000alR\",{\"post\":{\"id\":\"S8Gjaghghgoa2P000alR\",\"title\":\"Home Decor Lifestyle Scenes That Look Photographed, Not Rendered\",\"slug\":\"home-decor-lifestyle-scenes-that-look-photographed-not-rendered\",\"excerpt\":\"\",\"coverImage\":\"https://firebasestorage.googleapis.com/v0/b/adject-4800f.firebasestorage.app/o/media%2F1d2410f5-7273-455b-8a65-f35121806079.jpg?alt=media\u0026token=e84b73dc-0d59-44a4-a579-f7cd678b9604\",\"category\":\"E-Commerce\",\"readTime\":\"15 min read\",\"createdAtDate\":\"August 9, 2026\"},\"layout\":\"list\",\"titleAs\":\"h3\"}],[\"$\",\"$L35\",\"bFnHWGV4sRXYgAoP6oWM\",{\"post\":{\"id\":\"bFnHWGV4sRXYgAoP6oWM\",\"title\":\"Amazon Main Image Rules: A Practical Checklist + Examples\",\"slug\":\"amazon-main-image-rules-a-practical-checklist-examples\",\"excerpt\":\"\",\"coverImage\":\"https://firebasestorage.googleapis.com/v0/b/adject-4800f.firebasestorage.app/o/media%2F95d8a808-a7d0-4ec6-a97c-e93cc76ce09b.jpg?alt=media\u0026token=cec39ff8-6177-4bd3-bbda-b894bb663319\",\"category\":\"E-Commerce\",\"readTime\":\"23 min read\",\"createdAtDate\":\"August 1, 2026\"},\"layout\":\"list\",\"titleAs\":\"h3\"}]]}]]}]\n"])</script>
103<script>self.__next_f.push([1,"2a:[\"$\",\"$L36\",null,{}]\n"])</script>
103<script>self.__next_f.push([1,"39:I[59830,[\"/_next/static/chunks/131w5d30_glhv.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/25qu984i5sn19.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3j9qmgypgi8a7.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/3_h8hkumhn5ho.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0knnzydtvic-i.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\",\"/_next/static/chunks/0ugr_264-_v1n.js?dpl=dpl_ENLNdWYDqWrFEzR4YGaisjAafYBy\"],\"FAQ\"]\n2c:[\"$\",\"path\",null,{\"d\":\"M8.74041 12.2092L12.7087 17.5H18.5421L11.9937 8.76833L17.4421 2.5H15.2337L10.9696 7.405L7.29207 2.5H1.45874L7.71707 10.8458L1.93374 17.5H4.14207L8.74041 12.2092ZM13.5421 15.8333L4.79207 4.16667H6.45874L15.2087 15.8333H13.5421Z\"}]\n2d:[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fadject.ai%2Fblog%2Fhow-to-create-realistic-shadows-in-product-photography\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"p-[3px] rounded-[9px] flex flex-col justify-start items-start hover:bg-[#F5F5F5] transition-colors group\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-5 h-5 relative overflow-hidden flex items-center justify-center\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"fill-[#737373] group-hover:fill-[#0A0A0A] transition-colors\",\"children\":[\"$\",\"path\",null,{\"d\":\"M5.78329 4.16652C5.78306 4.60855 5.60726 5.03239 5.29454 5.34479C4.98182 5.6572 4.55781 5.83258 4.11578 5.83258C3.67376 5.83214 3.24992 5.65633 2.93752 5.34361C2.62511 5.0309 2.44973 4.60688 2.44995 4.16486C2.45017 3.72283 2.62598 3.29899 2.9387 2.98659C3.25141 2.67419 3.67542 2.4988 4.11745 2.49902C4.55948 2.49924 4.98331 2.67505 5.29572 2.98777C5.60812 3.30049 5.78351 3.7245 5.78329 4.16652ZM5.83329 7.06652H2.49995V17.4999H5.83329V7.06652ZM11.1 7.06652H7.78329V17.4999H11.0666V12.0249C11.0666 8.97486 15.0416 8.69152 15.0416 12.0249V17.4999H18.3333V10.8915C18.3333 5.74986 12.45 5.94152 11.0666 8.46652L11.1 7.06652Z\"}]}]}]}]\n37:T65d7,"])</script>
103<script>self.__next_f.push([1,"\u003cp\u003eA clean cutout is not always a believable product photo.\u003c/p\u003e\u003cp\u003eYou can photograph a perfume bottle perfectly, remove the background with almost surgical precision, place it on a spotless white canvas, and still end up with an image that feels strangely unfinished. Nothing is obviously wrong with the product itself. The edges are clean, the colors look good, and the exposure is correct. Yet the bottle somehow looks like it is floating.\u003c/p\u003e\u003cp\u003eIn many cases, the missing piece is the shadow.\u003c/p\u003e\u003cp\u003eShadows are easy to underestimate because, when they are done well, we barely notice them. They simply make the image feel right. They tell us where the product touches the surface, where the light is coming from, how much space exists between the object and its surroundings, and whether the product actually belongs in the scene.\u003c/p\u003e\u003cp\u003eWhen the shadow disappears, those visual cues disappear with it. When the shadow is wrong, the image can feel even more artificial than having no shadow at all.\u003c/p\u003e\u003cp\u003eThat is why creating realistic shadows in product photography is less about adding a dark shape underneath an object and more about rebuilding the relationship between the product, the surface, and the light. Once you understand that relationship, creating better shadows becomes much easier.\u003c/p\u003e\u003cp\u003eYou can capture them during the photoshoot. You can rebuild them manually in post-production. Or, increasingly, you can use AI product photography tools to recreate them when generating new product scenes.\u003c/p\u003e\u003cp\u003eThe method changes. The visual rules do not.\u003c/p\u003e\u003ch2 id=\"why-shadows-have-such-a-big-impact-on-product-photos\"\u003eWhy Shadows Have Such a Big Impact on Product Photos\u003c/h2\u003e\u003cp\u003eThink about a real object sitting in front of you.\u003c/p\u003e\u003cp\u003eYou do not need to consciously calculate its distance from the table or identify the exact position of the light source. Your eyes process that information almost instantly. The shadow is part of the reason.\u003c/p\u003e\u003cp\u003eA darker area directly beneath an object tells you it is touching the surface. A longer cast shadow tells you something about the direction and height of the light. A soft edge suggests a broad light source, while a sharp shadow usually points to harder lighting. All of those signals help the brain understand depth.\u003c/p\u003e\u003cp\u003eThat matters enormously in product photography because the product itself is often isolated from the real world.\u003c/p\u003e\u003cp\u003eIn ecommerce, especially, the viewer cannot pick up the product, rotate it, or feel its weight. The photograph has to communicate shape, material, dimension, and physical presence on its own. A shadow can help make that happen.\u003c/p\u003e\u003cp\u003eTake a sneaker photographed on a white background. If you remove every trace of shadow beneath the sole, the shoe can begin to look like a sticker. Add a subtle contact shadow underneath the areas where the sole actually touches the ground, and suddenly the image feels much more natural.\u003c/p\u003e\u003cp\u003eThe shadow does not need to be dramatic. It only needs to make physical sense.\u003c/p\u003e\u003cp\u003eThis is one of the most useful things to remember when working with product photography shadows: the goal is usually not to make the shadow visible. The goal is to make the product believable.\u003c/p\u003e\u003ch2 id=\"the-four-things-that-make-
103a-shadow-look-real\"\u003eThe Four Things That Make a Shadow Look Real\u003c/h2\u003e\u003cp\u003eMost realistic product shadows come down to four things: direction, softness, intensity, and contact.\u003c/p\u003e\u003cp\u003eIf one of them is obviously wrong, the entire image can start to feel fake.\u003c/p\u003e\u003ch3\u003eThe shadow has to agree with the light\u003c/h3\u003e\u003cp\u003eThis sounds obvious, but it is one of the most common mistakes in product editing.\u003c/p\u003e\u003cp\u003eImagine a cosmetic bottle with a bright highlight running down its left side. That highlight strongly suggests the main light is positioned somewhere to the left. If the shadow then extends toward the same side, the lighting no longer makes sense.\u003c/p\u003e\u003cp\u003eThe viewer may not stop and say, âThe shadow direction is incorrect,â but the image will still feel inconsistent.\u003c/p\u003e\u003cp\u003eWhen you are adding shadows to product photos, look at the product before you look at the empty background.\u003c/p\u003e\u003cp\u003eWhere is the brightest highlight? Which side of the product is darker? Is there a visible reflection in the glass, metal, or plastic? Does the original image contain a small piece of natural shadow that you can use as a clue?\u003c/p\u003e\u003cp\u003eThese details tell you where the light is coming from. Once you understand the light direction, the shadow should extend away from it.\u003c/p\u003e\u003ch3\u003eSoftness should match the light source\u003c/h3\u003e\u003cp\u003eShadow softness is another detail that often gives away digital editing.\u003c/p\u003e\u003cp\u003eHard light creates harder shadows. Soft light creates softer shadows.\u003c/p\u003e\u003cp\u003eDirect sunlight, a small flash, or a focused spotlight can create relatively sharp edges. A large window, softbox, diffusion panel, or bounced light tends to create much softer transitions.\u003c/p\u003e\u003cp\u003eThe important part is not simply choosing âsoftâ or âhard.â The shadow has to match the light visible on the product.\u003c/p\u003e\u003cp\u003eIf the product has broad, smooth highlights that clearly suggest a large softbox, an extremely sharp black shadow will feel out of place. The reverse is also true.\u003c/p\u003e\u003cp\u003eA dramatic campaign image lit with hard sunlight may look strange if the shadow has been blurred until it becomes a vague gray cloud.\u003c/p\u003e\u003cp\u003eThere is another subtle detail here: real shadows often change as they move away from the object. The area closest to the product is usually more defined. The shadow can then become softer and lighter as it extends farther away.\u003c/p\u003e\u003cp\u003eThis gradual falloff is one of the details that makes natural shadows look more convincing than a basic software drop shadow.\u003c/p\u003e\u003ch3\u003eReal shadows are rarely pure black\u003c/h3\u003e\u003cp\u003eA common editing mistake is to create the shadow as a solid black silhouette and simply reduce its opacity.\u003c/p\u003e\u003cp\u003eThat can work as a rough starting point, but realistic shadows are usually more complex. Ambient light still reaches shadowed areas.\u003c/p\u003e\u003cp\u003eLight may bounce from nearby walls, the floor, the backdrop, or other objects in the scene. A white studio environment can fill shadows considerably, while a dark room can produce much denser ones.\u003c/p\u003e\u003cp\u003eSo instead of asking, âHow black should the shadow be?â it is more useful to ask, âHow much light would realistically reach this area?â\u003c/p\u003e\u003cp\u003eFor many ecommerce product images, the answer is: quite a lot. That is why subtle gray shadows often feel more believable than heavy black ones.\u003c/p\u003e\u003ch3\u003eContact is what stops a product from floating\u003c/h3\u003e\u003cp\u003eIf there is one concept worth remembering, it is the contact shadow.\u003c/p\u003e\u003cp\u003eA contact shadow is the small, darker area that appears where the product physically touches the surface. It may be tiny, but visually, it does a huge amount of work.\u003c/p\u003e\u003cp\u003eImagine a perfume bottle standing on a tabletop. Even if the larger cast shadow is extremely soft, the area directly beneath the base will usually be darker and more concentrated.\u003c/p\u003e\u003cp\u003eRemove that small shadow, and the bottle can appear to hover slightly above the table.\u003c/p\u003e\u003cp\u003eThis is why adding a natural-looking contact shadow is often the fastest way to fix a floating product image after background removal.\u003c/p\u003e\u003cp\u003eYou may not even need a large cast shadow. Sometimes the contact shadow alone is enough.\u003c/p\u003e\u003ch2 id=\"natural-shadow-drop-shadow-contact-shadow-or-cast-shadow\"\u003eNatural Shadow, Drop Shadow, Contact Shadow, or Cast Shadow?\u003c/h2\u003e\u003cp\u003eDifferent product images need different kinds of shadows.\u003c/p\u003e\u003cp\u003eThe terms are sometimes used loosely, but understanding the difference helps you choose the right treatment.\u003c/p\u003e\u003cp\u003eA \u003cstrong\u003enatural shadow\u003c/strong\u003e is created during the actual photoshoot. Because it is produced by the real lighting setup, it automatically follows the product shape, perspective, and surface.\u003c/p\u003e\u003cp\u003eNatural shadow product photography can look especially convincing because the product and shadow already belong to the same environment.\u003c/p\u003e\u003cp\u003eThe downside is consistency.\u003c/p\u003e\u003cp\u003eIf you are shooting a large catalog under changing natural light, the shadows may look different from one product to the next. That is
103why controlled studio lighting is usually better when consistency matters.\u003c/p\u003e\u003cp\u003eA \u003cstrong\u003edrop shadow\u003c/strong\u003e is generally added during editing. It is commonly used after a product has been cut out and placed on a new background.\u003c/p\u003e\u003cp\u003eDrop shadows are useful, but this is also where many unrealistic product images begin.\u003c/p\u003e\u003cp\u003eA generic shadow placed behind every product at the same angle, blur, and opacity may technically create depth, but it does not necessarily create realism.\u003c/p\u003e\u003cp\u003eA good drop shadow should still respect the product's light direction, shape, surface, and perspective.\u003c/p\u003e\u003cp\u003eA \u003cstrong\u003econtact shadow\u003c/strong\u003e sits directly underneath the areas where the product touches the ground. It is usually darker and tighter than the larger shadow around it.\u003c/p\u003e\u003cp\u003eFor many ecommerce images, this is the most important shadow of all.\u003c/p\u003e\u003cp\u003eA \u003cstrong\u003ecast shadow\u003c/strong\u003e extends farther away from the product and changes based on the position of the light source.\u003c/p\u003e\u003cp\u003eCast shadows can be subtle, but they can also become part of the creative direction of the image.\u003c/p\u003e\u003cp\u003eThink of a skincare bottle with a strong window-frame shadow crossing the background, or a perfume campaign with long afternoon-style shadows.\u003c/p\u003e\u003cp\u003eIn those images, the shadow is not merely supporting the composition. It becomes part of the composition.\u003c/p\u003e\u003cp\u003eThere is also a fifth option that is especially useful for glossy products: \u003cstrong\u003ereflection\u003c/strong\u003e.\u003c/p\u003e\u003cp\u003ePerfume bottles, watches, jewelry, cosmetics, and electronics can look excellent on reflective surfaces. In those cases, you may use a soft reflection instead of, or together with, a traditional shadow.\u003c/p\u003e\u003cp\u003eThe same rule applies: it needs to feel physically connected to the product.\u003c/p\u003e\u003cp\u003eA reflection should start at the base, match the product perspective, and gradually fade rather than looking like a perfect duplicated copy.\u003c/p\u003e\u003ch2 id=\"creating-better-shadows-during-the-photoshoot\"\u003eCreating Better Shadows During the Photoshoot\u003c/h2\u003e\u003cp\u003eIf you have control over the original product shoot, it is often easier to capture a good shadow than to invent one later.\u003c/p\u003e\u003cp\u003eThe simplest approach is to start with one main light.\u003c/p\u003e\u003cp\u003ePlace the product on the surface, move the light around, and watch how the shadow changes.\u003c/p\u003e\u003cp\u003eMove the light farther to the side and the shadow stretches in the opposite direction. Raise the light and the shadow becomes shorter. Bring a large softbox closer and the shadow usually becomes softer. Use a small, harder source and the edge becomes more defined.\u003c/p\u003e\u003cp\u003eThese small experiments teach you more about product shadow creation than memorizing a list of settings ever will.\u003c/p\u003e\u003cp\u003eIf you want soft, commercial-looking shadows, a large light source is usually the easiest starting point. A softbox, diffused window, or large panel creates broad illumination and smooth transitions.\u003c/p\u003e\u003cp\u003eIf you want something more graphic or editorial, harder light can be much more interesting.\u003c/p\u003e\u003cp\u003eHard shadows work particularly well for fashion, fragrance, sunglasses, summer campaigns, and bold cosmetic imagery.\u003c/p\u003e\u003cp\u003eThe important part is consistency.\u003c/p\u003e\u003cp\u003eIf you are photographing 50 products for the same collection, the goal is not to create 50 individually beautiful but completely different lighting setups. The images should feel as though they belong together.\u003c/p\u003e\u003cp\u003eSo once you find a setup that works, document it.\u003c/p\u003e\u003cp\u003eNote the light position, product position, camera angle, distance from the backdrop, and approximate height of the light.\u003c/p\u003e\u003cp\u003eThat small habit can save hours later.\u003c/p\u003e\u003ch2 id=\"what-changes-after-background-removal\"\u003eWhat Changes After Backgroun
103d Removal\u003c/h2\u003e\u003cp\u003eBackground removal is one of the most useful tools in ecommerce photography.\u003c/p\u003e\u003cp\u003eIt is also one of the easiest ways to accidentally make a product look fake.\u003c/p\u003e\u003cp\u003eThe problem is not usually the cutout itself.\u003c/p\u003e\u003cp\u003eThe problem is that when you remove the original background, you often remove the visual information that connected the product to that background.\u003c/p\u003e\u003cp\u003eThe floor disappears. The contact shadow disappears. The environmental light disappears. Sometimes even subtle reflections disappear.\u003c/p\u003e\u003cp\u003eThen the product is placed on a new background and suddenly looks pasted on.\u003c/p\u003e\u003cp\u003eThis is why âhow to add shadows after removing the backgroundâ is such an important part of modern product image editing.\u003c/p\u003e\u003cp\u003eThe new shadow needs to belong to the new environment.\u003c/p\u003e\u003cp\u003eIf you place a product on a clean white studio background, the shadow may need to be extremely subtle. If you place the same product on a concrete surface with directional sunlight, the shadow will behave very differently. If you move it into a warm interior scene, the lighting may need to reflect that environment too.\u003c/p\u003e\u003cp\u003eThe first step is therefore not adding a shadow.\u003c/p\u003e\u003cp\u003eThe first step is deciding what kind of space the product is now supposed to exist in.\u003c/p\u003e\u003cp\u003eOnce that is clear, start with the contact point.\u003c/p\u003e\u003cp\u003eAdd the darker, tighter shadow directly underneath the product. Then decide whether the scene needs a wider cast shadow at all.\u003c/p\u003e\u003cp\u003eThis order matters because many editors do the opposite. They create a large blurred drop shadow first and hope it will ground the object.\u003c/p\u003e\u003cp\u003eOften, the small contact shadow is what actually does the grounding.\u003c/p\u003e\u003ch2 id=\"how-to-add-realistic-shadows-in-post-production\"\u003eHow to Add Realistic Shadows in Post-Production\u003c/h2\u003e\u003cp\u003eWhen the original shadow cannot be used, rebuilding it manually gives you the most control.\u003c/p\u003e\u003cp\u003eThe process is less about choosing the right Photoshop effect and more about observing the product correctly.\u003c/p\u003e\u003cp\u003eStart by studying the light already present in the image.\u003c/p\u003e\u003cp\u003eLook at the highlights. Look at the darker side of the object. Look at reflections in glossy materials. If the product is transparent, look at how the light passes through it.\u003c/p\u003e\u003cp\u003eThen create the contact shadow first.\u003c/p\u003e\u003cp\u003eKeep it relatively small and close to the product. The exact shape should follow the areas that actually touch the ground.\u003c/p\u003e\u003cp\u003eA sneaker, for example, should not receive the same generic oval shadow as a perfume bottle. The sole has its own shape. A chair has several separate contact points. A handbag may have a wide base. A ring may require an extremely delicate contact shadow.\u003c/p\u003e\u003cp\u003eOnce the object feels physically connected to the surface, you can create the larger cast or drop shadow.\u003c/p\u003e\u003cp\u003eThis is where perspective becomes important.\u003c/p\u003e\u003cp\u003eThe shadow should sit on the same plane as the product. If the surface recedes into the image, the shadow should recede with it.\u003c/p\u003e\u003cp\u003eThis is why transform, distort, warp, masks, and multiple layers are often more useful than a single automatic drop-shadow setting.\u003c/p\u003e\u003cp\u003eA realistic shadow frequently works better when it is built in layers.\u003c/p\u003e\u003cp\u003eOne layer handles the contact shadow. Another creates the broader cast shadow. A third may be used for a softer outer falloff.\u003c/p\u003e\u003cp\u003eThis gives you much more control over blur and opacity.\u003c/p\u003e\u003cp\u003eInstead of applying one blur value to the entire shadow, you can keep the area near the product slightly sharper and soften the rest gradually.\u003c/p\u003e\u003cp\u003eThat one change can make a surprisingly large difference.\u003c/p\u003e\u003ch2 id=\"why-some-product-shadows-look-obviously-fake\"\u003eWhy Some Product Shadows Look Obviously Fake\u003c/h2\u003e\u003cp\u003eFake-looking shadows usually fail for a few predictable reasons.\u003c/p\u003e\u003cp\u003eOne of the biggest is incorrect light direction.\u003c/p\u003e\u003cp\u003eYou can spend a long time adjusting blur, opacity, and color, but if the shadow contradicts the product highlights, the image will never fully work.\u003c/p\u003e\u003cp\u003eAnother is the absence of a contact shadow.\u003c/p\u003e\u003cp\u003eThis is why a product can have a perfectly visible shadow and still look like it is floating. The shadow exists, but it does not actually connect the object to the surface.\u003c/p\u003e\u003cp\u003eUniform blur is another common problem.\u003c/p\u003e\u003cp\u003eReal shadows have variation. The contact point is denser. The distant edge is softer. Different parts of the object may block different amounts of light.\u003c/p\u003e\u003cp\u003eA perfectly even blur often reads immediately as a digital effect.\u003c/p\u003e\u003cp\u003eThen there is o
103pacity.\u003c/p\u003e\u003cp\u003eIf the shadow becomes the first thing you notice when you look at the image, it is probably too strong.\u003c/p\u003e\u003cp\u003eThis happens frequently on white-background product photos. Editors try to make the shadow visible and accidentally make it heavy.\u003c/p\u003e\u003cp\u003eA good ecommerce shadow is often quieter than you expect.\u003c/p\u003e\u003cp\u003ePerspective can cause problems too.\u003c/p\u003e\u003cp\u003eA shadow that would make sense on a vertical wall will not necessarily make sense on a horizontal table.\u003c/p\u003e\u003cp\u003eLikewise, a product photographed from a slightly elevated angle needs a shadow that fits that camera perspective.\u003c/p\u003e\u003cp\u003eAnd finally, there is inconsistency.\u003c/p\u003e\u003cp\u003eOne product has a soft gray shadow. The next has a hard black shadow. Another has a reflection. Another has no shadow at all.\u003c/p\u003e\u003cp\u003eIndividually, the images may be acceptable. Together, the catalog feels disconnected.\u003c/p\u003e\u003ch2 id=\"consistency-matters-more-than-perfecting-one-image\"\u003eConsistency Matters More Than Perfecting One Image\u003c/h2\u003e\u003cp\u003eFor ecommerce, the best shadow is not necessarily the most impressive shadow.\u003c/p\u003e\u003cp\u003eIt is the one that fits the visual system of the store.\u003c/p\u003e\u003cp\u003eA consistent collection immediately feels more professional because the products appear to have been photographed under the same conditions.\u003c/p\u003e\u003cp\u003eThat does not mean every shadow needs to be identical.\u003c/p\u003e\u003cp\u003eA perfume bottle and a sofa clearly require different shapes.\u003c/p\u003e\u003cp\u003eBut the underlying visual rules can stay consistent.\u003c/p\u003e\u003cp\u003eFor example, you might decide that all catalog images use a soft light from the upper left, subtle contact shadows, a warm white background, and no strong reflections.\u003c/p\u003e\u003cp\u003eNow every new product has a clear direction.\u003c/p\u003e\u003cp\u003eThis becomes especially useful when several people are editing the same catalog.\u003c/p\u003e\u003cp\u003eInstead of telling each editor to âmake the shadow realistic,â you can define what realistic means for your brand.\u003c/p\u003e\u003ch2 id=\"different-products-need-different-shadow-treatments\"\u003eDifferent Products Need Different Shadow Treatments\u003c/h2\u003e\u003cp\u003eOne reason generic drop shadows fail is that products do not interact with light in the same way.\u003c/p\u003e\u003cp\u003eJewelry, for example, usually benefits from very delicate shadows.\u003c/p\u003e\u003cp\u003eA large dark shadow can overpower a ring or necklace. Small contact shadows and controlled reflections are often more effective.\u003c/p\u003e\u003cp\u003eCosmetics give you more freedom.\u003c/p\u003e\u003cp\u003eA skincare bottle can work with an almost invisible ecommerce shadow, a soft cast shadow, a dramatic hard-light shadow, or a glossy reflection depending on the campaign.\u003c/p\u003e\u003cp\u003eFashion accessories such as shoes and bags need particularly convincing ground contact.\u003c/p\u003e\u003cp\u003eWith shoes, the sole is a strong visual clue. If the shadow does not follow it correctly, the cutout can look obvious.\u003c/p\u003e\u003cp\u003eFurniture requires a different approach again.\u003c/p\u003e\u003cp\u003eA chair has multiple contact points. A table has several legs.\u003c/p\u003e\u003cp\u003eThe shadows also tend to be larger, so incorrect perspective is easier to notice.\u003c/p\u003e\u003cp\u003eElectronics usually benefit from a cleaner treatment.\u003c/p\u003e\u003cp\u003eA subtle contact shadow or soft reflection can help define a smartphone or laptop without making the image visually heavy.\u003c/p\u003e\u003cp\u003eTransparent products are among the most difficult.\u003c/p\u003e\u003cp\u003eGlass bottles, for example, can create complex shadows because light passes through them. The shadow may contain lighter areas, color, or distorted reflections.\u003c/p\u003e\u003cp\u003eA simple black drop shadow underneath transparent glass rarely looks convincing.\u003c/p\u003e\u003ch2 id=\"hard-shadows-and-soft-shadows-are-both-useful\"\u003eHard Shadows and
103Soft Shadows Are Both Useful\u003c/h2\u003e\u003cp\u003eSoft shadows are often associated with professional product photography because they work well in clean ecommerce settings.\u003c/p\u003e\u003cp\u003eThey are subtle, easy to integrate into white or neutral backgrounds, and generally do not distract from the product.\u003c/p\u003e\u003cp\u003eBut hard shadows are not less professional.\u003c/p\u003e\u003cp\u003eThey simply create a different mood.\u003c/p\u003e\u003cp\u003eA sharp shadow can make a fragrance campaign feel more graphic. It can give sunglasses a summer feeling. It can make cosmetics look energetic and editorial.\u003c/p\u003e\u003cp\u003eThe choice depends on the brand and the purpose of the image.\u003c/p\u003e\u003cp\u003eA marketplace listing and a social campaign do not need to use the same shadow style.\u003c/p\u003e\u003cp\u003eThat distinction matters because realistic does not always mean subtle.\u003c/p\u003e\u003cp\u003eA hard shadow can be completely realistic if the lighting supports it.\u003c/p\u003e\u003ch2 id=\"using-ai-to-create-product-shadows\"\u003eUsing AI to Create Product Shadows\u003c/h2\u003e\u003cp\u003eAI product photography has made this process much faster, especially when working with large numbers of product images.\u003c/p\u003e\u003cp\u003eThe traditional workflow often looks something like this:\u003c/p\u003e\u003cp\u003ePhotograph the product, remove the background, find or create a replacement background, rebuild the shadow, adjust the lighting, retouch the image, and then repeat the process for every variation.\u003c/p\u003e\u003cp\u003eThat is manageable for a few images. It becomes much more difficult for hundreds.\u003c/p\u003e\u003cp\u003eAI product photo editing tools can automate parts of that workflow by analyzing the product and generating a new environment around it.\u003c/p\u003e\u003cp\u003eThat can include the background, surface, lighting, reflections, and shadows.\u003c/p\u003e\u003cp\u003eThis is where an AI product shadow generator becomes more useful than a basic drop-shadow effect.\u003c/p\u003e\u003cp\u003eThe goal is not simply to attach a gray shape to the product. It is to generate a scene where the shadow makes sense in relation to everything else.\u003c/p\u003e\u003cp\u003eFor example, if a cosmetic bottle is placed into a soft beige studio environment, the shadow should reflect that lighting style.\u003c/p\u003e\u003cp\u003eIf the same bottle is placed beside a window with strong sunlight, the shadow should become sharper and more directional.\u003c/p\u003e\u003cp\u003eIf it sits on a glossy surface, the image may need a reflection as well.\u003c/p\u003e\u003cp\u003eTools such as \u003ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"text-[#0540F2] underline\" href=\"http://Adject.ai\"\u003e\u003cstrong\u003eAdject.ai\u003c/strong\u003e\u003c/a\u003e can be useful in this kind of workflow because the product image is treated as part of a complete scene rather than as an isolated cutout that needs a generic shadow added afterward.\u003c/p\u003e\u003cp\u003eFor ecommerce teams, that can make it much easier to create different product image variations without rebuilding every scene manually.\u003c/p\u003e\u003cp\u003eThe important thing is to remember that AI does not change the rules of realism.\u003c/p\u003e\u003cp\u003eYou still need to check the result.\u003c/p\u003e\u003cp\u003eDoes the shadow move away from the light? Does the product actually touch the ground? Does the perspective make sense? Is the shadow too dark? Does the glass or metal behave naturally?\u003c/p\u003e\u003cp\u003eAI makes iteration faster, but visual judgment still matters.\u003c/p\u003e\u003ch2 id=\"how-to-tell-if-your-shadow-is-working\"\u003eHow to Tell If Your Shadow Is Working\u003c/h2\u003e\u003cp\u003eOne of the easiest tests is surprisingly simple.\u003c/p\u003e\u003cp\u003eStop looking at the shadow.\u003c/p\u003e\u003cp\u003eLook at the product.\u003c/p\u003e\u003cp\u003eDoes it feel like it belongs in the image? Does it seem to have weight? Can you tell where it touches the surface? Does the lighting feel consistent?\u003c/p\u003e\u003cp\u003eIf the answer is yes, the shadow is probably doing its job.\u003c/p\u003e\u003cp\u003eAnother useful test is to temporarily hide the shadow layer.\u003c/p\u003e\u003cp\u003eIf the product suddenly looks like it has been lifted off the background, the shadow is contributing useful depth.\u003c/p\u003e\u003cp\u003eThen turn it back on.\u003c/p\u003e\u003cp\u003eIf the shadow itself immediately grabs your attention, reduce it.\u003c/p\u003e\u003cp\u003eGood product shadows usually live somewhere between those two extremes: visible enough to create depth, subtle enough not to compete with the product.\u003c/p\u003e\u003ch2 id=\"realistic-shadows-for-ecommerce-images\"\u003eRealistic Shadows for Ecommerce Images\u003c/h2\u003e\u003cp\u003eFor ecommerce, consistency should always guide your decisions.\u003c/p\u003e\u003cp\u003eAmazon-style white-background images usually need very restrained shadows. The purpose is clarity, not atmosphere.\u003c/p\u003e\u003cp\u003eShopify stores allow more creative freedom because the product images are part of a branded environment. You may choose soft neutral shadows, stronger editorial lighting, or even complete lifestyle scenes.\u003c/p\u003e\u003cp\u003eEtsy products often benefit from a more organic feel, especially for handmade goods. In those cases, removing every natural shadow can actually make the photography feel less authentic.\u003c/p\u003e\u003cp\u003eThe platform matters, but the product matters too.\u003c/p\u003e\u003cp\u003eA luxury perfume bottle and a handmade ceramic mug should not necessarily share the same visual treatment just because they are both sold online.\u003c/p\u003e\u003cp\u003eThe shadow should support the product's positioning.\u003c/p\u003e\u003ch2 id=\"final-thoughts\"\u003eFinal Thoughts\u003c/h2\u003e\u003cp\u003eCreating realistic shadows in product photography is ultimately an exercise in observation.\u003c/p\u003e\u003cp\u003eThe softw
103are is secondary.\u003c/p\u003e\u003cp\u003eThe first question is not which blur radius to use or which shadow preset to choose.\u003c/p\u003e\u003cp\u003eIt is whether the image makes sense.\u003c/p\u003e\u003cp\u003eWhere is the light? Where does the product touch the surface? How large is the light source? What kind of material is the product made from? What kind of surface is underneath it? How far should the shadow travel?\u003c/p\u003e\u003cp\u003eOnce those questions have clear answers, the technical part becomes much easier.\u003c/p\u003e\u003cp\u003eFor some images, the best solution will be capturing a natural shadow during the original shoot.\u003c/p\u003e\u003cp\u003eFor others, it will be rebuilding the contact and cast shadows manually in post-production.\u003c/p\u003e\u003cp\u003eAnd when you are working with a large number of ecommerce images, AI product photography tools can make it much faster to create complete scenes with consistent lighting and realistic product shadows.\u003c/p\u003e\u003cp\u003eWhatever workflow you choose, the principle stays the same:\u003c/p\u003e\u003cp\u003eA shadow should not look like an effect added to the product. It should look like something the light created.\u003c/p\u003e\u003ch2 id=\"\"\u003e\u003c/h2\u003e\u003cp\u003e\u003c/p\u003e"])</script>
103<script>self.__next_f.push([1,"2e:[\"$\",\"div\",null,{\"className\":\"flex flex-col w-full\",\"children\":[\"$undefined\",[\"$\",\"article\",null,{\"className\":\"blog-prose max-w-none\",\"dangerouslySetInnerHTML\":{\"__html\":\"$37\"}}]]}]\n38:Tfbf,"])</script>
103<script>self.__next_f.push([1,"\n .blog-prose h2 {\n font-size: 1.875rem !important;\n font-weight: 700 !important;\n color: #0A0A0A !important;\n margin-top: 2.25rem !important;\n margin-bottom: 1rem !important;\n line-height: 1.25 !important;\n scroll-margin-top: 110px !important;\n display: block !important;\n }\n .blog-prose h3 {\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n color: #0A0A0A !important;\n margin-top: 2rem !important;\n margin-bottom: 0.75rem !important;\n line-height: 1.3 !important;\n scroll-margin-top: 110px !important;\n display: block !important;\n }\n .blog-prose p {\n font-size: 1rem !important;\n line-height: 1.625 !important;\n color: #333333 !important;\n margin-bottom: 1.25rem !important;\n display: block !important;\n }\n .blog-prose ul {\n list-style-type: disc !important;\n padding-left: 1.5rem !important;\n margin-bottom: 1.25rem !important;\n display: block !important;\n }\n .blog-prose ol {\n list-style-type: decimal !important;\n padding-left: 1.5rem !important;\n margin-bottom: 1.25rem !important;\n display: block !important;\n }\n .blog-prose li {\n margin-bottom: 0.5rem !important;\n color: #333333 !important;\n display: list-item !important;\n }\n .blog-prose blockquote {\n border-left: 4px solid #0540F2 !important;\n padding-left: 1rem !important;\n font-style: italic !important;\n color: #555555 !important;\n margin: 1.5rem 0 !important;\n display: block !important;\n }\n .blog-prose a {\n color: #0540F2 !important;\n text-decoration: underline !important;\n }\n .blog-prose img {\n border-radius: 16px !important;\n border: 1px solid #F5F5F5 !important;\n margin: 2rem 0 !important;\n max-width: 100% !important;\n height: auto !important;\n display: block !important;\n }\n .blog-prose strong {\n font-weight: 700 !important;\n color: #0A0A0A !important;\n }\n .blog-prose table {\n width: 100% !important;\n border-collapse: collapse !important;\n margin: 2rem 0 !important;\n font-size: 0.875rem !important;\n border-radius: 16px !important;\n overflow: hidden !important;\n border: 1px solid #F5F5F5 !important;\n }\n .blog-prose thead {\n background-color: #F8F9FA !important;\n border-bottom: 1px solid #F5F5F5 !important;\n }\n .blog-prose th {\n padding: 1rem !important;\n font-weight: 700 !important;\n color: #0A0A0A !important;\n text-align: left !important;\n }\n .blog-prose tr {\n transition: background-color 0.2s ease !important;\n }\n .blog-prose tr:hover {\n background-color: #FAFAFA !important;\n }\n .blog-prose td {\n padding: 1rem !important;\n color: #333333 !important;\n border-bottom: 1px solid #F0F0F0 !important;\n }\n .blog-prose tr:last-child td {\n border-bottom: none !important;\n }\n "])</script>
103<script>self.__next_f.push([1,"2f:[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$38\"}}]\n"])</script>
103<script>self.__next_f.push([1,"30:[\"$\",\"aside\",null,{\"className\":\"hidden lg:flex flex-col gap-6 sticky top-28 h-max self-start w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"bg-[#0A0A0A] rounded-[24px] p-6 text-white border border-neutral-800 flex flex-col gap-6 relative overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute -right-12 -top-12 w-32 h-32 bg-[#0540F2]/20 rounded-full blur-2xl pointer-events-none\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-xl bg-neutral-900 border border-neutral-800 flex items-center justify-center text-[#0540F2]\",\"children\":[\"$\",\"$L20\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\",\"key\":\"1s2grr\"}],[\"path\",{\"d\":\"M20 2v4\",\"key\":\"1rf3ol\"}],[\"path\",{\"d\":\"M22 4h-4\",\"key\":\"gwowj6\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\",\"key\":\"6kqj1y\"}]],\"className\":\"lucide-sparkles w-5 h-5\"}]}],[\"$\",\"h3\",null,{\"className\":\"font-semibold text-lg leading-snug\",\"children\":\"Launch more creative with less production.\"}],[\"$\",\"p\",null,{\"className\":\"text-[#737373] text-xs leading-relaxed\",\"children\":\"Create realistic product visuals without traditional production costs.\"}]]}],[\"$\",\"a\",null,{\"href\":\"https://app.adject.ai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"$L34\",null,{\"className\":\"w-full h-10 bg-[#0540F2] text-white text-xs font-semibold rounded-xl\",\"children\":\"Try Adject Free\"}]}]]}]}]\n"])</script>
103<script>self.__next_f.push([1,"32:[\"$\",\"div\",null,{\"className\":\"w-full h-px bg-[#F5F5F5] mt-20\"}]\n"])</script>
103<script>self.__next_f.push([1,"33:[\"$\",\"$L39\",null,{\"faqs\":[{\"question\":\"How do you create realistic shadows in product photography?\",\"answer\":\"Start by identifying the direction and softness of the main light source. Create a darker contact shadow where the product touches the surface, then add a wider cast or drop shadow if the scene requires it. Match the shadow's direction, softness, opacity, shape, and perspective to the product and background.\"},{\"question\":\"Why does my product photo look like it is floating?\",\"answer\":\"A missing or unrealistic contact shadow is one of the most common reasons. When the product does not have a darker area connecting it to the surface, it can appear suspended above the background.\"},{\"question\":\"What is the difference between a natural shadow and a drop shadow?\",\"answer\":\"A natural shadow is created by the real lighting during the photoshoot. A drop shadow is typically added during post-production. A realistic drop shadow should still behave according to the same lighting principles as a natural shadow.\"},{\"question\":\"Should product photos have shadows?\",\"answer\":\"Not every product image needs a visible cast shadow, but most products benefit from some visual grounding. Even a very subtle contact shadow can make an isolated product look more believable.\"},{\"question\":\"How do you make a product shadow look natural?\",\"answer\":\"Match it to the existing light direction, product shape, surface perspective, and contact points. Avoid pure black shadows, excessive opacity, and identical blur across the entire shadow.\"},{\"question\":\"How do you create soft shadows in product photography?\",\"answer\":\"During the shoot, use a large light source such as a softbox or large window and bring it relatively close to the product. In post-production, keep the contact area more defined and gradually soften the shadow as it moves farther from the object.\"},{\"question\":\"How do you add shadows after removing a product background?\",\"answer\":\"First decide where the light in the new scene is coming from. Rebuild the contact shadow underneath the product, then add a larger cast or drop shadow if necessary. Make sure both shadows match the new surface and perspective.\"},{\"question\":\"Can AI create realistic shadows for product photos?\",\"answer\":\"Yes. AI product photography tools can generate shadows together with new backgrounds and lighting environments. The result should still be checked for realistic light direction, contact, perspective, and product geometry.\"},{\"question\":\"How can you add shadows to product photos without Photoshop?\",\"answer\":\"You can capture natural shadows during the original photoshoot or use AI product photo editing tools that generate shadows automatically when creating or replacing a background.\"},{\"question\":\"What is the best shadow for ecommerce product photography?\",\"answer\":\"There is no single best option. Clean ecommerce listings often work well with subtle contact or drop shadows, while lifestyle and campaign images can use stronger cast shadows or reflections. The best choice is the one that fits the product, platform, and overall visual style.\"}],\"limit\":10}]\n"])</script>
103</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.