/* ── GLOBAL BASE STYLES ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --red:          #dc2626;
    --red-hover:    #b91c1c;
    --black:        #111111;
    --dark-footer:  #0a0a0a;
    --body-bg:      #f0f2f5;
    --section-bg:   #f7f8fa;
    --white:        #ffffff;
    --text-dark:    #1a1a1a;
    --text-mid:     #555555;
    --text-light:   #888888;
    --border:       #e2e4e8;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: var(--body-bg);
    color: var(--text-dark);
    line-height: 1.6;
}

/* Fluid section padding — shrinks on small screens, grows on large */
.section         { padding: clamp(2.5rem, 6vw, 5rem) clamp(4%, 5%, 5%); }
.section-white   { background: var(--white); }
.section-gray    { background: var(--section-bg); }

.sec-head        { text-align: center; margin-bottom: clamp(1.75rem, 4vw, 3rem); }
.sec-head h2     { font-size: clamp(1.4rem, 3.5vw, 2.5rem); font-weight: 800; color: var(--text-dark); }
.sec-head-line   { width: 50px; height: 3px; background: var(--red); margin: 0.6rem auto; }
.sec-head p      { color: var(--text-mid); font-size: clamp(0.82rem, 1.5vw, 0.95rem); margin-top: 0.5rem; }