/* Editorial Why SpotDefence layout: no card surfaces, one continuous story. */
#why-choose-us { padding: clamp(38px, 5vw, 62px) 0 46px; }
#why-choose-us > .container { position: relative; z-index: 1; }
#why-choose-us .sd-why-grid { border-top: 1px solid rgba(155,184,193,.28); }
#why-choose-us .sd-why-card {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) 190px;
    grid-template-rows: auto auto;
    column-gap: 20px;
    align-items: center;
    min-height: 142px;
    padding: 20px 0;
    border: 0;
    border-bottom: 1px solid rgba(155,184,193,.28);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
#why-choose-us .sd-why-card:hover { transform: none; border-color: rgba(155,184,193,.42); box-shadow: none; }
#why-choose-us .sd-why-card-head {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    margin: 0;
}
#why-choose-us .sd-why-icon { width: 38px; height: 38px; }
#why-choose-us .sd-why-num { order: -1; padding: 0; font-size: 13px; color: #7f8c9f; }
#why-choose-us .sd-why-card-title {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 8px;
    font-size: clamp(21px, 1.8vw, 27px);
    line-height: 1.12;
}
#why-choose-us .sd-why-card-title br { display: none; }
#why-choose-us .sd-why-card-body {
    grid-column: 2;
    grid-row: 2;
    max-width: 58ch;
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
}
#why-choose-us .sd-why-card-label {
    grid-column: 3;
    grid-row: 1 / 3;
    position: relative;
    margin: 0;
    padding: 0 34px 0 0;
    border: 0;
    font-size: 11px;
    line-height: 1.55;
    color: #c4ccda;
}
#why-choose-us .sd-why-card-label::after {
    content: "→";
    position: absolute;
    top: 50%;
    right: 2px;
    color: #ff6f70;
    font: 24px/1 var(--font-body);
    transform: translateY(-50%);
}
#why-choose-us .sd-why-foot { margin-top: 24px; padding-top: 0; border-top: 0; }

@media (min-width: 1025px) {
    #why-choose-us > .container {
        display: grid;
        grid-template-columns: .76fr 1.24fr;
        grid-template-areas: "intro benefits" "foot foot";
        gap: 0 72px;
        max-width: 1536px;
        padding-inline: 86px;
    }
    #why-choose-us .sd-why-intro { grid-area: intro; align-self: start; max-width: 540px; margin: 0; padding-top: 10px; }
    #why-choose-us .sd-why-title { font-size: clamp(42px, 3.6vw, 54px); }
    #why-choose-us .sd-why-lede { max-width: 42ch; font-size: 16px; }
    #why-choose-us .sd-why-grid { grid-area: benefits; display: block; }
    #why-choose-us .sd-why-foot { grid-area: foot; }
}

@media (max-width: 1024px) {
    #why-choose-us .sd-why-intro { margin-bottom: 30px; }
    #why-choose-us .sd-why-grid { display: block; }
}

@media (max-width: 700px) {
    #why-choose-us { padding: 48px 0; }
    #why-choose-us .sd-why-card {
        grid-template-columns: 52px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        min-height: 0;
        padding: 22px 0;
    }
    #why-choose-us .sd-why-card-head { grid-column: 1; grid-row: 1 / 3; }
    #why-choose-us .sd-why-card-title { grid-column: 2; grid-row: 1; font-size: 21px; }
    #why-choose-us .sd-why-card-body { grid-column: 2; grid-row: 2; }
    #why-choose-us .sd-why-card-label { grid-column: 2; grid-row: 3; margin-top: 14px; }
}