/* SkyXTalente – Handbuch (Lead-Magnet) */
.hb-hero{position:relative;overflow:hidden;color:#fff;padding:calc(var(--header-h) + 24px) 0 90px;
  background:radial-gradient(70% 55% at 6% 0%,rgba(194,242,0,.16) 0%,rgba(194,242,0,.04) 42%,transparent 70%),radial-gradient(55% 45% at 88% 6%,rgba(194,242,0,.08) 0%,transparent 70%),linear-gradient(180deg,#161616 0%,#0e0e0e 55%,#070707 100%)}
.hb-hero > .container{position:relative;z-index:1}
.hb-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:start}
.hb-hero .loc-title{font-size:clamp(34px,4.3vw,60px)}
.hb-visual-wrap{position:relative;margin-top:26px;border-radius:22px;overflow:hidden;background:#f6f6f6;box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
.hb-visual-wrap img{display:block;width:100%;height:auto;animation:floatY 8s 1.2s ease-in-out infinite}
@keyframes floatY{0%,100%{translate:0 0}50%{translate:0 -8px}}
.hb-free-badge{position:absolute;right:18px;top:18px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#c2f200;color:#0b0b0b;font:800 15px/1.1 var(--head);text-transform:uppercase;box-shadow:0 0 0 6px rgba(194,242,0,.25);transform:rotate(-10deg);animation:spinBadge 12s linear infinite}
@keyframes spinBadge{0%,100%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(-4deg) scale(1.05)}}
.hb-form-col{position:sticky;top:96px}
.hb-form{padding:30px 30px 26px}
.hb-form-kicker{font:700 12.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#5f7a00;margin-bottom:10px}
.hb-form-title{font:800 clamp(21px,2vw,26px)/1.15 var(--head);text-transform:uppercase;margin-bottom:22px;color:#0b0b0b}
.hb-submit{width:100%;justify-content:space-between;height:56px;margin-top:6px}
.hb-done{padding:34px 30px;text-align:center;color:#0b0b0b}
.hb-done > p{color:#444;font-size:15.5px;line-height:1.5;margin-bottom:22px}
.hb-next{background:#f6f6f6;border-radius:16px;padding:20px;display:grid;gap:14px;justify-items:center}
.hb-next p{font-size:14.5px;color:#333}
.chapter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1080px;margin:0 auto}
.chapter-list li{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:20px;background:#f6f6f6;transition:transform .35s var(--ease),background .35s}
.chapter-list li:hover{transform:translateY(-4px);background:#f4f8e4}
.ch-no{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#0b0b0b;color:#c2f200;font:800 20px/1 var(--head)}
.chapter-list h3{font:800 17px/1.25 var(--head);text-transform:uppercase;margin-bottom:8px}
.chapter-list p{font-size:15px;line-height:1.5;color:#333}
.ch-bonus{background:#0b0b0b!important;color:#fff}
.ch-bonus .ch-no{background:#c2f200;color:#0b0b0b}
.ch-bonus p{color:#d6d6d6}
.hb-mid-cta{margin-top:44px}
.hb-author-wrap{max-width:900px}
.hb-author{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;align-items:center;background:#f6f6f6;border-radius:24px;padding:26px}
.hb-author img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 15%;border-radius:18px;box-shadow:0 0 0 4px #c2f200}
.hb-author-name{font:800 26px/1.1 var(--head);text-transform:uppercase;margin:4px 0 12px}
.hb-author p:not(.team-role){font-size:15.5px;line-height:1.55;color:#333;margin-bottom:12px}

@media (max-width:980px){
  .hb-hero-grid{grid-template-columns:minmax(0,1fr)}
  .hb-form-col{position:static}
  .chapter-list{grid-template-columns:1fr}
}
@media (max-width:720px){
  .hb-form{padding:24px 18px 20px}
  .hb-free-badge{width:74px;height:74px;font-size:12px;right:10px;top:10px}
  .hb-author{grid-template-columns:1fr;text-align:left}
  .hb-author img{width:140px}
  .chapter-list li{padding:20px 18px;gap:14px}
  .ch-no{width:44px;height:44px;font-size:17px}
}
.hb-dl{margin:0 auto 22px}