.sps-lc,
.sps-lc * {
    box-sizing: border-box;
}

.sps-lc {
    --sps-lc-bg: #071425;
    --sps-lc-panel: rgba(255, 255, 255, 0.055);
    --sps-lc-border: rgba(255, 255, 255, 0.13);
    --sps-lc-text: #ffffff;
    --sps-lc-muted: rgba(255, 255, 255, 0.78);
    --sps-lc-accent: #ff304b;
    width: 100%;
    margin: 0 0 100px;
    padding: clamp(64px, 7vw, 100px) clamp(24px, 4.3vw, 70px);
    color: var(--sps-lc-text);
    background:
        radial-gradient(circle at 93% 0%, rgba(118, 25, 66, 0.22), transparent 29%),
        var(--sps-lc-bg);
}

.sps-lc__inner {
    width: min(100%, 1180px);
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.96fr);
    column-gap: clamp(60px, 10vw, 135px);
    row-gap: 58px;
    align-items: start;
}

.sps-lc__heading,
.sps-lc__copy {
    min-width: 0;
}

.sps-lc__eyebrow {
    display: block;
    margin-bottom: 20px;
    color: var(--sps-lc-accent);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.sps-lc__heading h2 {
    max-width: 590px;
    margin: 0;
    color: var(--sps-lc-text);
    font-size: clamp(38px, 4vw, 56px);
    font-weight: 750;
    line-height: 0.99;
    letter-spacing: -0.04em;
}

.sps-lc__copy {
    padding-top: 1px;
    color: var(--sps-lc-muted);
    font-size: 17px;
    line-height: 1.75;
}

.sps-lc__copy p {
    margin: 0 0 16px;
}

.sps-lc__copy p:last-child {
    margin-bottom: 0;
}

.sps-lc__points {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.sps-lc__point {
    min-height: 88px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    background: var(--sps-lc-panel);
    border: 1px solid var(--sps-lc-border);
    border-radius: 15px;
    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.sps-lc__point:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 48, 75, 0.5);
    background: rgba(255, 255, 255, 0.085);
}

.sps-lc__point > span {
    flex: 0 0 auto;
    color: var(--sps-lc-accent);
    font-size: 18px;
    font-weight: 800;
}

.sps-lc__point p {
    margin: 0;
    color: var(--sps-lc-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
}

.sps-lc-error {
    padding: 12px 16px;
    border-left: 4px solid #d63638;
    background: #fff;
}

@media (max-width: 1024px) {
    .sps-lc__inner {
        grid-template-columns: 1fr 1fr;
        column-gap: 50px;
    }

    .sps-lc__points {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .sps-lc {
        margin-bottom: 64px;
        padding: 58px 22px;
    }

    .sps-lc__inner {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .sps-lc__heading h2 {
        font-size: clamp(34px, 11vw, 46px);
        line-height: 1.03;
    }

    .sps-lc__copy {
        font-size: 16px;
        line-height: 1.7;
    }

    .sps-lc__points {
        grid-column: auto;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 8px;
    }

    .sps-lc__point {
        min-height: 70px;
        padding: 16px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sps-lc__point {
        transition: none;
    }
}