:root {
    --bg: #f7f8fb;
    --surface: #ffffff;
    --text: #10213d;
    --muted: #667085;
    --line: #e5e9f0;
    --accent: #e3272d;
    --accent-dark: #c91f25;
    --navy: #10213d;
    --radius: 24px;
    --shadow: 0 18px 50px rgba(16, 33, 61, .12);
    --container: 1240px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color: var(--text);
    background: var(--bg);
    line-height: 1.5;
}

img { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }

button, input, select, textarea { font: inherit; }

.container {
    width: min(calc(100% - 40px), var(--container));
    margin-inline: auto;
}

.accent { color: var(--accent); }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

[hidden] {
    display: none !important;
}