.flex-col{display:flex;flex-direction:column}.min-h-screen{min-height:100vh}main{flex:1}.container{max-width:1920px;margin:0 auto}@media (min-width: 768px){.container{padding:1rem 1.5rem}}section{width:100%;padding:3rem 0}@media (min-width: 768px){section{padding:6rem 0}}@media (min-width: 1024px){section{padding:8rem 0}}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:.375rem;transition:background-color .2s,color .2s,border-color .2s;border:1px solid transparent}.button.primary{background-color:#000;color:#fff;border-color:#000}.button.primary:hover{background-color:#f3f4f6;color:#000}.button.secondary{background-color:transparent;color:#fff;border-color:#d1d5db}.button.secondary:hover{background-color:#ffffff1a}.button.outline{background-color:transparent;color:#000;border-color:#d1d5db}.button.outline:hover{background-color:#f3f4f6}.grid{display:grid;gap:1.5rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_400px\]{grid-template-columns:1fr 400px}}@media (min-width: 1280px){.xl\:grid-cols-\[1fr_600px\]{grid-template-columns:1fr 600px}}.bg-white{background-color:#fff}.rounded-lg{border-radius:.5rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.bg-gray-100{background-color:#f3f4f6}h2{font-size:1.875rem;font-weight:700;line-height:1.2}@media (min-width: 640px){h2{font-size:2.25rem}}@media (min-width: 768px){h2{font-size:3rem}}h3{font-size:1.25rem;font-weight:700}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}footer{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;border-top:1px solid #e5e7eb}@media (min-width: 640px){footer{flex-direction:row}footer nav{margin-left:auto}}footer p,footer a{font-size:.75rem}footer a:hover{text-decoration:underline;text-underline-offset:4px}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-6{padding:1.5rem}.aspect-video{aspect-ratio:16/9}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.header{background-color:#fff;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:20}.header__container{padding:1rem;margin:0 auto;max-width:100%;display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center}.header__logo-image{height:2rem;width:auto;margin-right:.5rem}.header__title{font-size:1.25rem;font-weight:700;color:#1f2937}.header__title p{padding:0;margin:0}.header__menu-toggle{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;width:30px;height:30px;position:relative;z-index:2}.header__menu-toggle__menu-icon{display:block;width:100%;height:2px;background-color:#1f2937;position:relative;transition:background-color .3s}.header__menu-toggle__menu-icon:before,.header__menu-toggle__menu-icon:after{content:"";position:absolute;width:100%;height:2px;background-color:#1f2937;transition:transform .3s}.header__menu-toggle__menu-icon:before{top:-8px}.header__menu-toggle__menu-icon:after{bottom:-8px}.header__menu-toggle--active .header__menu-icon{background-color:transparent}.header__menu-toggle--active .header__menu-icon:before{transform:translateY(8px) rotate(45deg)}.header__menu-toggle--active .header__menu-icon:after{transform:translateY(-8px) rotate(-45deg)}.nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease}.nav--active{right:0}.nav__link{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;color:#1f2937;font-weight:500;padding:1rem;font-size:1.25rem;transition:color .3s ease}.nav__link:hover,.nav__link:focus{color:#3b82f6}.nav__link.active{color:#3b82f6}.nav .inner-container{display:flex;flex-direction:column}@media (min-width: 640px){.header__menu-toggle{display:none}.header__title{min-width:200px}.nav{position:static;height:auto;flex-direction:row;background-color:transparent;justify-content:right}.nav__link{padding:.5rem 1rem;font-size:1rem}.nav .inner-container{display:flex;flex-direction:row}}@media (min-width: 1024px){.header__title{font-size:1.5rem}.nav__link{font-size:1.125rem}}@media (min-width: 1920px){.header__container{max-width:1920px;padding:1rem 2em}}.bg-black{background-image:linear-gradient(to top,#cfd9df,#e2ebf0);color:#fff}.text-center{text-align:center}h1{font-size:2.25rem;font-weight:700;line-height:1.2;color:#000}p{color:#000!important}@media (min-width: 640px){h1{font-size:2.5rem}}@media (min-width: 768px){h1{font-size:3rem}}.text-gray-300{color:#d1d5db}#learn .button.primary{max-width:200px}h1.index-page-title{margin-top:1em;text-align:center;position:sticky;top:64px;background:#fff;z-index:10;padding:1rem 0;margin-bottom:0}@media screen and (min-width: 665px){h1.index-page-title{text-align:left}}.tools-layout{display:flex;flex-direction:column;gap:2em;min-height:calc(100vh - 64px - 4rem)}@media screen and (min-width: 768px){.tools-layout{flex-direction:row;align-items:flex-start}}.categories-sidebar{width:100%}.categories-sidebar .mobile-categories-toggle{border:1px solid #e5e7eb;transition:background-color .2s}.categories-sidebar .mobile-categories-toggle:hover{background-color:#e5e7eb}.categories-sidebar .mobile-categories-toggle svg{transition:transform .2s ease}.categories-sidebar .mobile-categories-toggle svg.rotate-180{transform:rotate(180deg)}.categories-sidebar .categories-list{display:none}.categories-sidebar .categories-list.is-visible{display:flex;flex-direction:column}@media screen and (min-width: 768px){.categories-sidebar .categories-list{display:flex!important;flex-direction:column}.categories-sidebar{width:250px;min-width:250px;position:sticky;top:calc(64px + 4rem);max-height:calc(100vh - 64px - 4rem);overflow-y:auto;align-self:flex-start}.categories-sidebar .mobile-categories-toggle{display:none}}@media screen and (max-width: 767px){.categories-sidebar .mobile-categories-toggle{border:1px solid #e5e7eb}.categories-sidebar .categories-list{display:none;padding:1rem;background:#f9fafb;border-radius:0 0 .375rem .375rem}.categories-sidebar .categories-list.hidden{display:none}}@media screen and (min-width: 768px){.categories-sidebar .mobile-categories-toggle{display:none}.categories-sidebar .categories-list{display:flex!important;flex-direction:column}}.ai-tools-container{flex:1;min-width:0;min-height:calc(100vh - 64px - 4rem)}.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,300px));gap:1em;justify-content:center}@media screen and (min-width: 768px){.tools{justify-content:left}}.ai-tool-card{position:relative;border:1px solid #e0e0e0;padding:20px;margin-bottom:1em;max-width:300px;min-width:300px;flex:1 1 300px}.ai-tool-card .inner-container{margin-bottom:100px}.ai-tool-card p{font-size:1rem}.ai-tool-card img{min-width:150px!important}@media screen and (min-width: 768px){.ai-tool-card{max-width:300}}.ai-tool-card .tool-cta{position:absolute;bottom:20px}.pagination-container{font-size:.8rem}.category-link{display:block;padding:.75rem 1rem;background-color:#f3f4f6;border-radius:.375rem;margin-bottom:.5rem;transition:background-color .2s}.category-link:hover{background-color:#e5e7eb}.tool-logo-image{max-width:200px!important}.cta{display:block}p{margin-bottom:1em}.ai-tools-page{max-width:1000px}@media screen and (max-width: 768px){.ai-tools-page .inner-container{padding:0 1em}}.ai-tools-page .inner-container h1{margin-bottom:.5em}.ai-tools-page .tool-info{border:1px solid #ccc;padding:1em;margin-bottom:1.5em}.ai-tools-page .page-container{width:100%;display:flex;flex-direction:row;height:100%;max-width:1920px;margin:0 auto}.ai-tools-page .page-container main .inner-container{max-width:1000px}.sidebar{min-width:400px;background-color:gray}.tool-logo-image{border-radius:40px}.max-h-150{max-height:150px}.formkit-close svg{margin:0 auto}