:root {
    --color-primary: #1259a7;
    --color-primary-dark: #0b3d75;
    --color-text: #666666;
    --color-muted: #657180;
    --color-surface: #fff;
    --color-background: #f6f8fb;
    --color-border: #dce2e8;
    --container-width: 1200px;
    --radius: .5rem;
    --shadow: 0 8px 28px rgba(20, 35, 50, .08);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--color-text); background: var(--color-background); font-family: 'Hind', sans-serif; }
img { max-width: 100%; height: auto; }


.header {width: 100%; position: relative; box-sizing: border-box; padding: 15px 0;}
.header-inner {width: calc(100% - 120px); margin: 0 auto; position: relative;}
.brand {width: 100%; max-width: 60px;}