:root {
            --khr-blue: #046ca2;
            --khr-dark-blue: #023d5c;
            --khr-slate: #0f172a;
        }

        .khr-header {
            background: linear-gradient(to right, var(--khr-dark-blue), var(--khr-blue), var(--khr-dark-blue));
            overflow: hidden;
            padding: 3.5rem 2rem;
            margin-top:82px;
        }

        @media (min-width: 768px) {
            .khr-header {
                padding: 3.5rem 4rem;
                margin-top:120px;
            }
        }

        /* Ambient soundwave animation im Hintergrund */
        @keyframes waveMove {
            0% { transform: translateX(0) translateZ(0) scaleY(1); }
            50% { transform: translateX(-25%) translateZ(0) scaleY(1.15); }
            100% { transform: translateX(-50%) translateZ(0) scaleY(1); }
        }

        .animated-wave {
            animation: waveMove 15s linear infinite;
        }

        .wave-overlay {
            position: absolute;
            inset: 0;
            opacity: 0.15;
            pointer-events: none;
            overflow: hidden;
        }

        .wave-overlay svg {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 200%;
            height: 100%;
        }

        /* Soft glow points */
        .glow-point {
            position: absolute;
            width: 16rem;
            height: 16rem;
            border-radius: 50%;
            filter: blur(64px);
            pointer-events: none;
        }

        .glow-top-left {
            top: -3rem;
            left: -3rem;
            background: rgba(4, 108, 162, 0.3);
        }

        .glow-bottom-right {
            bottom: -3rem;
            right: -3rem;
            background: rgba(34, 211, 238, 0.2); /* cyan-400/20 */
        }

        /* Trust Badge */
        .trust-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 0.375rem 1rem;
            border-radius: 999px;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        }

        /* Headline mit Gradient-Text (Tailwind: text-transparent bg-clip-text bg-gradient-to-r from-cyan-300 to-white) */
        .headline-gradient {
            background: linear-gradient(to right, #67e8f9, #ffffff);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
        }

        .khr-headline {
            font-weight: 900;
            line-height: 1.1;
            text-shadow: 0 2px 4px rgba(0,0,0,0.25);
            font-size: 1.875rem;
        }

        @media (min-width: 768px) {
            .khr-headline {
                font-size: 3rem;
            }
        }

        .khr-subtitle {
            color: rgba(226, 232, 240, 0.9);
            font-weight: 500;
            max-width: 42rem;
        }

        /* Premium Glow für Buttons (falls benötigt) */
        .premium-glow {
            box-shadow: 0 0 20px rgba(4, 108, 162, 0.3);
        }

        .khr-blue-dot {
            width: 0.5rem;
            height: 1.5rem;
            background-color: var(--khr-blue);
            border-radius: 999px;
            display: inline-block;
        }