:root{
  --imagens-canvas:#f5efe8;
  --imagens-page-gradient:radial-gradient(42rem 24rem at 8% 4%,rgba(204,144,92,.14),transparent 70%),radial-gradient(36rem 24rem at 92% 18%,rgba(224,193,158,.18),transparent 72%),linear-gradient(180deg,#f7f1ea 0%,#eee5db 48%,#faf7f3 100%);
  --imagens-surface:#fffdf9;
  --imagens-surface-soft:#f7f1ea;
  --imagens-line:#e8ddd2;
  --imagens-line-strong:#d8c8b8;
  --imagens-ink:#2b211a;
  --imagens-muted:#75685e;
  --imagens-accent:#b86f3f;
  --imagens-accent-strong:#92532d;
}

html[data-theme='light'] body,
body.light-theme{
  background:var(--imagens-page-gradient)!important;
  color:var(--imagens-ink)!important;
}

html[data-theme='light'] body main,
body.light-theme main{
  background:transparent;
  color:var(--imagens-ink);
}

html[data-theme='light'] #zf-page-content,
body.light-theme #zf-page-content{
  background:transparent!important;
}

.imagens-gallery-page,
.imagens-share-page {
  background: transparent !important;
}

html[data-theme='light'] .zf-layout-header,
body.light-theme .zf-layout-header{
  background:rgba(255,253,249,.94)!important;
  border-color:var(--imagens-line)!important;
  color:var(--imagens-ink)!important;
  box-shadow:0 4px 18px rgba(83,58,39,.08)!important;
}

html[data-theme='light'] .zf-layout-header a:not([class*='bg-']):not([style*='background']):not([style*='linear-gradient']),
body.light-theme .zf-layout-header a:not([class*='bg-']):not([style*='background']):not([style*='linear-gradient']){
  color:inherit;
}

/* Header Auth & Mobile Action Buttons */
@media (min-width: 1024px) {
  /* Desktop Sign In CTA button */
  #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden),
  .zf-layout-header #zf-header-auth-desktop > a:not(.lg\:hidden) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 18px !important;
    border-radius: 9999px !important;
    background: #2b211a !important;
    border: 1px solid #2b211a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 14px rgba(43, 33, 26, 0.16) !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
  }

  #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden):hover,
  .zf-layout-header #zf-header-auth-desktop > a:not(.lg\:hidden):hover {
    background: #463325 !important;
    border-color: #463325 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(43, 33, 26, 0.24) !important;
    transform: translateY(-1px) !important;
  }

  #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden) :is(span, svg),
  .zf-layout-header #zf-header-auth-desktop > a:not(.lg\:hidden) :is(span, svg) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    stroke: #ffffff !important;
  }

  html.dark #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden),
  html[data-theme='dark'] #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden),
  body.dark-theme #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden) {
    background: #b86f3f !important;
    border-color: #b86f3f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html.dark #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden):hover,
  html[data-theme='dark'] #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden):hover,
  body.dark-theme #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden):hover {
    background: #92532d !important;
    border-color: #92532d !important;
  }

  /* Never show mobile sign-in icon button on desktop */
  #mainHeader #zf-header-auth-desktop > a.lg\:hidden,
  .zf-layout-header #zf-header-auth-desktop > a.lg\:hidden {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  /* Never show desktop sign-in CTA on mobile */
  #mainHeader #zf-header-auth-desktop > a:not(.lg\:hidden),
  .zf-layout-header #zf-header-auth-desktop > a:not(.lg\:hidden) {
    display: none !important;
  }

  /* Harmonized circular mobile action buttons */
  #mainHeader #zf-header-auth-desktop > a.lg\:hidden,
  .zf-layout-header #zf-header-auth-desktop > a.lg\:hidden,
  #mainHeader #menu-toggle,
  .zf-layout-header #menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    width: 36px !important;
    min-height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    border-radius: 9999px !important;
    background: rgba(255, 253, 249, 0.94) !important;
    border: 1px solid var(--imagens-line) !important;
    color: #2b211a !important;
    box-shadow: 0 2px 6px rgba(83, 58, 39, 0.06) !important;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease !important;
  }

  #mainHeader #zf-header-auth-desktop > a.lg\:hidden:hover,
  .zf-layout-header #zf-header-auth-desktop > a.lg\:hidden:hover,
  #mainHeader #menu-toggle:hover,
  .zf-layout-header #menu-toggle:hover {
    border-color: var(--imagens-accent) !important;
    color: var(--imagens-accent) !important;
    background: #ffffff !important;
    transform: translateY(-0.5px) !important;
  }

  #mainHeader #zf-header-auth-desktop > a.lg\:hidden svg,
  .zf-layout-header #zf-header-auth-desktop > a.lg\:hidden svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  #mainHeader #menu-toggle svg,
  .zf-layout-header #menu-toggle svg {
    width: 19px !important;
    height: 19px !important;
    stroke: currentColor !important;
    fill: none !important;
  }

  html.dark #mainHeader #zf-header-auth-desktop > a.lg\:hidden,
  html[data-theme='dark'] #mainHeader #zf-header-auth-desktop > a.lg\:hidden,
  body.dark-theme #mainHeader #zf-header-auth-desktop > a.lg\:hidden,
  html.dark #mainHeader #menu-toggle,
  html[data-theme='dark'] #mainHeader #menu-toggle,
  body.dark-theme #mainHeader #menu-toggle {
    background: rgba(30, 24, 20, 0.88) !important;
    border-color: rgba(90, 72, 60, 0.55) !important;
    color: #f7efe7 !important;
  }
}

html[data-theme='light'] .imagens-shell,
body.light-theme .imagens-shell{
  background:linear-gradient(180deg,rgba(247,241,234,.74) 0%,rgba(238,229,219,.82) 58%,rgba(250,247,243,.92) 100%);
}

html[data-theme='light'] input,
html[data-theme='light'] textarea,
html[data-theme='light'] select,
body.light-theme input,
body.light-theme textarea,
body.light-theme select{
  background:#ffffff;
  border-color:var(--imagens-line-strong);
  color:var(--imagens-ink);
}

html[data-theme='light'] input::placeholder,
html[data-theme='light'] textarea::placeholder,
body.light-theme input::placeholder,
body.light-theme textarea::placeholder{
  color:#718096;
}

html[data-theme='light'] :where(a,button,input,textarea,select):focus-visible,
body.light-theme :where(a,button,input,textarea,select):focus-visible{
  outline:2px solid var(--imagens-accent);
  outline-offset:3px;
}

html[data-theme='light'] .imagens-night-fix .home-emphasis-section,
body.light-theme .imagens-night-fix .home-emphasis-section{
  background:#f0e7dd!important;
  color:var(--imagens-ink)!important;
  border-block:1px solid var(--imagens-line);
}

html[data-theme='light'] .imagens-night-fix .home-emphasis-section::before,
body.light-theme .imagens-night-fix .home-emphasis-section::before{
  background:radial-gradient(24rem 16rem at 50% 100%,rgba(184,111,63,.08),transparent 78%);
}

html[data-theme='light'] .imagens-night-fix .home-accent-highlight,
body.light-theme .imagens-night-fix .home-accent-highlight{
  color:var(--imagens-accent)!important;
}

html[data-theme='light'] .imagens-night-fix .home-pricing-summary,
body.light-theme .imagens-night-fix .home-pricing-summary{
  border-color:var(--imagens-line)!important;
  background:#ffffff!important;
}

html[data-theme='light'] .imagens-night-fix .home-model-panel,
body.light-theme .imagens-night-fix .home-model-panel{
  border-color:var(--imagens-line)!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)!important;
}

html[data-theme='light'] .imagens-night-fix .home-model-chip,
body.light-theme .imagens-night-fix .home-model-chip{
  border-color:var(--imagens-line)!important;
  background:#ffffff!important;
}

html[data-theme='light'] .zf-accent-gradient,
body.light-theme .zf-accent-gradient{
  background:#f8fafc!important;
  color:#5b6575!important;
  border-bottom:1px solid #e2e8f0;
}
html[data-theme='light'] .zf-layout-header a[style*='linear-gradient'],
body.light-theme .zf-layout-header a[style*='linear-gradient']{
  background:#b86f3f!important;
  color:#ffffff!important;
  border-color:#b86f3f!important;
  box-shadow:0 10px 22px rgba(184,111,63,.22)!important;
}
html[data-theme='light'] .zf-layout-header a[style*='linear-gradient'] span[style*='linear-gradient'],
body.light-theme .zf-layout-header a[style*='linear-gradient'] span[style*='linear-gradient']{
  display:none!important;
}
html[data-theme='light'] #zz_create button.bg-gradient-to-r,
body.light-theme #zz_create button.bg-gradient-to-r{
  background:#b86f3f!important;
  border-color:#b86f3f!important;
  color:#ffffff!important;
}
html[data-theme='light'] #zz_create button.bg-gradient-to-r:hover,
body.light-theme #zz_create button.bg-gradient-to-r:hover{
  background:#92532d!important;
}
html[data-theme='light'] .zf-purchase-card__topline,
body.light-theme .zf-purchase-card__topline{
  background:#e2e8f0!important;
  background-image:none!important;
}
html[data-theme='light'] .zf-purchase-card__button,
body.light-theme .zf-purchase-card__button{
  background:#b86f3f!important;
  background-image:none!important;
  border-color:#b86f3f!important;
  color:#ffffff!important;
  box-shadow:0 8px 18px rgba(184,111,63,.18)!important;
}
html[data-theme='light'] .zf-purchase-card__button:hover,
body.light-theme .zf-purchase-card__button:hover{
  background:#92532d!important;
}
html[data-theme='light'] .imagens-first-template,
body.light-theme .imagens-first-template{
  color:#172033;
}

/* Existing dark-mode hero correction layer. */
html.dark :where(section, div):has(.animate-blob),
html[data-theme='dark'] :where(section, div):has(.animate-blob) {
    isolation: isolate;
}

html.dark section.bg-gradient-to-b.from-blue-50.to-white,
html.dark section.bg-gradient-to-b.from-indigo-50.to-white,
html.dark section.bg-gradient-to-b.from-purple-50.to-white,
html.dark section.bg-gradient-to-b.from-pink-50.to-white,
html[data-theme='dark'] section.bg-gradient-to-b.from-blue-50.to-white,
html[data-theme='dark'] section.bg-gradient-to-b.from-indigo-50.to-white,
html[data-theme='dark'] section.bg-gradient-to-b.from-purple-50.to-white,
html[data-theme='dark'] section.bg-gradient-to-b.from-pink-50.to-white {
    --tw-gradient-from: #091a31 var(--tw-gradient-from-position) !important;
    --tw-gradient-via: #0d213c var(--tw-gradient-via-position) !important;
    --tw-gradient-to: rgb(9 26 49 / 0) var(--tw-gradient-to-position) !important;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}

html.dark :where(section, div):has(.animate-blob).bg-gradient-to-b,
html[data-theme='dark'] :where(section, div):has(.animate-blob).bg-gradient-to-b {
    --tw-gradient-from: #091a31 var(--tw-gradient-from-position) !important;
    --tw-gradient-via: #0d213c var(--tw-gradient-via-position) !important;
    --tw-gradient-to: rgb(9 26 49 / 0) var(--tw-gradient-to-position) !important;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}

html.dark :where(section, div):has(.animate-blob).from-blue-50,
html.dark :where(section, div):has(.animate-blob).from-indigo-50,
html.dark :where(section, div):has(.animate-blob).from-purple-50,
html.dark :where(section, div):has(.animate-blob).from-pink-50,
html[data-theme='dark'] :where(section, div):has(.animate-blob).from-blue-50,
html[data-theme='dark'] :where(section, div):has(.animate-blob).from-indigo-50,
html[data-theme='dark'] :where(section, div):has(.animate-blob).from-purple-50,
html[data-theme='dark'] :where(section, div):has(.animate-blob).from-pink-50 {
    --tw-gradient-from: #091a31 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(9 26 49 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html.dark :where(section, div):has(.animate-blob).via-white,
html.dark :where(section, div):has(.animate-blob).to-white,
html.dark :where(section, div):has(.animate-blob).to-gray-50,
html[data-theme='dark'] :where(section, div):has(.animate-blob).via-white,
html[data-theme='dark'] :where(section, div):has(.animate-blob).to-white,
html[data-theme='dark'] :where(section, div):has(.animate-blob).to-gray-50 {
    --tw-gradient-via: #0d213c var(--tw-gradient-via-position) !important;
    --tw-gradient-to: rgb(13 33 60 / 0) var(--tw-gradient-to-position) !important;
}

html.dark :where(section, div):has(.animate-blob) :where(h1, h2, h3),
html[data-theme='dark'] :where(section, div):has(.animate-blob) :where(h1, h2, h3) {
    color: #ecf4ff !important;
}

html.dark :where(section, div):has(.animate-blob) :where(.text-gray-700, .text-gray-600, .text-gray-500),
html[data-theme='dark'] :where(section, div):has(.animate-blob) :where(.text-gray-700, .text-gray-600, .text-gray-500) {
    color: #b8cbe5 !important;
}

html.dark :where(section, div):has(.animate-blob) :where([class*='rounded-full'][class*='blur']),
html[data-theme='dark'] :where(section, div):has(.animate-blob) :where([class*='rounded-full'][class*='blur']) {
    opacity: 0.2 !important;
    mix-blend-mode: normal !important;
    filter: blur(80px) !important;
}

html.dark .animate-blob[class*='rounded-full'][class*='blur'],
html[data-theme='dark'] .animate-blob[class*='rounded-full'][class*='blur'] {
    opacity: 0.2 !important;
    mix-blend-mode: normal !important;
    filter: blur(80px) !important;
}

html.dark :where(section, div):has(.animate-blob) :where([class*='bg-white/80'], [class*='bg-white/90'], [class*='backdrop-blur-sm']),
html[data-theme='dark'] :where(section, div):has(.animate-blob) :where([class*='bg-white/80'], [class*='bg-white/90'], [class*='backdrop-blur-sm']) {
    background: rgba(15, 28, 47, 0.72) !important;
    border-color: rgba(69, 89, 117, 0.52) !important;
    color: #dbe8fb !important;
}

html.dark :where(section, div):has(.animate-blob) :where(a[class*='bg-white'], button[class*='bg-white']),
html[data-theme='dark'] :where(section, div):has(.animate-blob) :where(a[class*='bg-white'], button[class*='bg-white']) {
    background: rgba(15, 27, 44, 0.92) !important;
    border-color: rgba(79, 98, 124, 0.56) !important;
    color: #e6f0ff !important;
}

html.dark :where(section, div):has(.animate-blob) :where(a[class*='bg-white']:hover, button[class*='bg-white']:hover),
html[data-theme='dark'] :where(section, div):has(.animate-blob) :where(a[class*='bg-white']:hover, button[class*='bg-white']:hover) {
    background: rgba(22, 39, 63, 0.96) !important;
}

html.dark #nb-performance .nb-performance-decor,
html[data-theme='dark'] #nb-performance .nb-performance-decor {
    display: none !important;
}

/* Warm-light typography for the imagens homepage. */
html[data-theme='light'] .imagens-night-fix :where(h1,h2,h3,h4),
body.light-theme .imagens-night-fix :where(h1,h2,h3,h4){
  color:#2b211a!important;
}
html[data-theme='light'] .imagens-night-fix .text-gray-900,
body.light-theme .imagens-night-fix .text-gray-900,
html[data-theme='light'] .imagens-night-fix .text-gray-800,
body.light-theme .imagens-night-fix .text-gray-800{
  color:#2b211a!important;
}
html[data-theme='light'] .imagens-night-fix .text-gray-700,
body.light-theme .imagens-night-fix .text-gray-700,
html[data-theme='light'] .imagens-night-fix .text-gray-600,
body.light-theme .imagens-night-fix .text-gray-600,
html[data-theme='light'] .imagens-night-fix .text-gray-500,
body.light-theme .imagens-night-fix .text-gray-500{
  color:#75685e!important;
}
html[data-theme='light'] .imagens-night-fix .rw-sticky-inner,
body.light-theme .imagens-night-fix .rw-sticky-inner{
  border-color:#e1d2c3!important;
  box-shadow:0 10px 24px rgba(83,58,39,.1)!important;
}

/* Ask AI / GEO Footer Component styling */
html[data-theme='light'] .zf-ask-ai-col-specs,
body.light-theme .zf-ask-ai-col-specs {
  border-color: var(--imagens-line) !important;
}
html[data-theme='light'] .zf-ask-ai-btn,
body.light-theme .zf-ask-ai-btn {
  background: #ffffff !important;
  border-color: var(--imagens-line) !important;
  color: var(--imagens-ink) !important;
  box-shadow: 0 1px 3px rgba(43, 33, 26, 0.06) !important;
}
html[data-theme='light'] .zf-ask-ai-btn:hover,
body.light-theme .zf-ask-ai-btn:hover {
  background: #fdfaf6 !important;
  border-color: var(--imagens-accent) !important;
  color: var(--imagens-accent-strong) !important;
  box-shadow: 0 4px 12px rgba(184, 111, 63, 0.14) !important;
}
html.dark .zf-ask-ai-btn,
html[data-theme='dark'] .zf-ask-ai-btn,
body.dark-theme .zf-ask-ai-btn {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f3f4f6 !important;
}
html.dark .zf-ask-ai-btn:hover,
html[data-theme='dark'] .zf-ask-ai-btn:hover,
body.dark-theme .zf-ask-ai-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--theme-primary, #b86f3f) !important;
  color: #ffffff !important;
}