/* STATS SECTION (Market Leader) Styles */

.section-divider-top {
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
    margin: 0;
}

#stats {
    background: #fff;
    padding: 100px 0 140px 0; /* Adjusted base padding */
    position: relative;
}

.stats-heading {
    font-family: 'Open Sans', sans-serif;
    font-size: 62px;
    font-weight: 300;
    line-height: 68px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 62px; /* Figma: 62px gap to line */
    letter-spacing: -1%;
    width: 100%;
    max-width: 911px; /* Figma specified width for heading */
}

.stats-heading span.red-hint {
    color: #E21E26;
    font-weight: 300;
}

/* Tiptap wraps content in <p> — strip its margin inside heading */
.stats-heading p {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
}


.stats-line-middle {
    height: 1px;
    background-color: #EEEEEE;
    margin-bottom: 62px; /* Figma: 62px gap to paragraphs */
    width: 100%; /* Spans the entire custom-grid-container width */
}

.stats-body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.111vw !important;  /* 16px @ 1440px */
    font-weight: 400 !important;
    line-height: 1.667vw !important; /* 24px @ 1440px */
    color: #000000;
    margin: 0;
}

.stats-body p,
.stats-body span,
.stats-body * {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.111vw !important;
    font-weight: 400 !important;
    line-height: 1.667vw !important;
    color: #000000;
}

/* Flex Container for the asymmetrical text blocks */
.stats-text-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.stats-block-1 { 
    flex: 0 0 49.48%; /* 574/1160 relative to grid */
    max-width: 49.48%;
}

.stats-block-2 { 
    flex: 0 0 39.4%; /* 457/1160 relative to grid */
    max-width: 39.4%;
    margin-left: 50.51%; /* (726-140)/1160 start position */
    margin-top: 110px; /* 184px - line/start diff approx. to match visual vertical step */
}

/* Responsive fixes */
@media (max-width: 1399px) {
    .stats-heading { font-size: 52px; line-height: 58px; max-width: 100%; }
}

@media (max-width: 1199px) {
    .stats-block-1 { flex: 0 0 100%; max-width: 100%; margin-bottom: 40px; }
    .stats-block-2 { flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-top: 0; }
}

@media (max-width: 767px) {
    .stats-heading { font-size: 32px; line-height: 38px; margin-bottom: 32px; }
    .stats-line-middle { margin-bottom: 32px; }
    #stats { padding: 60px 0; }
    .stats-body,
    .stats-body p,
    .stats-body span,
    .stats-body * { font-size: 16px !important; line-height: 24px !important; }
}