/* ========== SECTIONS COMMON ========== */
.section-badge{
    display:inline-block;
    padding:8px 16px;
    font-size:12px;
    font-weight:700;
    color:var(--primary);
    background:rgba(0,188,212,.1);
    border:1px solid rgba(0,188,212,.2);
    border-radius:100px;
    text-transform:uppercase;
    letter-spacing:.15em;
    margin-bottom:24px;
}
.section-title{
    font-family:var(--font);
    font-size:clamp(36px,5vw,56px);
    font-weight:700;
    line-height:1.1;
    letter-spacing:-.03em;
    margin-bottom:24px;
}
.title-gradient{
    background:linear-gradient(135deg,var(--primary),var(--primary-light));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.section-desc{
    font-size:18px;
    line-height:1.7;
    color:var(--text-soft);
    max-width:600px;
    margin:0 auto;
}

/* ========== RESPONSIVE ========== */
@media(max-width:768px){
    .section-badge{
        font-size:11px;
        padding:7px 14px;
        letter-spacing:.12em;
    }
    
    .section-title{
        font-size:clamp(32px,6vw,44px);
        margin-bottom:20px;
    }
    
    .section-desc{
        font-size:16px;
    }
}

@media(max-width:480px){
    .section-badge{
        font-size:10px;
        padding:6px 12px;
    }
    
    .section-title{
        font-size:28px;
        margin-bottom:16px;
    }
    
    .section-desc{
        font-size:15px;
    }
}