/* Orange claim strip under the hero — fig 7033:2110. Full-bleed gradient, the
   claims spread across the 1430 column with a check badge between each pair.

   Below the width the 1440 frame draws that row at, the row loops: it is
   printed twice inside .corp-trust-track and the track travels half its own
   width. That is the behaviour parts/gst-trust-bar gives the franchise and
   school landings; the markup here is corporate's own because the shared part
   cannot draw the rating chip — parts/corporate-hero.php says why. */

.gst-corppage .corp-trust-bar {
    background: linear-gradient(90deg, #f69924 0%, #ff6b00 100%);
    /* the travelling row is wider than the bar by design */
    overflow: hidden;
}

.gst-corppage .corp-trust-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    box-sizing: border-box;
    max-width: 1470px;
    margin-inline: auto;
    padding-block: 35px;
    padding-inline: 20px;
}

/* where the row fits, the copy is out of the layout */
.gst-corppage .corp-trust-track > [aria-hidden="true"] {
    display: none;
}

.gst-corppage .corp-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
}

.gst-corppage .corp-trust-sep,
.gst-corppage .corp-trust-star {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

/* Wrapping would strand a check badge at the start of a line, so the row loops
   rather than repacking. Both narrow mocks keep the desktop spread and let the
   claims run past the right edge — the 1440 frame's own row at 768, a 1200-wide
   one at 375 — so it is those rows that travel. */
@media (max-width: 1439px) {
    .gst-corppage .corp-trust-track {
        display: flex;
        width: max-content;
        animation: corp-trust-marquee 30s linear infinite;
    }

    .gst-corppage .corp-trust-track > [aria-hidden="true"] {
        display: flex;
    }

    /* min-, not width: more claims than the frames draw have to widen the row
       rather than spill out of it, or the track stops being twice one row and
       the loop meets itself mid-claim */
    .gst-corppage .corp-trust-inner {
        min-width: 1440px;
        max-width: none;
    }
}

@media (max-width: 767px) {
    .gst-corppage .corp-trust-inner {
        min-width: 1200px;
        gap: 16px;
        padding-inline: 16px;
    }

    /* the phone frame is the only one that steps the claims down from 20 */
    .gst-corppage .corp-trust-item {
        font-size: 16px;
    }
}

@keyframes corp-trust-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* Parking the row would leave every claim past the first behind the bar's clip
   with no way to reach it, so the stopped row is made scrollable by hand. The
   copy goes with the animation: two identical rows to scroll through read as a
   glitch. */
@media (prefers-reduced-motion: reduce) {
    .gst-corppage .corp-trust-track {
        animation: none;
    }

    .gst-corppage .corp-trust-track > [aria-hidden="true"] {
        display: none;
    }

    .gst-corppage .corp-trust-bar {
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .gst-corppage .corp-trust-bar::-webkit-scrollbar {
        display: none;
    }
}