/*
 * Home Trust strip — three CTAs side-by-side just above the footer.
 *
 * The first item is interactive (links to the quote page) and gets
 * a hover/focus emphasis; the other two are informational.
 */

.ecko-home-trust {
    background-color: var(--section);
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
    padding: 32px 0;
}

.ecko-home-trust__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.ecko-home-trust__item {
    background-color: var(--paper);
    border: 1px solid var(--rule);
    border-radius: 4px;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--ink);
    text-decoration: none;
}

.ecko-home-trust__item--cta {
    position: relative;
    transition: border-color 150ms cubic-bezier(0.16, 1, 0.3, 1),
                background-color 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

.ecko-home-trust__item--cta:hover,
.ecko-home-trust__item--cta:focus-visible {
    border-color: var(--kelly);
    background-color: var(--paper);
}

.ecko-home-trust__item--cta:focus-visible {
    outline: 2px solid var(--kelly);
    outline-offset: 2px;
}

.ecko-home-trust__item strong {
    font-size: 18px;
    font-weight: 700;
    color: var(--forest-deep);
    line-height: 1.2;
}

.ecko-home-trust__detail {
    font-size: 13px;
    color: var(--mute);
}

.ecko-home-trust__arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: var(--kelly-hover);
}

@media (max-width: 767px) {
    .ecko-home-trust__inner {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ecko-home-trust__item--cta {
        transition: none;
    }
}