:root {
  --itbox-blue: #2f5590;
  --itbox-deep: #0b1b2b;
  --itbox-paper: #fafaf8;
  --itbox-surface: #ffffff;
  --itbox-muted: #5d6872;
  --itbox-line: #d7d7d2;
  --itbox-accent: #e28a38;
  --itbox-content: 1240px;
  --itbox-gutter: clamp(14px, 3vw, 32px);
  --itbox-section: clamp(72px, 8vw, 112px);
  --itbox-font: Inter, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html {
  font-family: var(--itbox-font);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}
body { margin: 0; background: var(--itbox-paper); color: var(--itbox-deep); }
img { max-width: 100%; }
h1, h2, h3 { text-wrap: balance; }
p, li { text-wrap: pretty; }
a, button, input, textarea, select { font: inherit; }

.wrap {
  width: min(calc(100% - (var(--itbox-gutter) * 2)), var(--itbox-content));
  margin-inline: auto;
}

.skip-link {
  position: fixed;
  left: 16px;
  top: -80px;
  z-index: 10000;
  padding: 12px 16px;
  background: var(--itbox-surface);
  color: var(--itbox-deep);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}
.skip-link:focus { top: 16px; }

:where(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid var(--itbox-accent);
  outline-offset: 4px;
}

.button,
.itbox-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 21px;
  border: 1px solid var(--itbox-blue);
  border-radius: 3px;
  background: var(--itbox-blue);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.button.secondary,
.itbox-button--secondary {
  background: transparent;
  color: var(--itbox-deep);
  border-color: #87929b;
}

.eyebrow,
.itbox-label {
  color: var(--itbox-blue);
  font: 800 .72rem/1.3 var(--itbox-font);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.crumbs,
.itbox-crumbs {
  color: #68737c;
  font-size: .8rem;
}
.crumbs a,
.itbox-crumbs a { color: var(--itbox-blue); font-weight: 750; }

.itbox-section { padding-block: var(--itbox-section); }
.itbox-section--alt { background: #e9e7e1; }

@media (max-width: 680px) {
  :root { --itbox-gutter: 14px; --itbox-section: 72px; }
  .button, .itbox-button { width: 100%; min-height: 50px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
.footer-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.youtube-link{display:inline-flex;align-items:center;gap:7px}.youtube-link::before{content:"";width:18px;height:13px;border:1.5px solid currentColor;border-radius:4px;display:inline-block}.youtube-link::after{content:"▶";font-size:7px;margin-left:-20px;margin-right:6px}.youtube-link:hover,.youtube-link:focus-visible{color:#fff}@media(max-width:800px){.footer-links{gap:16px}}