/* New homepage: daylight at the window. Keep form, dialog and Classic styles scoped out. */
#home .window-hero {
  background: linear-gradient(90deg, #f9f8f3 24%, #f9f8f3fa 33%, #f9f8f3e8 41%, #f9f8f30a 55%, transparent 74%) center / cover no-repeat,
              #f9f8f3 url("/assets/blog/eigenheim-privatkredit-zinsen-1600.webp") right 39% / max(80%, 990px) auto no-repeat;
}
.window-hero .wrap, #daria .wrap { max-width: 1300px; padding-inline: clamp(20px, 4vw, 60px); }
.window-hero .capacity-hero {
  grid-template-columns: minmax(0, 1.2fr) minmax(310px, .74fr);
  gap: clamp(56px, 8vw, 150px); align-items: center; padding-block: 48px;
}
.window-hero .hero-copy { max-width: 550px; }
.window-hero .hero-rating {
  border: 1px solid #d8dfd4; border-radius: 24px; background: #fffffff2; padding: 6px 10px; margin: 0 0 22px;
}
.window-hero .eyebrow, #daria .eyebrow {
  color: #176727; font-size: 12px; margin: 0; letter-spacing: .1em; line-height: 1.55;
}
.window-hero .eyebrow::before, #daria .eyebrow::before { display: none; }
.window-hero .hero-copy h1, #daria h2 {
  letter-spacing: -.05em; line-height: 1.055; font-weight: 620; text-wrap: balance;
}
.window-hero .hero-copy h1 { font-size: clamp(40px, 4vw, 60px); margin: 10px 0 15px; }
.window-hero .hero-copy > p { max-width: 43ch; margin: 0; font-size: 17px; line-height: 1.57; color: #394859; }
.window-hero .capacity-start { margin-top: 12px; }
.window-hero #hero-apply { background: var(--bc-primary); color: white; border-color: var(--bc-primary); }
.window-hero #hero-apply img { filter: brightness(0) invert(1); }
.window-hero .landing-calculator { box-shadow: 0 15px 42px #2639261c; }
#daria { background: #fff; margin: 0; padding: clamp(40px, 5vw, 72px) 0; }
#daria .daria-intro {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(28px,5vw,76px); align-items: center;
}
#daria h2 { font-size: clamp(34px,3.4vw,48px); color: var(--bc-ink); margin: 12px 0 18px; }
#daria h3 { font-weight: 620; margin: 0 0 8px; font-size: clamp(17px,1.4vw,20px); }
#daria .daria-copy > p:not(.fine) { font-size: 17px; line-height: 1.57; color: #45566a; margin: 0; max-width: 54ch; }
#daria .actions { margin: 20px 0 13px; }
#daria .hero-trust { display: flex; flex-wrap: wrap; gap: 5px 14px; }
#daria .fine { margin: 12px 0 0; max-width: 55ch; }
#daria .daria-stage {
  position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: center;
  flex-direction: column; min-height: 310px; padding: 16px 24px 28px; border: 1px solid #dfe6e4; border-radius: 22px;
  background: linear-gradient(110deg,#f7faf6cf,#f7faf6bd 50%,#f7faf6a6),
              #f6f8f8 url("/assets/blog/kreditzins-bonitaet-800.webp") center 55% / cover;
}
#daria .daria-stage::before, #daria .daria-stage::after {
  content: ""; position: absolute; z-index: -1; width: 100%; height: 138%; border: 1px solid #fff9;
  border-radius: 48% 50% 45% 47%; transform: rotate(-25deg) translateY(-4%); pointer-events: none;
}
#daria .daria-stage::after { width: 88%; transform: rotate(28deg) translateY(-3%); }
#daria .daria-orb { width: 195px; height: 195px; flex: none; }
#daria .daria-greeting {
  position: relative; max-width: 340px; text-align: center; background: white; border: 1px solid #dfe8e2;
  box-shadow: 0 3px 17px #203a2b08; border-radius: 16px 16px 16px 4px; padding: 17px 20px 15px; margin-top: -26px;
}
#daria .daria-greeting p:first-child { color: var(--bc-ink); margin: 0; font-size: 20px; font-weight: 560; letter-spacing: -.03em; line-height: 1.28; text-wrap: balance; }
#daria .daria-greeting p:last-child { font-size: 12px; color: #45566a; line-height: 1.5; margin: 9px 0 0; }
@media (min-width: 791px) and (max-width: 1050px) {
  .window-hero .capacity-hero { gap: 34px; }
  #home .window-hero { background-position: center, calc(100% + 60px) 39%; }
}
@media (max-width: 790px) {
  #home .window-hero { background: linear-gradient(#f8f7f2 26%, white); }
  .window-hero .wrap, #daria .wrap { padding-inline: clamp(16px, 4vw, 24px); max-width: 660px; }
  .window-hero .capacity-hero { grid-template-columns: minmax(0,1fr); gap: 26px; padding-block: 22px 34px; }
  .window-hero .hero-copy { max-width: none; }
  .window-hero .hero-copy::before {
    content: ""; display: block; flex: none; order: -4; width: 100%; height: clamp(135px, 32vw, 195px);
    border-radius: 4px 35px 4px 4px; margin-bottom: 17px;
    background: #f1f3e9 url("/assets/blog/eigenheim-privatkredit-zinsen-800.webp") center 42% / cover;
  }
  .window-hero .hero-copy h1 { font-size: clamp(34px, 6.4vw, 46px); margin: 10px 0 14px; }
  .window-hero .hero-copy > p { font-size: 15px; max-width: none; }
  .window-hero .hero-rating { margin-bottom: 12px; }
  #daria .daria-intro { grid-template-columns: minmax(0,1fr); gap: 0; }
  #daria .daria-copy { display: contents; }
  #daria h2 { order: 1; margin: 8px 0 18px; font-size: clamp(31px,7vw,40px); }
  #daria h3 { order: 2; }
  #daria .daria-copy > p:not(.fine) { order: 3; font-size: 15px; }
  #daria .daria-stage { order: 4; margin: 20px 0 0; min-height: 230px; }
  #daria .actions { order: 5; }
  #daria .hero-trust { order: 6; }
  #daria .fine { order: 7; }
}