@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Medium.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Bold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-SemiBoldItalic.ttf") format("truetype");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-BoldItalic.ttf") format("truetype");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-ExtraBold.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 800 900;
}

:root {
    --fogel-navy: #1d2551;
    --fogel-yellow: #ffc700;
    --fogel-soft: #fafaf6;
    --fogel-white: #ffffff;
    --fogel-border: #e4e7ef;
    --fogel-muted: #5d667a;
    --fogel-page-padding: clamp(1.5rem, 4vw, 4.5rem);
    --fogel-content-width: 74rem;
    --fogel-heading-font: "Poppins", Arial, sans-serif;
    --fogel-body-font: "Poppins", Arial, sans-serif;
    --fogel-radius: 0.5rem;
    --fogel-shadow: 0 1.25rem 3rem rgba(29, 37, 81, 0.1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--fogel-navy);
    font-family: var(--fogel-body-font);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4, p, ul, ol { margin-top: 0; }
h1, h2, h3, h4 {
    color: var(--fogel-navy);
    font-family: var(--fogel-heading-font);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.08;
}
h1 { margin-bottom: 1.5rem; font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 700; }
h2 { margin-bottom: 1.25rem; font-size: clamp(1.9rem, 3.2vw, 3.45rem); }
h3 { margin-bottom: 0.8rem; font-size: clamp(1.2rem, 1.7vw, 1.55rem); line-height: 1.2; }
h3 + p, h3 + ul, h3 + ol { margin-top: 0; }
p, li { color: var(--fogel-muted); }
ul, ol { padding-left: 1.25rem; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.fogel-container { width: min(var(--fogel-content-width), calc(100% - (var(--fogel-page-padding) * 2))); margin-inline: auto; }
.fogel-section { padding-block: clamp(4.5rem, 8vw, 8rem); }
.fogel-content { max-width: 48rem; }
.fogel-page > * { width: 100%; }
.fogel-eyebrow { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 1rem; color: var(--fogel-navy); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; }
.fogel-eyebrow::before { width: 1.1rem; height: 2px; background: var(--fogel-yellow); content: ""; }
.fogel-eyebrow--light { color: var(--fogel-white); }
@media (max-width: 48rem) { html { scroll-padding-top: 5rem; } .fogel-section { padding-block: 4.25rem; } }