/* ══════════════════════════════════════════════════════════
   Was ist Was — IIA Analysis Suite
   ══════════════════════════════════════════════════════════ */

/* ── Hero ──────────────────────────────────────────────── */
.wiw-hero {
    position: relative;
    background: linear-gradient(135deg, #0F2544 0%, #1B3A6B 100%);
    padding: 100px 0 80px;
    text-align: center;
    overflow: hidden;
}
.wiw-hero h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    margin: 16px 0 20px;
    letter-spacing: -.03em;
}
.wiw-hero-sub {
    font-size: 1.15rem;
    color: rgba(255,255,255,.75);
    max-width: 560px;
    margin: 0 auto 32px;
    line-height: 1.6;
}

/* ── Haupt-Sektion ─────────────────────────────────────── */
.wiw-section {
    background: #F0F4FA;
    padding: 72px 0 80px;
}

/* 2×2 Grid */
.wiw-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
@media (max-width: 900px) {
    .wiw-grid { grid-template-columns: 1fr; }
}

/* ── Karte ─────────────────────────────────────────────── */
.wiw-card {
    background: #fff;
    border: 1px solid rgba(15,37,68,.09);
    border-radius: 20px;
    padding: 32px 30px;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-shadow: 0 4px 24px rgba(15,37,68,.07);
    transition: box-shadow .2s;
}
.wiw-card:hover { box-shadow: 0 12px 40px rgba(15,37,68,.12); }

/* Signature Suite: dunkle Karte */
.wiw-card-signature {
    background: linear-gradient(160deg, #0F2544 0%, #1B3A6B 100%);
    border-color: rgba(201,169,97,.25);
}
.wiw-card-signature .wiw-card-title,
.wiw-card-signature .wiw-card-sub,
.wiw-card-signature .wiw-checks li { color: #fff; }
.wiw-card-signature .wiw-checks li::before { color: #C9A961; }
.wiw-card-signature .wiw-feature-group { color: rgba(255,255,255,.55); }

/* ── Karten-Kopf ───────────────────────────────────────── */
.wiw-card-head { margin-bottom: 20px; }

.wiw-card-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 4px 12px;
    margin-bottom: 12px;
}
.wiw-badge-radar    { background: rgba(15,37,68,.1);   color: #0F2544; }
.wiw-badge-flow     { background: rgba(201,169,97,.15); color: #7a5c1a; }
.wiw-badge-ledger   { background: rgba(45,140,94,.12);  color: #1a6b42; }
.wiw-badge-signature{ background: rgba(201,169,97,.2);  color: #C9A961; }

.wiw-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0F2544;
    line-height: 1.3;
    margin: 0 0 6px;
    letter-spacing: -.01em;
}
.wiw-card-sub {
    font-size: .9rem;
    color: #6B7280;
    margin: 0;
    font-style: italic;
}

/* ── Feature-Gruppen-Label ─────────────────────────────── */
.wiw-feature-group {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: #9CA3AF;
    margin: 18px 0 6px;
}
.wiw-feature-group:first-of-type { margin-top: 4px; }

/* ── Checkliste ────────────────────────────────────────── */
.wiw-checks {
    list-style: none;
    padding: 0;
    margin: 0 0 4px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.wiw-checks li {
    font-size: .9rem;
    color: #374151;
    line-height: 1.5;
    padding-left: 22px;
    position: relative;
}
.wiw-checks li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #0F2544;
    font-weight: 700;
    font-size: .85rem;
}

/* ── Hinweis-Boxen ─────────────────────────────────────── */
.wiw-note {
    border-radius: 12px;
    padding: 14px 16px;
    font-size: .875rem;
    line-height: 1.55;
    margin-top: 20px;
}
.wiw-note-info {
    background: rgba(15,37,68,.05);
    border: 1px solid rgba(15,37,68,.12);
    color: #1a2e4a;
}
.wiw-note-highlight {
    background: rgba(201,169,97,.1);
    border: 1px solid rgba(201,169,97,.3);
    color: #5a3e0a;
}
.wiw-note-cta {
    background: rgba(201,169,97,.15);
    border: 1px solid rgba(201,169,97,.35);
    color: #fff;
    text-align: center;
    font-size: 1rem;
}
.wiw-note-cta a { color: #C9A961; text-decoration: none; font-weight: 700; }
.wiw-note-cta a:hover { text-decoration: underline; }

/* ── Footer-Hinweis ────────────────────────────────────── */
.wiw-footer-note {
    text-align: center;
    font-size: .85rem;
    color: #6B7280;
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid rgba(15,37,68,.1);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}