body.iqblog-native .site-header .signup-offer { position: relative; display: flex; align-items: center; }
body.iqblog-native .site-header .signup-demo-link { gap: 8px; padding-inline: 20px; }
body.iqblog-native .site-header .signup-demo-link .signup-label-full,
body.iqblog-native .site-header .signup-demo-link .signup-label-short { font: inherit; }
body.iqblog-native .site-header .signup-label-short { display: none; }
/* Keep the pointer inside the offer while crossing the gap to the panel. */
body.iqblog-native .site-header .signup-teaser::after { content: ""; position: absolute; inset: -12px 0 auto; height: 12px; }
@media (max-width: 900px) {
  body.iqblog-native .site-header .signup-label-full { display: none; }
  body.iqblog-native .site-header .signup-label-short { display: inline; }
  body.iqblog-native .site-header .signup-demo-link { padding-inline: 16px; font-size: 13px; }
}
@media (max-width: 560px) {
  body.iqblog-native .header-actions { gap: 12px; }
  body.iqblog-native .site-header .signup-demo-link { padding-inline: 12px; font-size: 12px; }
}
body.iqblog-native .site-header .signup-teaser { position: absolute; top: calc(100% + 12px); inset-inline-end: 0; width: 576px; max-width: calc(100vw - 48px); border: 1px solid #edcfb7; border-radius: 8px; background: #fff0e4; box-shadow: 0 8px 24px #11111114; opacity: 0; transform: translateY(-4px); transform-origin: top right; pointer-events: none; transition: opacity 180ms ease-out, transform 180ms ease-out; }
body.iqblog-native .site-header .signup-teaser::before { content: ""; position: absolute; inset-inline-end: 88px; top: -7px; width: 14px; height: 14px; border-top: 1px solid #edcfb7; border-left: 1px solid #edcfb7; background: #fff0e4; transform: rotate(45deg); }
body.iqblog-native .site-header .signup-teaser.is-open { opacity: 1; transform: none; pointer-events: auto; }
body.iqblog-native .site-header .signup-teaser-body { position: relative; max-height: calc(100dvh - 128px); overflow-y: auto; overscroll-behavior: contain; padding: 16px; border-radius: inherit; }
body.iqblog-native .site-header .signup-teaser-close { position: absolute; z-index: 1; inset-inline-end: 4px; top: 4px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #756355; cursor: pointer; }
body.iqblog-native .site-header .signup-teaser-close:hover { color: #3b2514; background: #b743000c; }
body.iqblog-native .site-header .signup-teaser h2 { margin: 0 0 12px; margin-inline-end: 24px; color: #28211c; font-size: 16px; font-weight: 600; letter-spacing: normal; line-height: 1.35; }
body.iqblog-native .site-header .signup-teaser-features { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(4,auto); grid-auto-flow: column; gap: 4px 16px; list-style: none; padding: 0; margin: 0; }
body.iqblog-native .site-header .signup-teaser-features li { display: flex; align-items: start; gap: 8px; min-height: 24px; color: #3b332c; font-size: 13px; font-weight: 400; line-height: 1.55; }
body.iqblog-native .site-header .signup-teaser-features svg { flex-shrink: 0; margin-top: 2px; color: #b74300; }
body.iqblog-native .site-header .signup-teaser-note { margin-top: 16px; padding-top: 0; border-top: 0; }
body.iqblog-native .site-header .signup-teaser-note h3 { margin: 0 0 8px; color: #28211c; font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: normal; }
body.iqblog-native .site-header .signup-teaser-note p { max-width: 620px; margin: 0; color: #5d5147; font-size: 13px; line-height: 1.55; }
body.iqblog-native .site-header .signup-teaser.is-open .signup-teaser-features li { animation: iq-signup-feature 180ms ease-out both; animation-delay: calc(40ms + var(--feature) * 25ms); }
body.iqblog-native .site-header .signup-teaser.is-open .signup-teaser-features svg { animation: iq-signup-check 160ms ease-out both; animation-delay: calc(40ms + var(--feature) * 25ms); }
body.iqblog-native .site-header .signup-teaser.is-open .signup-teaser-note { animation: iq-signup-feature 180ms ease-out 200ms both; }
@keyframes iq-signup-feature { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes iq-signup-check { from { opacity: 0; transform: scale(.65); } to { opacity: 1; transform: scale(1); } }
@media (max-width: 1023px) { body.iqblog-native .site-header .signup-teaser { display: none !important; } }
@media (prefers-reduced-motion: reduce) { body.iqblog-native .site-header .signup-offer *, body.iqblog-native .site-header .signup-offer *::before { animation: none !important; transition: none !important; } }

body.iqblog-native .site-header .signup-label-compact { display: none; font: inherit; }
@media (max-width: 420px) {
  body.iqblog-native .site-header .signup-label-short { display: none; }
  body.iqblog-native .site-header .signup-label-compact { display: inline; }
}
[dir="rtl"] body.iqblog-native .site-header .signup-teaser { transform-origin: top left; }