/* German B2B category landing. Every page-specific selector is scoped. */
.product-email-software {
  --software-green: #165c48;
  --software-green-dark: #0b3d31;
  --software-green-soft: #e6f3ee;
  --software-amber: #c97818;
  --software-amber-soft: #fff3df;
  --software-ink: #14231d;
  --software-line: #ccd9d3;
}

.product-email-software main { overflow-wrap: anywhere; }
.product-email-software main h1,
.product-email-software main h2,
.product-email-software main h3 { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.product-email-software main h2 { font-size: clamp(1.75rem, 4vw, 2.75rem); line-height: 1.12; }
.product-email-software main h3 { font-size: 1.05rem; line-height: 1.3; }
.product-email-software main section[id] { scroll-margin-top: 1rem; }
.product-email-software .nav-wrap { min-height: 4rem; }
.product-email-software .disclosure-bar { padding-block: .55rem; background: #eef2ef; font-size: .75rem; line-height: 1.45; }
.product-email-software .section { padding-block: 3.35rem; }
.product-email-software .section-heading { max-width: 50rem; margin-bottom: 1.55rem; }
.product-email-software .section-heading p { margin-top: .65rem; line-height: 1.6; }
.product-email-software .eyebrow { color: var(--software-green); font-size: .7rem; letter-spacing: .12em; }
.product-email-software .button { border-radius: .65rem; }
.product-email-software .button.email-software-affiliate-link { border-color: var(--software-green); background: var(--software-green); box-shadow: 0 3px 0 rgba(11, 61, 49, .22); }
.product-email-software .button.email-software-affiliate-link:hover { border-color: var(--software-green-dark); background: var(--software-green-dark); }

.product-email-software .category-hero { padding-block: 1.25rem 2rem; background: linear-gradient(145deg, #fbfcf9 0%, #eef6f1 65%, #fff8ea 100%); }
.product-email-software .category-hero-layout { display: grid; gap: 1.2rem; }
.product-email-software .category-hero .eyebrow { margin-bottom: .5rem; }
.product-email-software .category-hero h1 { max-width: 16ch; color: var(--software-ink); font-size: clamp(2.05rem, 8.6vw, 4.65rem); line-height: .98; letter-spacing: -.055em; overflow-wrap: normal; }
.product-email-software .category-hero__subhead { max-width: 30ch; margin-top: .65rem; color: var(--software-green-dark); font-size: clamp(1.08rem, 4.2vw, 1.7rem); font-weight: 800; line-height: 1.23; }
.product-email-software .category-hero__lead { max-width: 61ch; margin-top: .7rem; font-size: .9rem; line-height: 1.55; }
.product-email-software .category-hero .actions { margin-top: 1rem; }
.product-email-software .category-hero .button--secondary { border-color: #758a80; background: rgba(255, 255, 255, .8); color: var(--software-ink); }
.product-email-software .category-signals { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .95rem; }
.product-email-software .category-signals li { padding: .35rem .65rem; border: 1px solid var(--software-line); border-radius: 999px; background: rgba(255, 255, 255, .84); color: var(--software-green-dark); font-size: .68rem; font-weight: 800; }

.product-email-software .decision-visual { padding: 1rem; border: 1px solid var(--software-line); border-radius: 1rem; background: #fff; box-shadow: 0 20px 50px rgba(20, 55, 43, .11); }
.product-email-software .decision-visual__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .75rem; border-bottom: 1px solid var(--software-line); }
.product-email-software .decision-visual__header strong { color: var(--software-ink); font-size: .8rem; }
.product-email-software .decision-visual__header span { padding: .2rem .5rem; border-radius: 999px; background: var(--software-green-soft); color: var(--software-green-dark); font-size: .61rem; font-weight: 800; }
.product-email-software .decision-visual__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin-top: .8rem; }
.product-email-software .decision-visual__item { padding: .65rem; border: 1px solid var(--software-line); border-radius: .6rem; background: #fafcfb; }
.product-email-software .decision-visual__item strong { display: block; color: var(--software-green-dark); font-size: .69rem; }
.product-email-software .decision-visual__item span { display: block; margin-top: .2rem; color: var(--text-secondary); font-size: .62rem; line-height: 1.35; }
.product-email-software .decision-visual figcaption { margin-top: .7rem; color: var(--text-secondary); font-size: .65rem; line-height: 1.4; }

.product-email-software .criteria-checklist,
.product-email-software .selection-grid,
.product-email-software .category-types,
.product-email-software .feature-grid,
.product-email-software .audience-grid,
.product-email-software .privacy-grid { display: grid; gap: .75rem; }
.product-email-software .criteria-item { display: flex; min-height: 3.75rem; align-items: center; gap: .7rem; padding: .75rem; border: 1px solid var(--border); border-radius: .7rem; background: #fff; color: var(--software-ink); font-size: .82rem; font-weight: 750; }
.product-email-software .criteria-item::before { display: grid; flex: 0 0 1.45rem; width: 1.45rem; height: 1.45rem; place-items: center; border-radius: 50%; background: var(--software-green-soft); color: var(--software-green); content: "✓"; font-size: .72rem; font-weight: 900; }
.product-email-software .criteria-note { margin-top: 1rem; padding: .9rem 1rem; border-left: 4px solid var(--software-amber); background: var(--software-amber-soft); font-size: .82rem; line-height: 1.5; }

.product-email-software .category-type { padding: 1.1rem; border: 1px solid var(--border); border-radius: .8rem; background: #fff; }
.product-email-software .category-type span { display: inline-block; margin-bottom: .55rem; color: var(--software-green); font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.product-email-software .category-type p { margin-top: .45rem; font-size: .83rem; line-height: 1.5; }
.product-email-software .category-type--highlight { border-color: var(--software-green); background: var(--software-green-soft); }
.product-email-software .practical-note { margin-top: 1rem; color: var(--text-secondary); font-size: .85rem; }

.product-email-software .selection-card { padding: 1rem; border: 1px solid var(--border); border-top: 3px solid var(--software-green); border-radius: .75rem; background: #fff; }
.product-email-software .selection-card strong { display: grid; width: 1.8rem; height: 1.8rem; margin-bottom: .65rem; place-items: center; border-radius: .5rem; background: var(--software-green-soft); color: var(--software-green-dark); font-size: .7rem; }
.product-email-software .selection-card p { margin-top: .35rem; font-size: .8rem; line-height: 1.5; }
.product-email-software .section-action { margin-top: 1.25rem; }

.product-email-software .featured-solution { background: linear-gradient(145deg, var(--software-green-dark), #123f34); color: #fff; }
.product-email-software .featured-layout { display: grid; gap: 1.2rem; align-items: center; }
.product-email-software .featured-solution .eyebrow { color: #9ddac8; }
.product-email-software .featured-solution h2 { max-width: 22ch; }
.product-email-software .featured-solution p { color: rgba(255, 255, 255, .82); }
.product-email-software .featured-copy > p:not(.eyebrow) { max-width: 59ch; margin-top: .75rem; }
.product-email-software .fact-chips { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1rem; }
.product-email-software .fact-chips li { padding: .35rem .65rem; border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; color: rgba(255, 255, 255, .92); font-size: .68rem; font-weight: 750; }
.product-email-software .featured-action { padding: 1rem; border: 1px solid rgba(255, 255, 255, .2); border-radius: .85rem; background: rgba(255, 255, 255, .07); }
.product-email-software .featured-action .button { width: 100%; border-color: var(--brand-accent); background: var(--brand-accent); color: var(--text-primary); }
.product-email-software .featured-action .button:hover { border-color: #e9a34a; background: #e9a34a; }
.product-email-software .featured-action .microcopy { margin-top: .55rem; color: rgba(255, 255, 255, .72); text-align: center; }

.product-email-software .feature-card { padding: 1rem; border: 1px solid var(--border); border-radius: .75rem; background: #fff; }
.product-email-software .feature-card h3::before { margin-right: .5rem; color: var(--software-green); content: "◆"; font-size: .65rem; vertical-align: .15em; }
.product-email-software .feature-card p { margin-top: .4rem; font-size: .82rem; line-height: 1.5; }
.product-email-software .audience-card { padding: 1rem; border: 1px solid var(--border); border-radius: .75rem; background: #fff; }
.product-email-software .audience-card p { margin-top: .35rem; font-size: .82rem; line-height: 1.45; }
.product-email-software .fit-note { margin-top: 1rem; padding: 1rem; border: 1px solid var(--border); border-radius: .75rem; background: #fffaf0; }
.product-email-software .fit-note p { margin-top: .35rem; font-size: .84rem; }

.product-email-software .comparison-table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: .8rem; background: #fff; }
.product-email-software .comparison-table { width: 100%; min-width: 43rem; border-collapse: collapse; text-align: left; }
.product-email-software .comparison-table th,
.product-email-software .comparison-table td { padding: .8rem .9rem; border-bottom: 1px solid var(--border); font-size: .8rem; line-height: 1.45; vertical-align: top; }
.product-email-software .comparison-table th { background: var(--software-green-soft); color: var(--software-green-dark); }
.product-email-software .comparison-table tr:last-child td { border-bottom: 0; }
.product-email-software .comparison-note { margin-top: .8rem; font-size: .78rem; }

.product-email-software .privacy-card { padding: 1rem; border: 1px solid var(--software-line); border-radius: .75rem; background: #fff; }
.product-email-software .privacy-card p { margin-top: .35rem; font-size: .81rem; line-height: 1.48; }
.product-email-software .legal-note { margin-top: 1rem; padding: 1rem; border-left: 4px solid var(--software-green); background: var(--software-green-soft); font-size: .84rem; }
.product-email-software .cost-layout { display: grid; gap: 1.2rem; align-items: start; }
.product-email-software .cost-factors { display: grid; gap: .55rem; }
.product-email-software .cost-factors li { padding: .7rem .8rem; border: 1px solid var(--border); border-radius: .6rem; background: #fff; color: var(--text-secondary); font-size: .82rem; }
.product-email-software .pricing-panel { padding: 1.15rem; border: 1px solid var(--software-green); border-radius: .85rem; background: linear-gradient(135deg, #fff, var(--software-green-soft)); }
.product-email-software .pricing-panel p { margin-top: .55rem; font-size: .84rem; }
.product-email-software .pricing-panel .button { width: 100%; margin-top: 1rem; }

.product-email-software .decision-checklist { display: grid; gap: .65rem; counter-reset: decision-question; }
.product-email-software .decision-question { position: relative; min-height: 3.5rem; padding: .85rem .9rem .85rem 3rem; border: 1px solid var(--border); border-radius: .7rem; background: #fff; color: var(--software-ink); font-size: .84rem; font-weight: 700; line-height: 1.4; counter-increment: decision-question; }
.product-email-software .decision-question::before { position: absolute; top: .85rem; left: .85rem; display: grid; width: 1.4rem; height: 1.4rem; place-items: center; border-radius: 50%; background: var(--software-green); color: #fff; content: counter(decision-question); font-size: .65rem; font-weight: 850; }
.product-email-software .checklist-outcome { margin-top: 1rem; font-size: .84rem; }

.product-email-software .faq { display: grid; gap: .55rem; }
.product-email-software .faq details { border-color: var(--software-line); background: #fff; }
.product-email-software .faq summary { min-height: 3rem; padding-block: .9rem; color: var(--software-ink); font-size: .93rem; line-height: 1.4; }
.product-email-software .faq details p { font-size: .85rem; line-height: 1.55; }
.product-email-software .category-final-cta { background: linear-gradient(145deg, var(--software-green-dark), #102a23); }
.product-email-software .category-final-cta h2 { max-width: 23ch; }
.product-email-software .category-final-cta .eyebrow { margin: 0 auto .55rem; color: #9ddac8; }
.product-email-software .category-final-cta .actions { margin-top: 1.15rem; }
.product-email-software .category-final-cta .microcopy { max-width: 36rem; }
.product-email-software .category-final-cta .button--secondary { border-color: rgba(255, 255, 255, .52); color: #fff; }
.product-email-software .category-final-cta .button--secondary:hover { background: rgba(255, 255, 255, .1); }
.product-email-software .sticky-cta { bottom: calc(.75rem + env(safe-area-inset-bottom, 0px)); }
.product-email-software.has-sticky-cta { padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px)); }

@media (min-width: 40rem) {
  .product-email-software .criteria-checklist { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-email-software .category-types { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-email-software .selection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-email-software .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-email-software .audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-email-software .privacy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-email-software .decision-checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 52rem) {
  .product-email-software .category-hero { padding-block: 2.35rem; }
  .product-email-software .category-hero-layout { grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); gap: 2.5rem; align-items: center; }
  .product-email-software .selection-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .product-email-software .featured-layout { grid-template-columns: minmax(0, 1.2fr) minmax(19rem, .8fr); gap: 2rem; }
  .product-email-software .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-email-software .audience-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-email-software .privacy-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .product-email-software .cost-layout { grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr); gap: 2rem; }
  .product-email-software .decision-checklist { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 39.99rem) {
  .product-email-software .category-hero { padding-top: .75rem; }
  .product-email-software .category-hero h1 { font-size: clamp(1.9rem, 8.2vw, 2.2rem); }
  .product-email-software .category-hero__subhead { font-size: 1.02rem; }
  .product-email-software .category-hero__lead { margin-top: .55rem; font-size: .84rem; line-height: 1.48; }
  .product-email-software .category-hero .actions { display: grid; margin-top: .75rem; }
  .product-email-software .category-hero .button { width: 100%; }
  .product-email-software .decision-visual { padding: .8rem; }
}