/* Astra-friendly base */
.lb2b-landing * { box-sizing: border-box; }
.lb2b-landing { --lb2b-bg:#0a1124; --lb2b-accent:#f7b731; --lb2b-text:#1a2a4a; --lb2b-ok:#108a00; --lb2b-bad:#c62828; }

.lb2b-landing section { padding: clamp(48px, 8vw, 96px) 16px; }
.lb2b-landing h1, .lb2b-landing h2 { color: var(--lb2b-text); margin: 0 0 16px; line-height: 1.15; }
.lb2b-landing p { margin: 0 0 12px; }
.lb2b-landing .container { max-width: 1100px; margin: 0 auto; }

/* Hero */
.lb2b-hero {
  background: linear-gradient(0deg, rgba(10,17,36,.75), rgba(10,17,36,.75)), url('../images/exit-sign.jpg') center/cover no-repeat;
  color: white;
  text-align: center;
}
.lb2b-hero h1 { color: #fff; font-size: clamp(28px, 4.2vw, 46px); }
.lb2b-hero p  { color: #e6f0ff; font-size: clamp(16px, 2.2vw, 20px); }

.lb2b-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; padding: 14px 22px; border-radius: 999px; border: 0; background: var(--lb2b-accent); color: #111; cursor: pointer; font-weight: 700; }
.lb2b-cta:focus { outline: 3px solid #000; outline-offset: 2px; }

/* Problem & Nutzen */
.lb2b-bullets { display: grid; gap: 10px; margin-top: 8px; }
.lb2b-bullets .bad::before { content: "❌ "; color: var(--lb2b-bad); }
.lb2b-bullets .ok::before  { content: "✅ "; color: var(--lb2b-ok); }

/* Card */
.lb2b-card {
  background: #fff; border-radius: 16px; padding: 22px; box-shadow: 0 8px 28px rgba(16,24,40,.08);
}

/* Formular */
.lb2b-form-wrap { display: grid; gap: 14px; }
.lb2b-form-row { display: grid; gap: 8px; }
.lb2b-input, .lb2b-button {
  width: 100%;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #d0d5dd;
  font-size: 16px;
}
.lb2b-button {
  border: 0; background: var(--lb2b-accent); color: #111; font-weight: 700; cursor: pointer;
}
.lb2b-hint { font-size: 12px; color: #475467; }
.lb2b-success { padding: 14px; border-radius: 10px; background: #ecfdf3; color: #027a48; }
.lb2b-error { padding: 14px; border-radius: 10px; background: #fef3f2; color: #b42318; }