/* ============ Ergänzungen für die neue Landingpage (Entwurf 09.09.2026) ============ */

/* Hero-Pille (aus der KI-Simulations-Seite übernommen) */
.sim-pill{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:var(--white);font-weight:700;font-size:.85rem;letter-spacing:.04em;
  padding:7px 16px;border-radius:999px;
}

/* ---- Lernsystem: Feature-Raster ---- */
.neu-features{background:var(--tint)}
.neu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.neu-card{
  background:var(--white);border:1px solid #dbe7f3;border-radius:18px;
  padding:clamp(20px,2.4vw,28px);box-shadow:var(--shadow);
  transition:transform .25s ease,box-shadow .25s ease;
}
.neu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.neu-icon{
  width:46px;height:46px;border-radius:12px;background:var(--tint);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:14px;
}
.neu-card h3{font-size:1.08rem;margin-bottom:8px;line-height:1.3}
.neu-card p{font-size:.92rem;opacity:.88}
@media (max-width:980px){.neu-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.neu-grid{grid-template-columns:1fr}}

/* ---- Für Kanzleien ---- */
.neu-kanzlei{background:var(--white)}
.neu-kanzlei-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.neu-kanzlei-list{display:grid;gap:18px}
.neu-k-item{display:flex;gap:16px;align-items:flex-start}
.neu-k-num{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;margin-top:2px;
  background:linear-gradient(135deg,var(--blue),var(--accent));color:var(--white);
  font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(46,109,180,.3);
}
.neu-k-item h3{font-size:1.06rem;margin-bottom:5px}
.neu-k-item p{font-size:.93rem;opacity:.88}
.neu-kanzlei-shot .browser img{width:100%;display:block}
@media (max-width:900px){.neu-kanzlei-grid{grid-template-columns:1fr}}

/* ---- Zusatzprodukte: vier Karten ---- */
.neu-extras{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.neu-extras{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.neu-extras{grid-template-columns:1fr}}

/* ---- Probemonat-Formular als eingebettete Seite (app.steuer-azubis.de/formulare/probemonat.html) ---- */
.neu-signup{padding:12px}
.neu-signup iframe{width:100%;height:1480px;border:0;border-radius:10px;background:transparent}
.neu-signup-fallback{text-align:center;font-size:.86rem;opacity:.75;margin:10px 0 4px}
@media (max-width:600px){.neu-signup iframe{height:1700px}}

/* DATEV-Chip fuer einen Kurs, den es noch nicht gibt (14.09.2026) */
.datev-chips span.is-soon{background:transparent;border-style:dashed;opacity:.9}
.chip-soon{
  font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.02em;
  background:rgba(255,255,255,.18);padding:2px 9px;border-radius:999px;white-space:nowrap;
}