.ti-chart2-name-link,.bento-branche-link,.ti-chart2-sub-name-link,.ti-chart3-sub-row-name-link,.halfdonut-prog-link{text-decoration:underline!important;text-decoration-color:var(--text-3)!important;text-underline-offset:3px!important;text-decoration-thickness:1px!important}.ti-chart2-name-link:hover,.ti-chart2-name-link:hover *,.bento-branche-link:hover,.bento-branche-link:hover *,.ti-chart2-sub-name-link:hover,.ti-chart2-sub-name-link:hover *,.ti-chart3-sub-row-name-link:hover,.ti-chart3-sub-row-name-link:hover *,.halfdonut-prog-link:hover,.halfdonut-prog-link:hover *{color:var(--primary)!important}.ti-chart2-name-link:hover,.bento-branche-link:hover,.ti-chart2-sub-name-link:hover,.ti-chart3-sub-row-name-link:hover,.halfdonut-prog-link:hover{text-decoration-color:var(--primary)!important}.halfdonut-prog-link:hover::before{color:var(--primary)!important}.ti-chart2-sub-arrow,.ti-chart3-sub-row-arrow,.halfdonut-prog-arrow{display:none!important}.ti-chart2-name-link::after,.bento-branche-link::after,.ti-chart2-sub-name-link::after,.ti-chart3-sub-row-name-link::after,.halfdonut-prog-link::after{content:""!important;display:inline-block;width:.82em;height:.82em;margin-left:5px;vertical-align:-.12em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'/%3E%3Cpath%20d='M7%2017%2017%207'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'/%3E%3Cpath%20d='M7%2017%2017%207'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .15s ease}.ti-chart2-name-link:hover::after,.bento-branche-link:hover::after,.ti-chart2-sub-name-link:hover::after,.ti-chart3-sub-row-name-link:hover::after,.halfdonut-prog-link:hover::after{transform:translate(2px,-2px)}.bento-branche-link::after{font-size:13px!important;margin-left:5px!important}
.ti-chart2-sub-name-link,.ti-chart3-sub-row-name-link,.hrange-prog-label,.vbar-prog-label{text-decoration:none!important;pointer-events:none!important;cursor:default!important}.ti-chart2-sub-name-link,.ti-chart3-sub-row-name-link{color:inherit!important}.ti-chart2-sub-name-link::after,.ti-chart3-sub-row-name-link::after,.hrange-prog-label::after,.vbar-prog-label::after{display:none!important}
.btn-primary::after{content:"";display:inline-block;width:13px;height:13px;margin-left:6px;vertical-align:-1px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m9%2018%206-6-6-6'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m9%2018%206-6-6-6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover::after{transform:translateX(3px)}
.nav-dropdown-item-arrow,.mobile-menu-accordion-items-arrow{font-size:0!important}.nav-dropdown-item-arrow::after,.mobile-menu-accordion-items-arrow::after{content:"";display:inline-block;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'/%3E%3Cpath%20d='M7%2017%2017%207'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'/%3E%3Cpath%20d='M7%2017%2017%207'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.nav-dropdown-item:hover .nav-dropdown-item-arrow::after{transform:translate(2px,-2px)}
.ti-im-content-arrow{font-size:0!important}.ti-im-content-arrow::after{content:"";display:inline-block;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'/%3E%3Cpath%20d='M7%2017%2017%207'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'/%3E%3Cpath%20d='M7%2017%2017%207'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
/* HERO V2 — Desktop only. Mobile: base .hero CSS greift 1:1. */
.hero-v2-right { display: none; }

@media (min-width: 1024px) {
  .hero.hero-v2 {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    grid-template-areas:
      "eyebrow eyebrow"
      "h1      wall"
      "p       wall"
      "cta     wall"
      "stats   wall"
      "fact    wall";
    column-gap: 64px;
    row-gap: 0;
    align-items: stretch;
    padding: 24px 40px 40px;
    max-width: 1400px;
    text-align: center;
  }
  .hero.hero-v2 > .hero-eyebrow {
    grid-area: eyebrow;
    justify-self: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    margin: 0 auto 24px;
  }
  .hero.hero-v2 > h1 {
    grid-area: h1;
    justify-self: center;
    text-align: center;
    margin: 0 0 20px;
    max-width: 620px;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.15;
  }
  .hero.hero-v2 > p {
    grid-area: p;
    justify-self: center;
    text-align: center;
    max-width: 560px;
    margin: 0 0 28px;
    font-size: 15px;
  }
  .hero.hero-v2 > .hero-cta-row {
    grid-area: cta;
    justify-self: center;
    justify-content: center;
    margin: 0 0 40px;
  }
  .hero.hero-v2 > .stats {
    grid-area: stats;
    justify-self: center;
    max-width: 620px;
    width: 100%;
    margin: 0 0 24px;
  }
  .hero.hero-v2 > .stats .stat {
    text-align: center;
  }
  .hero.hero-v2 > .stats .stat-num {
    font-size: clamp(28px, 2.5vw, 36px);
  }
  .hero.hero-v2 > .hero-fact {
    grid-area: fact;
    justify-self: center;
    width: 100%;
    max-width: 620px;
    margin: 0;
    padding: 20px 18px;
  }
  .hero.hero-v2 > .hero-fact .hero-fact-text {
    font-size: 13px;
    line-height: 1.55;
  }
  .hero.hero-v2 > .hero-v2-right {
    grid-area: wall;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: linear-gradient(135deg, rgba(139,92,246,0.03), rgba(16,185,129,0.02));
    height: 100%;
    min-height: 0;
    min-width: 0;
  }
}

.hero-v2-right::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 25%, var(--bg) 85%);
  pointer-events: none;
  z-index: 5;
}
html[data-theme="dark"] .hero-v2-right::before {
  background: radial-gradient(ellipse at center, transparent 25%, #0a0a0b 85%);
}

.hero-mq-diagonal {
  position: absolute;
  inset: -100px -100px;
  transform: rotate(-14deg);
}
.hero-mq-row {
  display: flex;
  gap: 16px;
  white-space: nowrap;
  will-change: transform;
  margin-bottom: 16px;
}
.hero-mq-row-a { animation: hero-mq-scroll-left  60s linear infinite; }
.hero-mq-row-b { animation: hero-mq-scroll-right 55s linear infinite; }
.hero-mq-row-c { animation: hero-mq-scroll-left  65s linear infinite; }
.hero-mq-row-d { animation: hero-mq-scroll-right 58s linear infinite; }
.hero-mq-row-e { animation: hero-mq-scroll-left  62s linear infinite; }

@keyframes hero-mq-scroll-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes hero-mq-scroll-right {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

.hero-bento {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  width: 280px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 16px 18px;
  color: inherit;
  white-space: normal;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  text-align: left;
  cursor: default;
  user-select: none;
}
.hero-bento::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);
  opacity: 0.4;
  pointer-events: none;
}
.hero-bento-company {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px;
  color: var(--text-3);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: left;
}
.hero-bento-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.hero-bento-meta {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  color: var(--text-2);
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
  text-align: left;
}
.hero-bento-sep { color: var(--text-3); opacity: 0.5; }
.hero-bento-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.hero-bento-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.hero-bento-pill .pill-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  display: inline-block;
  flex-shrink: 0;
}
.hero-bento-pill.pill-green {
  background: var(--accent-bg);
  color: var(--accent);
}
.hero-bento-pill.pill-closed {
  background: var(--closed-bg);
  color: var(--closed);
}
.hero-bento-gehalt {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight:400;
  color: var(--text-2);
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .hero-mq-row { animation: none !important; }
}

/* MOBILE-HERO-WALL-v306 */
@media (max-width: 1023px) {
  .hero.hero-v2 { display: flex; flex-direction: column; align-items: center; padding: 12px 20px 32px; gap: 0; }
  .hero.hero-v2 > .hero-eyebrow    { order: 1; margin: 0 auto 18px; }
  .hero.hero-v2 > .hero-v2-right   { order: 2; margin: 0 -20px 20px; }
  .hero.hero-v2 > h1               { order: 3; }
  .hero.hero-v2 > p                { order: 4; }
  .hero.hero-v2 > .hero-cta-row    { order: 5; }
  .hero.hero-v2 > .stats           { order: 6; }
  .hero.hero-v2 > .hero-fact       { order: 7; }
  .hero.hero-v2 > .hero-v2-right { display: block; grid-area: auto; position: relative; width: calc(100% + 40px); max-width: none; height: 180px; border: none; border-radius: 0; background: transparent; overflow: hidden; justify-self: auto; }
  .hero.hero-v2 > .hero-v2-right::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 0%, transparent 55%, var(--bg) 100%); pointer-events: none; z-index: 5; }
  html[data-theme="dark"] .hero.hero-v2 > .hero-v2-right::before { background: linear-gradient(180deg, transparent 0%, transparent 55%, #0a0a0b 100%); }
  .hero-v2-right .hero-mq-diagonal { inset: -40px -40px; transform: rotate(-8deg); }
  .hero-v2-right .hero-mq-row { gap: 8px; margin-bottom: 8px; }
  .hero-v2-right .hero-bento { width: 170px; padding: 9px 11px; gap: 4px; border-radius: 8px; }
  .hero-v2-right .hero-bento-company { font-size: 8px; }
  .hero-v2-right .hero-bento-name    { font-size: 11px; line-height: 1.25; }
  .hero-v2-right .hero-bento-meta    { font-size: 9px; gap: 3px; }
  .hero-v2-right .hero-bento-bottom  { gap: 5px; margin-top: 2px; }
  .hero-v2-right .hero-bento-pill    { padding: 2px 7px; font-size: 9px; gap: 4px; }
  .hero-v2-right .hero-bento-pill .pill-dot { width: 4px; height: 4px; }
  .hero-v2-right .hero-bento-gehalt  { font-size: 9px; }
  .hero-v2-right .hero-mq-row-a { animation-duration: 45s; }
  .hero-v2-right .hero-mq-row-b { animation-duration: 40s; }
  .hero-v2-right .hero-mq-row-c { animation-duration: 48s; }
  .hero-v2-right .hero-mq-row-d { animation-duration: 42s; }
  .hero-v2-right .hero-mq-row-e { animation-duration: 46s; }
}