/* ==========================================================================
   WF SecurityCloud — startsidan
   Endast det som är unikt för startsidan. Allt återanvändbart ligger i core.css.
   ========================================================================== */

.card__badge { align-self: flex-start; margin-bottom: var(--sp-4); }

.prose-p + .prose-p { margin-top: var(--sp-4); }

h2 + .prose-p,
h2 + .checklist,
h2 + .grid { margin-top: var(--sp-5); }


.section-more { margin-top: var(--sp-6); }

.licensing-points,
.panel-points { margin-top: var(--sp-6); }

/* Integritetssektionen har två kolumner i högerspalten — stapla dem tidigare */
@media (min-width: 961px) and (max-width: 1200px) {
    .compare { grid-template-columns: 1fr; }
}

/* Återförsäljarremsan */
.reseller-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-6);
    padding: clamp(1.75rem, 4vw, 2.5rem);
    background: var(--bg-surface);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
}
.reseller-strip > div { max-width: 620px; }
.reseller-strip h2 { font-size: var(--fs-h3); }
.reseller-strip .prose-p { margin-top: var(--sp-3); font-size: var(--fs-sm); }

/* Stegkedjan får en tunn förbindelselinje mellan korten på breda skärmar */
@media (min-width: 961px) {
    .steps--row .step + .step::after {
        content: "";
        position: absolute;
        top: calc(var(--sp-6) + 15px);
        right: 100%;
        width: var(--sp-5);
        height: 1px;
        background: var(--line-accent);
    }
}