/* =========================================================
   TRUST + CTA
========================================================= */

.trust-cta-section{
    position:relative;
    overflow:hidden;

    padding:80px 0;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(45,118,255,.22),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 78%,
            rgba(30,118,255,.15),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #0b55d8 0%,
            #083c9d 48%,
            #062b72 100%
        );
}

.trust-cta-section::before{
    content:"";

    position:absolute;
    top:-200px;
    right:-130px;

    width:430px;
    height:430px;

    border:1px solid rgba(255,255,255,.11);
    border-radius:50%;

    box-shadow:
        0 0 0 30px rgba(255,255,255,.018),
        0 0 0 60px rgba(255,255,255,.012);

    pointer-events:none;
}

.trust-cta-section::after{
    content:"";

    position:absolute;
    bottom:-260px;
    left:45%;

    width:520px;
    height:520px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;

    pointer-events:none;
}

.trust-cta-wrapper{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr);
    gap:74px;
    align-items:center;
}


/* Linke Seite */

.trust-content{
    color:#fff;
}

.trust-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;

    margin-bottom:24px;
    padding:10px 16px;

    border:1px solid rgba(255,255,255,.15);
    border-radius:999px;

    background:rgba(255,255,255,.11);

    color:#fff;

    font-size:.76rem;
    font-weight:900;
    letter-spacing:.03em;
    text-transform:uppercase;

    backdrop-filter:blur(12px);
}

.trust-eyebrow::before{
    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#78aaff;

    box-shadow:0 0 0 5px rgba(255,255,255,.08);
}

.trust-content h2{
    max-width:760px;
    margin:0 0 22px;

    color:#fff;

    font-size:clamp(2.5rem,4.5vw,4.25rem);
    line-height:1.04;
    letter-spacing:-.045em;
}

.trust-description{
    max-width:690px;
    margin:0 0 38px;

    color:rgba(255,255,255,.82);

    font-size:1.08rem;
    line-height:1.65;
}


/* Branchenbilder */

.trust-industries{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;

    margin-bottom:38px;
}

.trust-industry-card{
    position:relative;
    overflow:hidden;

    min-height:235px;

    border:1px solid rgba(255,255,255,.28);
    border-radius:22px;

    background:rgba(255,255,255,.08);

    box-shadow:
        0 18px 38px rgba(0,25,75,.24),
        0 1px 0 rgba(255,255,255,.08) inset;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.trust-industry-card:hover{
    transform:translateY(-7px);

    border-color:rgba(255,255,255,.48);

    box-shadow:
        0 24px 48px rgba(0,25,75,.34),
        0 1px 0 rgba(255,255,255,.1) inset;
}

.trust-industry-card > img{
    width:100%;
    height:100%;
    min-height:235px;

    object-fit:cover;
    object-position:center;

    transition:transform .5s ease;
}

.trust-industry-card:hover > img{
    transform:scale(1.055);
}

.trust-industry-card::after{
    content:"";

    position:absolute;
    inset:0;

    background:linear-gradient(
        180deg,
        rgba(4,22,56,.03) 28%,
        rgba(5,28,69,.12) 50%,
        rgba(4,22,56,.94) 100%
    );

    pointer-events:none;
}

.trust-industry-icon{
    position:absolute;
    z-index:3;
    left:50%;
    bottom:54px;

    display:grid;
    width:54px;
    height:54px;
    place-items:center;

    transform:translateX(-50%);

    border:1px solid rgba(255,255,255,.78);
    border-radius:50%;

    background:rgba(255,255,255,.96);
    color:#1769ff;

    box-shadow:0 12px 30px rgba(0,30,100,.28);
}

.trust-industry-icon svg{
    width:25px;
    height:25px;

    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.trust-industry-overlay{
    position:absolute;
    z-index:3;
    right:0;
    bottom:0;
    left:0;

    padding:26px 10px 16px;

    text-align:center;
}

.trust-industry-overlay span{
    color:#fff;

    font-size:.82rem;
    font-weight:850;
    line-height:1.2;
}


/* Bewertung */

.trust-rating{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;

    color:rgba(255,255,255,.84);

    font-size:.95rem;
}

.trust-stars{
    color:#ffbf2f;

    font-size:1.28rem;
    letter-spacing:3px;
}

.trust-rating strong{
    color:#fff;

    font-size:1.08rem;
}

.trust-rating-divider{
    width:1px;
    height:28px;

    background:rgba(255,255,255,.26);
}


/* CTA-Karte */

.trust-cta-card{
    position:relative;

    padding:44px 42px;

    border:1px solid rgba(255,255,255,.55);
    border-radius:30px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.99),
            rgba(244,248,255,.97)
        );

    box-shadow:
        0 40px 90px rgba(3,20,63,.36),
        0 0 0 1px rgba(255,255,255,.45) inset;
}

.trust-cta-icon{
    display:grid;
    width:66px;
    height:66px;
    place-items:center;

    margin-bottom:28px;

    border-radius:50%;

    background:linear-gradient(
        145deg,
        #3d82ff,
        #0c54e8
    );

    color:#fff;

    box-shadow:
        0 18px 36px rgba(23,105,255,.33),
        0 0 0 8px rgba(23,105,255,.06);
}

.trust-cta-icon svg{
    width:31px;
    height:31px;

    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.trust-cta-label{
    display:block;

    margin-bottom:12px;

    color:#1769ff;

    font-size:.76rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.trust-cta-card h3{
    margin:0 0 18px;

    color:#0b1930;

    font-size:clamp(2rem,3vw,2.75rem);
    line-height:1.08;
    letter-spacing:-.035em;
}

.trust-cta-card > p{
    margin:0 0 28px;

    color:#63758d;

    font-size:1rem;
    line-height:1.7;
}


/* Checkliste */

.trust-cta-points{
    display:flex;
    flex-direction:column;
    gap:16px;

    margin:0 0 30px;
    padding:0 0 30px;

    border-bottom:1px solid #dce5f1;

    list-style:none;
}

.trust-cta-points li{
    position:relative;

    margin:0;
    padding-left:36px;

    color:#243b58;

    font-size:.94rem;
    font-weight:700;
}

.trust-cta-points li::before{
    content:"✓";

    position:absolute;
    top:-1px;
    left:0;

    display:grid;
    width:23px;
    height:23px;
    place-items:center;

    border-radius:50%;

    background:#32bd78;
    color:#fff;

    font-size:.72rem;
    font-weight:900;

    box-shadow:0 5px 12px rgba(50,189,120,.22);
}


/* Aktionen */

.trust-cta-actions{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
}

.trust-primary-button{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center;
    gap:16px;

    padding:17px 24px;

    border-radius:14px;

    background:linear-gradient(
        135deg,
        #2c73ff,
        #0d55e8
    );

    color:#fff;

    box-shadow:0 16px 34px rgba(23,105,255,.30);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.trust-primary-button:hover{
    transform:translateY(-3px);

    box-shadow:0 21px 42px rgba(23,105,255,.39);
}

.trust-secondary-link{
    display:inline-flex;
    align-items:center;
    gap:11px;

    color:#1769ff;

    font-size:.94rem;
    font-weight:850;

    transition:gap .2s ease;
}

.trust-secondary-link:hover{
    gap:16px;
}


/* Tablet */

@media(max-width:1150px){

    .trust-cta-wrapper{
        grid-template-columns:1fr;
        gap:55px;
    }

    .trust-cta-card{
        max-width:720px;
    }

    .trust-industries{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}


/* ==========================================================
   TRUST + CTA – MOBILE FINAL
========================================================== */

@media(max-width:700px){

  .trust-cta-section{
    padding:58px 0 64px;
    overflow:hidden;
  }

  .trust-cta-section .container{
    width:min(calc(100% - 28px),680px);
    max-width:100%;
    margin-inline:auto;
  }

  .trust-cta-wrapper{
    display:grid;
    grid-template-columns:1fr;
    gap:42px;
    width:100%;
    min-width:0;
  }

  .trust-content{
    width:100%;
    min-width:0;
  }

  .trust-eyebrow{
    max-width:100%;
    margin-bottom:20px;
    padding:9px 13px;
    font-size:.68rem;
    line-height:1.3;
    white-space:normal;
  }

  .trust-content h2{
    width:100%;
    max-width:100%;
    margin-bottom:18px;

    font-size:clamp(2rem,9.4vw,2.65rem);
    line-height:1.06;
    letter-spacing:-.04em;

    overflow-wrap:anywhere;
  }

  .trust-description{
    width:100%;
    max-width:100%;
    margin-bottom:30px;

    font-size:.95rem;
    line-height:1.65;

    overflow-wrap:anywhere;
  }

  /* Auf dem Smartphone EINE Karte pro Reihe */
  .trust-industries{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;

    width:100%;
    margin-bottom:30px;
  }

  .trust-industry-card{
    width:100%;
    min-width:0;
    min-height:0;

    aspect-ratio:4 / 5;

    border-radius:22px;
  }

  .trust-industry-card > img{
    width:100%;
    height:100%;
    min-height:0;

    object-fit:cover;
    object-position:center;
  }

  .trust-industry-icon{
    bottom:62px;

    width:56px;
    height:56px;
  }

  .trust-industry-overlay{
    padding:28px 12px 18px;
  }

  .trust-industry-overlay span{
    font-size:1rem;
  }

  .trust-rating{
    display:flex;
    width:100%;
    flex-direction:column;
    align-items:flex-start;
    gap:9px;

    font-size:.88rem;
  }

  .trust-rating-divider{
    display:none;
  }

  /* CTA */
  .trust-cta-card{
    width:100%;
    max-width:100%;
    min-width:0;

    padding:28px 22px;

    border-radius:24px;
  }

  .trust-cta-icon{
    width:58px;
    height:58px;
    margin-bottom:24px;
  }

  .trust-cta-card h3{
    width:100%;
    max-width:100%;

    font-size:clamp(1.85rem,8.5vw,2.3rem);
    line-height:1.08;

    overflow-wrap:anywhere;
  }

  .trust-cta-card > p{
    width:100%;
    max-width:100%;

    font-size:.94rem;
    line-height:1.6;

    overflow-wrap:anywhere;
  }

  .trust-cta-points{
    gap:14px;
    margin-bottom:26px;
    padding-bottom:26px;
  }

  .trust-cta-points li{
    padding-left:34px;
    font-size:.9rem;
    line-height:1.45;
  }

  .trust-primary-button{
    width:100%;
    min-width:0;
    padding:15px 18px;
    text-align:center;
  }

  .trust-secondary-link{
    justify-content:center;
    width:100%;
  }
}