:root {
    --bg: #f7f9fc;
    --surface: #ffffff;
    --surface-soft: #edf4f2;
    --ink: #1f2933;
    --muted: #5d6878;
    --line: #d8e0ea;
    --teal: #177e89;
    --green: #236f5b;
    --coral: #c85f4a;
    --gold: #b8872f;
    --blue: #2f6fbb;
    --danger: #b42318;
    --danger-bg: #fff0ed;
    --shadow: 0 18px 45px rgba(26, 42, 58, 0.11);
    --radius: 8px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

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

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

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

button,
input,
textarea {
    font: inherit;
}

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

.section {
    padding: 56px 0;
}

.section-soft {
    background: var(--surface-soft);
}

.eyebrow {
    margin: 0 0 12px;
    color: var(--teal);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

h1,
h2,
h3,
p {
    margin-top: 0;
}

h1 {
    font-size: 3rem;
    line-height: 1.05;
    letter-spacing: 0;
}

h2 {
    font-size: 2rem;
    line-height: 1.18;
    letter-spacing: 0;
}

h3 {
    font-size: 1.18rem;
    line-height: 1.25;
    letter-spacing: 0;
}

p {
    color: var(--muted);
}

.readable {
    max-width: 760px;
}

@media (max-width: 760px) {
    .container {
        width: min(100% - 24px, 1120px);
    }

    .section {
        padding: 40px 0;
    }

    h1 {
        font-size: 2.25rem;
    }

    h2 {
        font-size: 1.55rem;
    }
}