:root{--gold:#f5b400;--gold2:#ffd866;--dark:#07090d;--navy:#111827;--ink:#151922;--muted:#667085;--white:#fff;--line:rgba(15,23,42,.11);--radius:22px;--shadow:0 24px 60px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f7f8fb;line-height:1.55}button,input,select,textarea{font:inherit}.skip-link{position:absolute;left:16px;top:-80px;background:var(--gold);color:#111;padding:10px 16px;border-radius:999px;z-index:99}.skip-link:focus{top:16px}.site-header{min-height:72px;padding:12px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:rgba(7,9,13,.96);border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}.header-link{color:#fff;text-decoration:none;font-weight:700}.hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,560px);gap:56px;align-items:center;padding:64px max(20px,calc((100vw - 1180px)/2));color:#fff;background:radial-gradient(circle at 15% 20%,rgba(245,180,0,.21),transparent 30%),radial-gradient(circle at 82% 78%,rgba(245,180,0,.12),transparent 30%),linear-gradient(135deg,var(--dark),var(--navy))}.hero-copy{max-width:620px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border-radius:999px;background:rgba(245,180,0,.14);color:var(--gold2);font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(245,180,0,.14)}h1{margin:20px 0 18px;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.045em}.hero-text{max-width:590px;margin:0;color:rgba(255,255,255,.76);font-size:clamp(1.05rem,2vw,1.25rem)}.benefits{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0;padding:0;list-style:none}.benefits li{padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);font-weight:700;font-size:.9rem}.benefits li:before{content:"✓";margin-right:7px;color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:999px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;box-shadow:0 12px 28px rgba(245,180,0,.24)}.btn-dark{background:var(--navy);color:#fff}.btn-secondary{background:#fff;color:var(--navy);border-color:var(--line)}.privacy-note{margin:14px 0 0;color:rgba(255,255,255,.58);font-size:.86rem}.funnel-shell{color:var(--ink);background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.28);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.funnel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.funnel-kicker,.step-name{color:#8a6100;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.funnel-head h2{margin:4px 0 0;font-size:1.35rem}.step-label{padding:6px 10px;border-radius:999px;background:var(--navy);color:#fff;font-size:.8rem;font-weight:800}.progress{height:7px;margin:18px 0 28px;border-radius:999px;background:#e8ebf0;overflow:hidden}.progress span{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width .25s ease}.status{margin-bottom:16px;padding:12px 14px;border-radius:12px;background:#fee2e2;color:#991b1b}.form-step{animation:fade .24s ease}.form-step h3{margin:5px 0 18px;font-size:1.32rem}.step-name{margin:0}.choice-list{display:grid;gap:10px}.choice{position:relative;display:block;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:.2s}.choice strong,.choice small{display:block}.choice small{margin-top:2px;color:var(--muted)}.choice input:checked+span{border-color:var(--gold);background:rgba(245,180,0,.1);box-shadow:0 0 0 3px rgba(245,180,0,.12)}.choice input:focus-visible+span{outline:3px solid var(--gold2);outline-offset:2px}.field-label,.field label{display:block;margin:14px 0 6px;font-weight:750}.field-label span,.field label span{color:var(--muted);font-weight:500}select,textarea,input{width:100%;padding:12px 13px;border:1px solid #cfd5df;border-radius:12px;background:#fff;color:var(--ink)}textarea{resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.privacy-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:.9rem}.privacy-check input{width:18px;height:18px;margin-top:2px}.privacy-check a{color:#654600}.submit-btn{width:100%}.form-step .privacy-note{color:var(--muted);text-align:center}.form-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.form-nav button:disabled{opacity:.45;cursor:not-allowed;transform:none}.honeypot{position:absolute;left:-10000px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe3e9}.trust-strip div{padding:30px;text-align:center;background:#fff}.trust-strip strong,.trust-strip span{display:block}.trust-strip span{margin-top:4px;color:var(--muted);font-size:.9rem}footer{display:flex;justify-content:space-between;gap:20px;padding:26px max(20px,calc((100vw - 1180px)/2));background:#05070a;color:rgba(255,255,255,.7);font-size:.9rem}footer nav{display:flex;gap:18px}footer a{color:#fff;text-decoration:none}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:46px}.hero-copy{max-width:none}.funnel-shell{max-width:620px;width:100%;margin:auto}.trust-strip{grid-template-columns:1fr}.trust-strip div{padding:20px}}@media(max-width:560px){.site-header{min-height:64px}.brand span:last-child{font-size:.9rem}.header-link{font-size:.82rem}.hero{padding:38px 14px 46px;gap:34px}.hero-cta{width:100%}.funnel-shell{padding:21px 16px;border-radius:22px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-nav .btn{flex:1}.benefits{gap:8px}.benefits li{font-size:.82rem}footer{flex-direction:column;text-align:center}footer nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.hero {
    position: relative;
    overflow: hidden;

    min-height: calc(100svh - 72px);

    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(380px,560px);

    gap: 56px;
    align-items: center;

    padding:
        64px
        max(20px,calc((100vw - 1180px)/2));

    color: #fff;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(245,180,0,.21),
            transparent 30%
        ),
        radial-gradient(
            circle at 82% 78%,
            rgba(245,180,0,.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--dark),
            var(--navy)
        );
}

/* Palm-Logo als Hintergrund */
.hero::before {

    content: "";

    position: absolute;

    left: -8%;
    top: 50%;

    transform: translateY(-50%);

    width: 55vw;
    height: 100vh;

    background:
        url("palmicon.svg")
        no-repeat
        left center;

    background-size: contain;

    opacity: .1;

    pointer-events: none;

    z-index: 0;
}

/* Inhalte darüber */
.hero-copy,
.funnel-shell {

   *position: relative;

    z-index: *;
}

/* ==========================================
   FUNNEL RESPONSIVE FIX
========================================== */

@media (max-width: 1200px) {

    .hero {

        grid-template-columns:
            1fr
            minmax(320px,500px);

        gap: 40px;
    }
}

/* Tablet */

@media (max-width: 992px) {

    .hero {

        grid-template-columns: 1fr;

        align-items: start;

        padding:
            50px 24px;

        gap: 40px;
    }

    .hero-copy {

        max-width: 100%;

        text-align: center;
    }

    .benefits {

        justify-content: center;
    }

    .funnel-shell {

        width: 100%;

        max-width: 700px;

        margin: 0 auto;
    }
}

/* Smartphone */

@media (max-width: 768px) {

    .hero {

        padding:
            30px 15px
            60px;
    }

    .funnel-shell {

        padding: 20px;
    }

    .funnel-head {

        flex-direction: column;

        gap: 10px;
    }

    .step-label {

        align-self: flex-start;
    }

    .benefits {

        gap: 8px;
    }

    .benefits li {

        font-size: .8rem;

        padding: 7px 10px;
    }

    .form-nav {

        flex-direction: column;
    }

    .form-nav .btn {

        width: 100%;
    }
}

/* Sehr kleine Geräte */

@media (max-width: 480px) {

  * h1,
    #hero-title {

        fo*t-size:
            clamp(1.8rem, *vw, 2.4rem);
    }

    .hero-text*{

        font-size: .95rem;
    *

    .funnel-head h2 {

        f*nt-size: 1.15rem;
    }

    .form*step h3 {

        font-size: 1.1r*m;
    }

    .choice span {

    *   padding: 12px;
    }

    .funn*l-shell {

        border-radius: *0px;

        padding: 16px;
    }*}