/* DomeShare landing area on hyperdome.de - separate file to avoid browser cache */
nav.top-nav a.domeshare-nav-link {
  background: linear-gradient(135deg, #6d5cff, #00bfe8) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(0, 174, 255, .22);
}
nav.top-nav a.domeshare-nav-link:hover,
nav.top-nav a.domeshare-nav-link.active {
  background: linear-gradient(135deg, #7f6dff, #10d0f0) !important;
}

main > section#domeshare.domeshare-section {
  width: calc(100% - 28px) !important;
  max-width: 1080px !important;
  margin: 18px auto 34px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(0,191,232,.20), transparent 34%),
    radial-gradient(circle at 12% 92%, rgba(109,92,255,.18), transparent 36%),
    linear-gradient(135deg,#070c18 0%,#111827 58%,#08121e 100%) !important;
  color: #fff !important;
  box-shadow: 0 20px 55px rgba(4,10,24,.28) !important;
}

#domeshare .domeshare-hero {
  display: grid !important;
  grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr) !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 28px !important;
}
#domeshare .domeshare-copy { min-width: 0 !important; }
#domeshare .domeshare-kicker {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  color: #d9e7ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
#domeshare img.domeshare-logo {
  display: block !important;
  width: 100% !important;
  max-width: 470px !important;
  height: auto !important;
  max-height: 205px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 12px 0 4px !important;
  border: 0 !important;
  box-shadow: none !important;
}
#domeshare .domeshare-copy h1 {
  margin: 10px 0 12px !important;
  color: #fff !important;
  font-size: clamp(30px,3.2vw,45px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}
#domeshare .domeshare-lead {
  margin: 0 !important;
  max-width: 680px !important;
  color: #c5d0e3 !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}
#domeshare .domeshare-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 20px !important;
}
#domeshare .domeshare-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 10px 20px !important;
  border-radius: 13px !important;
  text-decoration: none !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}
#domeshare .domeshare-primary {
  color: #fff !important;
  background: linear-gradient(135deg,#6d5cff,#00bfe8) !important;
  box-shadow: 0 10px 24px rgba(0,174,255,.25) !important;
}
#domeshare .domeshare-secondary {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.07) !important;
}
#domeshare .domeshare-note {
  margin: 16px 0 0 !important;
  color: #91a0b8 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
#domeshare .domeshare-feature-card {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 19px !important;
  background: rgba(255,255,255,.07) !important;
}
#domeshare .domeshare-feature {
  display: grid !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.055) !important;
}
#domeshare .domeshare-feature-icon {
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg,rgba(109,92,255,.34),rgba(0,191,232,.24)) !important;
  font-size: 21px !important;
}
#domeshare .domeshare-feature strong {
  display: block !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}
#domeshare .domeshare-feature small {
  display: block !important;
  margin-top: 3px !important;
  color: #aebbd0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

@media (max-width: 850px) {
  #domeshare .domeshare-hero {
    grid-template-columns: 1fr !important;
    padding: 22px !important;
  }
  #domeshare img.domeshare-logo {
    max-width: 430px !important;
    max-height: 188px !important;
  }
  #domeshare .domeshare-feature-card {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 600px) {
  main > section#domeshare.domeshare-section {
    width: calc(100% - 16px) !important;
    margin-top: 10px !important;
    border-radius: 16px !important;
  }
  #domeshare .domeshare-hero { padding: 16px !important; }
  #domeshare img.domeshare-logo {
    max-width: 100% !important;
    max-height: 150px !important;
  }
  #domeshare .domeshare-copy h1 { font-size: 29px !important; }
  #domeshare .domeshare-lead { font-size: 15px !important; }
  #domeshare .domeshare-actions { flex-direction: column !important; }
  #domeshare .domeshare-actions a { width: 100% !important; }
  #domeshare .domeshare-feature-card { grid-template-columns: 1fr !important; }
}