/*.nc-section-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    margin-bottom:40px;

}*/

.nc-section-header h2{

    font-size:34px;

    margin:0;

}

.nc-section-header p{

    color:#64748b;

    margin-top:8px;

}

.nc-section-header a{

    text-decoration:none;

    color:#2563eb;

    font-weight:600;

}

/* ==========================================================
   Section Header
   ========================================================== */

/* --------------------------------------------------------------
   Section Header
-------------------------------------------------------------- */

.nc-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;

    margin-bottom: 28px;
    padding-bottom: 20px;

    border-bottom: 1px solid var(--nc-border);
}

.nc-section-header__content {
    min-width: 0;
}

.nc-section-header__title {
    position: relative;

    margin: 0;
    padding-left: 16px;

    font-size: clamp(26px, 3vw, 36px);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -0.035em;

    color: var(--nc-text, #0f172a);
}

/* Accent line */

.nc-section-header__title::before {
    content: '';

    position: absolute;
    left: 0;
    top: 3px;
    bottom: 3px;

    width: 4px;

    border-radius: 999px;

    background: linear-gradient(
        180deg,
        #2563eb,
        #7c3aed
    );
}

.nc-section-header__description {
    max-width: 620px;

    margin: 9px 0 0;

    font-size: 15px;
    line-height: 1.6;

    color: var(--nc-muted, #64748b);
}


/* --------------------------------------------------------------
   View All Button
-------------------------------------------------------------- */

.nc-section-header__action {
    flex-shrink: 0;
}

.nc-section-header__button {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 10px 16px;

    border: 1px solid var(--nc-border-strong);
    border-radius: 999px;

    background: var(--nc-surface, #fff);

    color: var(--nc-text, #0f172a);

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    box-shadow: var(--nc-shadow-sm);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.nc-section-header__button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    background: #eef2ff;

    color: #4f46e5;

    font-size: 15px;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease;
}

.nc-section-header__button:hover {
    transform: translateY(-2px);

    border-color: rgba(79, 70, 229, 0.25);

    color: #4f46e5;

    box-shadow: var(--nc-shadow-md);
}

.nc-section-header__button:hover span {
    transform: translateX(2px);

    background: #4f46e5;
    color: #fff;
}

/*.nc-section-header__description{
    margin:12px 0 0;
    font-size:1rem;
    line-height:1.7;
    color:var(--nc-text-muted,#64748b);
    max-width:640px;
}*/

/*.nc-section-header__action{
    flex-shrink:0;
}

.nc-section-header__button{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 20px;
    border:1px solid var(--nc-border-color,#e2e8f0);
    border-radius:999px;
    background:#fff;
    color:var(--nc-primary,#2563eb);
    font-size:.95rem;
    font-weight:600;
    text-decoration:none;
    transition:all .25s ease;
}
*/
/*.nc-section-header__button:hover{
    background:var(--nc-primary,#2563eb);
    color:#fff;
    border-color:var(--nc-primary,#2563eb);
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(37,99,235,.15);
}*/

.nc-section-header--center{
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.nc-section-header--center
.nc-section-header__description{
    max-width:720px;
}

/* ==========================================================
   Platform Badge
   ========================================================== */

.nc-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 16px;

    border-radius:999px;

    background:#fff;

    border:1px solid #e2e8f0;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    color:#334155;

    transition:.25s;

}

.nc-platform-badge:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 24px rgba(15,23,42,.08);

}

.nc-platform-badge__icon{

    font-size:18px;

    line-height:1;

}

.nc-platform-badge--windows{

    color:#2563eb;

}

.nc-platform-badge--android{

    color:#16a34a;

}

.nc-platform-badge--macos{

    color:#6b7280;

}

.nc-platform-badge--linux{

    color:#ea580c;

}

.nc-platform-badge--ios{

    color:#111827;

}

.nc-platform-badge--web{

    color:#0891b2;

}

/* --------------------------------------------------------------
   Surface
-------------------------------------------------------------- */

.nc-surface {
    background: var(--nc-surface);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-lg);
    box-shadow: var(--nc-shadow-sm);
}

.nc-surface--soft {
    background: var(--nc-surface-soft);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-lg);
}

.nc-surface--elevated {
    background: var(--nc-surface);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-lg);
    box-shadow: var(--nc-shadow-md);
}

@media (max-width: 640px) {

    .nc-section-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;

        margin-bottom: 22px;
        padding-bottom: 16px;
    }

    .nc-section-header__title {
        font-size: 27px;
    }

    .nc-section-header__description {
        font-size: 14px;
    }

    .nc-section-header__button {
        padding: 9px 14px;
    }

}

@media (max-width:768px){

    .nc-section-header{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .nc-section-header__title{
        font-size:1.75rem;
    }

    .nc-section-header__button{
        width:100%;
        justify-content:center;
    }
}