:root{
  --bg:#eef8f1;
  --surface:#ffffff;
  --surface-soft:#e7f5eb;
  --surface-mint:#dff1e5;
  --text:#123126;
  --muted:#60776d;
  --line:#cde3d4;
  --primary:#16865e;
  --primary2:#35bd82;
  --cyan:#74deb0;
  --navy:#092d23;
  --green:#21a875;
  --gold:#d3aa4f;
  --shadow:0 26px 70px rgba(20,91,62,.14);
  --shadow-soft:0 12px 38px rgba(20,91,62,.09)
}
html{background:#eaf6ee}
body{
  background:
    radial-gradient(circle at 8% 4%,rgba(92,216,150,.20),transparent 30rem),
    radial-gradient(circle at 94% 18%,rgba(211,170,79,.10),transparent 24rem),
    linear-gradient(180deg,#f7fcf8 0%,#edf8f1 52%,#e8f4ec 100%)!important;
  color:var(--text)
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-5;opacity:.42;
  background-image:
    linear-gradient(rgba(17,112,77,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,112,77,.032) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,black,transparent 82%)
}
::selection{background:#75dda9;color:#08291f}
:focus-visible{outline:3px solid rgba(32,169,116,.35);outline-offset:3px}
.site-header,.app-header{
  background:rgba(247,253,249,.86)!important;
  border-color:rgba(190,220,200,.82)!important;
  box-shadow:0 8px 30px rgba(19,79,56,.05)
}
.site-header.scrolled{background:rgba(252,255,253,.96)!important;box-shadow:0 14px 40px rgba(19,79,56,.10)!important}
.brand{gap:13px}
.brand-mark{
  width:52px!important;height:52px!important;border-radius:17px!important;padding:0!important;
  overflow:hidden!important;background:#fff!important;border:1px solid rgba(26,115,78,.18)!important;
  box-shadow:0 10px 28px rgba(18,93,63,.18)!important;display:grid!important;place-items:center!important
}
.brand-mark img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01)}
.brand-copy strong{color:#123126}.brand-copy small{color:#698178}
.main-nav a:hover,.link-button,.eyebrow,.future-badge{color:#16865e!important}
.btn{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.btn-primary{
  background:linear-gradient(135deg,#11724f,#2fbd80)!important;
  box-shadow:0 15px 32px rgba(20,137,92,.27)!important
}
.btn-primary:hover{box-shadow:0 20px 38px rgba(20,137,92,.34)!important}
.btn-glass,.search-panel,.bento-card,.panel,.smart-request,.metric-grid article,.ai-status-card,.control-box{
  border-color:rgba(181,216,193,.86)!important;box-shadow:var(--shadow-soft)!important
}
.bento-card,.panel,.smart-request,.metric-grid article,.search-panel{
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(242,251,245,.94))!important
}
.bento-card:hover,.panel:hover,.metric-grid article:hover{
  transform:translateY(-4px);box-shadow:var(--shadow)!important
}
.glow-a{background:rgba(79,205,143,.19)!important}.glow-b{background:rgba(215,178,76,.10)!important}
h1 span{background:linear-gradient(90deg,#0d6c4a,#34b77f,#af8a30)!important;-webkit-background-clip:text!important;color:transparent!important}
.hero-marquee{background:rgba(245,252,247,.80)!important}.marquee-track i{color:#2caf79!important}
.category-tabs{background:rgba(222,242,229,.92)!important;border:1px solid #c9e3d2}
.category-tabs button.active{background:#fff!important;color:#117451!important;box-shadow:0 9px 24px rgba(18,100,68,.12)}
.category-panel a{background:rgba(255,255,255,.94)!important;border-color:#cde4d5!important}
.category-panel a:hover{border-color:#5fc391!important;box-shadow:0 18px 45px rgba(22,112,76,.13)!important}
.ai-command,.company-hero,.autopilot-card{
  background:
    radial-gradient(circle at 78% 5%,rgba(84,215,153,.20),transparent 18rem),
    linear-gradient(145deg,#08291f,#0d4937 58%,#126346)!important;
  border-color:rgba(135,231,185,.22)!important;
  box-shadow:0 35px 90px rgba(8,66,45,.27)!important
}
.status-orb,.future-dot,.system-pill i{background:#45d99a!important}
.live-pill{color:#82efbd!important;border-color:rgba(118,238,181,.38)!important;background:rgba(76,204,143,.10)!important}
.ai-core{
  width:112px!important;height:112px!important;
  background:radial-gradient(circle,#eafff2 0,#6bdda9 39%,#17875f 72%,#0a4a36 100%)!important;
  border:1px solid rgba(214,255,235,.78);
  box-shadow:0 0 65px rgba(67,216,151,.50),inset 0 0 22px rgba(255,255,255,.46)!important;
  overflow:visible!important
}
.ai-core img{width:98px;height:98px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18));animation:aiBreathe 4.2s ease-in-out infinite}
.ai-core strong{position:absolute;bottom:-29px;font-size:10px;color:#d9ffeb;letter-spacing:.16em;white-space:nowrap}
.ai-neural-symbol{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(145deg,#eafff2,#b9f1d2);border:1px solid #a7e7c4;
  box-shadow:0 10px 25px rgba(18,115,77,.16);flex:0 0 auto
}
.ai-neural-symbol img{width:40px;height:40px;display:block}
.ai-bubble .ai-neural-symbol{width:30px;height:30px;border-radius:10px;display:inline-grid;vertical-align:middle;margin-right:6px}
.ai-bubble .ai-neural-symbol img{width:26px;height:26px}
@keyframes aiBreathe{0%,100%{transform:scale(.96) rotate(-1deg)}50%{transform:scale(1.045) rotate(1deg)}}
.orbit-ring{border-color:rgba(116,231,177,.25)!important}.orbit-node{color:#cbffe4!important;border-color:rgba(174,245,211,.18)!important}
.intelligence-input button,.chat-form button{background:linear-gradient(135deg,#137452,#39c78b)!important}
.ai-response,.analysis-result{background:rgba(84,208,146,.10)!important;border-color:rgba(74,190,132,.25)!important}
.app-shell{--app-bg:#edf8f1;background:var(--app-bg)!important}
.app-sidebar{background:rgba(250,255,251,.96)!important;border-color:#cfe4d5!important}
.app-sidebar nav a:hover,.app-sidebar nav a.active{background:#ddf3e5!important;color:#117451!important}
.system-pill,.match-score,.risk.green{background:#e0f7e9!important;color:#117451!important;border-color:#b9e8cc!important}
.smart-request textarea:focus,.chat-form input:focus,input:focus{
  border-color:#6dcc9c!important;box-shadow:0 0 0 4px rgba(79,195,139,.13)!important
}
.match-logo,.timeline article>span,.action-list button{background:#e1f3e7!important;color:#157653!important}
.chat-ai{background:#e8f7ed!important}.chat-user{background:#197b58!important}
.company-hero p{color:#c9eadb!important}
.rules-grid article{background:linear-gradient(155deg,#fff,#eff9f2);transition:.22s}
.rules-grid article:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.search-panel{max-width:850px;margin-left:auto;margin-right:auto;padding:34px!important;border-radius:28px!important}
input,textarea,select{accent-color:#16865e}
.search-hint{
  margin-top:9px;color:#6b8177;font-size:12px;display:flex;gap:8px;align-items:center
}
.search-hint strong{color:#16865e}
.page-transition-layer{
  position:fixed;inset:0;z-index:99999;pointer-events:none;opacity:0;
  background:radial-gradient(circle at center,rgba(121,225,171,.24),rgba(234,248,239,.96) 55%,#eaf6ee);
  transition:opacity .18s ease
}
body.page-leave .page-transition-layer{opacity:1}
body.page-enter{animation:pageEnter .42s cubic-bezier(.2,.75,.25,1) both}
@keyframes pageEnter{from{opacity:0;transform:translateY(7px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)!important}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* v9.4 Navigation – zusätzlicher Betriebszentrum-Link */
@media (min-width: 1101px) {
  .nav-wrap {
    gap: 18px !important;
  }

  .main-nav {
    gap: 18px !important;
  }

  .main-nav a {
    font-size: 12px !important;
    white-space: nowrap;
  }
}

/* Firmenzentrale – echte Firmendaten sauber darstellen */
.company-hero .company-live-data {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 20px !important;
}

.company-hero .company-live-data > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 13px 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.company-hero .company-live-data b {
  display: block !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  opacity: 0.75 !important;
}

.company-hero .company-live-data i {
  display: block !important;
  width: 100% !important;
  font-size: 0.9rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

/* Aktionszentrum – Leerzustand über volle Breite */
.action-list .empty-state {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 24px !important;
}

.action-list .empty-state > div {
  width: 100% !important;
}

.action-list .empty-state strong {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 1rem !important;
}

.action-list .empty-state small {
  display: block !important;
  max-width: 520px !important;
  line-height: 1.55 !important;
}

@media (max-width: 900px) {
  .company-hero .company-live-data {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .company-hero .company-live-data {
    grid-template-columns: 1fr !important;
  }
}

/* MicroMind – offizielles Logo im Header größer und sauber positioniert */
.app-header .brand,
header .brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 78px;
}

.app-header .brand-mark,
header .brand-mark {
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  margin: 0;
}

.app-header .brand-mark img,
header .brand-mark img {
  width: 76px !important;
  height: 76px !important;
  max-width: none !important;
  object-fit: contain;
  display: block;
  border-radius: 0;
  transform: translateY(1px);
}

.app-header .brand-copy,
header .brand-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.05;
  margin-left: 2px;
}

.app-header .brand-copy strong,
header .brand-copy strong {
  font-size: 24px;
  line-height: 1.05;
}

.app-header .brand-copy small,
header .brand-copy small {
  margin-top: 5px;
  font-size: 11px;
  letter-spacing: 0.09em;
}

@media (max-width: 900px) {
  .app-header .brand-mark,
  header .brand-mark {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
  }

  .app-header .brand-mark img,
  header .brand-mark img {
    width: 62px !important;
    height: 62px !important;
  }

  .app-header .brand-copy strong,
  header .brand-copy strong {
    font-size: 21px;
  }
}

@media (max-width: 600px) {
  .app-header .brand,
  header .brand {
    gap: 9px;
    min-height: 64px;
  }

  .app-header .brand-mark,
  header .brand-mark {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }

  .app-header .brand-mark img,
  header .brand-mark img {
    width: 54px !important;
    height: 54px !important;
  }
}

/* =========================================================
   MicroMind Header Logo – größer, besser platziert,
   Animation sichtbar durch Fokus auf das obere Emblem
   ========================================================= */

header .brand,
.app-header .brand {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 92px;
  text-decoration: none;
}

header .brand-mark,
.app-header .brand-mark {
  width: 92px;
  height: 92px;
  flex: 0 0 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 22px;
  margin: 0;
  background: radial-gradient(circle at center, rgba(255,255,255,.98) 0%, rgba(239,248,241,.96) 100%);
  box-shadow:
    0 10px 24px rgba(18, 84, 56, 0.10),
    0 2px 8px rgba(18, 84, 56, 0.08);
}

header .brand-mark img,
.app-header .brand-mark img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  display: block;
  object-fit: cover !important;
  object-position: 50% 6% !important;
  transform: scale(1.18);
  transform-origin: center top;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.08));
}

header .brand-copy,
.app-header .brand-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.05;
  margin-left: 2px;
}

header .brand-copy strong,
.app-header .brand-copy strong {
  font-size: 25px;
  line-height: 1.05;
  margin: 0;
}

header .brand-copy small,
.app-header .brand-copy small {
  margin-top: 6px;
  font-size: 11px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

header,
.app-header {
  min-height: 96px;
}

@media (max-width: 900px) {
  header .brand,
  .app-header .brand {
    gap: 12px;
    min-height: 78px;
  }

  header .brand-mark,
  .app-header .brand-mark {
    width: 76px;
    height: 76px;
    flex-basis: 76px;
    border-radius: 18px;
  }

  header .brand-copy strong,
  .app-header .brand-copy strong {
    font-size: 22px;
  }

  header .brand-copy small,
  .app-header .brand-copy small {
    font-size: 10px;
  }
}

@media (max-width: 600px) {
  header .brand,
  .app-header .brand {
    gap: 10px;
    min-height: 68px;
  }

  header .brand-mark,
  .app-header .brand-mark {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
    border-radius: 16px;
  }

  header .brand-mark img,
  .app-header .brand-mark img {
    object-position: 50% 4% !important;
    transform: scale(1.16);
  }

  header .brand-copy strong,
  .app-header .brand-copy strong {
    font-size: 19px;
  }

  header .brand-copy small,
  .app-header .brand-copy small {
    font-size: 9px;
    letter-spacing: 0.08em;
  }
}

/* MicroMind Header-Logo – deutlich größer und besser sichtbar */
header .brand,
.app-header .brand {
  gap: 18px !important;
  min-height: 112px !important;
}

header .brand-mark,
.app-header .brand-mark {
  width: 112px !important;
  height: 112px !important;
  flex: 0 0 112px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

header .brand-mark img,
.app-header .brand-mark img {
  width: 112px !important;
  height: 112px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 50% 4% !important;
  transform: scale(1.12) !important;
  transform-origin: center top !important;
  display: block !important;
}

header .brand-copy strong,
.app-header .brand-copy strong {
  font-size: 27px !important;
}

header .brand-copy small,
.app-header .brand-copy small {
  font-size: 12px !important;
  margin-top: 7px !important;
  letter-spacing: 0.08em !important;
}

header,
.app-header {
  min-height: 116px !important;
}

@media (max-width: 900px) {
  header .brand-mark,
  .app-header .brand-mark {
    width: 88px !important;
    height: 88px !important;
    flex-basis: 88px !important;
  }

  header .brand-mark img,
  .app-header .brand-mark img {
    width: 88px !important;
    height: 88px !important;
  }
}

@media (max-width: 600px) {
  header .brand-mark,
  .app-header .brand-mark {
    width: 70px !important;
    height: 70px !important;
    flex-basis: 70px !important;
  }

  header .brand-mark img,
  .app-header .brand-mark img {
    width: 70px !important;
    height: 70px !important;
  }

  header .brand-copy strong,
  .app-header .brand-copy strong {
    font-size: 20px !important;
  }
}

/* MicroMind finales Header-Logo */
header .brand,
.app-header .brand {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 104px !important;
}

header .brand-mark,
.app-header .brand-mark {
  width: 230px !important;
  height: 96px !important;
  flex: 0 0 230px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

header .brand-mark img,
.app-header .brand-mark img {
  width: 230px !important;
  height: 96px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 5px 10px rgba(12, 56, 40, 0.10));
}

header .brand-copy,
.app-header .brand-copy {
  display: none !important;
}

@media (max-width: 900px) {
  header .brand-mark,
  .app-header .brand-mark,
  header .brand-mark img,
  .app-header .brand-mark img {
    width: 195px !important;
    height: 82px !important;
    flex-basis: 195px !important;
  }
}

@media (max-width: 600px) {
  header .brand-mark,
  .app-header .brand-mark,
  header .brand-mark img,
  .app-header .brand-mark img {
    width: 160px !important;
    height: 70px !important;
    flex-basis: 160px !important;
  }
}

/* =========================================
   MicroMind Header – sauberes sichtbares Logo
   ========================================= */

header .brand,
.app-header .brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 108px !important;
  text-decoration: none !important;
}

header .brand-mark,
.app-header .brand-mark {
  width: 230px !important;
  height: 96px !important;
  flex: 0 0 230px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

header .brand-mark img,
.app-header .brand-mark img {
  width: 230px !important;
  height: 96px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 5px 12px rgba(9, 49, 36, 0.10));
}

/* Kein doppelter Text neben dem vollständigen Logo */
header .brand-copy,
.app-header .brand-copy {
  display: none !important;
}

header,
.app-header {
  min-height: 110px !important;
}

@media (max-width: 900px) {
  header .brand-mark,
  .app-header .brand-mark,
  header .brand-mark img,
  .app-header .brand-mark img {
    width: 195px !important;
    height: 82px !important;
    flex-basis: 195px !important;
  }
}

@media (max-width: 600px) {
  header .brand-mark,
  .app-header .brand-mark,
  header .brand-mark img,
  .app-header .brand-mark img {
    width: 160px !important;
    height: 68px !important;
    flex-basis: 160px !important;
  }
}

/* =========================================
   MicroMind – Premium Upgrade für Bereich Nr. 2
   ========================================= */

.mm-premium-ai-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(104,255,190,.18) 0%, rgba(104,255,190,0) 22%),
    radial-gradient(circle at 50% 50%, rgba(78,216,170,.09) 0%, rgba(78,216,170,0) 42%),
    linear-gradient(145deg, #02271f 0%, #063529 35%, #0b5944 100%) !important;
  border: 1px solid rgba(162,255,219,.13) !important;
  box-shadow:
    0 26px 60px rgba(3, 31, 24, 0.28),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.22) !important;
  backdrop-filter: blur(10px) !important;
}

.mm-premium-ai-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,0) 28%),
    linear-gradient(315deg, rgba(118,255,201,.08), rgba(118,255,201,0) 35%) !important;
  pointer-events: none !important;
}

.mm-premium-orbit {
  position: relative !important;
  padding-top: 8px !important;
  padding-bottom: 10px !important;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.15)) !important;
}

.mm-premium-pill {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(179,255,226,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
}

.mm-premium-live {
  background: linear-gradient(135deg, rgba(70, 237, 171, .18), rgba(70, 237, 171, .08)) !important;
  border: 1px solid rgba(142,255,213,.30) !important;
  border-radius: 999px !important;
  padding: 7px 14px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset !important;
}

.mm-premium-panel {
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(161,255,219,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.mm-premium-input-wrap {
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(169,255,223,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 20px rgba(0,0,0,.10) !important;
}

.mm-premium-input {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(159,255,219,.10) !important;
  color: #e8fff4 !important;
  border-radius: 16px !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.mm-premium-input::placeholder {
  color: rgba(227,255,242,.48) !important;
}

.mm-premium-input:focus {
  outline: none !important;
  border-color: rgba(115,255,194,.45) !important;
  box-shadow:
    0 0 0 4px rgba(78,231,174,.12),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.mm-premium-go {
  background: linear-gradient(135deg, #34d58f 0%, #1fa96c 100%) !important;
  border: 0 !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  min-width: 60px !important;
  min-height: 56px !important;
  box-shadow:
    0 12px 22px rgba(23, 153, 94, .30),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.mm-premium-go:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 16px 26px rgba(23, 153, 94, .34),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.mm-premium-ai-card * {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

@media (max-width: 900px) {
  .mm-premium-ai-card {
    border-radius: 26px !important;
  }
}

/* =========================================================
   MicroMind – interaktive Kacheln
   Hover / Klick / Fokus = hervorheben + 20% Zoom
   ========================================================= */

.mm-overflow-visible {
  overflow: visible !important;
}

.mm-hover-zoom-tile {
  position: relative !important;
  cursor: pointer !important;
  transform-origin: center center !important;
  transition:
    transform 0.24s cubic-bezier(.2,.8,.2,1),
    box-shadow 0.24s ease,
    border-color 0.24s ease,
    background 0.24s ease,
    filter 0.24s ease !important;
  will-change: transform !important;
  z-index: 1 !important;
}

.mm-hover-zoom-tile::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  border: 1px solid rgba(48, 102, 69, 0.14) !important;
  opacity: 0 !important;
  transition: opacity 0.24s ease !important;
  pointer-events: none !important;
}

.mm-hover-zoom-tile:hover,
.mm-hover-zoom-tile:focus-visible,
.mm-hover-zoom-tile.is-pressed {
  transform: scale(1.2) !important;   /* 20% Zoom */
  z-index: 25 !important;
  box-shadow:
    0 24px 55px rgba(31, 60, 42, 0.18),
    0 8px 20px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.55) !important;
  filter: saturate(1.05) brightness(1.02) !important;
}

.mm-hover-zoom-tile:hover::after,
.mm-hover-zoom-tile:focus-visible::after,
.mm-hover-zoom-tile.is-pressed::after {
  opacity: 1 !important;
}

.mm-hover-zoom-tile:focus-visible {
  outline: none !important;
}

.mm-hover-zoom-tile .mm-tile-glow {
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 0.24s ease !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(58, 113, 77, 0.10), rgba(58, 113, 77, 0.00) 55%),
    linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.00) 35%) !important;
}

.mm-hover-zoom-tile:hover .mm-tile-glow,
.mm-hover-zoom-tile:focus-visible .mm-tile-glow,
.mm-hover-zoom-tile.is-pressed .mm-tile-glow {
  opacity: 1 !important;
}

@media (max-width: 900px) {
  .mm-hover-zoom-tile:hover,
  .mm-hover-zoom-tile:focus-visible,
  .mm-hover-zoom-tile.is-pressed {
    transform: scale(1.12) !important;
  }
}

/* =========================================================
   Nr. 1 – Header-Logo hervorheben ohne Qualitätsverlust
   ========================================================= */

header .brand,
.app-header .brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 6px 14px 6px 8px !important;
  margin-left: 8px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.48)) !important;
  box-shadow:
    0 10px 24px rgba(20, 59, 42, 0.08),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
  border: 1px solid rgba(34, 82, 57, 0.08) !important;
}

header .brand-mark,
.app-header .brand-mark {
  width: 136px !important;
  height: auto !important;
  flex: 0 0 136px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

header .brand-mark img,
.app-header .brand-mark img {
  width: 136px !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  image-rendering: auto !important;
  filter:
    drop-shadow(0 10px 16px rgba(13, 50, 35, 0.12))
    drop-shadow(0 0 10px rgba(201,156,68,.14)) !important;
  transform: translateY(-1px) !important;
}

header .brand-copy,
.app-header .brand-copy {
  display: none !important;
}

/* =========================================================
   Nr. 2 – Headline kleiner und besser platzieren
   ========================================================= */

.mm-home-copy {
  max-width: 610px !important;
  padding-top: 16px !important;
}

.mm-home-headline {
  max-width: 560px !important;
  margin: 0 0 22px 0 !important;
  font-size: clamp(72px, 5.5vw, 104px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.04em !important;
}

.mm-home-lead {
  max-width: 560px !important;
  margin-top: 8px !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

.mm-home-actions {
  margin-top: 26px !important;
}

@media (max-width: 1100px) {
  header .brand-mark,
  .app-header .brand-mark,
  header .brand-mark img,
  .app-header .brand-mark img {
    width: 118px !important;
    flex-basis: 118px !important;
  }

  .mm-home-headline {
    font-size: clamp(58px, 5.6vw, 86px) !important;
    max-width: 500px !important;
  }

  .mm-home-lead {
    max-width: 500px !important;
    font-size: 17px !important;
  }
}

@media (max-width: 720px) {
  header .brand,
  .app-header .brand {
    padding: 4px 8px !important;
    margin-left: 0 !important;
  }

  header .brand-mark,
  .app-header .brand-mark,
  header .brand-mark img,
  .app-header .brand-mark img {
    width: 98px !important;
    flex-basis: 98px !important;
  }

  .mm-home-headline {
    font-size: clamp(44px, 10vw, 62px) !important;
    line-height: 0.95 !important;
    max-width: 100% !important;
  }

  .mm-home-lead {
    max-width: 100% !important;
    font-size: 16px !important;
  }
}