/* ===================== Tokens ===================== */
            :root {
                --gold: #ffd700;
                --gold-light: #ffe87c;
                --gold-dark: #d4af37;
                --bg: #000000;
                --bg-soft: #0a0a0a;
                --text: #ffffff;
                --text-dim: #cfcfcf;
                --text-muted: #8a8a8a;
                --radius: 16px;
                --radius-full: 9999px;
                --maxw: 1120px;
            }

            *,
            *::before,
            *::after {
                box-sizing: border-box;
            }
            html {
                scroll-behavior: smooth;
            }
            body {
                margin: 0;
                font-family:
                    "Inter",
                    -apple-system,
                    BlinkMacSystemFont,
                    "Segoe UI",
                    sans-serif;
                background: var(--bg);
                color: var(--text);
                -webkit-font-smoothing: antialiased;
                overflow-x: hidden;
                line-height: 1.6;
            }
            a {
                color: inherit;
            }

            /* Scrollbar */
            ::-webkit-scrollbar {
                width: 12px;
            }
            ::-webkit-scrollbar-track {
                background: var(--bg-soft);
            }
            ::-webkit-scrollbar-thumb {
                background: var(--gold-dark);
                border-radius: 6px;
                border: 2px solid var(--gold);
            }
            ::-webkit-scrollbar-thumb:hover {
                background: var(--gold);
            }

            .retro {
                font-family: "Orbitron", sans-serif;
                letter-spacing: 0.1em;
            }

            .wrap {
                max-width: var(--maxw);
                margin: 0 auto;
                padding: 0 24px;
            }

            /* ===================== Hero ===================== */
            .hero {
                position: relative;
                min-height: 100vh;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 96px 24px 64px;
                text-align: center;
                overflow: hidden;
            }
            .hero-bg {
                position: absolute;
                inset: 0;
                z-index: 0;
            }
            .hero-bg img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                opacity: 0.18;
            }
            .hero-bg .overlay {
                position: absolute;
                inset: 0;
                background: linear-gradient(
                    180deg,
                    #000 0%,
                    rgba(0, 0, 0, 0.8) 50%,
                    #000 100%
                );
            }
            .hero-bg .grid {
                position: absolute;
                inset: 0;
                background-image:
                    linear-gradient(
                        rgba(255, 215, 0, 0.04) 1px,
                        transparent 1px
                    ),
                    linear-gradient(
                        90deg,
                        rgba(255, 215, 0, 0.04) 1px,
                        transparent 1px
                    );
                background-size: 44px 44px;
                mask-image: radial-gradient(
                    ellipse at center,
                    #000 0%,
                    transparent 75%
                );
                -webkit-mask-image: radial-gradient(
                    ellipse at center,
                    #000 0%,
                    transparent 75%
                );
            }
            .hero-aura {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 520px;
                height: 520px;
                transform: translate(-50%, -50%);
                background: radial-gradient(
                    circle,
                    rgba(255, 215, 0, 0.16) 0%,
                    transparent 65%
                );
                z-index: 0;
                animation: aura 4s ease-in-out infinite;
                pointer-events: none;
            }
            @keyframes aura {
                0%,
                100% {
                    opacity: 0.5;
                    transform: translate(-50%, -50%) scale(1);
                }
                50% {
                    opacity: 0.9;
                    transform: translate(-50%, -50%) scale(1.08);
                }
            }
            .hero-inner {
                position: relative;
                z-index: 2;
                max-width: 880px;
            }

            .badge {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                border: 1px solid rgba(255, 215, 0, 0.4);
                background: rgba(255, 215, 0, 0.06);
                border-radius: var(--radius-full);
                padding: 8px 18px;
                margin-bottom: 28px;
            }
            .badge .dot {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: var(--gold);
                box-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
            }
            .badge span:last-child {
                font-size: 0.7rem;
                letter-spacing: 0.18em;
                color: var(--gold);
            }

            .wordmark {
                font-size: clamp(3rem, 11vw, 6.5rem);
                font-weight: 900;
                margin: 0 0 12px;
                line-height: 1;
                background: linear-gradient(
                    45deg,
                    var(--gold-dark),
                    var(--gold),
                    var(--gold-light)
                );
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
            }
            .subtitle {
                font-size: clamp(1.25rem, 3vw, 1.9rem);
                color: var(--gold);
                text-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
                margin: 0 0 24px;
            }
            .lead {
                font-size: clamp(1rem, 1.6vw, 1.2rem);
                color: var(--text-dim);
                max-width: 620px;
                margin: 0 auto 36px;
            }
            .lead .hi {
                color: var(--gold);
                font-weight: 600;
            }

            /* ===================== Form ===================== */
            .signup {
                max-width: 560px;
                margin: 0 auto;
            }
            .signup-row {
                display: flex;
                gap: 12px;
            }
            .signup input[type="email"] {
                flex: 1;
                min-width: 0;
                padding: 16px 22px;
                border-radius: var(--radius-full);
                background: rgba(0, 0, 0, 0.55);
                border: 1px solid rgba(255, 255, 255, 0.2);
                color: #fff;
                font-size: 1rem;
                font-family: inherit;
                transition: all 0.25s ease;
            }
            .signup input[type="email"]::placeholder {
                color: #9a9a9a;
            }
            .signup input[type="email"]:focus {
                outline: none;
                border-color: var(--gold);
                box-shadow: 0 0 14px rgba(255, 215, 0, 0.4);
            }
            .btn-gold {
                padding: 16px 30px;
                border-radius: var(--radius-full);
                border: 2px solid var(--gold);
                background: linear-gradient(
                    135deg,
                    var(--gold-dark) 0%,
                    var(--gold) 50%,
                    var(--gold-light) 100%
                );
                color: #000;
                font-weight: 800;
                font-family: "Orbitron", sans-serif;
                letter-spacing: 0.08em;
                font-size: 0.95rem;
                cursor: pointer;
                white-space: nowrap;
                transition: all 0.25s ease;
            }
            .btn-gold:hover {
                transform: scale(1.04);
                box-shadow: 0 0 18px rgba(255, 215, 0, 0.6);
            }
            .btn-gold:disabled {
                opacity: 0.6;
                cursor: not-allowed;
                transform: none;
            }

            .consent {
                display: flex;
                align-items: flex-start;
                gap: 10px;
                margin-top: 16px;
                font-size: 0.82rem;
                color: var(--text-muted);
                text-align: left;
                justify-content: center;
            }
            .consent label {
                max-width: 460px;
            }
            .consent input {
                margin-top: 3px;
                accent-color: var(--gold);
                flex-shrink: 0;
            }
            .consent a {
                color: var(--gold);
                text-decoration: underline;
            }

            .form-msg {
                margin-top: 16px;
                font-size: 0.95rem;
                min-height: 1.2em;
            }
            .form-msg.ok {
                color: var(--gold);
                text-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
            }
            .form-msg.err {
                color: #ff6b6b;
            }

            .trust {
                margin-top: 28px;
                font-size: 0.82rem;
                color: var(--text-muted);
            }

            /* ===================== Features ===================== */
            .features {
                position: relative;
                padding: 96px 24px;
            }
            .features h2 {
                text-align: center;
                font-size: clamp(2rem, 5vw, 3.2rem);
                font-weight: 900;
                color: var(--gold);
                text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
                margin: 0 0 18px;
            }
            .features .intro {
                text-align: center;
                max-width: 720px;
                margin: 0 auto 56px;
                color: var(--text-dim);
            }
            .features .intro .hi {
                color: var(--gold);
            }
            .grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 24px;
            }
            .card {
                background: linear-gradient(
                    135deg,
                    rgba(255, 215, 0, 0.08) 0%,
                    rgba(255, 215, 0, 0.03) 50%,
                    rgba(0, 0, 0, 0.9) 100%
                );
                border: 1px solid rgba(255, 215, 0, 0.28);
                border-radius: 20px;
                padding: 32px;
                transition: all 0.3s ease;
            }
            .card:hover {
                transform: translateY(-6px);
                border-color: rgba(255, 215, 0, 0.5);
                box-shadow: 0 0 28px rgba(255, 215, 0, 0.18);
            }
            .card .ico {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: rgba(255, 215, 0, 0.1);
                border: 1px solid rgba(255, 215, 0, 0.3);
                margin-bottom: 22px;
            }
            .card .ico svg {
                width: 28px;
                height: 28px;
                color: var(--gold);
            }
            .card h3 {
                font-family: "Orbitron", sans-serif;
                font-size: 1rem;
                letter-spacing: 0.05em;
                color: var(--gold);
                margin: 0 0 12px;
            }
            .card p {
                color: var(--text-dim);
                font-size: 0.95rem;
                margin: 0;
            }

            /* ===================== Footer ===================== */
            .footer {
                border-top: 1px solid rgba(255, 215, 0, 0.15);
                padding: 48px 24px;
                text-align: center;
            }
            .footer .logo {
                font-family: "Orbitron", sans-serif;
                font-weight: 800;
                letter-spacing: 0.12em;
                font-size: 1.1rem;
                color: var(--gold);
                margin-bottom: 14px;
            }
            .footer nav {
                display: flex;
                gap: 24px;
                justify-content: center;
                flex-wrap: wrap;
                margin-bottom: 18px;
            }
            .footer nav a {
                color: var(--text-dim);
                text-decoration: none;
                font-size: 0.9rem;
                transition: color 0.2s ease;
            }
            .footer nav a:hover {
                color: var(--gold);
            }
            .footer .copy {
                color: var(--text-muted);
                font-size: 0.8rem;
            }

            /* ===================== Showcase ===================== */
            .showcase {
                position: relative;
                padding: 40px 24px 24px;
            }
            .showcase .head {
                text-align: center;
                max-width: 720px;
                margin: 0 auto 48px;
            }
            .showcase h2 {
                font-size: clamp(1.8rem, 4.5vw, 2.8rem);
                font-weight: 900;
                color: var(--gold);
                text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
                margin: 0 0 14px;
            }
            .showcase .head p {
                color: var(--text-dim);
                margin: 0;
            }
            .showcase .head p .hi {
                color: var(--gold);
            }

            .frame-wrap {
                position: relative;
                max-width: 1000px;
                margin: 0 auto;
            }
            /* Gold-Aura hinter dem Screenshot */
            .frame-wrap::before {
                content: "";
                position: absolute;
                inset: -8% -4% 0;
                background: radial-gradient(
                    ellipse at center,
                    rgba(255, 215, 0, 0.22) 0%,
                    transparent 68%
                );
                filter: blur(20px);
                z-index: 0;
                pointer-events: none;
            }
            .window {
                position: relative;
                z-index: 1;
                border-radius: 14px;
                overflow: hidden;
                border: 1px solid rgba(255, 215, 0, 0.35);
                background: #0c0c0c;
                box-shadow:
                    0 0 0 1px rgba(0, 0, 0, 0.6),
                    0 30px 70px rgba(0, 0, 0, 0.65),
                    0 0 40px rgba(255, 215, 0, 0.12);
                transition:
                    transform 0.4s ease,
                    box-shadow 0.4s ease;
            }
            .window:hover {
                transform: translateY(-6px);
                box-shadow:
                    0 0 0 1px rgba(0, 0, 0, 0.6),
                    0 40px 90px rgba(0, 0, 0, 0.7),
                    0 0 60px rgba(255, 215, 0, 0.2);
            }
            .window img {
                display: block;
                width: 100%;
                height: auto;
            }
            /* dezenter Glanz-Verlauf über dem Bild */
            .window .gloss {
                position: absolute;
                inset: 0;
                background: linear-gradient(
                    180deg,
                    rgba(255, 255, 255, 0.05) 0%,
                    transparent 18%
                );
                pointer-events: none;
                z-index: 2;
            }
            .showcase .caption {
                text-align: center;
                margin: 22px auto 0;
                max-width: 640px;
                font-size: 0.9rem;
                color: var(--text-muted);
            }

            /* ===================== Song-CTA (Hero) ===================== */
            .song-cta {
                display: inline-flex;
                align-items: center;
                gap: 12px;
                margin: 22px auto 0;
                padding: 11px 22px 11px 13px;
                border-radius: var(--radius-full);
                cursor: pointer;
                background: rgba(255, 215, 0, 0.06);
                border: 1px solid rgba(255, 215, 0, 0.45);
                color: var(--text-dim);
                font-family: inherit;
                font-size: 0.92rem;
                transition: all 0.25s ease;
            }
            .song-cta:hover {
                background: rgba(255, 215, 0, 0.12);
                border-color: var(--gold);
                box-shadow: 0 0 18px rgba(255, 215, 0, 0.3);
                transform: translateY(-2px);
            }
            .song-cta-text b {
                color: var(--gold);
                font-weight: 600;
            }
            .song-cta-icon {
                flex-shrink: 0;
                width: 34px;
                height: 34px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(
                    135deg,
                    var(--gold-dark) 0%,
                    var(--gold) 50%,
                    var(--gold-light) 100%
                );
                color: #000;
            }
            .song-cta-icon svg {
                width: 16px;
                height: 16px;
            }
            .song-cta-icon .icon-pause {
                display: none;
            }
            .song-cta.playing .song-cta-icon .icon-play {
                display: none;
            }
            .song-cta.playing .song-cta-icon .icon-pause {
                display: block;
            }
            /* Equalizer im CTA */
            .song-cta-eq {
                display: none;
                align-items: flex-end;
                gap: 2px;
                height: 14px;
            }
            .song-cta.playing .song-cta-eq {
                display: inline-flex;
            }
            .song-cta-eq span {
                width: 3px;
                height: 4px;
                border-radius: 1px;
                background: var(--gold);
                animation: eq 0.9s ease-in-out infinite;
            }
            .song-cta-eq span:nth-child(2) {
                animation-delay: 0.18s;
            }
            .song-cta-eq span:nth-child(3) {
                animation-delay: 0.36s;
            }
            .song-cta-eq span:nth-child(4) {
                animation-delay: 0.54s;
            }

            /* ===================== Audio-Player ===================== */
            .audio-player {
                position: fixed;
                right: 22px;
                bottom: 22px;
                z-index: 50;
                display: flex;
                align-items: center;
                gap: 0;
                padding: 8px;
                border-radius: var(--radius-full);
                background: rgba(10, 10, 10, 0.82);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 215, 0, 0.4);
                box-shadow:
                    0 8px 28px rgba(0, 0, 0, 0.55),
                    0 0 18px rgba(255, 215, 0, 0.12);
                transition:
                    gap 0.35s ease,
                    padding 0.35s ease;
            }
            .audio-player .play-btn {
                flex-shrink: 0;
                width: 46px;
                height: 46px;
                border-radius: 50%;
                border: none;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(
                    135deg,
                    var(--gold-dark) 0%,
                    var(--gold) 50%,
                    var(--gold-light) 100%
                );
                color: #000;
                transition:
                    transform 0.2s ease,
                    box-shadow 0.2s ease;
            }
            .audio-player .play-btn:hover {
                transform: scale(1.06);
                box-shadow: 0 0 16px rgba(255, 215, 0, 0.5);
            }
            .audio-player .play-btn svg {
                width: 20px;
                height: 20px;
            }
            .audio-player .play-btn .icon-pause {
                display: none;
            }
            .audio-player.playing .play-btn .icon-play {
                display: none;
            }
            .audio-player.playing .play-btn .icon-pause {
                display: block;
            }

            /* Label klappt rechts neben dem Button auf */
            .audio-player .ap-label {
                max-width: 0;
                overflow: hidden;
                white-space: nowrap;
                opacity: 0;
                font-size: 0.78rem;
                color: var(--text-dim);
                transition:
                    max-width 0.35s ease,
                    opacity 0.35s ease,
                    padding 0.35s ease;
            }
            .audio-player .ap-label b {
                color: var(--gold);
                font-weight: 600;
            }
            /* Equalizer-Balken bei Wiedergabe */
            .audio-player .ap-eq {
                display: inline-flex;
                align-items: flex-end;
                gap: 2px;
                height: 14px;
                margin-left: 8px;
                vertical-align: middle;
            }
            .audio-player .ap-eq span {
                width: 3px;
                background: var(--gold);
                height: 4px;
                border-radius: 1px;
            }
            .audio-player.playing .ap-eq span {
                animation: eq 0.9s ease-in-out infinite;
            }
            .audio-player.playing .ap-eq span:nth-child(2) {
                animation-delay: 0.18s;
            }
            .audio-player.playing .ap-eq span:nth-child(3) {
                animation-delay: 0.36s;
            }
            .audio-player.playing .ap-eq span:nth-child(4) {
                animation-delay: 0.54s;
            }
            @keyframes eq {
                0%,
                100% {
                    height: 4px;
                }
                50% {
                    height: 14px;
                }
            }
            /* Aufgeklappt: Label sichtbar (immer bei Wiedergabe, sonst bei Hover auf Desktop) */
            .audio-player.playing .ap-label,
            .audio-player:hover .ap-label {
                max-width: 230px;
                opacity: 1;
                padding: 0 14px 0 12px;
            }

            /* ===================== Reveal ===================== */
            .reveal {
                opacity: 0;
                transform: translateY(20px);
                transition:
                    opacity 0.7s ease,
                    transform 0.7s ease;
            }
            .reveal.in {
                opacity: 1;
                transform: none;
            }

            /* ===================== Responsive ===================== */
            @media (max-width: 900px) {
                .grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 600px) {
                .signup-row {
                    flex-direction: column;
                }
                .grid {
                    grid-template-columns: 1fr;
                }
                .consent {
                    justify-content: flex-start;
                }
            }
            @media (prefers-reduced-motion: reduce) {
                .hero-aura {
                    animation: none;
                }
                .reveal {
                    transition: none;
                    opacity: 1;
                    transform: none;
                }
            }

            /* ===================== Marktblick im Einsatz ===================== */
            .einsatz {
                position: relative;
                padding: 96px 0 64px;
            }
            .einsatz .head {
                text-align: center;
                max-width: 760px;
                margin: 0 auto 56px;
            }
            .einsatz .head h2 {
                font-size: clamp(1.8rem, 4vw, 2.8rem);
                margin: 18px 0 14px;
                color: var(--text);
                text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
            }
            .einsatz .head .intro {
                color: var(--text-dim);
                font-size: 1.05rem;
                margin: 0;
            }
            .einsatz .head .intro .hi {
                color: var(--gold);
                font-weight: 600;
            }

            .case-list {
                list-style: none;
                padding: 0;
                margin: 0;
                display: grid;
                gap: 48px;
            }
            .case {
                background: linear-gradient(
                    180deg,
                    rgba(255, 255, 255, 0.02),
                    rgba(255, 215, 0, 0.04)
                );
                border: 1px solid rgba(255, 215, 0, 0.18);
                border-top: 2px solid var(--gold);
                border-radius: var(--radius);
                padding: 28px;
                transition:
                    transform 0.25s ease,
                    border-color 0.25s ease,
                    box-shadow 0.25s ease;
            }
            .case:hover {
                transform: translateY(-2px);
                border-color: rgba(255, 215, 0, 0.45);
                box-shadow: 0 12px 40px -12px rgba(255, 215, 0, 0.25);
            }

            .case-head {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 16px;
                flex-wrap: wrap;
                margin-bottom: 20px;
            }
            .case-title {
                font-family: "Orbitron", sans-serif;
                letter-spacing: 0.04em;
                font-size: 1.35rem;
                margin: 0 0 4px;
                color: var(--text);
            }
            .case-meta {
                color: var(--text-muted);
                font-size: 0.88rem;
                margin: 0;
            }
            .case-tags {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
            }
            .tag {
                font-size: 0.72rem;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                color: var(--gold);
                border: 1px solid rgba(255, 215, 0, 0.35);
                padding: 4px 10px;
                border-radius: var(--radius-full);
                background: rgba(255, 215, 0, 0.05);
            }

            /* Slider */
            .slider {
                margin: 0;
            }
            .slider-stage {
                position: relative;
                width: 100%;
                aspect-ratio: 16 / 9;
                border-radius: 12px;
                overflow: hidden;
                background: #000;
                border: 1px solid rgba(255, 255, 255, 0.08);
                user-select: none;
                -webkit-user-select: none;
                touch-action: none;
            }
            .slider-img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                display: block;
                pointer-events: none;
            }
            .slider-img--after {
                z-index: 1;
            }
            .slider-clip {
                position: absolute;
                inset: 0;
                z-index: 2;
                overflow: hidden;
                width: 50%;
            }
            .slider-clip .slider-img--before {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .slider-divider {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 50%;
                width: 2px;
                background: linear-gradient(
                    180deg,
                    transparent,
                    var(--gold) 20%,
                    var(--gold) 80%,
                    transparent
                );
                box-shadow: 0 0 12px rgba(255, 215, 0, 0.6);
                z-index: 3;
                pointer-events: none;
            }
            .slider-handle {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 48px;
                height: 48px;
                border-radius: 50%;
                background: radial-gradient(
                    circle,
                    var(--gold-light) 0%,
                    var(--gold-dark) 100%
                );
                border: 2px solid #000;
                cursor: ew-resize;
                z-index: 4;
                box-shadow:
                    0 0 0 4px rgba(255, 215, 0, 0.25),
                    0 6px 20px rgba(0, 0, 0, 0.6);
                color: #000;
                font-size: 0.9rem;
                font-weight: 700;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 4px;
                padding: 0;
                transition:
                    box-shadow 0.2s ease,
                    transform 0.15s ease;
            }
            .slider-handle:hover,
            .slider-handle:focus-visible {
                box-shadow:
                    0 0 0 6px rgba(255, 215, 0, 0.35),
                    0 8px 24px rgba(0, 0, 0, 0.7);
                outline: none;
            }
            .slider-handle-arrow {
                line-height: 1;
            }

            .slider-label {
                position: absolute;
                top: 12px;
                z-index: 3;
                font-family: "Orbitron", sans-serif;
                font-size: 0.7rem;
                letter-spacing: 0.18em;
                text-transform: uppercase;
                color: var(--text);
                pointer-events: none;
            }
            .slider-label--left {
                left: 12px;
            }
            .slider-label--right {
                right: 12px;
            }
            .slider-label-tag {
                background: rgba(0, 0, 0, 0.7);
                padding: 6px 10px;
                border-radius: var(--radius-full);
                border: 1px solid rgba(255, 255, 255, 0.2);
            }
            .slider-label-tag--gold {
                color: var(--gold);
                border-color: rgba(255, 215, 0, 0.5);
            }
            .slider-hint {
                text-align: center;
                color: var(--text-muted);
                font-size: 0.82rem;
                margin-top: 12px;
            }

            /* Narrative */
            .case-body {
                margin-top: 24px;
                max-width: 820px;
            }
            .case-body h4 {
                font-family: "Orbitron", sans-serif;
                letter-spacing: 0.06em;
                font-size: 1rem;
                color: var(--gold);
                margin: 0 0 8px;
            }
            .case-body p {
                color: var(--text-dim);
                margin: 0 0 10px;
                line-height: 1.7;
            }
            .case-body em {
                color: var(--text);
                font-style: normal;
                font-weight: 600;
            }
            .case-disclaimer {
                display: block;
                margin-top: 10px;
                font-size: 0.78rem;
                color: var(--text-muted);
                font-style: italic;
            }

            /* CTA */
            .einsatz-cta {
                text-align: center;
                margin-top: 72px;
                padding: 36px 24px;
                border: 1px solid rgba(255, 215, 0, 0.25);
                border-radius: var(--radius);
                background: radial-gradient(
                    ellipse at center,
                    rgba(255, 215, 0, 0.06) 0%,
                    transparent 70%
                );
            }
            .einsatz-cta p {
                font-size: 1.2rem;
                color: var(--text);
                margin: 0 0 18px;
            }
            .einsatz-cta .hi {
                color: var(--gold);
            }
            .einsatz-cta-btn {
                display: inline-block;
                text-decoration: none;
            }

            /* Responsive */
            @media (max-width: 640px) {
                .case {
                    padding: 18px;
                }
                .case-head {
                    flex-direction: column;
                    align-items: flex-start;
                }
                .slider-label {
                    font-size: 0.62rem;
                }
                .slider-handle {
                    width: 42px;
                    height: 42px;
                }
            }