.three-light { 
    position: relative; background-color: #F6F7F7; overflow: hidden; padding: 1.625rem 0 1.625rem 0;
    left: 50%;            /* center relative to container */
    transform: translateX(-50%);
    width: 100vw;         /* full page width */
    max-width: 100vw;
}
.three-light__bg {
position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
width: min(100%, 520px); height: auto; max-width: 530px; max-height: 530px;
pointer-events: none; user-select: none; opacity: 0.035; z-index: 0;
}
.three-light__inner {
position: relative; z-index: 1;
max-width: 1240px; margin: 0 auto; padding: 2rem 1.25rem;
display: grid; grid-template-rows: auto auto auto; gap: 3rem; text-align: center;

    @media (min-width: 768px)  { 
        padding: 3rem;
    }

    @media (min-width: 1400px)  { 
        padding: 3rem 0;
    }
}
.three-light__intro { margin: 0 auto; max-width: 70ch; color: #475569; }

.three-light__cards {
display: grid; gap: 40px;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-items: center; align-items: stretch;
list-style:none;
padding-left: unset;
}
.tcard {
background: #FDFDFD; border-radius: 4px; box-shadow: 0 4px 4px rgba(0,0,0,.10);
max-width: unset; width: 100%; min-height: 154px; box-sizing: border-box;
padding: 1rem; display: flex; flex-direction: column; align-items: flex-start; text-align: left;
border-left: 6px solid #2F8CE9;
    @media (min-width: 576px) {
        max-width: 392px;
    }
}
.tcard__quote { margin: 0 0 0.5rem; min-height: 80px; font-weight: 400; }
.tcard__byline { margin: 0; color: #2B3841; font-family: 'Roboto', sans-serif; font-size: 0.875rem !important; line-height: 0.875; font-weight: 500 !important;}

@media (max-width: 1024px) { .three-light__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .three-light__cards { grid-template-columns: 1fr; } }



/* Polish CSS */
:root{--ease:cubic-bezier(.22,.61,.36,1)}

/* .tcard{position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.tcard:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.12)} */

@media (prefers-reduced-motion:reduce){.tcard{transition:none}}