.tw-klima-card { display: block; position: relative; border-radius: 0.75rem; overflow: hidden; text-decoration: none; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); transition: box-shadow .3s ease, transform .3s ease; }
                  .tw-klima-card:hover { box-shadow: 0 18px 36px -10px rgba(15, 40, 70, 0.4); transform: translateY(-3px); }
                  .tw-klima-banner { position: relative; min-height: 240px; }
                  .tw-klima-stripes { position: absolute; inset: 0; background: linear-gradient(to right, #08306b 0 7.14%, #08519c 7.14% 14.29%, #2171b5 14.29% 21.43%, #4292c6 21.43% 28.57%, #6baed6 28.57% 35.71%, #9ecae1 35.71% 42.86%, #d6e6f2 42.86% 50%, #fee0d2 50% 57.14%, #fcbba1 57.14% 64.29%, #fc9272 64.29% 71.43%, #fb6a4a 71.43% 78.57%, #ef3b2c 78.57% 85.71%, #cb181d 85.71% 92.86%, #99000d 92.86% 100%); transition: transform .6s cubic-bezier(.2,.7,.2,1); }
                  .tw-klima-card:hover .tw-klima-stripes { transform: scale(1.04); }
                  .tw-klima-shade { position: absolute; inset: 0; background: linear-gradient(102deg, rgba(7,18,38,0.88) 0%, rgba(7,18,38,0.66) 34%, rgba(7,18,38,0.22) 60%, rgba(7,18,38,0) 82%); }
                  .tw-klima-mountains { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; display: block; }
                  .tw-klima-content { position: relative; z-index: 2; padding: 26px 30px 28px; max-width: 640px; color: #fff; }
                  .tw-klima-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #d6e6f2; margin: 0 0 12px; }
                  .tw-klima-eyebrow .tw-klima-dot { width: 7px; height: 7px; border-radius: 999px; background: #fb6a4a; box-shadow: 0 0 0 4px rgba(251,106,74,0.25); }
                  .tw-klima-title { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 400; font-size: clamp(30px, 5vw, 44px); line-height: 1.04; margin: 0 0 10px; color: #fff; text-shadow: 0 2px 18px rgba(0,0,0,0.28); }
                  .tw-klima-sub { font-size: 15.5px; line-height: 1.5; color: #eaf1f8; opacity: 0.92; margin: 0 0 18px; max-width: 440px; }
                  .tw-klima-cta { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; font-size: 14.5px; font-weight: 700; background: rgba(255,255,255,0.95); color: #0f2846; padding: 10px 18px; border-radius: 999px; transition: background .2s ease, gap .2s ease; }
                  .tw-klima-card:hover .tw-klima-cta { background: #fff; gap: 13px; }
                  .tw-klima-cta svg { width: 16px; height: 16px; transition: transform .2s ease; }
                  .tw-klima-card:hover .tw-klima-cta svg { transform: translateX(3px); }
                  @media (max-width: 520px) {
                    .tw-klima-banner { min-height: 264px; }
                    .tw-klima-content { padding: 22px 20px 24px; max-width: 100%; }
                    .tw-klima-title { font-size: 28px; }
                    .tw-klima-sub { font-size: 14.5px; max-width: 100%; }
                    .tw-klima-shade { background: linear-gradient(168deg, rgba(7,18,38,0.88) 0%, rgba(7,18,38,0.62) 50%, rgba(7,18,38,0.34) 100%); }
                  }