:root {
  --ink:#122e37;
  --muted:#5a7078;
  --green:#15875f;
  --mint:#c7f2dc;
  --line:#dce6e5;
  --paper:#f7f9f8;
  --blue:#416eff;
  --radius:18px;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:112px;
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
button,a {
  -webkit-tap-highlight-color:transparent;
}
button,input {
  font:inherit;
}
button,a {
  touch-action:manipulation;
}
button {
  color:inherit;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  cursor:pointer;
}
button:disabled {
  cursor:default;
}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:5px;
}
button:focus:not(:focus-visible) {
  outline:none;
}
[hidden] {
  display:none!important;
}
img,svg {
  max-width:100%;
  vertical-align:middle;
}
h1,h2,h3,h4,p {
  margin:0;
}
h1,h2,h3,h4 {
  line-height:1.12;
  letter-spacing:-.045em;
}
p {
  color:var(--muted);
}
.container {
  width:min(1280px,calc(100% - 80px));
  margin-inline:auto;
}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:100;
  padding:12px 20px;
  background:white;
}
.skip-link:focus {
  top:16px;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:29px;
  min-height:49px;
  padding:13px 24px;
  background:var(--ink);
  border:1px solid var(--ink);
  color:white;
  font-size:14px;
  font-weight:500;
  border-radius:7px;
  transition:background .2s,transform .2s;
}
.button:hover {
  background:#24505b;
  transform:translateY(-2px);
}
.button-secondary {
  background:transparent;
  border-color:#cddad8;
  color:var(--ink);
}
.button-secondary:hover {
  background:#e8efec;
}
.button>span {
  font-size:19px;
  line-height:1;
}
.text-link {
  display:inline-flex;
  gap:24px;
  align-items:center;
  color:var(--green);
  font-size:13px;
  font-weight:500;
  margin-top:10px;
}
.text-link:hover {
  text-decoration:underline;
  text-underline-offset:5px;
}
