/*
 Theme Name:   Websalty
 Theme URI:    https://websalty.com/
 Description:  Full-Cycle Brand & Digital Engineering.
 Author:       Websalty
 Version:      14.0.0
 Text Domain:  websalty
*/

/* --- CORE BRAND STYLES --- */
body { 
    background-color: #F9F9F9; 
    color: #121212; 
    font-family: 'Inter', sans-serif; 
    margin: 0;
}

.accent-yellow { color: #EAB308; }

.text-huge { 
    font-size: clamp(3.5rem, 12vw, 11rem); 
    line-height: 0.82; 
    font-weight: 900; 
    letter-spacing: -0.06em; 
}

.section-label { 
    font-size: 10px; 
    font-weight: 900; 
    text-transform: uppercase; 
    letter-spacing: 0.5em; 
    color: #EAB308; 
    margin-bottom: 2.5rem; 
    display: block; 
}

/* --- LOGIC PILLS --- */
.pill { 
    padding: 4px 12px; 
    border: 1px solid rgba(0,0,0,0.1); 
    border-radius: 100px; 
    font-size: 8px; 
    font-weight: 700; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    color: #121212; 
    transition: all 0.3s ease; 
}

.pill:hover { 
    background: #121212; 
    color: #fff; 
    border-color: #121212; 
}

.system-dot { 
    width: 4px; 
    height: 4px; 
    border-radius: 50%; 
    background: #EAB308; 
    display: inline-block; 
    margin-right: 6px; 
}

/* --- MOBILE RESPONSIVENESS --- */
@media (max-width: 1024px) {
    .text-huge { font-size: 3.2rem !important; line-height: 0.9; }
}