:root {
    color: #1f2933;
    background: #f7f8fa;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.55;
    text-rendering: optimizeLegibility;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

.shell {
    display: grid;
    gap: 3rem;
    max-width: 62rem;
    min-height: 100vh;
    margin: 0 auto;
    padding: clamp(2rem, 7vw, 6rem) clamp(1rem, 4vw, 3rem);
    align-content: center;
}

.shell__header,
.shell__section {
    max-width: 48rem;
}

.shell__eyebrow {
    margin: 0 0 0.75rem;
    color: #52606d;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

h1,
h2 {
    margin: 0;
    color: #102a43;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

h1 {
    max-width: 14ch;
    font-size: clamp(2.5rem, 7vw, 5rem);
}

h2 {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
}

.shell__lede,
.shell__section p {
    max-width: 55ch;
    color: #334e68;
    font-size: 1.125rem;
}

.shell__section {
    border-top: 1px solid #bcccdc;
    padding-top: 1.5rem;
}

:focus-visible {
    outline: 3px solid #0b69a3;
    outline-offset: 3px;
}