/* Zeitdock UI Refresh v11
   Ziel: App und Homepage wirken wie eine zusammenhängende Produktfamilie.
   - Homepage: breite, ruhige Marketing-Flächen mit begrenzter Textbreite.
   - App: mehr nutzbare Arbeitsfläche für Karten, Tabellen, Kalender und Module.
*/
:root{
  --zd-bg:#f3f7fc;
  --zd-bg-strong:#eef5ff;
  --zd-surface:#ffffff;
  --zd-surface-soft:rgba(255,255,255,.82);
  --zd-ink:#0b1224;
  --zd-text:#0f172a;
  --zd-muted:#64748b;
  --zd-muted-strong:#475569;
  --zd-blue:#2563eb;
  --zd-blue-2:#0ea5e9;
  --zd-indigo:#4f46e5;
  --zd-green:#10b981;
  --zd-border:#dbe5f2;
  --zd-border-strong:#cbd8ea;
  --zd-shadow:0 30px 90px rgba(15,23,42,.10);
  --zd-shadow-soft:0 22px 64px rgba(15,23,42,.070);
  --zd-radius:28px;
  --zd-radius-lg:34px;
  --zd-page-pad:clamp(18px,2.7vw,44px);
  --zd-app-max:1520px;
  --zd-marketing-max:1760px;
  --primary:var(--zd-indigo);
  --primary-dark:#1d4ed8;
  --primary-soft:#eaf2ff;
  --border:var(--zd-border);
  --text:var(--zd-text);
  --muted:var(--zd-muted);
}

html{background:var(--zd-bg)}
body{
  background:
    radial-gradient(circle at 11% -12%, rgba(37,99,235,.13), transparent 31rem),
    radial-gradient(circle at 96% 8%, rgba(14,165,233,.12), transparent 34rem),
    linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;
  color:var(--zd-text);
  text-rendering:optimizeLegibility;
}
main#main-content{overflow-x:clip;overflow-y:visible}

/* Einheitliche Navigation für App und Homepage */
.nav{
  position:sticky;
  top:0;
  z-index:900;
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(219,229,242,.82)!important;
  backdrop-filter:saturate(180%) blur(18px);
  box-shadow:0 12px 34px rgba(15,23,42,.045)!important;
}
.nav-container{
  width:min(100% - calc(var(--zd-page-pad) * 2), var(--zd-marketing-max))!important;
  max-width:none!important;
}
.nav-logo-mark{border-radius:14px;box-shadow:0 10px 24px rgba(37,99,235,.18)}
.nav-logo-text{letter-spacing:-.04em;color:var(--zd-ink)!important}
.nav-link,.dropdown-toggle,.user-dropdown-toggle,.nav-cta{
  border-radius:999px!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.nav-link:hover,.dropdown-toggle:hover,.user-dropdown-toggle:hover{
  background:#eef5ff!important;
  color:#1d4ed8!important;
}
.nav-cta,.btn-primary,.home-btn-primary{
  background:linear-gradient(135deg,#2563eb,#4f46e5)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.22)!important;
}

/* Globale App-Seiten: mehr Breite für echte Arbeitsbereiche. */
:where(.dashboard-page,.billing-page,.admin-page,.integration-page,.employees-page-v4,.calendar-page,.team-calendar-page,.monthly-report-page,.worktime-page,.worktime-health-page,.my-team-page,.org-page,.roles-page,.settings-page,.company-profile-page,.security-page,.my-data-page-v4,.payout-page,.payouts-page,.payroll-page,.absence-approvals-page,.absence-request-page,.private-instance-page,.enterprise-private-instance-page,.legal-admin-page,.support-admin-page,.insights-page,.work-safety-page,.my-times-page){
  width:min(100% - calc(var(--zd-page-pad) * 2), var(--zd-app-max))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.page-shell,.container{
  width:min(100% - calc(var(--zd-page-pad) * 2), 1360px)!important;
  max-width:none!important;
}
.flash,.alert,.footer-inner{
  width:min(100% - calc(var(--zd-page-pad) * 2), var(--zd-marketing-max))!important;
}

/* Leseseiten bleiben fokussiert, aber nicht eingesperrt. */
:where(.content-page,.seo-page,.seo-hub-page-p4,.privacy-page,.legal-simple,.public-content-page,.content-detail-page,.public-detail-page) :where(p,li){
  max-width:78ch;
}
:where(.auth-shell,.auth-card-wide){max-width:760px!important}

/* Einheitliche Karten-/Tabellen-Sprache. */
:where(.card,.section-card,.hero-card,.metric-card,.status-card,.home-card,.home-feature-card,.home-faq-item,.detail-card,.integration-card,.billing-card,.plan-card,.pricing-card,.admin-card,.settings-card,.legal-card,.info-link-card,.enterprise-module-card,.enterprise-contract-card,.support-admin-card,.insight-card){
  border:1px solid var(--zd-border)!important;
  border-radius:var(--zd-radius)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--zd-shadow-soft)!important;
}
:where(.metric-card,.status-card,.home-card,.home-feature-card,.integration-card,.billing-card,.plan-card,.pricing-card,.legal-card,.insight-card):hover{
  border-color:#c7d8f1!important;
  box-shadow:var(--zd-shadow)!important;
}
:where(.responsive-table,.table-wrap,.app-table-wrap){
  width:100%;
  overflow:auto;
  border-radius:22px;
}
:where(.app-table,.nice-table,table){
  max-width:100%;
}

/* Homepage/öffentliche Seiten: volle Flächen, aber Texte kontrolliert. */
.home-page{
  background:
    radial-gradient(circle at 8% 4%, rgba(37,99,235,.14), transparent 34rem),
    radial-gradient(circle at 92% 10%, rgba(14,165,233,.13), transparent 34rem),
    linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
}
.home-shell{
  width:min(100% - calc(var(--zd-page-pad) * 2), var(--zd-marketing-max))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
.home-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(4.6rem,7vw,7.2rem) 0 clamp(3.8rem,6vw,5.6rem)!important;
  background:
    linear-gradient(100deg,rgba(255,255,255,.92) 0%,rgba(239,247,255,.86) 52%,rgba(225,240,255,.72) 100%);
  border-bottom:1px solid rgba(203,216,234,.7);
}
.home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(37,99,235,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.045) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(90deg,transparent 0%,black 24%,black 100%);
}
.home-hero-grid{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr)!important;
  gap:clamp(2rem,5vw,5.5rem)!important;
  align-items:center!important;
}
.home-hero-copy{max-width:760px}
.home-eyebrow{
  color:#2563eb!important;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.13);
  border-radius:999px;
  padding:.52rem .78rem;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
.home-hero h1{
  max-width:13.5ch!important;
  font-size:clamp(3.1rem,6.2vw,6.75rem)!important;
  line-height:.94!important;
  letter-spacing:-.065em!important;
  color:var(--zd-ink)!important;
}
.home-lead,.home-section-head p{
  max-width:72ch;
  color:var(--zd-muted-strong)!important;
  font-size:clamp(1.04rem,1.2vw,1.22rem)!important;
  line-height:1.72!important;
}
.home-actions{gap:12px!important;flex-wrap:wrap}
.home-btn,.btn-primary,.btn-secondary,.btn{
  min-height:46px!important;
  border-radius:12px!important;
  font-weight:900!important;
}
.home-btn-secondary,.btn-secondary{
  background:#fff!important;
  color:#1d4ed8!important;
  border-color:#bfdbfe!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
}
.home-trust{max-width:820px;gap:10px 18px!important}
.home-trust span{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(203,216,234,.72);
  border-radius:999px;
  padding:.54rem .78rem;
}
.home-demo-card{
  min-height:480px;
  border-radius:34px!important;
  border-color:rgba(203,216,234,.92)!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(37,99,235,.14), transparent 35%),
    radial-gradient(circle at 88% 22%, rgba(14,165,233,.13), transparent 32%),
    rgba(255,255,255,.95)!important;
  box-shadow:0 30px 90px rgba(15,23,42,.14)!important;
}
.home-section{padding:clamp(4rem,7vw,6.5rem) 0!important}
.home-section-soft,.home-proof-strip,.home-section-trust{
  background:rgba(255,255,255,.48)!important;
  border-block:1px solid rgba(219,229,242,.72)!important;
}
.home-section-head{max-width:920px!important}
.home-section h2{
  font-size:clamp(2.35rem,4.5vw,5rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
:where(.home-problem-grid,.home-feature-grid,.home-discovery-grid,.home-faq-grid,.home-proof-items,.home-steps,.detail-grid-2){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:clamp(14px,1.6vw,22px)!important;
}
.home-card,.home-feature-card,.home-faq-item,.home-discovery-card,.home-proof-items article{
  min-height:100%;
  border-radius:24px!important;
}
.home-security-panel,.home-cta{
  border-radius:36px!important;
  box-shadow:0 28px 80px rgba(15,23,42,.13)!important;
}

/* App Dashboard: Arbeitsfläche statt enger Mittelspalte. */
.dashboard-page{
  padding-top:clamp(28px,3.6vw,56px)!important;
  padding-bottom:clamp(48px,5vw,88px)!important;
}
.dashboard-header{
  padding:clamp(22px,2.8vw,34px);
  margin-bottom:clamp(18px,2.2vw,28px)!important;
  border:1px solid var(--zd-border);
  border-radius:var(--zd-radius-lg);
  background:
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,247,255,.78));
  box-shadow:var(--zd-shadow-soft);
}
.dashboard-header h1{
  font-size:clamp(2.25rem,4.2vw,4.35rem)!important;
  letter-spacing:-.06em!important;
}
.metrics-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:clamp(14px,1.45vw,22px)!important;
}
.metric-card,.status-card{
  padding:clamp(20px,2vw,28px)!important;
  min-height:170px!important;
}
.metric-label{color:var(--zd-muted)!important;font-weight:900!important;letter-spacing:.01em}
.metric-value{letter-spacing:-.04em;color:var(--zd-ink)!important}
.target-progress{background:#eaf2ff!important;height:11px!important}
.target-progress span{background:linear-gradient(90deg,#2563eb,#0ea5e9)!important}
.dashboard-async-shell{width:100%;max-width:none!important}
.skeleton-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}

/* Formulare, Preis- und Abrechnungsbereiche einheitlicher. */
input,select,textarea,.form-input{
  border-color:var(--zd-border)!important;
  border-radius:14px!important;
  background:#fff!important;
}
input:focus,select:focus,textarea:focus,.form-input:focus{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
}
:where(.billing-grid,.enterprise-contract-grid,.enterprise-modules-grid,.pricing-grid,.plan-grid,.integration-grid,.settings-grid,.info-grid,.support-contact-grid){
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;
}

/* Footer nimmt die breite Designsprache auf, ohne Text unlesbar lang zu machen. */
.site-footer{
  background:rgba(255,255,255,.78)!important;
  border-top:1px solid rgba(219,229,242,.9)!important;
  backdrop-filter:blur(12px);
}
.footer-inner{max-width:var(--zd-marketing-max)!important}
.footer-links{max-width:1100px}

@media (max-width:1100px){
  .home-hero-grid{grid-template-columns:1fr!important}
  .home-demo-card{min-height:0}
  .home-hero h1{max-width:16ch!important}
}
@media (max-width:760px){
  :root{--zd-page-pad:14px}
  .home-hero{padding-top:3.2rem!important}
  .home-hero h1{max-width:100%!important;font-size:clamp(2.55rem,13vw,4.3rem)!important;line-height:1!important}
  .home-section h2{font-size:clamp(2rem,10vw,3.35rem)!important}
  .dashboard-header{display:grid!important}
  .metric-card,.status-card{padding:18px!important;border-radius:22px!important}
  .home-demo-topbar,.home-demo-panel-head,.home-demo-row{align-items:flex-start!important}
}


/* v8 Template coverage layer
   Breite wird ueber das gemeinsame Base-Template verteilt. Einzelne Templates muessen
   nur dann angepasst werden, wenn sie Spezial-Markup oder Sonderlayouts brauchen.
*/
:root{
  --zd-readable-max: 78ch;
  --zd-form-max: 1040px;
  --zd-detail-max: 1180px;
}

/* App- und Homepage-Templates, die nicht eine der Spezialklassen aus v7 nutzen. */
:where(
  .seo-shell,.public-shell,.content-shell,.detail-shell,.marketing-shell,.app-shell,
  .main-shell,.layout-shell,.settings-shell,.profile-shell,.employee-shell,.report-shell,
  .admin-shell,.workspace-shell,.async-workspace-shell,.home-shell,.page-shell
){
  width:min(100% - calc(var(--zd-page-pad) * 2), var(--zd-app-max))!important;
  max-width:none!important;
  margin-inline:auto!important;
}

/* Oeffentliche SEO-/Contentseiten bleiben lesbar, bekommen aber dieselbe visuelle Sprache. */
:where(.seo-page,.public-page,.content-page,.public-content-page,.seo-hub-page-p4,.legal-page,.privacy-page) :where(.seo-shell,.page-shell,.content-shell){
  width:min(100% - calc(var(--zd-page-pad) * 2), var(--zd-marketing-max))!important;
}
:where(.seo-page,.public-page,.content-page,.public-content-page,.seo-hub-page-p4,.legal-page,.privacy-page) :where(p,li,.lead,.section-intro,.section-copy){
  max-width:var(--zd-readable-max);
}

/* Wiederkehrende Head-/Hero-Elemente ueber alle HTMLs vereinheitlichen. */
:where(.page-hero,.admin-hero,.integration-hero,.seo-hero,.info-hero,.async-workspace-hero,.home-hero-copy,.billing-hero,.settings-hero,.org-hero){
  border-radius:var(--zd-radius-lg)!important;
}
:where(.page-hero,.admin-hero,.integration-hero,.seo-hero,.info-hero,.async-workspace-hero,.billing-hero,.settings-hero,.org-hero):not(.home-hero){
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,247,255,.78))!important;
  border:1px solid var(--zd-border)!important;
  box-shadow:var(--zd-shadow-soft)!important;
}
:where(.page-hero,.admin-hero,.integration-hero,.seo-hero,.info-hero,.async-workspace-hero,.billing-hero,.settings-hero,.org-hero) h1{
  color:var(--zd-ink)!important;
  letter-spacing:-.055em!important;
}

/* Karten, die in aelteren Templates andere Namen haben. */
:where(
  .seo-card,.seo-side-card,.seo-side-card-p4,.seo-article-card,.seo-list-card,.seo-decision-card,.seo-cluster-card,
  .public-card,.public-detail-card,.content-card,.info-card,.link-card,.action-card,.choice-card,.check-card,
  .api-how-card,.security-note-card,.help-highlight-card,.org-admin-card,.org-list-card,.profile-card,
  .employee-summary-card,.employee-editor-section,.async-shell-card,.skeleton-table-shell,.solution-skeleton-card,
  .pricing-section-card,.enterprise-category-card,.enterprise-option-card,.billing-main-card,.public-card-badge
){
  border:1px solid var(--zd-border)!important;
  border-radius:var(--zd-radius)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--zd-shadow-soft)!important;
}

/* Grid-Klassen, die in vielen Templates vorkommen, nutzen ein einheitliches responsive Muster. */
:where(
  .seo-card-grid,.seo-card-grid-compact,.seo-list-grid,.seo-decision-grid,.seo-cluster-grid,.seo-content-grid,
  .admin-quick-grid,.help-highlight-grid,.field-grid,.field-grid-2,.field-grid-3,.form-grid-2,
  .org-grid,.assistant-grid,.public-grid,.content-grid,.info-grid,.link-grid,.action-grid,
  .employee-form-grid,.stable-form-grid,.enterprise-option-grid,.api-how-grid,.security-note-grid
){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
  gap:clamp(14px,1.7vw,24px)!important;
}

/* Formulare: nicht ueber 4K ziehen, aber sauber gross genug fuer Desktop. */
:where(form,.form-card,.settings-form,.profile-form,.employee-form,.billing-form,.enterprise-form,.admin-form){
  max-width:var(--zd-form-max);
}
:where(.field-grid-full,.form-full,.form-actions){
  grid-column:1 / -1;
}

/* Tabellen und lange Listen duerfen die Breite nutzen. */
:where(.table-card,.table-section,.list-section,.report-table,.employees-table,.billing-table,.audit-table,.worktime-table){
  width:100%!important;
  max-width:none!important;
}
:where(table){
  border-collapse:separate;
  border-spacing:0;
}

/* CTA- und Statusbereiche gleichmaessig. */
:where(.cta,.home-cta,.seo-final-cta-section,.support-cta,.billing-cta,.upgrade-cta){
  border-radius:36px!important;
  background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;
  color:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.16)!important;
}
:where(.badge,.pill,.status-pill,.public-card-badge,.seo-hero-badges span){
  border-radius:999px!important;
}

@media (min-width:1540px){
  :where(.dashboard-page,.billing-page,.calendar-page,.team-calendar-page,.monthly-report-page,.worktime-page,.employees-page-v4,.integration-page,.settings-page,.org-page,.roles-page){
    width:min(100% - 64px, 1660px)!important;
  }
}

/* v9 Template family refresh
   Best-Practice-Regel:
   - Oeffentliche SEO-/Marketingseiten rendern den sichtbaren Hauptinhalt serverseitig.
   - Preise, Module, optionale Listen und nutzerspezifische Daten duerfen nachgelagert per JSON hydrieren.
   - Ein Template definiert Struktur und Skeleton; Daten-Endpunkte liefern nur Daten, kein HTML-Fragmente-Chaos.
*/
:root{
  --zd-v9-section-gap: clamp(2.2rem, 5vw, 5.4rem);
  --zd-v9-card-pad: clamp(1.15rem, 2vw, 1.75rem);
  --zd-v9-hero-pad: clamp(2rem, 4.8vw, 4.8rem);
  --zd-v9-bluewash: linear-gradient(135deg, rgba(255,255,255,.97), rgba(235,245,255,.86));
  --zd-v9-inkwash: linear-gradient(135deg,#0f172a,#1d4ed8 58%,#0ea5e9);
}

/* Gemeinsame Vorlage fuer Ratgeber, Loesungen und Content-Seiten. */
.zd-template-v9.template-solutions-index,
.zd-template-v9.template-solution-detail,
.zd-template-v9.template-advice-hub,
.zd-template-v9.template-advice-article,
.zd-template-v9.template-content-detail,
.zd-template-v9.template-module-detail,
.zd-template-v9.template-pricing-overview,
.zd-template-v9.template-pricing-detail{
  isolation:isolate;
}

.zd-template-v9 .seo-hero,
.zd-template-v9 .detail-hero-card-v11,
.zd-template-v9 .pricing-hero-v10,
.zd-template-v9 .home-section:first-child .detail-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(203,216,234,.82)!important;
  border-radius:clamp(28px,3vw,42px)!important;
  background:
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.13), transparent 30rem),
    radial-gradient(circle at 92% 12%, rgba(14,165,233,.11), transparent 32rem),
    var(--zd-v9-bluewash)!important;
  box-shadow:0 28px 80px rgba(15,23,42,.09)!important;
  margin-block:clamp(1rem,2vw,1.8rem) var(--zd-v9-section-gap)!important;
  padding:var(--zd-v9-hero-pad)!important;
}
.zd-template-v9 .seo-hero::after,
.zd-template-v9 .detail-hero-card-v11::after,
.zd-template-v9 .pricing-hero-v10::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(37,99,235,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.045) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 90%);
}
.zd-template-v9 .seo-hero > *,
.zd-template-v9 .detail-hero-card-v11 > *,
.zd-template-v9 .pricing-hero-v10 > *{position:relative;z-index:1}

.zd-template-v9 :where(.seo-hero-grid,.detail-hero-card-v11,.pricing-hero-v10){
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(min(100%,360px),.72fr)!important;
  gap:clamp(1.2rem,3vw,3.5rem)!important;
  align-items:stretch!important;
}
.zd-template-v9 :where(.seo-hero h1,.detail-hero-card-v11 h1,.pricing-hero-v10 h1,.detail-page h1){
  max-width:13.5ch;
  color:var(--zd-ink)!important;
  font-size:clamp(2.55rem,5vw,5.6rem)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
}
.zd-template-v9 :where(.seo-lead,.detail-hero-lead-v11,.hero-subline,.home-lead){
  max-width:74ch!important;
  color:var(--zd-muted-strong)!important;
  font-size:clamp(1.02rem,1.25vw,1.22rem)!important;
  line-height:1.72!important;
}
.zd-template-v9 :where(.seo-eyebrow,.eyebrow,.home-eyebrow,.decision-kicker,.addon-category-kicker-v11){
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  color:#1d4ed8!important;
  background:rgba(37,99,235,.08)!important;
  border:1px solid rgba(37,99,235,.14)!important;
  border-radius:999px!important;
  padding:.48rem .76rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
}

/* Kartenvorlagen fuer Loesungen/Ratgeber. */
.zd-template-v9 :where(.seo-side-card,.seo-article-card,.seo-sticky-box,.seo-card,.seo-decision-card,.seo-market-hub-card,.seo-cluster-card,.seo-list-card,.content-flow-section,.content-final-cta,.detail-card,.detail-side-card){
  border:1px solid var(--zd-border)!important;
  border-radius:var(--zd-radius)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--zd-shadow-soft)!important;
}
.zd-template-v9 :where(.seo-card,.seo-decision-card,.seo-market-hub-card,.seo-cluster-card,.seo-list-card,.detail-card){
  padding:var(--zd-v9-card-pad)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.zd-template-v9 :where(.seo-card,.seo-decision-card,.seo-market-hub-card,.seo-cluster-card,.seo-list-card,.detail-card):hover{
  transform:translateY(-2px);
  border-color:#bfdbfe!important;
  box-shadow:var(--zd-shadow)!important;
}
.zd-template-v9 :where(.seo-section,.home-section){
  padding-block:var(--zd-v9-section-gap)!important;
}
.zd-template-v9 :where(.seo-section-head,.section-intro,.module-section-intro-v12){
  max-width:980px!important;
  margin-bottom:clamp(1.2rem,2.6vw,2.2rem)!important;
}
.zd-template-v9 :where(.seo-section-head h2,.section-intro h2,.detail-benefit-grid-v11 h2,.detail-card-v11 h2,.module-section-intro-v12 h2,.home-section h2){
  color:var(--zd-ink)!important;
  letter-spacing:-.05em!important;
  line-height:1.02!important;
}
.zd-template-v9 :where(.seo-card-grid,.seo-decision-grid,.seo-market-hub-grid,.seo-cluster-grid,.seo-list-grid,.detail-grid-2,.detail-benefit-grid-v11,.detail-two-col-v11,.detail-security-grid-v11){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
  gap:clamp(14px,1.7vw,24px)!important;
}
.zd-template-v9 .seo-content-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,380px)!important;
  gap:clamp(1.2rem,2.5vw,2.4rem)!important;
}
.zd-template-v9 :where(.seo-main-content,.content-article){min-width:0}
.zd-template-v9 :where(.seo-main-content p,.content-article p,.seo-article-card p){max-width:78ch}
.zd-template-v9 .seo-faq-list details{
  border:1px solid var(--zd-border)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}

/* Abo-/Modulvorlagen: Preisuebersicht und Detailseiten nutzen dieselbe visuelle Sprache. */
.pricing-page-template-v9{
  width:min(100% - calc(var(--zd-page-pad) * 2), 1580px)!important;
}
.pricing-page-template-v9 .pricing-anchor-nav{
  position:sticky;
  top:74px;
  z-index:50;
  display:flex!important;
  flex-wrap:wrap;
  gap:8px;
  border:1px solid rgba(203,216,234,.86)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.07)!important;
  backdrop-filter:blur(16px);
  padding:8px!important;
}
.pricing-page-template-v9 .pricing-anchor-nav a{
  border-radius:999px!important;
  padding:.66rem .9rem!important;
  color:#334155!important;
}
.pricing-page-template-v9 .pricing-anchor-nav a:hover{background:#eef5ff!important;color:#1d4ed8!important}
.pricing-page-template-v9 .pricing-guidance-strip,
.pricing-page-template-v9 .detail-trust-strip-v11{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;
  gap:12px!important;
}
.pricing-page-template-v9 .pricing-grid-v10{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))!important;
  gap:clamp(16px,1.7vw,26px)!important;
  align-items:stretch!important;
}
.pricing-page-template-v9 .plan-card-v10,
.pricing-plan-detail-template-v9 :where(.detail-price-panel-v11,.detail-card-v11,.detail-upgrade-card-v11,.detail-security-card-v11,.detail-faq-card-v11,.detail-compare-card-v11),
.pricing-page-template-v9 :where(.plan-chooser-card,.pricing-section-card,.value-card,.compare-card,.addon-card-v10,.trust-card,.faq-section){
  border:1px solid var(--zd-border)!important;
  border-radius:clamp(24px,2.2vw,32px)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:var(--zd-shadow-soft)!important;
}
.pricing-page-template-v9 .plan-card-v10{
  position:relative;
  overflow:hidden;
  display:flex!important;
  flex-direction:column!important;
  padding:clamp(1.15rem,2vw,1.65rem)!important;
}
.pricing-page-template-v9 .plan-card-v10.is-highlighted{
  border-color:rgba(37,99,235,.38)!important;
  box-shadow:0 24px 70px rgba(37,99,235,.14)!important;
}
.pricing-page-template-v9 .plan-card-v10.is-enterprise{
  background:linear-gradient(145deg,#0f172a,#1d4ed8)!important;
  color:#fff!important;
}
.pricing-page-template-v9 .plan-card-v10.is-enterprise :where(p,h2,h3,li,span,strong){color:inherit!important}
.pricing-page-template-v9 .plan-card-actions{margin-top:auto!important;display:grid!important;gap:10px!important}
.pricing-page-template-v9 .chooser-layout,
.pricing-page-template-v9 .value-calculation{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(min(100%,340px),.65fr)!important;
  gap:clamp(1rem,2vw,1.8rem)!important;
}
.pricing-page-template-v9 .chooser-feature-grid,
.pricing-page-template-v9 .addon-category-grid-v11,
.pricing-page-template-v9 .module-category-grid-v12,
.pricing-page-template-v9 .faq-grid,
.pricing-plan-detail-template-v9 .detail-faq-grid-v11{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:clamp(12px,1.45vw,18px)!important;
}
.pricing-page-template-v9 :where(.choice-tile,.addon-item-v11,.module-item-v12),
.pricing-plan-detail-template-v9 .detail-benefit-grid-v11 article{
  border:1px solid var(--zd-border)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.05)!important;
}
.pricing-page-template-v9 .module-category-v12{
  border:1px solid rgba(203,216,234,.82)!important;
  border-radius:28px!important;
  padding:clamp(1rem,1.7vw,1.5rem)!important;
  background:rgba(248,251,255,.7)!important;
}
.pricing-page-template-v9 .pricing-table-wrap,
.pricing-plan-detail-template-v9 .pricing-table-wrap{
  border:1px solid var(--zd-border)!important;
  border-radius:24px!important;
  overflow:auto!important;
  background:#fff!important;
}
.pricing-page-template-v9 .pricing-final-cta,
.pricing-plan-detail-template-v9 .detail-final-cta-v11{
  border-radius:38px!important;
  background:var(--zd-v9-inkwash)!important;
  color:#fff!important;
  box-shadow:0 28px 90px rgba(15,23,42,.2)!important;
}
.pricing-page-template-v9 .pricing-final-cta :where(h2,p),
.pricing-plan-detail-template-v9 .detail-final-cta-v11 :where(h2,p){color:#fff!important}

/* Preis-/Moduldaten koennen langsam sein: Skeletons muessen stabil bleiben. */
.pricing-page-template-v9 .is-price-loading,
.pricing-plan-detail-template-v9 .is-price-loading{
  color:transparent!important;
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:#eaf2ff!important;
}
.pricing-page-template-v9 .is-price-loading::after,
.pricing-plan-detail-template-v9 .is-price-loading::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  animation:zd-v9-shimmer 1.4s infinite;
}
@keyframes zd-v9-shimmer{to{transform:translateX(100%)}}

/* Mobile: keine versteckten Inhalte, kein horizontales Layout erzwingen. */
@media (max-width:980px){
  .zd-template-v9 :where(.seo-hero-grid,.seo-content-grid,.detail-hero-card-v11,.pricing-hero-v10,.chooser-layout,.value-calculation){
    grid-template-columns:1fr!important;
  }
  .pricing-page-template-v9 .pricing-anchor-nav{top:62px;border-radius:24px!important}
  .zd-template-v9 :where(.seo-hero h1,.detail-hero-card-v11 h1,.pricing-hero-v10 h1,.detail-page h1){max-width:100%}
}


/* Zeitdock UI Refresh v11
   Fokus: naeher am Mockup, sanfte Schatten ohne abgeschnittene Kanten,
   genug Innenabstand in Hero-/Proof-Boxen und keine SEO-relevanten Inhalte hinter JSON verstecken.
*/
:root{
  --zd-v11-card-shadow:0 22px 70px rgba(15,23,42,.075), 0 2px 8px rgba(15,23,42,.035);
  --zd-v11-card-shadow-hover:0 34px 110px rgba(15,23,42,.12), 0 4px 18px rgba(37,99,235,.07);
  --zd-v11-panel-shadow:0 36px 120px rgba(15,23,42,.11), 0 1px 0 rgba(255,255,255,.78) inset;
  --zd-v11-section-safe-pad:clamp(10px,1.5vw,28px);
  --zd-v11-panel-pad:clamp(28px,4.3vw,64px);
  --zd-v11-card-pad:clamp(22px,2.2vw,34px);
}

/* Schatten brauchen Platz: keine Paint-/Overflow-Containment-Kanten an Marketing-Karten. */
main#main-content,
.home-page main,
.home-page,
.home-shell,
.home-section,
.home-proof-strip,
.home-proof-grid,
.home-proof-items,
.home-problem-grid,
.home-feature-grid,
.home-faq-grid,
.home-discovery-grid,
.home-vacation-grid,
.home-tour-grid,
.home-pricing-cards,
.detail-grid-2,
.seo-card-grid,
.seo-list-grid,
.seo-decision-grid,
.seo-market-hub-grid,
.seo-cluster-grid,
.seo-content-grid,
.pricing-grid-v10,
.module-category-grid-v12,
.addon-category-grid-v11,
.detail-benefit-grid-v11,
.detail-security-grid-v11,
.detail-faq-grid-v11{
  overflow:visible!important;
  contain:none!important;
  content-visibility:visible!important;
}

/* Nur die Gesamtseite verhindert horizontalen Ueberlauf; Schatten duerfen vertikal/weich auslaufen. */
html,body{overflow-x:clip;}

/* Mehr Mockup-Optik: grosse ruhige Flaechen, klare linke Innenkante, weiche Karten. */
.home-proof-strip{
  padding:clamp(1.4rem,3.2vw,3.2rem) 0!important;
  background:linear-gradient(180deg,rgba(239,247,255,.42),rgba(255,255,255,.62))!important;
}
.home-proof-grid{
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;
  gap:clamp(2rem,4vw,5rem)!important;
  padding:var(--zd-v11-panel-pad)!important;
  border-radius:clamp(32px,3vw,44px)!important;
  border:1px solid rgba(203,216,234,.86)!important;
  background:
    radial-gradient(circle at 14% 4%,rgba(37,99,235,.11),transparent 28rem),
    radial-gradient(circle at 92% 12%,rgba(79,70,229,.09),transparent 32rem),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,251,255,.88))!important;
  box-shadow:var(--zd-v11-panel-shadow)!important;
  align-items:center!important;
}
.home-proof-intro{
  align-self:center;
  min-width:0;
}
.home-proof-intro .home-eyebrow{
  margin-bottom:clamp(1.15rem,1.8vw,1.7rem)!important;
}
.home-proof-intro h2{
  max-width:15ch!important;
  font-size:clamp(2.35rem,4.4vw,5.15rem)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  text-wrap:balance;
}
.home-proof-items{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,28px)!important;
}
.home-proof-items article{
  padding:var(--zd-v11-card-pad)!important;
  border-radius:clamp(24px,2.2vw,34px)!important;
  border:1px solid rgba(203,216,234,.78)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--zd-v11-card-shadow)!important;
  min-height:clamp(132px,11vw,176px)!important;
}
.home-proof-items strong{
  font-size:clamp(2.05rem,3.1vw,3.55rem)!important;
  line-height:.96!important;
  letter-spacing:-.07em!important;
  color:#4f46e5!important;
}
.home-proof-items span{
  margin-top:clamp(.65rem,1vw,.95rem)!important;
  font-size:clamp(1rem,1.12vw,1.18rem)!important;
  line-height:1.52!important;
  color:#475569!important;
}

/* Karten-/Grid-Sektionen bekommen Schatten-Sicherheitsraum statt abgeschnittener Kanten. */
.home-section > .home-shell,
.seo-section > .home-shell,
.zd-template-v9 .seo-section,
.zd-template-v9 .home-section,
.pricing-page-template-v9 section,
.pricing-plan-detail-template-v9 section{
  padding-block:var(--zd-v11-section-safe-pad)!important;
}
:where(.home-problem-grid,.home-feature-grid,.home-discovery-grid,.home-faq-grid,.home-steps,.home-vacation-grid,.home-tour-grid,.home-pricing-cards,.seo-card-grid,.seo-list-grid,.seo-decision-grid,.seo-market-hub-grid,.seo-cluster-grid,.detail-grid-2,.detail-benefit-grid-v11,.detail-security-grid-v11,.detail-faq-grid-v11,.pricing-grid-v10,.module-category-grid-v12,.addon-category-grid-v11){
  padding:var(--zd-v11-section-safe-pad)!important;
  margin:calc(var(--zd-v11-section-safe-pad) * -1)!important;
}

:where(.home-card,.home-feature-card,.home-faq-item,.home-discovery-card,.home-tour-card div,.home-steps article,.detail-card,.detail-card-v11,.detail-side-card,.seo-card,.seo-side-card,.seo-article-card,.seo-list-card,.seo-decision-card,.seo-cluster-card,.seo-market-hub-card,.plan-card-v10,.pricing-section-card,.addon-item-v11,.module-item-v12){
  border-color:rgba(203,216,234,.78)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--zd-v11-card-shadow)!important;
}
:where(.home-card,.home-feature-card,.home-faq-item,.home-discovery-card,.home-tour-card div,.home-steps article,.detail-card,.detail-card-v11,.seo-card,.seo-list-card,.seo-decision-card,.plan-card-v10):hover{
  box-shadow:var(--zd-v11-card-shadow-hover)!important;
}

/* Die in Screenshot 2/3 gezeigten Kategorie-/Modulkarten sollen wie im Mockup frei atmen. */
.zd-template-v9 :where(.seo-card-grid,.seo-decision-grid,.seo-market-hub-grid,.seo-cluster-grid,.seo-list-grid){
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important;
  gap:clamp(20px,2vw,32px)!important;
}
.pricing-page-template-v9 .module-category-grid-v12,
.pricing-page-template-v9 .addon-category-grid-v11{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;
  gap:clamp(20px,2vw,32px)!important;
}
.pricing-page-template-v9 .module-category-v12,
.pricing-page-template-v9 .pricing-section-card,
.pricing-plan-detail-template-v9 :where(.detail-card-v11,.detail-faq-card-v11,.detail-compare-card-v11){
  box-shadow:var(--zd-v11-card-shadow)!important;
}

/* Typografie und CTA etwas naeher an das generierte Bild: ruhige Headings, klare Panels. */
.home-page :where(h1,h2),
.zd-template-v9 :where(h1,h2),
.pricing-page-template-v9 :where(h1,h2){
  text-wrap:balance;
}
.home-page :where(.home-lead,.home-section-head p,.home-proof-items span,.home-card p,.home-feature-card p,.seo-card p,.detail-card p){
  color:#475569!important;
}

/* Mobile bleibt nach PDF-/Google-Vorgaben responsive: kein abgeschnittener Inhalt, groessere Touch-Ziele. */
@media (max-width:980px){
  .home-proof-grid{
    grid-template-columns:1fr!important;
    padding:clamp(24px,7vw,36px)!important;
  }
  .home-proof-intro h2{max-width:100%!important;}
  .home-proof-items{grid-template-columns:1fr!important;}
}
@media (max-width:680px){
  :where(.home-problem-grid,.home-feature-grid,.home-discovery-grid,.home-faq-grid,.home-steps,.home-vacation-grid,.home-tour-grid,.home-pricing-cards,.seo-card-grid,.seo-list-grid,.seo-decision-grid,.seo-market-hub-grid,.seo-cluster-grid,.detail-grid-2,.detail-benefit-grid-v11,.detail-security-grid-v11,.detail-faq-grid-v11,.pricing-grid-v10,.module-category-grid-v12,.addon-category-grid-v11){
    padding:10px!important;
    margin:-10px!important;
  }
}

/* v56 Homepage-only polish: Links, spacing and demo proportions.
   Scope deliberately limited to the public landing page so the app UI stays untouched. */
.home-page-v54 .home-shell{
  width:min(100% - 44px,1220px)!important;
  max-width:1220px!important;
}
.home-page-v54 .home-section{
  padding:clamp(52px,5.2vw,84px) 0!important;
}
.home-page-v54 .home-pricing-teaser-section,
.home-page-v54 .home-demo-path-section{
  padding:clamp(38px,4.3vw,66px) 0!important;
}
.home-page-v54 .home-section-head{
  margin-bottom:clamp(26px,3vw,38px)!important;
}
.home-page-v54 .home-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(560px,660px)!important;
  gap:clamp(40px,4.8vw,70px)!important;
  align-items:center!important;
}
.home-page-v54 .home-hero h1{
  max-width:680px!important;
  font-size:clamp(3.1rem,5.6vw,5.45rem)!important;
  line-height:.955!important;
  letter-spacing:-.064em!important;
}
.home-page-v54 .home-dashboard-preview{
  max-width:660px!important;
  justify-self:end!important;
  padding:16px!important;
  border-radius:28px!important;
}
.home-page-v54 .home-demo-app{
  grid-template-columns:60px minmax(0,1fr)!important;
}
.home-page-v54 .home-demo-main{
  padding:18px!important;
}
.home-page-v54 .home-demo-card{
  min-height:0!important;
  border-radius:15px!important;
  box-shadow:none!important;
  background:#fff!important;
}
.home-page-v54 .home-demo-content-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:10px!important;
}
.home-page-v54 .home-demo-card-tasks,
.home-page-v54 .home-demo-card-audit{
  min-height:105px!important;
}
.home-page-v54 .home-benefit-strip{
  margin-top:0!important;
  padding:clamp(22px,2.5vw,34px) 0 clamp(40px,4.6vw,64px)!important;
  background:linear-gradient(180deg,#f6fbff 0%,#eef6ff 100%)!important;
  border-bottom:1px solid rgba(203,220,240,.9)!important;
}
.home-page-v54 .home-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
}
.home-page-v54 .home-benefit-card{
  min-width:0!important;
  min-height:164px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:18px 16px!important;
  border:1px solid var(--zd-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(15,23,42,.07)!important;
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.home-page-v54 .home-benefit-card span{
  align-self:flex-start!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  margin-bottom:14px!important;
  border-radius:10px!important;
  background:#eef5ff!important;
  color:#2563eb!important;
  font-weight:950!important;
}
.home-page-v54 .home-benefit-card strong{
  display:block!important;
  margin-bottom:8px!important;
  color:#0f172a!important;
  font-size:.97rem!important;
  letter-spacing:-.015em!important;
}
.home-page-v54 .home-benefit-card p{
  margin:0!important;
  color:#475569!important;
  font-size:.88rem!important;
  line-height:1.5!important;
}
.home-page-v54 .home-benefit-card em,
.home-page-v54 .home-problem-card span{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:auto!important;
  padding-top:12px!important;
  color:#2563eb!important;
  font-size:.84rem!important;
  font-style:normal!important;
  font-weight:950!important;
}
.home-page-v54 .home-proof-panel{
  grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr)!important;
  gap:clamp(28px,3.2vw,44px)!important;
  align-items:center!important;
}
.home-page-v54 .home-proof-copy h2{
  max-width:12.5ch!important;
  font-size:clamp(2.45rem,4.25vw,4.35rem)!important;
  line-height:.98!important;
}
.home-page-v54 .home-proof-items strong{
  font-size:clamp(1.35rem,2.1vw,2.05rem)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
.home-page-v54 .home-problem-card{
  display:flex!important;
  flex-direction:column!important;
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer!important;
}
.home-page-v54 .home-problem-card:hover,
.home-page-v54 .home-benefit-card:hover{
  transform:translateY(-3px)!important;
  border-color:#93c5fd!important;
  box-shadow:0 26px 58px rgba(15,23,42,.12)!important;
}
.home-page-v54 .home-problem-card:focus-visible,
.home-page-v54 .home-benefit-card:focus-visible,
.home-page-v54 .home-feature-card:focus-visible,
.home-page-v54 .home-discovery-card:focus-visible{
  outline:3px solid rgba(37,99,235,.34)!important;
  outline-offset:4px!important;
}
.home-page-v54 .home-feature-card span{
  align-self:flex-start!important;
  width:auto!important;
  min-width:42px!important;
  max-width:max-content!important;
}
.home-page-v54 .home-feature-card{
  cursor:pointer!important;
}
@media (max-width:1180px){
  .home-page-v54 .home-hero-grid{grid-template-columns:1fr!important}
  .home-page-v54 .home-dashboard-preview{justify-self:start!important;max-width:720px!important}
  .home-page-v54 .home-hero h1{max-width:780px!important}
  .home-page-v54 .home-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-page-v54 .home-proof-panel{grid-template-columns:1fr!important}
  .home-page-v54 .home-proof-copy h2{max-width:14ch!important}
}
@media (max-width:760px){
  .home-page-v54 .home-shell{width:min(100% - 28px,1220px)!important}
  .home-page-v54 .home-hero h1{font-size:clamp(2.65rem,12vw,4rem)!important;max-width:100%!important;line-height:1!important}
  .home-page-v54 .home-demo-app{grid-template-columns:1fr!important}
  .home-page-v54 .home-demo-sidebar{display:none!important}
  .home-page-v54 .home-demo-stats,
  .home-page-v54 .home-demo-content-grid,
  .home-page-v54 .home-benefit-grid,
  .home-page-v54 .home-proof-items{grid-template-columns:1fr!important}
  .home-page-v54 .home-section{padding:48px 0!important}
  .home-page-v54 .home-benefit-card{min-height:0!important}
}

/* v59: Homepage wieder auf breite Desktop-Fläche bringen.
   Der alte v54/v58 Override hat die Hero-Shell zu stark auf Marketing-Max und das Dashboard auf 660px eingeengt.
   Ziel: Screenshot-Richtung "volle Breite nutzen" + SEO-Content darunter beibehalten. */
:root{
  --zd-home-wide-max:1760px;
  --zd-home-panel-max:1640px;
  --zd-home-pad:clamp(32px,4vw,76px);
}
.nav-container{
  width:min(100% - calc(var(--zd-home-pad) * 2), var(--zd-home-wide-max))!important;
}
.nav-right-public-marketing{
  gap:clamp(8px,1.4vw,18px)!important;
}
.nav-right-public-marketing .nav-auth-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.home-page-v54 .home-shell,
.home-page .home-shell{
  width:min(100% - calc(var(--zd-home-pad) * 2), var(--zd-home-wide-max))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
.home-page-v54 .home-hero{
  padding:clamp(58px,6vw,96px) 0 0!important;
}
.home-page-v54 .home-hero-grid{
  grid-template-columns:minmax(430px,.92fr) minmax(620px,1.08fr)!important;
  gap:clamp(52px,6vw,112px)!important;
  align-items:center!important;
  min-height:clamp(610px,74vh,820px)!important;
  padding-bottom:clamp(46px,5vw,72px)!important;
}
.home-page-v54 .home-hero-copy{
  max-width:760px!important;
  justify-self:start!important;
}
.home-page-v54 .home-hero h1{
  max-width:760px!important;
  font-size:clamp(3.35rem,4.55vw,5.35rem)!important;
  line-height:.985!important;
  letter-spacing:-.062em!important;
}
.home-page-v54 .home-lead{
  max-width:720px!important;
  font-size:clamp(1.05rem,1.18vw,1.28rem)!important;
}
.home-page-v54 .home-dashboard-preview{
  width:100%!important;
  max-width:760px!important;
  justify-self:end!important;
  padding:18px!important;
  transform:none!important;
}
.home-page-v54 .home-demo-app{
  grid-template-columns:68px minmax(0,1fr)!important;
}
.home-page-v54 .home-demo-main{
  padding:22px!important;
}
.home-page-v54 .home-demo-stats{
  gap:12px!important;
}
.home-page-v54 .home-demo-content-grid{
  gap:14px!important;
}
.home-page-v54 .home-benefit-strip{
  margin-top:0!important;
  padding:clamp(28px,3vw,44px) 0 clamp(46px,4.6vw,72px)!important;
}
.home-page-v54 .home-benefit-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:clamp(14px,1.35vw,22px)!important;
}
.home-page-v54 .home-section .home-shell,
.home-page-v54 .home-section-trust .home-shell{
  width:min(100% - calc(var(--zd-home-pad) * 2), var(--zd-home-panel-max))!important;
}
.home-page-v54 .home-proof-panel,
.home-page-v54 .home-pricing-teaser,
.home-page-v54 .home-demo-path,
.home-page-v54 .home-security-panel,
.home-page-v54 .home-final-cta{
  max-width:var(--zd-home-panel-max)!important;
  margin-inline:auto!important;
}
@media (max-width:1320px){
  :root{--zd-home-pad:clamp(24px,3vw,44px)}
  .home-page-v54 .home-hero-grid{
    grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;
    gap:clamp(38px,4vw,68px)!important;
  }
  .home-page-v54 .home-dashboard-preview{max-width:660px!important}
  .home-page-v54 .home-hero h1{font-size:clamp(3rem,5vw,4.65rem)!important}
}
@media (max-width:1080px){
  .nav-right-public-marketing .nav-link-public-priority,
  .nav-right-public-marketing .public-discovery-menu,
  .nav-right-public-marketing > .nav-link:not(.nav-cta){display:none!important}
  .home-page-v54 .home-hero-grid{grid-template-columns:1fr!important;min-height:auto!important}
  .home-page-v54 .home-dashboard-preview{justify-self:start!important;max-width:780px!important}
  .home-page-v54 .home-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  :root{--zd-home-pad:18px}
  .nav-container{width:calc(100% - 28px)!important}
  .home-page-v54 .home-shell,
  .home-page .home-shell{width:calc(100% - 28px)!important}
  .home-page-v54 .home-hero{padding-top:42px!important}
  .home-page-v54 .home-hero h1{font-size:clamp(2.55rem,12vw,3.8rem)!important;max-width:100%!important;line-height:1!important}
  .home-page-v54 .home-benefit-grid{grid-template-columns:1fr!important}
}

/* v61: pricing teaser and section spacing polish.
   Ziel: weniger Leeraum zwischen SEO-Cluster und Preisen, klarere Tarifauswahl statt leerer Mini-Kacheln. */
.home-page-v54 .home-section-discovery{
  padding-bottom:clamp(24px,2.8vw,46px)!important;
}
.home-page-v54 .home-pricing-teaser-section{
  padding-top:clamp(18px,2.2vw,34px)!important;
  padding-bottom:clamp(34px,3.6vw,58px)!important;
}
.home-page-v54 .home-pricing-teaser-v61{
  display:grid!important;
  grid-template-columns:minmax(360px,.68fr) minmax(720px,1fr)!important;
  gap:clamp(28px,3.2vw,54px)!important;
  align-items:center!important;
  padding:clamp(34px,4.4vw,66px)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 94% 8%,rgba(37,99,235,.10),transparent 34%),
    radial-gradient(circle at 8% 88%,rgba(20,184,166,.09),transparent 32%),
    #fff!important;
}
.home-page-v54 .home-pricing-copy{
  max-width:760px!important;
}
.home-page-v54 .home-pricing-copy h2{
  max-width:760px!important;
  font-size:clamp(2.35rem,4vw,4.8rem)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}
.home-page-v54 .home-pricing-copy > p:not(.home-eyebrow){
  max-width:680px!important;
  margin-top:14px!important;
  color:#475569!important;
  font-size:clamp(1rem,1.08vw,1.18rem)!important;
  font-weight:650!important;
  line-height:1.62!important;
}
.home-page-v54 .home-pricing-proof-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:22px 0 20px!important;
}
.home-page-v54 .home-pricing-proof-row span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid #cfe0ff!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff,#f6faff)!important;
  color:#1e3a8a!important;
  font-size:.84rem!important;
  font-weight:900!important;
  box-shadow:0 10px 26px rgba(37,99,235,.06)!important;
}
.home-page-v54 .home-pricing-cards-v61{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(12px,1.2vw,18px)!important;
  align-items:stretch!important;
}
.home-page-v54 .home-price-plan{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:205px!important;
  padding:clamp(18px,1.5vw,24px)!important;
  border:1px solid #dbe7f6!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.06)!important;
}
.home-page-v54 .home-price-plan span{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-bottom:10px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#eef5ff!important;
  color:#2563eb!important;
  font-size:.74rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.home-page-v54 .home-price-plan strong{
  display:block!important;
  margin:0!important;
  color:#0f172a!important;
  font-size:clamp(1.55rem,1.7vw,2.2rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.home-page-v54 .home-price-plan small{
  display:block!important;
  margin-top:3px!important;
  color:#475569!important;
  font-size:.86rem!important;
  font-weight:900!important;
}
.home-page-v54 .home-price-plan p{
  margin:14px 0 0!important;
  color:#475569!important;
  font-size:.92rem!important;
  font-weight:650!important;
  line-height:1.48!important;
}
.home-page-v54 .home-price-plan-featured{
  border-color:#2563eb!important;
  background:linear-gradient(180deg,#f8fbff,#eef5ff)!important;
  box-shadow:0 22px 64px rgba(37,99,235,.14)!important;
}
.home-page-v54 .home-price-plan-featured::after{
  content:"Beliebt";
  position:absolute;
  top:14px;
  right:14px;
  padding:5px 9px;
  border-radius:999px;
  background:#2563eb;
  color:#fff;
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.home-page-v54 .home-price-plan-enterprise strong{
  font-size:clamp(1.3rem,1.45vw,1.85rem)!important;
}
@media (max-width:1320px){
  .home-page-v54 .home-pricing-teaser-v61{
    grid-template-columns:1fr!important;
  }
  .home-page-v54 .home-pricing-cards-v61{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:980px){
  .home-page-v54 .home-section-discovery{padding-bottom:28px!important}
  .home-page-v54 .home-pricing-teaser-section{padding-top:20px!important}
  .home-page-v54 .home-pricing-cards-v61{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .home-page-v54 .home-price-plan{min-height:185px!important}
}
@media (max-width:640px){
  .home-page-v54 .home-pricing-teaser-v61{
    padding:24px!important;
    border-radius:24px!important;
  }
  .home-page-v54 .home-pricing-cards-v61{
    grid-template-columns:1fr!important;
  }
  .home-page-v54 .home-price-plan{
    min-height:0!important;
  }
  .home-page-v54 .home-pricing-proof-row span{width:100%!important;justify-content:center!important}
}

/* v62: Public knowledge/support/feedback visual system polish.
   Fixes clipped shadows, uneven cards, over-wide pills, weak CTA contrast and inconsistent page gutters. */
:root{
  --zd-public-max:1360px;
  --zd-public-pad:clamp(22px,3.2vw,56px);
  --zd-public-shadow:0 24px 70px rgba(15,23,42,.075);
  --zd-public-shadow-hover:0 34px 88px rgba(37,99,235,.13);
}

/* Public pages should share one centered grid and leave room for shadows. */
:where(.help-page,.support-page-public,.page-shell:has(.feedback-layout)){
  width:min(calc(100% - calc(var(--zd-public-pad) * 2)), var(--zd-public-max))!important;
  margin-inline:auto!important;
  padding-block:clamp(28px,4vw,58px)!important;
  overflow:visible!important;
}
:where(.help-page,.support-page-public,.page-shell:has(.feedback-layout),.seo-page,.public-content-page,.detail-page) :where(section,div,article,aside,form){
  min-width:0;
}
:where(.help-page,.support-page-public,.page-shell:has(.feedback-layout)) :where(.info-hero,.info-grid,.feedback-layout,.support-workspace-card,.support-contact-row){
  overflow:visible!important;
}

/* A short, badge-like eyebrow everywhere on public templates. */
:where(.help-page,.support-page-public,.page-shell:has(.feedback-layout),.detail-page,.public-content-page) .home-eyebrow,
.help-highlight-card > div > .home-eyebrow,
.support-hero-copy .home-eyebrow{
  display:inline-flex!important;
  width:max-content!important;
  max-width:min(100%,420px)!important;
  inline-size:max-content!important;
  padding:.52rem .78rem!important;
  border-radius:999px!important;
  white-space:normal!important;
  text-wrap:balance!important;
}

/* Help center: app-like hero, centered content and usable search. */
.help-page{
  gap:clamp(26px,3vw,40px)!important;
}
.help-page .help-hero-search{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(min(100%,520px),.58fr)!important;
  gap:clamp(24px,4vw,64px)!important;
  align-items:end!important;
  padding:clamp(32px,5vw,64px)!important;
  border:1px solid rgba(203,216,234,.92)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(37,99,235,.12),transparent 34%),
    linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef6ff 100%)!important;
  box-shadow:var(--zd-public-shadow)!important;
  overflow:hidden!important;
}
.help-page .help-hero-search::after{
  content:"";
  position:absolute;
  right:-130px;
  bottom:-170px;
  width:380px;
  height:380px;
  border-radius:999px;
  background:rgba(37,99,235,.09);
  pointer-events:none;
}
.help-page .help-hero-search > :not(.help-search-card){
  position:relative;
  z-index:1;
}
.help-page .help-hero-search h1{
  max-width:14ch!important;
  margin:0!important;
  font-size:clamp(2.8rem,5.5vw,5rem)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
  color:#07111f!important;
}
.help-page .help-hero-search > p:not(.home-eyebrow){
  max-width:760px!important;
  margin:clamp(14px,1.4vw,20px) 0 0!important;
  color:#52627a!important;
  font-size:clamp(1rem,1.25vw,1.18rem)!important;
  line-height:1.7!important;
  font-weight:720!important;
}
.help-page .help-search-card{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  align-self:end!important;
  padding:clamp(18px,2vw,24px)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.09)!important;
  backdrop-filter:blur(14px);
}
.help-page .help-search-card label{
  color:#0f172a!important;
  font-size:1rem!important;
}
.help-page .help-search-card .form-input{
  min-height:60px!important;
  border-color:#cbdaf0!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045)!important;
}
.help-page .help-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(230px,1fr))!important;
  gap:clamp(18px,2vw,26px)!important;
  align-items:stretch!important;
  margin-top:0!important;
  padding:2px!important; /* keeps shadows from clipping at grid edge */
}
.help-page .help-topic-card{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-height:250px!important;
  height:100%!important;
  padding:clamp(22px,2vw,28px)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border-color:#dbe7f6!important;
  box-shadow:0 20px 56px rgba(15,23,42,.065)!important;
}
.help-page .help-topic-card:hover,
.help-page .help-topic-card:focus-visible{
  transform:translateY(-3px)!important;
  border-color:#bfdbfe!important;
  box-shadow:var(--zd-public-shadow-hover)!important;
}
.help-page .help-topic-card .step-pill{
  margin:0 0 8px 0!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 auto!important;
}
.help-page .help-topic-card h3{
  margin:0!important;
  color:#0f172a!important;
  font-size:clamp(1.08rem,1.25vw,1.28rem)!important;
  line-height:1.16!important;
}
.help-page .help-topic-card p{
  margin:0!important;
  color:#52627a!important;
  font-weight:700!important;
  line-height:1.62!important;
}
.help-page .help-topic-card b{
  margin-top:auto!important;
  color:#2563eb!important;
}

/* Highlight modules: compact eyebrow, consistent content width and less stretching. */
.help-page .help-highlight-card{
  margin-top:0!important;
  padding:clamp(26px,3vw,38px)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 94% 10%,rgba(37,99,235,.09),transparent 32%),
    linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;
  box-shadow:var(--zd-public-shadow)!important;
  overflow:visible!important;
}
.help-page .help-highlight-card h2{
  max-width:920px!important;
  margin:0!important;
  font-size:clamp(2rem,3.6vw,4rem)!important;
  line-height:1.02!important;
  letter-spacing:-.06em!important;
  text-wrap:balance!important;
}
.help-page .help-highlight-card > div > p:not(.home-eyebrow){
  max-width:1060px!important;
  color:#52627a!important;
  font-weight:700!important;
}
.help-page .help-highlight-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.5vw,20px)!important;
}
.help-page .help-highlight-grid article{
  min-height:118px!important;
  padding:18px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.045)!important;
}

/* Feedback: modern, aligned, app-like form layout. */
.page-shell:has(.feedback-layout){
  display:grid!important;
  gap:clamp(26px,3vw,38px)!important;
}
.page-shell:has(.feedback-layout) .info-hero{
  padding:clamp(32px,5vw,58px)!important;
  border:1px solid rgba(203,216,234,.92)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(79,70,229,.11),transparent 34%),
    linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;
  box-shadow:var(--zd-public-shadow)!important;
}
.page-shell:has(.feedback-layout) .info-hero h1{
  max-width:16ch!important;
  margin:0!important;
  font-size:clamp(2.55rem,5vw,5.05rem)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
  color:#07111f!important;
}
.page-shell:has(.feedback-layout) .info-hero p:not(.home-eyebrow){
  max-width:820px!important;
  margin-top:18px!important;
  color:#52627a!important;
  font-weight:720!important;
  line-height:1.72!important;
}
.feedback-layout{
  grid-template-columns:minmax(280px,.78fr) minmax(520px,1.22fr)!important;
  gap:clamp(22px,3vw,38px)!important;
  align-items:stretch!important;
}
.feedback-side-card{
  height:100%!important;
  padding:clamp(24px,3vw,34px)!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;
}
.feedback-side-card h3{
  margin:0!important;
  font-size:clamp(1.4rem,2vw,2.1rem)!important;
  letter-spacing:-.04em!important;
}
.feedback-side-card p{
  color:#52627a!important;
  font-weight:700!important;
}
.notice-box{
  margin-top:auto!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fff7ed,#fff)!important;
  color:#9a3412!important;
}
.feedback-form{
  gap:18px!important;
  padding:clamp(24px,3vw,36px)!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:var(--zd-public-shadow)!important;
}
.feedback-form label{
  display:grid!important;
  gap:9px!important;
  color:#0f172a!important;
  font-weight:950!important;
}
.feedback-form input,
.feedback-form select,
.feedback-form textarea{
  min-height:58px!important;
  border-radius:18px!important;
  border-color:#cbdaf0!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
}
.feedback-form textarea{min-height:180px!important;resize:vertical!important;}
.feedback-form .btn-primary,
.feedback-form button[type="submit"]{
  min-height:60px!important;
  border-radius:18px!important;
}

/* SEO/Ratgeber pages: stable centered grid, readable CTA and no full-bleed broken panels. */
.seo-page{
  overflow:hidden;
}
.seo-page .seo-shell{
  width:min(calc(100% - calc(var(--zd-public-pad) * 2)), var(--zd-public-max))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
.seo-page .seo-hero{
  border-bottom:1px solid rgba(203,216,234,.72)!important;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef6ff 100%)!important;
}
.seo-page .seo-hero-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.66fr)!important;
  gap:clamp(28px,4vw,76px)!important;
  align-items:center!important;
}
.seo-page .seo-side-card,
.seo-page .seo-card,
.seo-page .seo-list-card,
.seo-page .seo-decision-card,
.seo-page .seo-cluster-card,
.seo-page .seo-article-block,
.seo-page .seo-article-card,
.seo-page .seo-sticky-box{
  border-radius:26px!important;
  box-shadow:0 20px 58px rgba(15,23,42,.065)!important;
}
.seo-page .seo-section{
  padding-block:clamp(46px,5vw,76px)!important;
}
.seo-section-head-row{
  align-items:end!important;
}
.seo-decision-grid{
  grid-template-columns:repeat(3,minmax(240px,1fr))!important;
  align-items:stretch!important;
}
.seo-card-grid.three{
  grid-template-columns:repeat(3,minmax(250px,1fr))!important;
}
.seo-cluster-grid{
  grid-template-columns:repeat(2,minmax(320px,1fr))!important;
}
.seo-final-cta-section{
  width:100%!important;
  padding:clamp(50px,5vw,78px) 0!important;
  background:linear-gradient(135deg,#0f2146 0%,#1d4ed8 100%)!important;
}
.seo-final-cta-section .seo-shell{
  width:min(calc(100% - calc(var(--zd-public-pad) * 2)), var(--zd-public-max))!important;
}
.seo-bottom-cta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:clamp(22px,3vw,44px)!important;
  align-items:center!important;
  padding:clamp(28px,3.5vw,46px)!important;
  border-radius:30px!important;
  border-color:rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
.seo-bottom-cta .seo-eyebrow{
  color:#dbeafe!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.20)!important;
}
.seo-bottom-cta h2,
.seo-bottom-cta p:not(.seo-eyebrow){
  color:#fff!important;
}
.seo-bottom-cta p:not(.seo-eyebrow){
  max-width:720px!important;
  opacity:.88!important;
}
.seo-bottom-cta .seo-btn-secondary{
  background:#fff!important;
  color:#0f172a!important;
  border-color:rgba(255,255,255,.76)!important;
}

/* Generic public index pages: consistent gutters and card alignment. */
.public-content-page .public-hero-panel,
.public-content-page .public-section,
.public-content-page .public-split{
  width:min(calc(100% - calc(var(--zd-public-pad) * 2)), var(--zd-public-max))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
.public-content-page .public-hero-panel{
  border-radius:34px!important;
  box-shadow:var(--zd-public-shadow)!important;
}
.public-content-page .public-section-soft{
  width:100%!important;
  max-width:none!important;
  padding-inline:0!important;
}
.public-content-page .public-section-soft .public-split{
  margin-inline:auto!important;
}
.public-content-page .public-card-grid,
.public-content-page .public-detail-grid{
  grid-template-columns:repeat(3,minmax(260px,1fr))!important;
  gap:clamp(16px,2vw,24px)!important;
}
.public-content-page .public-content-card{
  min-height:220px!important;
}

/* Feature/detail pages: no over-wide content blocks, readable highlight CTAs. */
.detail-page .home-shell{
  width:min(calc(100% - calc(var(--zd-public-pad) * 2)), var(--zd-public-max))!important;
  max-width:none!important;
}
.detail-page .detail-card,
.detail-page .detail-side-card,
.detail-page .home-cta{
  border-radius:30px!important;
  box-shadow:var(--zd-public-shadow)!important;
}
.detail-page .home-cta{
  overflow:hidden!important;
  background:linear-gradient(135deg,#0f2146 0%,#1d4ed8 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.detail-page .home-cta :where(h2,p){
  color:#fff!important;
  text-shadow:none!important;
}
.detail-page .home-cta p:not(.home-eyebrow){
  opacity:.9!important;
}

@media (max-width:1180px){
  .help-page .help-topic-grid{grid-template-columns:repeat(3,minmax(220px,1fr))!important;}
  .seo-card-grid.three{grid-template-columns:repeat(2,minmax(250px,1fr))!important;}
}
@media (max-width:980px){
  :where(.help-page,.support-page-public,.page-shell:has(.feedback-layout)){
    width:min(calc(100% - 32px), var(--zd-public-max))!important;
  }
  .help-page .help-hero-search,
  .feedback-layout,
  .seo-page .seo-hero-grid,
  .seo-bottom-cta{
    grid-template-columns:1fr!important;
  }
  .help-page .help-topic-grid,
  .help-page .help-highlight-grid,
  .seo-decision-grid,
  .seo-cluster-grid,
  .public-content-page .public-card-grid,
  .public-content-page .public-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .feedback-layout{align-items:start!important;}
}
@media (max-width:640px){
  :root{--zd-public-pad:16px;}
  .help-page .help-hero-search,
  .page-shell:has(.feedback-layout) .info-hero,
  .feedback-form,
  .feedback-side-card,
  .help-page .help-highlight-card,
  .public-content-page .public-hero-panel{
    border-radius:24px!important;
    padding:22px!important;
  }
  .help-page .help-topic-grid,
  .help-page .help-highlight-grid,
  .seo-card-grid.three,
  .seo-decision-grid,
  .seo-cluster-grid,
  .public-content-page .public-card-grid,
  .public-content-page .public-detail-grid{
    grid-template-columns:1fr!important;
  }
  .help-page .help-topic-card{min-height:0!important;}
  .seo-page .seo-shell,
  .public-content-page .public-hero-panel,
  .public-content-page .public-section,
  .public-content-page .public-split,
  .detail-page .home-shell{
    width:calc(100% - 24px)!important;
  }
  .seo-bottom-cta .seo-actions,
  .support-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
}

/* v63: Public layout regression fix after visual QA screenshots.
   - No full-bleed SEO hero/CTA blocks on public index pages.
   - Shadow-safe grid gutters for cards and support contact badges.
   - Equal-height help cards and tighter FAQ/contact spacing.
   - Better contrast inside dark CTA panels.
*/
:root{
  --zd-v63-page-max: 1360px;
  --zd-v63-page-gutter: clamp(22px, 4vw, 72px);
  --zd-v63-shadow-safe: clamp(16px, 2vw, 30px);
  --zd-v63-card-shadow: 0 22px 62px rgba(15, 23, 42, .075);
  --zd-v63-card-shadow-hover: 0 32px 86px rgba(37, 99, 235, .14);
}

/* Keep top and bottom SEO blocks as contained cards, not edge-to-edge strips. */
.seo-page{
  overflow: visible!important;
}
.seo-page.zd-template-v9 .seo-hero,
.seo-page .seo-final-cta-section{
  width: min(calc(100% - calc(var(--zd-v63-page-gutter) * 2)), var(--zd-v63-page-max))!important;
  max-width: none!important;
  margin-inline: auto!important;
  overflow: visible!important;
}
.seo-page.zd-template-v9 .seo-hero{
  margin-top: clamp(34px, 5vw, 72px)!important;
  margin-bottom: clamp(44px, 5.6vw, 82px)!important;
  border-radius: clamp(30px, 3vw, 44px)!important;
  box-shadow: 0 28px 84px rgba(15,23,42,.085)!important;
}
.seo-page .seo-final-cta-section{
  margin-top: clamp(44px, 5vw, 72px)!important;
  margin-bottom: clamp(54px, 5.8vw, 86px)!important;
  padding: clamp(28px, 4vw, 54px)!important;
  border-radius: clamp(30px, 3vw, 44px)!important;
  background: linear-gradient(135deg,#0f2146 0%,#1d4ed8 100%)!important;
  box-shadow: 0 30px 90px rgba(15,23,42,.18)!important;
}
.seo-page .seo-final-cta-section .seo-shell{
  width: 100%!important;
  margin: 0!important;
}
.seo-page .seo-bottom-cta{
  width: 100%!important;
  border-color: rgba(255,255,255,.24)!important;
  background: rgba(255,255,255,.10)!important;
}
.seo-page .seo-bottom-cta :where(h2,p,strong,span){
  color:#fff!important;
}
.seo-page .seo-bottom-cta p:not(.seo-eyebrow){
  color:rgba(255,255,255,.86)!important;
}
.seo-page .seo-bottom-cta .seo-eyebrow{
  color:#dbeafe!important;
}

/* Shadow-safe sections: avoid clipped shadows without creating visual misalignment. */
.support-contact-row,
.help-page .help-topic-grid,
.help-page .help-highlight-grid,
.seo-page :where(.seo-card-grid,.seo-list-grid,.seo-decision-grid,.seo-cluster-grid,.seo-market-hub-grid),
.public-content-page :where(.public-card-grid,.public-detail-grid){
  overflow: visible!important;
  contain: none!important;
  content-visibility: visible!important;
}
.support-contact-row{
  padding: var(--zd-v63-shadow-safe)!important;
  margin: calc(var(--zd-v63-shadow-safe) * -1)!important;
}
.support-method-card{
  box-shadow: var(--zd-v63-card-shadow)!important;
}

/* Help page cards: equal top/bottom rhythm and no clipped final row. */
.help-page{
  row-gap: clamp(24px, 2.6vw, 36px)!important;
}
.help-page .help-topic-grid{
  grid-auto-rows: 1fr!important;
  align-items: stretch!important;
  padding: var(--zd-v63-shadow-safe)!important;
  margin: calc(var(--zd-v63-shadow-safe) * -1) calc(var(--zd-v63-shadow-safe) * -1) clamp(20px, 2.6vw, 38px)!important;
}
.help-page .help-topic-card{
  display: grid!important;
  grid-template-rows: auto auto 1fr auto!important;
  align-content: stretch!important;
  height: 100%!important;
  min-height: clamp(232px, 18vw, 276px)!important;
  box-shadow: var(--zd-v63-card-shadow)!important;
  transform: translateZ(0);
}
.help-page .help-topic-card:hover,
.help-page .help-topic-card:focus-visible{
  box-shadow: var(--zd-v63-card-shadow-hover)!important;
}
.help-page .help-topic-card .step-pill{
  align-self: start!important;
}
.help-page .help-topic-card b{
  align-self: end!important;
}
.help-page .help-highlight-card{
  margin-top: clamp(10px, 1.4vw, 22px)!important;
  box-shadow: var(--zd-v63-card-shadow)!important;
}
.help-page .help-highlight-card + .help-highlight-card{
  margin-top: clamp(34px, 4vw, 58px)!important;
}
.help-page .help-section-gap{
  padding-top: clamp(18px, 2.4vw, 34px)!important;
  padding-bottom: clamp(18px, 2.4vw, 34px)!important;
}
.help-page .contact-card{
  margin-top: clamp(4px, 1.5vw, 20px)!important;
  margin-bottom: clamp(32px, 4vw, 56px)!important;
  padding: clamp(22px, 2.4vw, 32px)!important;
  border-radius: 28px!important;
  box-shadow: var(--zd-v63-card-shadow)!important;
}
.help-page .faq-list{
  max-width: 1120px;
}
.help-page .faq-list details{
  box-shadow: 0 14px 38px rgba(15,23,42,.045)!important;
}

/* Badges should stay compact; never stretch like progress bars. */
:where(.help-page,.detail-page,.public-content-page,.seo-page) :where(.home-eyebrow,.seo-eyebrow,.public-aside-kicker,.public-card-badge){
  width: fit-content!important;
  max-width: min(100%, 34rem)!important;
  display: inline-flex!important;
}
.help-page .help-highlight-card > div > .home-eyebrow{
  margin-bottom: clamp(10px, 1.2vw, 16px)!important;
}

/* Public content / alternative pages should match the contained-card look in the reference screenshot. */
.public-content-page .public-hero-panel,
.public-content-page .public-section,
.public-content-page .public-split{
  width: min(calc(100% - calc(var(--zd-v63-page-gutter) * 2)), var(--zd-v63-page-max))!important;
}
.public-content-page .public-section{
  padding-block: clamp(38px, 5vw, 72px)!important;
}
.public-content-page .public-section-soft{
  width: min(calc(100% - calc(var(--zd-v63-page-gutter) * 2)), var(--zd-v63-page-max))!important;
  margin-inline: auto!important;
  padding: clamp(28px, 4vw, 54px)!important;
  border: 1px solid rgba(203,216,234,.72)!important;
  border-radius: clamp(28px,3vw,42px)!important;
  background: rgba(255,255,255,.62)!important;
  box-shadow: 0 24px 70px rgba(15,23,42,.065)!important;
}
.public-content-page .public-section-soft .public-split{
  width: 100%!important;
}
.public-content-page .public-content-card,
.public-content-page .public-detail-card{
  box-shadow: var(--zd-v63-card-shadow)!important;
}

/* Feedback: keep app-like form, but reduce empty space and keep form groups readable. */
.page-shell:has(.feedback-layout){
  gap: clamp(20px, 2.5vw, 32px)!important;
}
.page-shell:has(.feedback-layout) .info-hero{
  padding: clamp(28px, 4.5vw, 54px)!important;
}
.feedback-layout{
  align-items: start!important;
}
.feedback-side-card,
.feedback-form{
  box-shadow: var(--zd-v63-card-shadow)!important;
}
.feedback-side-card{
  align-self: start!important;
}
.feedback-form label{
  line-height:1.25!important;
}

@media (max-width:1180px){
  .seo-page.zd-template-v9 .seo-hero,
  .seo-page .seo-final-cta-section,
  .public-content-page .public-hero-panel,
  .public-content-page .public-section,
  .public-content-page .public-split,
  .public-content-page .public-section-soft{
    width: min(calc(100% - 32px), var(--zd-v63-page-max))!important;
  }
  .help-page .help-topic-grid{
    grid-template-columns: repeat(2, minmax(0,1fr))!important;
  }
}
@media (max-width:720px){
  .seo-page.zd-template-v9 .seo-hero,
  .seo-page .seo-final-cta-section,
  .public-content-page .public-hero-panel,
  .public-content-page .public-section,
  .public-content-page .public-split,
  .public-content-page .public-section-soft{
    width: calc(100% - 24px)!important;
  }
  .help-page .help-topic-grid{
    grid-template-columns:1fr!important;
    padding:12px!important;
    margin:-12px -12px 22px!important;
  }
  .help-page .help-topic-card{
    min-height:0!important;
  }
  .support-contact-row{
    padding:12px!important;
    margin:-12px!important;
  }
}

/* v64: Contained public SEO pages + search-card cleanup after visual QA.
   Goals:
   - Ratgeber/content heroes are contained cards instead of full-width bars.
   - Section rhythm is tighter; no empty vertical gaps between decision/search/list areas.
   - Search area is a real card with grouped label/input/button/status.
   - Shadow-safe grid padding without visible clipping or row misalignment.
*/
:root{
  --zd-v64-public-max: 1280px;
  --zd-v64-gutter: clamp(18px, 5vw, 96px);
  --zd-v64-section-gap: clamp(28px, 4vw, 54px);
  --zd-v64-tight-gap: clamp(18px, 2.8vw, 34px);
  --zd-v64-card-shadow: 0 22px 62px rgba(15, 23, 42, .075);
  --zd-v64-card-shadow-hover: 0 34px 80px rgba(37, 99, 235, .13);
}

/* SEO / Ratgeber / Lösungen / Alternativen: all public hero cards get the same contained width. */
.seo-page :where(.seo-hero){
  width: min(calc(100% - calc(var(--zd-v64-gutter) * 2)), var(--zd-v64-public-max))!important;
  margin: clamp(28px, 4.2vw, 56px) auto clamp(24px, 3.2vw, 42px)!important;
  padding: clamp(34px, 5vw, 68px) 0!important;
  border: 1px solid rgba(203, 216, 234, .86)!important;
  border-radius: clamp(30px, 3vw, 42px)!important;
  background:
    radial-gradient(circle at 88% 12%, rgba(79,70,229,.10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,251,255,.92))!important;
  box-shadow: 0 26px 76px rgba(15,23,42,.075)!important;
  overflow: visible!important;
}
.seo-page :where(.seo-hero) .seo-shell{
  width: min(calc(100% - clamp(42px, 6vw, 108px)), 1060px)!important;
}
.seo-page .seo-hero-grid{
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .70fr)!important;
  gap: clamp(26px, 4vw, 64px)!important;
}
.seo-page h1{
  max-width: 14ch!important;
}

/* Tighter page rhythm: sections should flow as connected blocks, not isolated islands. */
.seo-page .seo-section{
  padding-block: var(--zd-v64-section-gap)!important;
}
.seo-page .seo-section-tight{
  padding-block: var(--zd-v64-tight-gap)!important;
}
.seo-page :where(.seo-hero + .seo-section, .seo-section + .seo-section){
  margin-top: 0!important;
}
.seo-page .seo-section-soft{
  background: rgba(255,255,255,.48)!important;
}
.seo-page :where(.seo-section-head,.seo-section-head-row){
  margin-bottom: clamp(16px, 2vw, 26px)!important;
}
.seo-section-head-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,.52fr)!important;
  gap:clamp(16px,2vw,32px)!important;
  align-items:end!important;
}
.seo-section-head-row > p{
  margin:0!important;
  max-width:42ch!important;
  color:#64748b!important;
  font-weight:800!important;
  line-height:1.55!important;
}

/* Search area becomes a proper UX card instead of loose text and controls. */
.seo-search-panel-v64{
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr)!important;
  gap:clamp(18px,3vw,38px)!important;
  align-items:center!important;
  padding:clamp(22px,3.5vw,38px)!important;
  border:1px solid rgba(203,216,234,.86)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.08), transparent 36%),
    linear-gradient(135deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:var(--zd-v64-card-shadow)!important;
}
.seo-search-copy-v64 h2{
  margin:0!important;
  color:#0f172a!important;
  font-size:clamp(1.9rem,3.3vw,3.25rem)!important;
  line-height:1.04!important;
  letter-spacing:-.052em!important;
  text-wrap:balance!important;
}
.seo-search-copy-v64 > p:not(.seo-eyebrow){
  max-width:52ch!important;
  margin:.75rem 0 0!important;
  color:#64748b!important;
  font-weight:760!important;
  line-height:1.65!important;
}
.seo-search-form-v64{
  display:grid!important;
  gap:10px!important;
  padding:16px!important;
  border:1px solid #dbe3ef!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84), 0 16px 42px rgba(15,23,42,.055)!important;
}
.seo-search-form-v64 label{
  color:#0f172a!important;
  font-size:.92rem!important;
  font-weight:950!important;
}
.seo-search-input-row-v64{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.seo-search-form-v64 input[type="search"]{
  width:100%!important;
  min-height:52px!important;
  padding:0 16px!important;
  border:1px solid #cbdaf0!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-weight:750!important;
  box-shadow:0 8px 22px rgba(15,23,42,.035)!important;
}
.seo-search-form-v64 button{
  min-height:52px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#4f46e5,#2563eb)!important;
  color:#fff!important;
  font-weight:950!important;
  box-shadow:0 14px 34px rgba(37,99,235,.22)!important;
}
.seo-search-form-v64 .content-filter-status{
  margin:0!important;
  color:#64748b!important;
  font-size:.9rem!important;
  font-weight:800!important;
}

/* Card grids: equal height + shadow-safe gutters without making sections feel too far apart. */
.seo-page :where(.seo-decision-grid,.seo-card-grid,.seo-list-grid,.seo-cluster-grid){
  padding:14px!important;
  margin:-14px!important;
  overflow:visible!important;
  align-items:stretch!important;
}
.seo-page :where(.seo-decision-card,.seo-card,.seo-list-card,.seo-cluster-card){
  height:100%!important;
  box-shadow:var(--zd-v64-card-shadow)!important;
}
.seo-page :where(.seo-decision-card,.seo-card,.seo-list-card,.seo-cluster-card):hover{
  box-shadow:var(--zd-v64-card-shadow-hover)!important;
}

/* Final CTA should be contained and high contrast, not full-viewport blue strip. */
.seo-page .seo-final-cta-section{
  width:min(calc(100% - calc(var(--zd-v64-gutter) * 2)), var(--zd-v64-public-max))!important;
  margin:clamp(30px,4vw,56px) auto clamp(44px,5vw,72px)!important;
  padding:clamp(26px,4vw,48px)!important;
  border-radius:clamp(30px,3vw,42px)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(135deg,#0f2146 0%,#1d4ed8 100%)!important;
  box-shadow:0 30px 90px rgba(15,23,42,.18)!important;
}
.seo-page .seo-final-cta-section .seo-shell{width:100%!important;margin:0!important;}
.seo-page .seo-bottom-cta{padding:clamp(24px,3vw,38px)!important;}

/* Help page specific cleanup: the top card should be contained, rows equal, and FAQ/contact closer. */
.help-page .help-hero-search{
  grid-template-columns:minmax(0,.9fr) minmax(340px,.75fr)!important;
  gap:clamp(22px,3vw,44px)!important;
  padding:clamp(30px,4.6vw,56px)!important;
}
.help-page .help-topic-grid{
  grid-auto-rows:1fr!important;
  padding:18px!important;
  margin:-18px -18px clamp(26px,3vw,44px)!important;
}
.help-page .help-topic-card{
  min-height:240px!important;
  height:100%!important;
}
.help-page .help-highlight-card{
  margin-top:clamp(18px,2.5vw,32px)!important;
}
.help-page .help-highlight-card:first-of-type{
  margin-top:clamp(22px,3vw,42px)!important;
}
.help-page .help-section-gap{
  padding-top:clamp(22px,3vw,40px)!important;
  padding-bottom:clamp(10px,1.8vw,24px)!important;
}
.help-page .contact-card{
  margin-top:0!important;
  margin-bottom:clamp(24px,3vw,44px)!important;
}

@media (max-width:1100px){
  .seo-page :where(.seo-hero),
  .seo-page .seo-final-cta-section{
    width:min(calc(100% - 32px), var(--zd-v64-public-max))!important;
  }
  .seo-page :where(.seo-hero) .seo-shell{width:min(calc(100% - 40px), 1060px)!important;}
  .seo-search-panel-v64,
  .seo-section-head-row,
  .help-page .help-hero-search{grid-template-columns:1fr!important;}
}
@media (max-width:720px){
  .seo-page :where(.seo-hero),
  .seo-page .seo-final-cta-section{width:calc(100% - 20px)!important;}
  .seo-page :where(.seo-hero) .seo-shell{width:calc(100% - 28px)!important;}
  .seo-search-panel-v64{padding:20px!important;border-radius:24px!important;}
  .seo-search-input-row-v64{grid-template-columns:1fr!important;}
  .seo-search-form-v64 button{width:100%!important;}
  .help-page .help-hero-search{padding:22px!important;}
}

/* v65: unified public page width, section rhythm and card consistency.
   Purpose:
   - Public pages use the same modern wide-but-contained layout.
   - No hero/CTA blocks run edge-to-edge unless they are the homepage hero.
   - Grids keep equal card height and shadow-safe gutters.
   - Search/support/help/SEO pages share one readable content width.
*/
:root{
  --zd-v65-public-max: 1360px;
  --zd-v65-gutter: clamp(22px, 4.5vw, 76px);
  --zd-v65-section-gap: clamp(26px, 4vw, 46px);
  --zd-v65-tight-gap: clamp(18px, 3vw, 30px);
  --zd-v65-card-shadow: 0 22px 62px rgba(15, 23, 42, .075);
  --zd-v65-card-shadow-hover: 0 34px 82px rgba(37, 99, 235, .13);
}

/* One shared container rhythm for all public/marketing pages except the homepage hero itself. */
:where(.seo-shell,
  .public-content-page .public-hero-panel,
  .public-content-page .public-section,
  .public-content-page .public-split,
  .public-content-page .public-section-soft,
  .help-page,
  .support-page-public,
  .pricing-page-v10,
  .pricing-detail-page-v11,
  .feedback-layout,
  .platform-feedback-page,
  .detail-page .home-shell){
  width:min(calc(100% - calc(var(--zd-v65-gutter) * 2)), var(--zd-v65-public-max))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Contain SEO heroes and CTA blocks. They should look like wide cards, not full-width bars. */
.seo-page :where(.seo-hero){
  width:min(calc(100% - calc(var(--zd-v65-gutter) * 2)), var(--zd-v65-public-max))!important;
  margin:clamp(24px,3.5vw,48px) auto var(--zd-v65-tight-gap)!important;
  padding:clamp(32px,4.6vw,60px)!important;
  border:1px solid rgba(203,216,234,.90)!important;
  border-radius:clamp(28px,2.8vw,38px)!important;
  background:
    radial-gradient(circle at 86% 8%, rgba(79,70,229,.10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,250,255,.94))!important;
  box-shadow:var(--zd-v65-card-shadow)!important;
  overflow:visible!important;
}
.seo-page :where(.seo-hero) .seo-shell{
  width:100%!important;
  max-width:none!important;
}
.seo-page .seo-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr)!important;
  gap:clamp(24px,3.8vw,58px)!important;
  align-items:center!important;
}
.seo-page h1{max-width:16ch!important;}

.seo-page .seo-section{padding-block:var(--zd-v65-section-gap)!important;}
.seo-page .seo-section-tight{padding-block:var(--zd-v65-tight-gap)!important;}
.seo-page .seo-hero + .seo-section{padding-top:var(--zd-v65-tight-gap)!important;}
.seo-page .seo-section + .seo-section{margin-top:0!important;}
.seo-page .seo-section-soft{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  padding-block:var(--zd-v65-section-gap)!important;
  background:rgba(255,255,255,.52)!important;
}
.seo-page .seo-section-soft > .seo-shell{width:min(calc(100% - calc(var(--zd-v65-gutter) * 2)), var(--zd-v65-public-max))!important;}
.seo-page :where(.seo-section-head,.seo-section-head-row){margin-bottom:clamp(16px,2vw,24px)!important;}

/* Decision/search/list areas: tighter flow and readable grouping. */
.content-index-page .seo-section-tight{padding-block:clamp(18px,2.4vw,28px)!important;}
.content-index-page .seo-discovery-panel{padding-top:clamp(10px,1.8vw,20px)!important;padding-bottom:clamp(18px,2.4vw,28px)!important;}
.content-index-page .seo-search-panel-v64{
  grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr)!important;
  max-width:100%!important;
}
.seo-search-panel-v64{box-shadow:var(--zd-v65-card-shadow)!important;}
.seo-search-form-v64{box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 18px 44px rgba(15,23,42,.055)!important;}

/* Equal card sizing and shadow-safe grids across public pages. */
:where(.seo-page .seo-decision-grid,
  .seo-page .seo-card-grid,
  .seo-page .seo-list-grid,
  .seo-page .seo-cluster-grid,
  .public-content-page .public-card-grid,
  .public-content-page .public-detail-grid,
  .help-page .info-grid,
  .help-page .help-topic-grid,
  .support-contact-row,
  .pricing-grid-v10,
  .pricing-addons-grid,
  .home-feature-grid,
  .home-discovery-grid,
  .home-problem-grid){
  align-items:stretch!important;
  overflow:visible!important;
  padding:16px!important;
  margin:-16px!important;
}
:where(.seo-decision-card,.seo-card,.seo-list-card,.seo-cluster-card,
  .public-content-card,.public-detail-card,
  .help-topic-card,.support-method-card,.plan-card-v10){
  height:100%!important;
  min-width:0!important;
  box-shadow:var(--zd-v65-card-shadow)!important;
}
:where(.seo-decision-card,.seo-card,.seo-list-card,.public-content-card,.help-topic-card,.support-method-card):hover{
  box-shadow:var(--zd-v65-card-shadow-hover)!important;
}

/* Public content pages use the same card width and do not stretch CTA strips across the viewport. */
.public-content-page{padding-top:clamp(24px,3.6vw,48px)!important;}
.public-content-page .public-hero-panel{
  border-radius:clamp(28px,2.8vw,38px)!important;
  padding:clamp(32px,4.6vw,60px)!important;
  box-shadow:var(--zd-v65-card-shadow)!important;
}
.public-content-page .public-section{padding-block:var(--zd-v65-section-gap)!important;}
.public-content-page .public-section-soft{
  max-width:var(--zd-v65-public-max)!important;
  padding:clamp(28px,4vw,48px)!important;
  border:1px solid rgba(203,216,234,.88)!important;
  border-radius:clamp(28px,2.8vw,38px)!important;
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  box-shadow:var(--zd-v65-card-shadow)!important;
}
.public-content-page .public-card-grid,
.public-content-page .public-detail-grid{grid-auto-rows:1fr!important;}
.public-content-page .public-content-card,
.public-content-page .public-detail-card{display:flex!important;flex-direction:column!important;}
.public-content-page .public-content-card b{margin-top:auto!important;}

/* Help center: consistent hero, equal cards, less whitespace before FAQ/contact. */
.help-page{display:grid!important;gap:clamp(22px,3vw,36px)!important;padding-bottom:clamp(36px,4vw,56px)!important;}
.help-page .help-hero-search{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(380px,.72fr)!important;
  gap:clamp(24px,3.4vw,48px)!important;
  align-items:center!important;
  padding:clamp(32px,4.5vw,58px)!important;
  border:1px solid rgba(203,216,234,.92)!important;
  border-radius:clamp(28px,2.8vw,38px)!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(79,70,229,.10),transparent 34%),
    linear-gradient(135deg,#ffffff,#f7fbff)!important;
  box-shadow:var(--zd-v65-card-shadow)!important;
}
.help-page .help-hero-search > .home-eyebrow{grid-column:1 / -1!important;margin-bottom:-8px!important;}
.help-page .help-hero-search h1{max-width:14ch!important;margin:0!important;}
.help-page .help-hero-search > p{margin:0!important;max-width:62ch!important;}
.help-page .help-search-card{width:100%!important;align-self:center!important;}
.help-page .help-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:1fr!important;margin-bottom:clamp(10px,2vw,22px)!important;}
.help-page .help-topic-card{min-height:240px!important;display:flex!important;flex-direction:column!important;}
.help-page .help-topic-card b{margin-top:auto!important;}
.help-page .help-highlight-card{margin-top:0!important;border-radius:30px!important;box-shadow:var(--zd-v65-card-shadow)!important;}
.help-page .help-highlight-card .home-eyebrow{width:max-content!important;max-width:100%!important;}
.help-page .help-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.help-page .help-section-gap{padding-top:clamp(10px,2.5vw,26px)!important;padding-bottom:0!important;}
.help-page .contact-card{margin-top:0!important;margin-bottom:0!important;}

/* Support + Feedback: same max width and grid alignment as the rest of the public site. */
.support-page-public{gap:clamp(22px,3vw,36px)!important;}
.support-contact-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.support-method-card{min-height:112px!important;}
.feedback-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;align-items:start!important;}
.feedback-layout .card{box-shadow:var(--zd-v65-card-shadow)!important;}

/* Pricing public pages should share the same width and card scale. */
.pricing-page-v10,
.pricing-detail-page-v11{width:min(calc(100% - calc(var(--zd-v65-gutter) * 2)), var(--zd-v65-public-max))!important;}
.pricing-page-v10 .pricing-hero-v10{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)!important;}
.pricing-page-v10 :where(.pricing-hero-copy,.pricing-offer-card,.plan-chooser-card,.pricing-section-card,.pricing-final-cta,.pricing-guidance-strip){box-shadow:var(--zd-v65-card-shadow)!important;}

@media (max-width:1180px){
  :where(.seo-shell,
    .public-content-page .public-hero-panel,
    .public-content-page .public-section,
    .public-content-page .public-split,
    .public-content-page .public-section-soft,
    .help-page,
    .support-page-public,
    .pricing-page-v10,
    .pricing-detail-page-v11,
    .feedback-layout,
    .detail-page .home-shell),
  .seo-page :where(.seo-hero),
  .seo-page .seo-final-cta-section{
    width:min(calc(100% - 32px), var(--zd-v65-public-max))!important;
  }
  .seo-page .seo-hero-grid,
  .content-index-page .seo-search-panel-v64,
  .help-page .help-hero-search,
  .pricing-page-v10 .pricing-hero-v10,
  .feedback-layout{grid-template-columns:1fr!important;}
  .help-page .help-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  :where(.seo-shell,
    .public-content-page .public-hero-panel,
    .public-content-page .public-section,
    .public-content-page .public-split,
    .public-content-page .public-section-soft,
    .help-page,
    .support-page-public,
    .pricing-page-v10,
    .pricing-detail-page-v11,
    .feedback-layout,
    .detail-page .home-shell),
  .seo-page :where(.seo-hero),
  .seo-page .seo-final-cta-section{
    width:calc(100% - 20px)!important;
  }
  .seo-page :where(.seo-hero),
  .public-content-page .public-hero-panel,
  .help-page .help-hero-search,
  .public-content-page .public-section-soft{padding:22px!important;border-radius:24px!important;}
  .seo-page h1,
  .help-page .help-hero-search h1{max-width:100%!important;}
  .seo-section-head-row,
  .seo-search-input-row-v64,
  .support-contact-row,
  .help-page .help-highlight-grid{grid-template-columns:1fr!important;}
  .help-page .help-topic-grid{grid-template-columns:1fr!important;}
  :where(.seo-page .seo-decision-grid,.seo-page .seo-card-grid,.seo-page .seo-list-grid,.seo-page .seo-cluster-grid,.public-content-page .public-card-grid,.public-content-page .public-detail-grid,.help-page .info-grid,.help-page .help-topic-grid,.support-contact-row){padding:10px!important;margin:-10px!important;}
}

/* v65.1: keep final CTAs aligned with the same public max width. */
.seo-page .seo-final-cta-section{
  width:min(calc(100% - calc(var(--zd-v65-gutter) * 2)), var(--zd-v65-public-max))!important;
  margin:clamp(26px,3.5vw,48px) auto clamp(36px,4.5vw,64px)!important;
  padding:clamp(28px,4vw,46px)!important;
  border-radius:clamp(28px,2.8vw,38px)!important;
}
.seo-page .seo-final-cta-section .seo-shell{width:100%!important;max-width:none!important;margin:0!important;}
@media (max-width:1180px){.seo-page .seo-final-cta-section{width:min(calc(100% - 32px), var(--zd-v65-public-max))!important;}}
@media (max-width:760px){.seo-page .seo-final-cta-section{width:calc(100% - 20px)!important;padding:22px!important;border-radius:24px!important;}}

/* v67 navigation width: desktop header follows the same wide marketing shell as the homepage and Ads landingpages. */
@media (min-width:1081px){
  .nav .nav-container{
    width:min(100% - calc(var(--zd-home-pad,clamp(32px,4vw,76px)) * 2), var(--zd-home-wide-max,1760px)) !important;
    max-width:none !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  .nav-right-public-marketing{
    gap:clamp(10px,1.15vw,20px) !important;
  }
  .nav-right-public-marketing .nav-link,
  .nav-right-public-marketing .dropdown-toggle{
    padding-left:13px !important;
    padding-right:13px !important;
  }
}

/* v68: Public navigation uses the same wide marketing shell as the homepage. */
:root{
  --zd-marketing-max:1760px;
}
.nav-container{
  width:min(100% - calc(clamp(24px,4vw,76px) * 2), 1760px)!important;
}
.nav-right-public-marketing{
  gap:clamp(10px,1.1vw,18px)!important;
}
@media (min-width:1280px){
  .nav-links{justify-content:center!important;}
  .nav-right-public-marketing .nav-link{padding-left:14px!important;padding-right:14px!important;}
}


/* v69: Homepage hero demo must stay compact and responsive.
   The global UI refresh had .home-demo-card{min-height:480px}, which stretched
   the example dashboard vertically. Scope the reset to the marketing homepage. */
.home-page-v66 .home-hero-grid{
  align-items:center!important;
}
.home-page-v66 .home-dashboard-preview{
  width:min(100%, 600px)!important;
  max-width:600px!important;
  align-self:center!important;
  justify-self:end!important;
  padding:14px!important;
  border-radius:24px!important;
  transform:none!important;
}
.home-page-v66 .home-demo-app{
  height:auto!important;
  min-height:0!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  border-radius:20px!important;
}
.home-page-v66 .home-demo-main{
  height:auto!important;
  min-height:0!important;
  padding:16px!important;
}
.home-page-v66 .home-demo-content-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
}
.home-page-v66 .home-demo-card{
  min-height:0!important;
  height:auto!important;
  border-radius:14px!important;
  box-shadow:none!important;
  background:#fff!important;
  padding:10px!important;
}
.home-page-v66 .home-demo-card-chart,
.home-page-v66 .home-demo-card-donut{
  min-height:128px!important;
}
.home-page-v66 .home-demo-card-tasks,
.home-page-v66 .home-demo-card-audit{
  min-height:104px!important;
}
.home-page-v66 .home-demo-bars{height:50px!important;gap:6px!important}
.home-page-v66 .home-demo-donut{width:54px!important;height:54px!important}
.home-page-v66 .home-demo-donut::after{inset:14px!important}
.home-page-v66 .home-demo-stats{gap:8px!important;margin-bottom:10px!important}
.home-page-v66 .home-demo-stats article{padding:8px!important;border-radius:12px!important}
.home-page-v66 .home-demo-stats strong{font-size:1rem!important;line-height:1.05!important}
.home-page-v66 .home-demo-task{padding:5px 0!important;font-size:.68rem!important}
.home-page-v66 .home-demo-task strong{font-size:.68rem!important}

@media (min-width:1081px){
  .home-page-v66 .home-hero-grid{
    grid-template-columns:minmax(420px,.98fr) minmax(480px,.86fr)!important;
    gap:clamp(34px,4.5vw,84px)!important;
    min-height:auto!important;
    padding-top:clamp(28px,3vw,48px)!important;
    padding-bottom:clamp(38px,4vw,58px)!important;
  }
}

@media (max-width:1080px){
  .home-page-v66 .home-hero-grid{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    gap:30px!important;
  }
  .home-page-v66 .home-dashboard-preview{
    justify-self:start!important;
    width:min(100%, 680px)!important;
    max-width:680px!important;
  }
}

@media (max-width:760px){
  .home-page-v66 .home-hero{
    padding-top:34px!important;
  }
  .home-page-v66 .home-dashboard-preview{
    width:100%!important;
    max-width:100%!important;
    padding:10px!important;
    border-radius:20px!important;
  }
  .home-page-v66 .home-demo-browser{display:none!important}
  .home-page-v66 .home-demo-app{
    grid-template-columns:1fr!important;
    border-radius:18px!important;
  }
  .home-page-v66 .home-demo-sidebar{display:none!important}
  .home-page-v66 .home-demo-main{padding:12px!important}
  .home-page-v66 .home-demo-head{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  .home-page-v66 .home-workflow-pills{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .home-page-v66 .home-workflow-pills span{
    min-height:28px!important;
    justify-content:center!important;
    font-size:.62rem!important;
  }
  .home-page-v66 .home-demo-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .home-page-v66 .home-demo-content-grid{
    grid-template-columns:1fr!important;
  }
  .home-page-v66 .home-demo-card-chart,
  .home-page-v66 .home-demo-card-donut,
  .home-page-v66 .home-demo-card-tasks,
  .home-page-v66 .home-demo-card-audit{
    min-height:0!important;
  }
  .home-page-v66 .home-demo-bars{height:42px!important}
  .home-page-v66 .home-demo-donut{width:48px!important;height:48px!important}
  .home-page-v66 .home-demo-donut::after{inset:12px!important}
}

@media (max-width:430px){
  .home-page-v66 .home-demo-head{display:grid!important}
  .home-page-v66 .home-demo-head>span{width:max-content!important}
}


/* v70 homepage spacing polish: weniger Top-Whitespace, Demo und Hero sauberer im ersten Viewport */
.home-page-v66 .home-hero{
  padding-top:clamp(32px,3.6vw,56px)!important;
}
@media (min-width:1081px){
  .home-page-v66 .home-hero-grid{
    min-height:clamp(500px,62vh,680px)!important;
    padding-top:0!important;
    padding-bottom:clamp(30px,3.4vw,48px)!important;
    align-items:center!important;
  }
  .home-page-v66 .home-dashboard-preview{
    align-self:center!important;
  }
}
@media (max-width:1080px){
  .home-page-v66 .home-hero{
    padding-top:34px!important;
  }
  .home-page-v66 .home-hero-grid{
    padding-top:0!important;
    padding-bottom:36px!important;
  }
}
@media (max-width:760px){
  .home-page-v66 .home-hero{
    padding-top:26px!important;
  }
  .home-page-v66 .home-hero-grid{
    gap:26px!important;
    padding-bottom:28px!important;
  }
}