/* Über den Index: ruhiges, einheitliches Produktdesign */
.transparency-v3-hero {
  width: min(calc(100% - 48px), 1224px);
  min-height: 0;
  margin: 42px auto 0;
  padding: clamp(42px, 6vw, 74px);
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .7fr);
  gap: clamp(38px, 6vw, 76px);
  border: 1px solid #ffffff17;
  border-radius: 24px;
  background:
    radial-gradient(circle at 82% 22%, #e8332e1f, transparent 30%),
    linear-gradient(145deg, #151a1e, #0d0f12 72%);
  box-shadow: 0 28px 70px #0005;
}

.transparency-v3-hero h1 {
  max-width: 760px;
  font-size: clamp(46px, 5.7vw, 76px);
  line-height: .98;
}

.transparency-v3-hero h1 i { font-family: inherit; font-style: normal; }
.transparency-v3-hero > div > p:not(.eyebrow) { max-width: 680px; color: #aeb8bd; font-size: 16px; }
.transparency-v3-hero aside {
  min-height: 300px;
  border-color: #ffffff1c;
  border-radius: 18px;
  background: linear-gradient(150deg, #20282d, #11161a 72%);
  box-shadow: none;
}
.transparency-v3-hero aside .license-plate.hero { width: auto; max-width: 100%; }

.transparency-v3-cta { align-items: center; gap: 14px; }
.transparency-v3-cta a,
.transparency-v3-final a {
  min-height: 46px;
  border-radius: 10px;
  padding: 12px 17px;
  background: #e8332e;
  color: #fff;
}

.transparency-nav {
  position: sticky;
  z-index: 8;
  top: 72px;
  width: min(calc(100% - 48px), 1224px);
  margin: 14px auto 0;
  padding: 7px;
  gap: 3px;
  border: 1px solid #ffffff17;
  border-radius: 14px;
  background: #101317ed;
  box-shadow: 0 12px 30px #0004;
  backdrop-filter: blur(18px);
}
.transparency-nav a {
  min-height: 38px;
  border: 0;
  border-radius: 8px;
  padding: 10px 13px;
  color: #9ea8ad;
  font-size: 11px;
  font-weight: 750;
}
.transparency-nav a:hover { background: #ffffff0b; color: #fff; }

.transparency-v3-trust,
.index-model-dashboard,
.transparency-v3-section,
.transparency-v3-community,
.transparency-v3-final {
  width: min(calc(100% - 48px), 1224px);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.transparency-v3-trust {
  margin-top: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.transparency-v3-trust article {
  min-height: 126px;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  background: #111519;
  padding: 22px;
}
.transparency-v3-trust article b { font-size: 13px; }
.transparency-v3-trust article span { margin-top: 8px; color: #8f9ba1; font-size: 11px; line-height: 1.6; }

.index-model-dashboard {
  margin-top: 54px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid #ffffff17;
  border-radius: 18px;
  background: #111519;
}
.index-model-dashboard article {
  min-height: 154px;
  border: 0;
  border-right: 1px solid #ffffff12;
  background: transparent;
  padding: 27px;
}
.index-model-dashboard article:last-child { border-right: 0; }
.index-model-dashboard strong { color: #fff; font-size: clamp(30px, 4vw, 46px); }
.index-model-dashboard span { margin-top: 9px; color: #e8ecee; font-size: 12px; }
.index-model-dashboard small { margin-top: 5px; color: #7e898f; font-size: 10px; }

.transparency-v3-section { padding: 76px 0; border-bottom: 1px solid #ffffff10; }
.transparency-v3-heading { max-width: 760px; margin-bottom: 30px; }
.transparency-v3-heading h2 {
  margin: 7px 0 12px;
  color: #f3f5f6;
  font-size: clamp(31px, 4vw, 48px);
  letter-spacing: -.05em;
  line-height: 1.04;
}
.transparency-v3-heading > p:not(.section-label) { color: #97a3a9; font-size: 14px; line-height: 1.7; }

.model-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.model-steps article,
.model-signals article,
.transparency-v3-cases article,
.index-value-spectrum article,
.data-limits article {
  border-color: #ffffff16;
  border-radius: 14px;
  background: #11171b;
}
.model-steps article { min-height: 210px; padding: 23px; }
.model-steps b { color: #ff5b55; font-size: 20px; }
.model-steps h3 { margin-top: 24px; font-size: 15px; }
.model-steps p { color: #96a2a8; font-size: 11px; }
.model-steps article:after { right: 23px; bottom: 20px; left: 23px; height: 2px; }
.model-flow {
  margin-top: 10px;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  background: #0e1215;
  padding: 15px 18px;
}

.model-signals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.model-signals article { padding: 20px; }
.model-signals article > b { border-color: #ffffff29; border-radius: 8px; color: #ff5b55; }
.model-signals p { color: #929fa5; }
.index-signal-meter { background: #ffffff0c; }
.signal-note {
  margin-top: 10px;
  border: 1px solid #ffffff14;
  border-left: 3px solid #e8332e;
  border-radius: 12px;
  background: #111519;
  padding: 20px;
}

.transparency-v3-cases { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.transparency-v3-cases article { min-height: 248px; padding: 20px; }
.transparency-v3-cases article:after { display: none; }
.transparency-v3-cases .license-plate.card { width: auto; max-width: 100%; font-size: clamp(16px, 1.55vw, 21px); }

.index-value-spectrum { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-top: 0; }
.index-value-spectrum:before { display: none; }
.index-value-spectrum article { min-height: 154px; border-left: 3px solid #657177; padding: 22px; }
.index-value-spectrum article:nth-child(2) { border-left-color: #a66b42; }
.index-value-spectrum article:nth-child(3) { border-left-color: #d7dde0; }
.index-value-spectrum article:nth-child(4) { border-left-color: #d7aa32; }
.index-value-spectrum article:nth-child(5) { border-left-color: #d9e1e4; }
.index-value-spectrum article:nth-child(6) { border-left-color: #ef433d; }
.index-value-spectrum article:last-child { background: #151719; }
.index-value-spectrum b { margin-top: 12px; }

.data-limits { padding-top: 76px; }
.data-limits > div:last-of-type { gap: 10px; }
.data-limits article { padding: 25px; }
.data-limits article:last-child { border-left-width: 3px; }

.transparency-v3-community {
  margin-top: 18px;
  padding: clamp(30px, 5vw, 52px);
  grid-template-columns: minmax(0, 1fr) minmax(300px, .7fr);
  gap: 50px;
  border: 1px solid #ffffff16;
  border-radius: 18px;
  background: linear-gradient(145deg, #151a1e, #101316);
}
.transparency-v3-community h2 { font-size: clamp(28px, 4vw, 44px); }
.transparency-v3-community ol { border-color: #ffffff12; border-radius: 12px; background: #0d1114; }
.transparency-v3-community li { border-color: #ffffff10; }

.faq-section details {
  border-color: #ffffff14;
  background: #111519;
}
.faq-section details:first-of-type { border-radius: 14px 14px 0 0; }
.faq-section details:last-of-type { border-radius: 0 0 14px 14px; }
.faq-section summary { min-height: 58px; padding: 18px 20px; font-size: 13px; }
.faq-section details p { color: #96a2a8; padding: 0 20px 20px; }

.transparency-v3-final {
  margin-top: 18px;
  margin-bottom: 88px;
  border: 1px solid #ffffff17;
  border-radius: 20px;
  background: radial-gradient(circle at 50% 0, #e8332e1e, transparent 46%), #111519;
  padding: clamp(42px, 7vw, 76px) 24px;
}
.transparency-v3-final h2 { max-width: 690px; margin-left: auto; margin-right: auto; }

@media (max-width: 900px) {
  .transparency-v3-hero { grid-template-columns: 1fr; }
  .transparency-v3-hero aside { min-height: 260px; }
  .transparency-nav { top: 64px; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; }
  .transparency-nav::-webkit-scrollbar { display: none; }
  .transparency-nav a { flex: 0 0 auto; }
  .transparency-v3-trust { grid-template-columns: 1fr; }
  .transparency-v3-trust article { min-height: 0; }
  .index-model-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .index-model-dashboard article:nth-child(2) { border-right: 0; }
  .index-model-dashboard article:nth-child(-n+2) { border-bottom: 1px solid #ffffff12; }
  .model-steps,
  .transparency-v3-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .transparency-v3-community { grid-template-columns: 1fr; gap: 26px; }
}

@media (max-width: 620px) {
  .transparency-v3-hero,
  .transparency-nav,
  .transparency-v3-trust,
  .index-model-dashboard,
  .transparency-v3-section,
  .transparency-v3-community,
  .transparency-v3-final { width: calc(100% - 32px); }
  .transparency-v3-hero { margin-top: 20px; padding: 32px 20px 22px; border-radius: 18px; }
  .transparency-v3-hero h1 { font-size: clamp(39px, 12.5vw, 52px); }
  .transparency-v3-hero > div > p:not(.eyebrow) { margin: 18px 0; font-size: 14px; }
  .transparency-v3-cta { align-items: stretch; }
  .transparency-v3-cta a { text-align: center; }
  .transparency-v3-hero aside { min-height: 220px; padding: 36px 16px 22px; }
  .transparency-v3-hero aside .license-plate.hero { font-size: clamp(36px, 12vw, 50px); }
  .transparency-nav { margin-top: 10px; }
  .index-model-dashboard { margin-top: 38px; }
  .index-model-dashboard article { min-height: 126px; padding: 20px; }
  .transparency-v3-section { padding: 54px 0; }
  .transparency-v3-heading { margin-bottom: 22px; }
  .transparency-v3-heading h2 { font-size: clamp(29px, 9vw, 39px); }
  .model-steps,
  .model-signals,
  .transparency-v3-cases,
  .index-value-spectrum,
  .data-limits > div:last-of-type { grid-template-columns: 1fr; }
  .model-steps article { min-height: 178px; }
  .model-flow { display: grid; grid-template-columns: 1fr; gap: 7px; overflow: visible; }
  .model-flow span { width: 100%; text-align: center; }
  .model-flow i { justify-self: center; transform: rotate(90deg); }
  .model-signals article { grid-template-columns: 32px minmax(0, 1fr) auto; }
  .transparency-v3-cases article { min-height: 0; }
  .transparency-v3-cases .license-plate.card { font-size: clamp(18px, 6vw, 24px); }
  .index-value-spectrum article { min-height: 0; }
  .transparency-v3-community { padding: 26px 20px; }
  .transparency-v3-final { margin-bottom: 64px; padding: 44px 20px; }
}