*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --blue-primary: #007caa;
    --blue-dark: #005f82;
    --blue-bg: #edf7fb;
    --orange: #f68f33;
    --white: #ffffff;
    --gray-bg: #f5f5f5;
    --gray-border: #e0e0e0;
    --gray-text: #515151;
    --dark: #2a2a2a;
    --footer-color: rgb(0, 93, 128);
}

html { height: 100%; }

body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--dark);
    line-height: 1.7;
    background: var(--white);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.brand {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--dark);
    text-decoration: none;
}

.brand span {
    color: var(--blue-primary);
}

/* -- Footer -- */
.footer-henix {
    background: var(--gray-bg);
    border-top: 1px solid var(--gray-border);
    padding: 1rem 2rem;
    font-size: 0.82rem;
    font-weight: 400;
    color: var(--footer-color);
}

.footer-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-brand {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer-logo a {
    display: flex;
    align-items: center;
}

.footer-logo img {
    height: 24px;
    width: auto;
}

.footer-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 400;
    white-space: nowrap;
}

.footer-item svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--footer-color);
    stroke-width: 1.5;
    flex-shrink: 0;
}

.footer-item.linkedin svg {
    fill: var(--footer-color);
    stroke: none;
}

a.footer-item,
.footer-item a,
.footer-row a {
    color: var(--footer-color);
    text-decoration: none;
}

a.footer-item:hover,
.footer-item a:hover,
.footer-row a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .footer-henix { padding: 1rem 1.5rem; }
    .footer-row { gap: 1rem; }
    .footer-item { white-space: normal; }
}