@font-face {
  font-display: swap;
  font-family: proxima-nova;
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/ProximaNova/ProximaNova-BoldIt.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: proxima-nova;
  font-style: italic;
  font-weight: 300;
  src: url("/fonts/ProximaNova/ProximaNova-LightIt.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/ProximaNova/ProximaNova-Regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: proxima-nova;
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/ProximaNova/ProximaNova-RegularIt.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: proxima-nova;
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: proxima-nova;
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/ProximaNova/ProximaNova-Light.woff2") format("woff2");
}

@keyframes backgroundPositionPulse {
  30% {
    background-position: right 16px center;
  }
  65% {
    background-position: right 12px center;
  }
  100% {
    background-position: right 16px center;
  }
}

@keyframes backgroundPositionPulseLarger {
  30% {
    background-position: right 24px center;
  }
  65% {
    background-position: right 20px center;
  }
  100% {
    background-position: right 24px center;
  }
}

@keyframes translatePulse {
  0% {
    transform: translate(0px);
  }
  50% {
    transform: translate(4px);
  }
  100% {
    transform: translate(0px);
  }
}

:root {
  --theme: helm;
  --color-primary: #fbbc1b;
  --color-primary-dark: #c68f03;
  --color-red: #a71930;
  --color-red-dark: #a9172d;
  --color-blue: #fbbc1b;
  --color-blue-alert: #eff6f7;
  --color-blue-dark: #c68f03;
  --color-green: #d7e923;
  --color-green-alert: #fbfde9;
  --color-green-dark: #a1af00;
  --color-pink-alert: #fdecf5;
  --color-pink-light: #e4bac1;
  --color-pink: #fbbc1b;
  --color-pink-dark: #c68f03;
  --color-orange: #fbbc1b;
  --color-orange-alert: #fdf1ec;
  --color-orange-dark: #ba3400;
  --color-white: #fff;
  --color-white-25: hsla(0, 0%, 100%, 0.25);
  --color-grey-offwhite: #f5f5f5;
  --color-grey-light: #e3e6e8;
  --color-soft-grey: #b0b7bc;
  --color-slate-grey: #455560;
  --color-slate-grey-dark: #293339;
  --color-slate-grey-darker: #171e22;
  --color-black: #000;
  --color-black-15: rgba(0, 0, 0, 0.15);
  --color-black-25: rgba(0, 0, 0, 0.25);
  --color-story-background-color: #eef1f2;
  --font-family-primary: proxima-nova, Arial, sans-serif;
  --font-family-secondary: proxima-nova, Arial, sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}
html {
  overflow-y: scroll;
}
body {
  font-family: proxima-nova, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  color: rgb(69, 85, 96);
  margin: 0px;
  overflow: visible;
}

@media (min-width: 60rem) {
  body {
    font-size: 1rem;
  }
}

@media (min-width: 94rem) {
  body {
    font-size: 1.125rem;
  }
}

main:focus {
  outline: 0px;
}

img {
  block-size: auto;
  max-inline-size: 100%;
}

button,
input,
select,
textarea {
  font-family: proxima-nova, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgb(41, 51, 57);
}

.u-h1,
h1 {
  font-size: 1.75rem;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
}

@media (min-width: 60rem) {
  .u-h1,
  h1 {
    line-height: 1.3;
    font-size: 2.25rem;
  }
}

@media (min-width: 94rem) {
  .u-h1,
  h1 {
    line-height: 1.2;
    font-size: 3rem;
  }
}

.u-h2,
h2 {
  font-size: 1.75rem;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  margin-block: 2rem 1rem;
  margin-inline: 0px;
}

@media (min-width: 60rem) {
  .u-h2,
  h2 {
    line-height: 1.3;
    font-size: 2rem;
  }
}

@media (min-width: 94rem) {
  .u-h2,
  h2 {
    line-height: 1.3;
    font-size: 2.25rem;
    margin-block: 2rem 1.5rem;
    margin-inline: 0px;
  }
}

.u-h3,
h3 {
  font-size: 1.25rem;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  margin-block: 1.5rem 1rem;
  margin-inline: 0px;
}

@media (min-width: 60rem) {
  .u-h3,
  h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 94rem) {
  .u-h3,
  h3 {
    font-size: 1.5rem;
    margin-block-start: 2rem;
  }
}

ol,
p,
ul {
  margin-block-end: 1rem;
  margin-block-start: 1rem;
}

li:not([class]) {
  margin-block: 0.5rem;
  margin-inline: 0px;
}

a {
  box-shadow: rgb(176, 183, 188) 0px -1px 0px inset;
  color: rgb(41, 51, 57);
  text-decoration: none;
}

a:hover {
  box-shadow: rgb(41, 51, 57) 0px -1px 0px inset;
}

@media (prefers-reduced-motion: no-preference) {
  a {
    transition: 75ms ease-in;
  }
}

a:focus,
a:hover {
  color: rgb(41, 51, 57);
}

@keyframes bellshake {
  0% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-8deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes bellshake-hover {
  0% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-8deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='279' height='41' viewBox='0 0 279 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M2.51819 23.7129L15.5072 22.2606L8.31566 33.0241' stroke='%23FBBC1B' stroke-width='3.05425' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M14.8118 37.2492L20.4802 25.4728L25.7801 37.2831' stroke='%23FBBC1B' stroke-width='3.05425' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M38.2849 23.9305L25.3466 22.0814L32.2054 33.0602' stroke='%23FBBC1B' stroke-width='3.05425' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.48486 15.1197L15.4056 17.0881L8.64834 6.04675' stroke='%23FBBC1B' stroke-width='3.05425' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M14.5906 2.51871L20.259 14.2951L25.5589 2.48486' stroke='%23FBBC1B' stroke-width='3.05425' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M38.4073 15.1353L25.4873 17.1069L32.2418 6.06396' stroke='%23FBBC1B' stroke-width='3.05425' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M67.7309 32.3408V20.0919C67.7309 18.5879 67.3682 17.5535 66.643 16.9894C65.9177 16.4253 64.964 16.1433 63.7822 16.1433C62.7076 16.1433 61.7336 16.4121 60.8609 16.9491C59.9878 17.4869 59.2958 18.0911 58.7857 18.7623V32.3408H54.5551V5.46606H58.7857V15.5391C59.1081 15.1632 59.504 14.7873 59.9745 14.4107C60.444 14.0348 60.9748 13.6994 61.5659 13.4034C62.1566 13.1081 62.7947 12.8663 63.4797 12.6782C64.1647 12.4904 64.8962 12.3959 65.6757 12.3959C67.7709 12.3959 69.3423 12.9197 70.3899 13.9673C71.4375 15.0149 71.9613 16.546 71.9613 18.5606V32.3406H67.7306L67.7309 32.3408Z' fill='%23293339'/%3E %3Cpath d='M86.4263 32.8247C84.9757 32.8247 83.6261 32.5829 82.377 32.0992C81.1279 31.6159 80.0463 30.9244 79.1333 30.024C78.2199 29.1245 77.5077 28.0434 76.9979 26.7806C76.4871 25.5185 76.2323 24.1215 76.2323 22.5902C76.2323 21.1939 76.4741 19.8706 76.9576 18.6215C77.4411 17.3725 78.1191 16.2913 78.9924 15.3779C79.8649 14.4651 80.9062 13.7398 82.1152 13.2021C83.324 12.665 84.6536 12.3962 86.1041 12.3962C87.5547 12.3962 88.8704 12.6583 90.0528 13.1821C91.2345 13.7059 92.2419 14.4448 93.0747 15.3981C93.9069 16.3519 94.5518 17.4733 95.0087 18.7624C95.4652 20.052 95.6937 21.462 95.6937 22.9931V24.0007H80.6647C80.7453 24.7259 80.9397 25.4179 81.2488 26.0756C81.5574 26.7342 81.9741 27.3046 82.4979 27.7881C83.0217 28.2714 83.6524 28.6543 84.3916 28.9363C85.1302 29.2186 85.956 29.3595 86.8697 29.3595C87.8097 29.3595 88.7898 29.1781 89.811 28.8157C90.8316 28.4531 91.691 27.9227 92.3897 27.224L94.3238 30.0044C93.3568 30.9451 92.1883 31.6501 90.8183 32.1197C89.4484 32.5892 87.9839 32.8249 86.4265 32.8249L86.4263 32.8247ZM91.5837 21.019C91.5567 20.4549 91.4358 19.8643 91.221 19.2462C91.0056 18.6285 90.677 18.0714 90.2338 17.5739C89.7906 17.0771 89.2328 16.6675 88.5618 16.3449C87.8901 16.0225 87.0709 15.8616 86.1039 15.8616C85.1903 15.8616 84.4047 16.0165 83.7467 16.3251C83.0881 16.6341 82.5379 17.0371 82.0947 17.5338C81.6515 18.0311 81.3089 18.5884 81.0674 19.2061C80.8256 19.8242 80.6777 20.4286 80.6242 21.0192L91.5837 21.019Z' fill='%23293339'/%3E %3Cpath d='M99.8834 32.3408V5.46606H104.114V32.341L99.8834 32.3408Z' fill='%23293339'/%3E %3Cpath d='M133.447 32.3408V19.6487C133.447 18.6011 133.198 17.755 132.701 17.1103C132.204 16.4656 131.392 16.1433 130.264 16.1433C129.323 16.1433 128.443 16.419 127.624 16.9694C126.805 17.5202 126.18 18.1043 125.751 18.722V32.3408H121.52V19.6487C121.52 18.6011 121.272 17.755 120.775 17.1103C120.277 16.4656 119.452 16.1433 118.297 16.1433C117.356 16.1433 116.49 16.419 115.698 16.9694C114.905 17.5202 114.281 18.1178 113.824 18.7623V32.3408H109.594V12.8796H113.824V15.5389C114.012 15.2436 114.314 14.9143 114.731 14.5516C115.147 14.189 115.631 13.8464 116.182 13.5243C116.732 13.2017 117.35 12.9336 118.035 12.7184C118.72 12.5037 119.425 12.3959 120.15 12.3959C121.601 12.3959 122.769 12.7252 123.656 13.3831C124.542 14.0418 125.146 14.908 125.469 15.9821C125.737 15.5529 126.1 15.1227 126.557 14.6925C127.013 14.2633 127.53 13.8734 128.108 13.5243C128.685 13.1754 129.31 12.8999 129.982 12.6982C130.653 12.4967 131.351 12.3959 132.077 12.3959C133.876 12.3959 135.26 12.8794 136.227 13.8464C137.194 14.8134 137.677 16.2909 137.677 18.2786V32.3406H133.447L133.447 32.3408Z' fill='%23293339'/%3E %3Cpath d='M152.063 9.92805C151.633 9.92805 151.257 9.77363 150.934 9.46458C150.612 9.15597 150.451 8.7733 150.451 8.31613C150.451 7.85896 150.612 7.48372 150.934 7.18772C151.257 6.8924 151.633 6.74451 152.063 6.74451C152.519 6.74451 152.902 6.8924 153.211 7.18772C153.52 7.4835 153.674 7.85941 153.674 8.31613C153.674 8.77285 153.52 9.15574 153.211 9.46458C152.902 9.77363 152.519 9.92805 152.063 9.92805ZM151.015 32.4515V12.9903H153.11V32.4515H151.015Z' fill='%23293339'/%3E %3Cpath d='M172.772 32.4514V19.2758C172.772 18.3358 172.658 17.557 172.43 16.9388C172.201 16.3212 171.879 15.8246 171.463 15.448C171.046 15.0721 170.549 14.8034 169.972 14.6422C169.394 14.481 168.756 14.4004 168.058 14.4004C167.44 14.4004 166.823 14.495 166.205 14.6825C165.587 14.8709 164.996 15.1126 164.432 15.408C163.868 15.7037 163.357 16.0596 162.901 16.4756C162.444 16.8925 162.055 17.3154 161.732 17.7449V32.4516H159.637V12.9902H161.732V15.9315C162.081 15.5021 162.511 15.0852 163.022 14.6823C163.532 14.2796 164.096 13.9169 164.714 13.5944C165.332 13.272 165.983 13.0102 166.668 12.8088C167.353 12.6073 168.044 12.5065 168.743 12.5065C170.731 12.5065 172.249 13.0102 173.296 14.0175C174.344 15.0249 174.868 16.6302 174.868 18.8326V32.4514H172.772Z' fill='%23293339'/%3E %3Cpath d='M187.197 32.9348C185.612 32.9348 184.208 32.693 182.986 32.2093C181.764 31.726 180.669 30.9472 179.702 29.8724L180.951 28.3012C181.569 29.0805 182.429 29.7515 183.53 30.3156C184.631 30.8797 185.867 31.1619 187.237 31.1619C188.875 31.1619 190.151 30.786 191.065 30.0335C191.978 29.2819 192.435 28.3412 192.435 27.2133C192.435 26.3269 192.133 25.6419 191.528 25.1582C190.924 24.6749 190.165 24.2857 189.252 23.9899C188.338 23.6946 187.351 23.4258 186.29 23.1841C185.229 22.9423 184.242 22.6267 183.329 22.2371C182.415 21.8481 181.657 21.3173 181.052 20.6456C180.448 19.9746 180.146 19.0612 180.146 17.9058C180.146 17.1542 180.3 16.4489 180.609 15.7905C180.918 15.1326 181.368 14.5617 181.96 14.0782C182.551 13.5947 183.277 13.2118 184.137 12.9298C184.997 12.6477 185.979 12.5066 187.081 12.5066C188.774 12.5066 190.185 12.7889 191.314 13.353C192.443 13.917 193.356 14.5887 194.055 15.3673L192.887 16.8582C192.324 16.0796 191.541 15.4551 190.537 14.9847C189.532 14.5151 188.387 14.2797 187.102 14.2797C185.575 14.2797 184.383 14.6157 183.526 15.287C182.669 15.9587 182.241 16.8048 182.241 17.8254C182.241 18.631 182.543 19.2494 183.147 19.6786C183.752 20.1086 184.51 20.4642 185.424 20.7465C186.337 21.0285 187.324 21.2903 188.385 21.5321C189.446 21.7738 190.433 22.1099 191.347 22.5394C192.26 22.9693 193.019 23.5469 193.623 24.2719C194.228 24.997 194.53 25.978 194.53 27.2133C194.53 27.9926 194.372 28.7311 194.057 29.4294C193.742 30.1281 193.279 30.7388 192.667 31.2628C192.055 31.7866 191.293 32.1963 190.38 32.4916C189.466 32.7869 188.406 32.935 187.197 32.935V32.9348Z' fill='%23293339'/%3E %3Cpath d='M200.936 9.92805C200.506 9.92805 200.13 9.77363 199.808 9.46458C199.486 9.15597 199.324 8.7733 199.324 8.31613C199.324 7.85896 199.486 7.48372 199.808 7.18772C200.13 6.8924 200.506 6.74451 200.936 6.74451C201.393 6.74451 201.776 6.8924 202.085 7.18772C202.393 7.4835 202.548 7.85941 202.548 8.31613C202.548 8.77285 202.393 9.15574 202.085 9.46458C201.776 9.77363 201.393 9.92805 200.936 9.92805ZM199.889 32.4515V12.9903H201.984V32.4515H199.889Z' fill='%23293339'/%3E %3Cpath d='M216.207 40.3487C215.401 40.3487 214.655 40.3084 213.97 40.2278C213.285 40.1475 212.634 39.9924 212.016 39.7644C211.398 39.5359 210.807 39.2338 210.243 38.8579C209.679 38.4813 209.115 37.998 208.551 37.4074L209.76 35.7959C210.619 36.8163 211.546 37.5283 212.54 37.9312C213.533 38.3341 214.756 38.5358 216.206 38.5358C217.093 38.5358 217.939 38.421 218.745 38.1934C219.551 37.9647 220.256 37.5953 220.86 37.0853C221.464 36.5745 221.948 35.9301 222.311 35.1512C222.673 34.3717 222.855 33.4187 222.855 32.2905V29.2283C222.156 30.2225 221.216 31.0754 220.034 31.7869C218.852 32.4982 217.536 32.8546 216.085 32.8546C214.796 32.8546 213.614 32.6191 212.54 32.1493C211.465 31.6798 210.545 31.0009 209.78 30.1147C209.014 29.2283 208.423 28.1604 208.007 26.9116C207.59 25.6625 207.382 24.2593 207.382 22.7009C207.382 21.1698 207.59 19.7735 208.007 18.5107C208.423 17.2484 209.014 16.1736 209.78 15.2874C210.545 14.4009 211.465 13.716 212.54 13.2324C213.614 12.7489 214.796 12.507 216.085 12.507C217.482 12.507 218.765 12.8295 219.933 13.4742C221.102 14.1186 222.075 15.0053 222.855 16.1333V12.9905H224.99V32.2502C224.99 33.7543 224.755 35.0164 224.285 36.0374C223.815 37.058 223.177 37.8909 222.372 38.5358C221.566 39.1802 220.632 39.6437 219.571 39.9258C218.51 40.2078 217.388 40.3489 216.207 40.3489L216.207 40.3487ZM216.468 30.9606C217.137 30.9606 217.793 30.8667 218.436 30.6786C219.079 30.4911 219.681 30.2353 220.244 29.913C220.806 29.5907 221.308 29.2148 221.75 28.7848C222.192 28.3556 222.56 27.8984 222.855 27.4149V17.9462C222.56 17.4629 222.192 17.0062 221.75 16.5763C221.308 16.147 220.806 15.7704 220.244 15.4481C219.681 15.1257 219.079 14.8709 218.436 14.6825C217.793 14.495 217.137 14.4005 216.468 14.4005C215.396 14.4005 214.44 14.6089 213.596 15.0249C212.752 15.4418 212.042 16.0259 211.467 16.7777C210.891 17.53 210.449 18.4094 210.141 19.417C209.833 20.4243 209.679 21.5192 209.679 22.7007C209.679 23.8822 209.833 24.9773 210.141 25.9846C210.449 26.9919 210.891 27.8651 211.467 28.6036C212.042 29.3428 212.752 29.9202 213.596 30.3362C214.44 30.7531 215.396 30.9606 216.468 30.9606Z' fill='%23293339'/%3E %3Cpath d='M244.612 32.4513V19.1951C244.612 18.2551 244.498 17.4763 244.27 16.8579C244.042 16.2405 243.719 15.75 243.303 15.3874C242.886 15.0247 242.389 14.7699 241.812 14.622C241.234 14.4746 240.597 14.4003 239.899 14.4003C239.28 14.4003 238.663 14.4949 238.045 14.6824C237.427 14.8708 236.836 15.1125 236.272 15.4078C235.708 15.7036 235.198 16.0595 234.741 16.4755C234.284 16.8924 233.895 17.3153 233.573 17.7448V32.4515H231.477V5.57629H233.573V15.9314C233.921 15.5019 234.351 15.0851 234.862 14.6821C235.372 14.2794 235.936 13.9168 236.554 13.5942C237.172 13.2719 237.823 13.0101 238.508 12.8087C239.193 12.6072 239.885 12.5063 240.583 12.5063C242.571 12.5063 244.089 12.9971 245.137 13.9771C246.184 14.9579 246.708 16.5495 246.708 18.7517V32.451H244.613L244.612 32.4513Z' fill='%23293339'/%3E %3Cpath d='M257.465 32.9349C256.176 32.9349 255.215 32.5657 254.585 31.8292C253.953 31.0927 253.638 30.0539 253.638 28.7134V14.884H250.414V12.9902H253.638V7.67163H255.773V12.9902H259.722V14.884H255.773V28.3889C255.773 29.1657 255.934 29.802 256.257 30.2975C256.579 30.7936 257.089 31.0412 257.788 31.0412C258.244 31.0412 258.667 30.9473 259.057 30.7591C259.446 30.5714 259.748 30.3562 259.963 30.1144L260.769 31.7261C260.393 32.1025 259.95 32.3978 259.44 32.6126C258.929 32.8273 258.271 32.9351 257.465 32.9351V32.9349Z' fill='%23293339'/%3E %3Cpath d='M270.117 32.9348C268.532 32.9348 267.128 32.693 265.906 32.2093C264.684 31.726 263.59 30.9472 262.623 29.8724L263.872 28.3012C264.489 29.0805 265.349 29.7515 266.45 30.3156C267.552 30.8797 268.787 31.1619 270.157 31.1619C271.795 31.1619 273.072 30.786 273.985 30.0335C274.898 29.2819 275.355 28.3412 275.355 27.2133C275.355 26.3269 275.053 25.6419 274.449 25.1582C273.844 24.6749 273.085 24.2857 272.172 23.9899C271.259 23.6946 270.271 23.4258 269.211 23.1841C268.149 22.9423 267.162 22.6267 266.249 22.2371C265.336 21.8481 264.577 21.3173 263.973 20.6456C263.368 19.9746 263.066 19.0612 263.066 17.9058C263.066 17.1542 263.22 16.4489 263.529 15.7905C263.839 15.1326 264.289 14.5617 264.88 14.0782C265.471 13.5947 266.197 13.2118 267.057 12.9298C267.917 12.6477 268.899 12.5066 270.001 12.5066C271.694 12.5066 273.105 12.7889 274.234 13.353C275.363 13.917 276.277 14.5887 276.976 15.3673L275.807 16.8582C275.244 16.0796 274.461 15.4551 273.457 14.9847C272.452 14.5151 271.308 14.2797 270.022 14.2797C268.495 14.2797 267.303 14.6157 266.447 15.287C265.589 15.9587 265.161 16.8048 265.161 17.8254C265.161 18.631 265.463 19.2494 266.068 19.6786C266.672 20.1086 267.431 20.4642 268.344 20.7465C269.257 21.0285 270.244 21.2903 271.306 21.5321C272.366 21.7738 273.354 22.1099 274.267 22.5394C275.18 22.9693 275.939 23.5469 276.544 24.2719C277.148 24.997 277.45 25.978 277.45 27.2133C277.45 27.9926 277.292 28.7311 276.977 29.4294C276.663 30.1281 276.199 30.7388 275.587 31.2628C274.975 31.7866 274.213 32.1963 273.3 32.4916C272.387 32.7869 271.326 32.935 270.117 32.935V32.9348Z' fill='%23293339'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 53px 8px;
  background-color: transparent;
  border: 0px;
  color: transparent;
  font: 0px / 0 a;
  text-shadow: none;
  display: inline-block;
  block-size: 8px;
  inline-size: 53px;
}

.logo,
.logo:focus,
.logo:hover {
  box-shadow: none;
}

.logo:focus,
.logo:hover {
  background-color: transparent;
}

@media (min-width: 60rem) {
  .logo {
    background-size: 224px 33px;
    block-size: 33px;
    inline-size: 224px;
  }
}

@media (min-width: 82rem) {
  .logo {
    background-size: 224px 33px;
    block-size: 33px;
    inline-size: 224px;
  }
}

.skip-link {
  font-size: 1rem;
  border: 0px;
  clip: rect(0px, 0px, 0px, 0px);
  block-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  visibility: visible;
  white-space: nowrap;
  inline-size: 1px;
}

.skip-link,
.skip-link:active,
.skip-link:focus,
.skip-link:hover,
.skip-link:visited {
  color: rgb(41, 51, 57);
}

.skip-link:focus {
  display: block;
  block-size: 1.5rem;
  line-height: 1.5rem;
  position: static;
  text-align: center;
  text-decoration: none;
  inline-size: 100%;
}

.panel {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.panel::after {
  clear: both;
  content: "";
  display: table;
}

.panel--text-alignment-left {
  text-align: start !important;
}

.panel__headline {
  font-size: 1.75rem;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  margin-block-end: 3rem;
  margin-block-start: 0px;
  position: relative;
  text-align: center;
}

@media (min-width: 60rem) {
  .panel__headline {
    line-height: 1.3;
    font-size: 2rem;
  }
}

@media (min-width: 94rem) {
  .panel__headline {
    line-height: 1.3;
    font-size: 2.25rem;
  }
}

@media (min-width: 48rem) {
  .panel__headline {
    margin-block-end: 5rem;
  }
}

.panel__container {
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-inline-size: 82rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
}

.panel__text {
  margin-block-start: 2rem;
}

.panel__text,
.panel__text p {
  font-size: 0.875rem;
  line-height: 1.5;
}

@media (min-width: 60rem) {
  .panel__text,
  .panel__text p {
    font-size: 1rem;
  }
}

@media (min-width: 94rem) {
  .panel__text,
  .panel__text p {
    font-size: 1.125rem;
  }
}

.panel__placeholder {
  margin-inline-start: -2.5rem;
  margin-inline-end: -2.5rem;
}

@media (min-width: 60rem) {
  .panel__placeholder {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }
}

.header {
  z-index: 1000;
  background-color: rgb(255, 255, 255);
  position: relative;
  inline-size: 100%;
}

.header__container {
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-inline-size: 82rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  position: relative;
}

@media (min-width: 48rem) {
  .header__container {
    padding-block: 1rem;
  }
}

@media (min-width: 82rem) {
  .header__container {
    padding-block: 1.5rem;
  }
}

.headroom {
  background-color: rgb(255, 255, 255);
  inset-inline-start: 0px;
  max-inline-size: 100vw;
  position: fixed;
  inset-block-start: 0px;
  transition: none;
  inline-size: 100%;
  will-change: transform;
  z-index: 999;
}

@media (prefers-reduced-motion: no-preference) {
  .headroom {
    transition:
      box-shadow 0.35s ease-in-out,
      transform 0.35s ease-in-out;
  }
}

.headroom--pinned {
  transform: translateY(0px);
}

.headroom--unpinned {
  transform: translateY(-100%);
}

.headroom--not-top {
  box-shadow:
    rgba(0, 0, 0, 0.024) 0px 0.2px 0.7px,
    rgba(0, 0, 0, 0.035) 0px 0.5px 1.9px,
    rgba(0, 0, 0, 0.047) 0px 1.2px 4.5px,
    rgba(0, 0, 0, 0.07) 0px 4px 15px;
}

@media (min-width: 1248px) {
  .dropdown-navigation {
    display: block;
  }
}

.dropdown-navigation__expand--level-1 {
  background-color: transparent;
  border: 0px;
  cursor: pointer;
  margin-inline-end: -1rem;
  padding: 1rem;
}

.dropdown-navigation__expand--level-1 .dropdown-navigation__expand-button {
  display: block;
  block-size: 10px;
  overflow: hidden;
  position: relative;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  inline-size: 14px;
}

.dropdown-navigation__expand--level-1 .dropdown-navigation__expand-icon {
  display: block;
  text-align: start;
  text-indent: -9999em;
}

.dropdown-navigation__expand--level-1
  .dropdown-navigation__expand-button::after,
.dropdown-navigation__expand--level-1
  .dropdown-navigation__expand-button::before,
.dropdown-navigation__expand--level-1 .dropdown-navigation__expand-icon::after,
.dropdown-navigation__expand--level-1
  .dropdown-navigation__expand-icon::before {
  background-color: rgb(41, 51, 57);
  border-radius: 2px;
  content: "";
  display: block;
  block-size: 2px;
  inset-inline-start: 0px;
  opacity: 1;
  position: absolute;
  transform: rotate(0deg);
  transition: 125ms ease-in-out;
  inline-size: 14px;
}

.dropdown-navigation__expand--level-1:focus
  .dropdown-navigation__expand-button::after,
.dropdown-navigation__expand--level-1:focus
  .dropdown-navigation__expand-button::before,
.dropdown-navigation__expand--level-1:focus
  .dropdown-navigation__expand-icon::after,
.dropdown-navigation__expand--level-1:focus
  .dropdown-navigation__expand-icon::before,
.dropdown-navigation__expand--level-1:hover
  .dropdown-navigation__expand-button::after,
.dropdown-navigation__expand--level-1:hover
  .dropdown-navigation__expand-button::before,
.dropdown-navigation__expand--level-1:hover
  .dropdown-navigation__expand-icon::after,
.dropdown-navigation__expand--level-1:hover
  .dropdown-navigation__expand-icon::before {
  background-color: rgb(251, 188, 27);
}

.dropdown-navigation__expand--level-1:active
  .dropdown-navigation__expand-button::after,
.dropdown-navigation__expand--level-1:active
  .dropdown-navigation__expand-button::before,
.dropdown-navigation__expand--level-1:active
  .dropdown-navigation__expand-icon::after,
.dropdown-navigation__expand--level-1:active
  .dropdown-navigation__expand-icon::before {
  background-color: rgb(198, 143, 3);
}

.dropdown-navigation__expand--level-1
  .dropdown-navigation__expand-button::before {
  inset-block-start: 0px;
}

.dropdown-navigation__expand--level-1 .dropdown-navigation__expand-icon::after,
.dropdown-navigation__expand--level-1
  .dropdown-navigation__expand-icon::before {
  inset-block-start: 4px;
}

.dropdown-navigation__expand--level-1
  .dropdown-navigation__expand-button::after {
  inset-block-start: 8px;
}

@media (min-width: 1248px) {
  .dropdown-navigation__expand {
    display: none;
  }
}

.dropdown-navigation__link {
  font-size: 0.875rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  box-shadow: none;
  color: rgb(69, 85, 96);
  display: inline-block;
  position: relative;
}

@media (min-width: 1248px) {
  .dropdown-navigation__link {
    z-index: 2;
  }
}

.dropdown-navigation__link:hover {
  background-color: transparent;
  box-shadow: none;
  color: rgb(251, 188, 27);
  outline: transparent;
}

.dropdown-navigation__link--level-1 {
  display: block;
  text-transform: uppercase;
}

@media (min-width: 36rem) {
  .dropdown-navigation__link--level-1 {
    display: inline-block;
  }
}

.dropdown-navigation__link--button {
  margin-block-end: 0px !important;
  margin-block-start: 0px !important;
}

.dropdown-navigation__list {
  background: rgb(255, 255, 255);
  inset-inline-start: 0px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: start;
}

@media (min-width: 1248px) {
  .dropdown-navigation__list {
    align-items: center;
    box-shadow: none;
    position: relative;
    text-align: start;
    inset-block-start: auto;
  }
}

.dropdown-navigation__list--level-1 {
  align-items: start;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.375rem -0.125rem;
  display: none;
  max-block-size: calc(-56px + 100vh);
  overflow-y: scroll;
  position: absolute;
  inset-inline-end: 0px;
  inset-block-start: 3.5rem;
}

.headroom--top .dropdown-navigation__list--level-1 {
  max-block-size: calc(-104px + 100vh);
}

@media (min-width: 48rem) {
  .dropdown-navigation__list--level-1 {
    inset-block-start: 4rem;
  }
}

@media (min-width: 1248px) {
  .dropdown-navigation__list--level-1 {
    align-items: center;
    box-shadow: none;
    display: flex;
    max-block-size: none;
    overflow-y: visible;
    position: relative;
    inset-block-start: auto;
  }
}

.dropdown-navigation__item {
  padding-block: 1rem;
  padding-inline: 0px;
}

@media (min-width: 1248px) {
  .dropdown-navigation__item {
    padding: 0px;
  }
}

.dropdown-navigation__item--level-1 {
  margin-block: 0px;
  margin-inline: auto;
  position: relative;
}

@media (min-width: 1248px) {
  .dropdown-navigation__item--level-1 {
    margin: 0px;
    position: unset;
  }
}

@media (min-width: 1248px) {
  .dropdown-navigation__item--level-1:not(:first-child) {
    margin-inline-start: 1.5rem;
  }
}

@media (min-width: 82rem) {
  .dropdown-navigation__item--level-1:not(:first-child) {
    margin-inline-start: 2rem;
  }
}

.header-panel {
  padding-block-end: 0px;
  padding-block-start: calc(52.5333% - 2.5rem);
  text-align: center;
}

@media (min-width: 36rem) {
  .header-panel {
    margin-block-end: 0.5rem;
    padding-block-end: 1rem;
    padding-block-start: calc(37.8472% - 2.5rem);
  }
}

@media (min-width: 48rem) {
  .header-panel {
    padding-block-start: calc(37.8472% - 3.5rem);
  }
}

@media (min-width: 60rem) {
  .header-panel {
    padding-block-end: 3rem;
    padding-block-start: calc(37.8472% - 5rem);
  }
}

@media (min-width: 82rem) {
  .header-panel {
    padding-block-start: calc(37.8472% - 6rem);
  }
}

@media (min-width: 94rem) {
  .header-panel {
    padding-block-start: calc(37.8472% - 7rem);
  }
}

.header-panel--no-background {
  margin-block-end: 1rem;
  padding-block-start: 0px !important;
}

@media (min-width: 48rem) {
  .header-panel--no-background {
    margin-block-end: 0px;
    padding-block-end: 3.5rem;
  }
}

.header-panel--no-background::before {
  display: none;
}

.header-panel__container {
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
  margin-inline-start: 1.5rem;
  margin-inline-end: 1.5rem;
  padding-block: 1.5rem 0px;
  padding-inline: 1.5rem;
  position: relative;
}

@media (min-width: 48rem) {
  .header-panel__container {
    margin-inline-start: auto;
    margin-inline-end: auto;
    max-inline-size: 91.6667%;
    padding-inline-start: 3.5rem;
    padding-inline-end: 3.5rem;
  }
}

@media (min-width: 60rem) {
  .header-panel__container {
    padding-block-start: 1.5rem;
  }
}

@media (min-width: 74.1818rem) {
  .header-panel__container {
    max-inline-size: 68rem;
  }
}

@media (min-width: 94rem) {
  .header-panel__container {
    max-inline-size: 85rem;
    padding-block-start: 3.5rem;
  }
}

.header-panel--no-background .header-panel__container {
  padding-block-start: 1.5rem;
}

@media (min-width: 60rem) {
  .header-panel__headline,
  .header-panel__text {
    margin-inline-start: auto;
    margin-inline-end: auto;
    max-inline-size: 56rem;
  }
}

@media (min-width: 68rem) {
  .header-panel__headline,
  .header-panel__text {
    padding-inline-start: 6rem;
    padding-inline-end: 6rem;
  }
}

.header-panel__alternative-headline {
  font-size: 1.75rem;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  color: rgb(251, 188, 27);
  margin-block-end: 1rem;
  margin-block-start: 0px;
}

@media (min-width: 60rem) {
  .header-panel__alternative-headline {
    line-height: 1.3;
    font-size: 2.25rem;
  }
}

@media (min-width: 94rem) {
  .header-panel__alternative-headline {
    line-height: 1.2;
    font-size: 3rem;
  }
}

@media (min-width: 48rem) {
  .header-panel__alternative-headline {
    margin-block: 1rem 1.25rem;
    margin-inline: auto;
    max-inline-size: 56rem;
  }
}

@media (min-width: 82rem) {
  .header-panel__alternative-headline {
    margin-block-end: 2rem;
  }
}

.header-panel__text {
  font-weight: 300;
  color: rgb(41, 51, 57);
  margin-block-end: 1.5rem;
}

.header-panel__text,
.header-panel__text p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
}

@media (min-width: 60rem) {
  .header-panel__text,
  .header-panel__text p {
    font-size: 1.25rem;
  }
}

@media (min-width: 94rem) {
  .header-panel__text,
  .header-panel__text p {
    font-size: 1.375rem;
  }
}

.super-navigation {
  background-color: rgb(245, 245, 245);
  padding-block: 0px;
  padding-inline: 1.5rem;
}

.super-navigation__list {
  display: flex;
  gap: 1.25rem;
  list-style: none;
  margin-block: 0px;
  margin-inline: auto;
  max-inline-size: 1312px;
  padding: 0px;
}

.super-navigation__link {
  font-size: 0.875rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  align-items: center;
  color: rgb(41, 51, 57);
  display: flex;
  block-size: 3rem;
  position: relative;
}

@media (min-width: 48rem) {
  .super-navigation__link {
    font-size: 1rem;
  }
}

.super-navigation__link,
.super-navigation__link:focus,
.super-navigation__link:hover {
  box-shadow: none;
}

.super-navigation__link:focus,
.super-navigation__link:hover {
  color: rgb(251, 188, 27);
}

.super-navigation__link:focus::after,
.super-navigation__link:hover::after {
  background-color: rgb(251, 188, 27);
}

.super-navigation__link::after {
  inset-block-end: 0px;
  content: "";
  block-size: 3px;
  inset-inline-start: 0px;
  position: absolute;
  inline-size: 100%;
}

.support-panel {
  padding-block-end: 1.75rem;
  padding-block-start: 1.75rem;
}

.support-panel__container {
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  padding-block-start: 1.5rem;
}

@media (min-width: 48rem) {
  .support-panel__container {
    padding-inline-start: 2.5rem;
    padding-inline-end: 2.5rem;
    padding-block-start: 2.5rem;
  }
}

@media (min-width: 94rem) {
  .support-panel__container {
    padding-inline-start: 3.5rem;
    padding-inline-end: 3.5rem;
    padding-block-start: 3.5rem;
  }
}

.support-panel .panel__headline {
  margin-block-end: 1.5rem;
}

.support-panel .panel__headline::before {
  display: none;
}
:root {
  --color-buoy: #f36c30;
  --color-charcoal: #2c2c2c;
  --color-deep-green: #077169;
  --color-fuschia: #e23d95;
  --color-grey-light: #e0e0e0;
  --color-purple: #8f3791;
  --color-sand: #fbf7f3;
  --color-status-good-background: #d0fbdd;
  --color-status-good-foreground: #09762b;
  --color-sun: #fbbc1b;
  --color-teal: #7fced2;
}
body {
  background-color: rgb(251, 247, 243);
}

.header {
  box-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgb(0, 0, 0);
}

.button {
  background-color: var(--color-sun);
  background-image: none;
  padding-inline-end: 1rem;
  text-transform: none;
}

@media (min-width: 94rem) {
  .button {
    padding-inline-end: 1.5rem;
  }
}

.button,
.button:visited {
  color: var(--color-black);
}

.button:focus-visible,
.button:hover {
  background-image: none;
  color: var(--color-black);
}

.button--secondary {
  background-color: transparent;
  border-color: var(--color-black);
}
a:not([class]),
a:not([class]):focus,
a:not([class]):hover {
  color: var(--color-black);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
hr {
  border: 0px;
  border-block-start: 2px dashed var(--color-sun);
}

@keyframes backgroundPositionPulse {
  30% {
    background-position: right 16px center;
  }
  65% {
    background-position: right 12px center;
  }
  100% {
    background-position: right 16px center;
  }
}

@keyframes backgroundPositionPulseLarger {
  30% {
    background-position: right 24px center;
  }
  65% {
    background-position: right 20px center;
  }
  100% {
    background-position: right 24px center;
  }
}

@keyframes translatePulse {
  0% {
    transform: translate(0px);
  }
  50% {
    transform: translate(4px);
  }
  100% {
    transform: translate(0px);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}

.button {
  box-shadow: none;
  background-color: rgb(255, 255, 255);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg stroke='%23FBBC1B' width='22' height='18' viewBox='0 0 22 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 9h20'/%3E%3Cpath stroke-linecap='square' d='M13 2l7 7-7 7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  font-family: proxima-nova, Arial, sans-serif;
  font-size: 0.75rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1.5;
  background-position: right 16px center;
  background-size: 20px 14px;
  border: 2px solid rgb(251, 188, 27);
  border-radius: 2.5rem;
  cursor: pointer;
  display: inline-block;
  margin-block-end: 1px;
  margin-block-start: 1rem;
  padding-block: 0.5625rem 0.5rem;
  padding-inline: 1rem 3rem;
  position: relative;
  text-transform: uppercase;
  transition: none;
}

.button:focus,
.button:hover {
  box-shadow: none;
  background-color: rgb(251, 188, 27);
}

.button:active {
  background-color: rgb(251, 188, 27);
}

.button,
.button:visited {
  color: rgb(251, 188, 27);
}

.button:active,
.button:focus,
.button:hover {
  color: rgb(255, 255, 255);
}

@media (prefers-reduced-motion: no-preference) {
  .button {
    transition:
      background-color 0.1s ease-in,
      border-color 0.1s ease-in,
      color 0.1s ease-in;
  }
  .button:focus,
  .button:hover {
    animation: 0.5s ease 0s 1 normal none running backgroundPositionPulse;
  }
}

@media (prefers-reduced-motion: no-preference) and (min-width: 94rem) {
  .button:focus,
  .button:hover {
    animation-name: backgroundPositionPulseLarger;
  }
}

@media (min-width: 94rem) {
  .button {
    font-size: 1rem;
    background-position: right 24px center;
    padding-inline-start: 1.5rem;
    padding-inline-end: 3.75rem;
  }
}

.button:active,
.button:focus,
.button:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg stroke='%23fff' width='22' height='18' viewBox='0 0 22 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 9h20'/%3E%3Cpath stroke-linecap='square' d='M13 2l7 7-7 7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  border-color: rgb(251, 188, 27);
}

.button--secondary {
  background-color: rgb(255, 255, 255);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg stroke='%23FBBC1B' width='22' height='18' viewBox='0 0 22 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 9h20'/%3E%3Cpath stroke-linecap='square' d='M13 2l7 7-7 7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.button--secondary:focus,
.button--secondary:hover {
  background-color: rgb(251, 188, 27);
}

.button--secondary:active {
  background-color: rgb(198, 143, 3);
}

.button--secondary,
.button--secondary:visited {
  color: rgb(41, 51, 57);
}

.button--secondary:active,
.button--secondary:focus,
.button--secondary:hover {
  color: rgb(255, 255, 255);
}

.button--secondary:active,
.button--secondary:focus,
.button--secondary:hover {
  border-color: rgb(251, 188, 27);
}

.button--newsletter {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23FBBC1B' width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15 0c.6 0 1 .36 1 .902v1.352L8 6.222 0 2.164V.902C0 .362.4 0 1 0h14zM7.5 8.057c.28.12.72.12 1 0L16 4.444v7.14c0 .516-.4.86-1 .86H1c-.6 0-1-.344-1-.86v-7.14l7.5 3.613z'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
}

.button--newsletter:focus,
.button--newsletter:hover {
  animation: auto ease 0s 1 normal none running none;
}

.button--newsletter:active,
.button--newsletter:focus,
.button--newsletter:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15 0c.6 0 1 .36 1 .902v1.352L8 6.222 0 2.164V.902C0 .362.4 0 1 0h14zM7.5 8.057c.28.12.72.12 1 0L16 4.444v7.14c0 .516-.4.86-1 .86H1c-.6 0-1-.344-1-.86v-7.14l7.5 3.613z'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
}

.button--header {
  font-size: 0.875rem;
  color: rgb(251, 188, 27);
  display: block;
  text-align: center;
}

@media (min-width: 36rem) {
  .button--header {
    display: inline-block;
    text-align: start;
  }
}

.button--no-icon {
  background-image: none;
  padding-inline-end: 1rem;
}

@media (min-width: 94rem) {
  .button--no-icon {
    padding-inline-end: 1.5rem;
  }
}

.button--no-icon:focus,
.button--no-icon:hover {
  background-image: none;
}

.column {
  box-sizing: border-box;
  min-block-size: 1px;
  position: relative;
  flex: 0 0 100%;
  inline-size: 100%;
  padding-inline-start: 0.25rem;
  padding-inline-end: 0.25rem;
  margin-block-end: 2rem;
  margin-block-start: 2rem;
  max-inline-size: 100%;
}

@media (min-width: 36rem) {
  .column {
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem;
  }
}

@media (min-width: 82rem) {
  .column {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
  }
}

@media (min-width: 48rem) {
  .column {
    box-sizing: border-box;
    min-block-size: 1px;
    position: relative;
    flex: 0 0 33.3333%;
    max-inline-size: 33.3333%;
    inline-size: 33.3333%;
    padding-inline-start: 0.25rem;
    padding-inline-end: 0.25rem;
  }
}

@media (min-width: 48rem) and (min-width: 36rem) {
  .column {
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem;
  }
}

@media (min-width: 48rem) and (min-width: 82rem) {
  .column {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
  }
}

.row--equal-size .column {
  box-sizing: border-box;
  min-block-size: 1px;
  position: relative;
  flex-basis: 0px;
  flex-grow: 1;
  max-inline-size: 100%;
  padding-inline-start: 0.25rem;
  padding-inline-end: 0.25rem;
  inline-size: auto;
}

@media (min-width: 36rem) {
  .row--equal-size .column {
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem;
  }
}

@media (min-width: 82rem) {
  .row--equal-size .column {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
  }
}

.grecaptcha-badge {
  opacity: 0;
  pointer-events: none;
  display: none !important;
}

.horizontal-media-object {
  box-shadow: none;
  display: flex;
  flex-direction: row;
  block-size: 100%;
  max-inline-size: 440px;
  text-align: start;
  text-decoration: none;
}

.horizontal-media-object:focus,
.horizontal-media-object:hover {
  box-shadow: none;
}

.column .horizontal-media-object {
  block-size: auto;
  padding: 1rem;
}

@media (min-width: 48rem) {
  .column .horizontal-media-object {
    margin: -1.5rem;
    padding: 1.5rem;
  }
}

.horizontal-media-object__content-container {
  display: flex;
  flex-direction: row;
  inline-size: 100%;
}

.horizontal-media-object__picture {
  display: block;
  flex-shrink: 0;
  margin-inline-end: 1.5rem;
}

.horizontal-media-object__image {
  display: inline-block;
}

.horizontal-media-object__content {
  flex-grow: 1;
}

.horizontal-media-object__headline {
  font-size: 1.125rem;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  display: inline;
  margin-block-end: 0px;
  margin-block-start: 0px;
}

@media (min-width: 60rem) {
  .horizontal-media-object__headline {
    font-size: 1.25rem;
  }
}

@media (min-width: 94rem) {
  .horizontal-media-object__headline {
    font-size: 1.25rem;
  }
}

.horizontal-media-object__text {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-block-end: 0px;
  margin-block-start: 1rem;
}

@media (min-width: 60rem) {
  .horizontal-media-object__text {
    font-size: 1rem;
  }
}

.horizontal-rule {
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  margin-block-end: 1.5rem;
  margin-block-start: 1.5rem;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  inline-size: 100%;
}

@media (min-width: 60rem) {
  .horizontal-rule {
    font-size: 1rem;
  }
}

@media (min-width: 94rem) {
  .horizontal-rule {
    font-size: 1.125rem;
  }
}

.horizontal-rule::after,
.horizontal-rule::before {
  border-block-end: 1px solid rgb(227, 230, 232);
  content: "";
  display: inline-block;
  position: relative;
  vertical-align: middle;
  inline-size: 50%;
}

.horizontal-rule::before {
  margin-inline-start: -50%;
  inset-inline-end: 1rem;
}

.horizontal-rule::after {
  inset-inline-start: 1rem;
  margin-inline-end: -50%;
}

@media (min-width: 94rem) {
  .horizontal-rule {
    margin-block-end: 2.5rem;
    margin-block-start: 2.5rem;
  }
}

.horizontal-rule--no-margin-top {
  margin-block-start: 0px;
}

@media (min-width: 94rem) {
  .horizontal-rule--no-margin-top {
    margin-block-start: 0px;
  }
}

@media (min-width: 48rem) {
  .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@keyframes star-spin {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(1turn);
  }
  100% {
    transform: rotate(1turn);
  }
}

@keyframes wave {
  0% {
    transform: rotate(0deg);
  }
  3% {
    transform: rotate(-3deg);
  }
  6% {
    transform: rotate(5deg);
  }
  9% {
    transform: rotate(-9deg);
  }
  12% {
    transform: rotate(12deg);
  }
  15% {
    transform: rotate(-7deg);
  }
  18% {
    transform: rotate(4deg);
  }
  21% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.copyright,
.copyright p {
  font-size: 0.875rem;
  line-height: 1.5;
}

.confirmation-form {
  align-items: center;
  background-color: rgb(255, 255, 255);
  inset: 0px;
  display: none;
  position: fixed;
  z-index: 2000;
}

.confirmation-form--active {
  display: flex;
}

.confirmation-form__container {
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-inline-size: 82rem;
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  text-align: center;
}

.confirmation-form__headline {
  font-size: 1.75rem;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  background-image: url("/images/confirmation-headline.svg");
  background-position: 50% 0px;
  background-repeat: no-repeat;
  background-size: 80px 60px;
  padding-block-start: 6rem;
}

@media (min-width: 60rem) {
  .confirmation-form__headline {
    line-height: 1.3;
    font-size: 2rem;
  }
}

@media (min-width: 94rem) {
  .confirmation-form__headline {
    line-height: 1.3;
    font-size: 2.25rem;
  }
}

.confirmation-form__text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 60rem) {
  .confirmation-form__text {
    font-size: 1.25rem;
  }
}

@media (min-width: 94rem) {
  .confirmation-form__text {
    font-size: 1.375rem;
  }
}

.form__heading {
  color: rgb(251, 188, 27);
}

.form__row:not(:first-child) {
  margin-block-start: 1rem;
}

.floating-input {
  position: relative;
}

.floating-input__placeholder {
  font-size: 1rem;
  line-height: 1.5;
  color: rgb(23, 30, 34);
  inset-inline-start: 0.75rem;
  position: absolute;
  inset-block-start: 1.125rem;
  transition: 125ms ease-in;
}

.floating-input__input {
  font-size: 0.875rem;
  line-height: 1.5;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  box-sizing: border-box;
  color: rgb(23, 30, 34);
  block-size: 3.625rem;
  margin: 0px;
  padding-block: 1.75rem 0.75rem;
  padding-inline: 0.75rem 3rem;
  vertical-align: top;
  inline-size: 100%;
}

@media (min-width: 60rem) {
  .floating-input__input {
    font-size: 1rem;
  }
}

.label--invalid {
  color: var(--color-red);
}

.text-input--invalid {
  border-block-end-color: rgb(251, 188, 27);
}

.timeline {
  padding-block: 0px;
  padding-inline: 1.5rem;
}

@media (min-width: 48rem) {
  .timeline {
    padding-block: 2rem 0px;
    padding-inline: 0px;
  }
}

.timeline *,
.timeline ::after,
.timeline ::before {
  box-sizing: border-box;
}

.timeline__timeline {
  margin-block-end: 2rem;
}

@media (min-width: 48rem) {
  .timeline__timeline {
    display: block;
    margin-block-end: 5rem;
  }
}

@media (min-width: 48rem) {
  .timeline__row {
    display: flex;
    flex-wrap: nowrap;
  }
}

@media (min-width: 48rem) and (min-width: 0) {
  .timeline__row {
    margin-inline-start: -0.25rem;
    margin-inline-end: -0.25rem;
  }
}

@media (min-width: 48rem) and (min-width: 36rem) {
  .timeline__row {
    margin-inline-start: -0.5rem;
    margin-inline-end: -0.5rem;
  }
}

@media (min-width: 48rem) and (min-width: 82rem) {
  .timeline__row {
    margin-inline-start: -1rem;
    margin-inline-end: -1rem;
  }
}

@media (min-width: 48rem) {
  .timeline__column {
    margin-block-start: 0px;
  }
}

@media (min-width: 48rem) {
  .timeline__column--60 {
    flex: 0 0 60%;
  }
}

@media (min-width: 48rem) {
  .timeline__column--40 {
    flex: 0 0 40%;
    margin-block-start: 0px;
    padding-inline-start: 6rem;
  }
}

.timeline__image-outer-col {
  display: none;
  block-size: 100%;
  position: relative;
}

@media (min-width: 48rem) {
  .timeline__image-outer-col {
    display: block;
  }
}

.timeline__image-inner-col {
  position: sticky;
  inset-block-start: calc(50% - 315px);
}

.timeline__picture {
  background: rgb(255, 255, 255);
  display: block;
  inset-inline-start: 0px;
  opacity: 0;
  position: absolute;
  inset-block-start: 0px;
  transition: none;
  inline-size: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  .timeline__picture {
    transition: opacity 0.25s ease-in-out;
  }
}

.timeline__picture.active {
  opacity: 1;
}

.timeline__image {
  block-size: auto;
  inline-size: 100%;
}

@media (min-width: 48rem) {
  .timeline__content-col {
    padding-block-end: 10rem;
    padding-block-start: 10rem;
  }
}

.timeline__content-item {
  padding-block-start: 2rem;
  text-align: center;
}

@media (min-width: 48rem) {
  .timeline__content-item {
    max-inline-size: 23rem;
    padding-block-end: 5rem;
    padding-block-start: 0px;
    text-align: start;
  }
}

.timeline__content-picture {
  display: block;
  margin-block-end: 2rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-inline-size: 412px;
}

@media (min-width: 48rem) {
  .timeline__content-picture {
    display: none;
  }
}

@media (min-width: 48rem) {
  .js .timeline__content {
    opacity: 0.5;
    transition: none;
  }
}

@media (min-width: 48rem) and (prefers-reduced-motion: no-preference) {
  .js .timeline__content {
    transition: opacity 0.25s;
  }
}

@media (min-width: 48rem) {
  .timeline__content-item.active .timeline__content {
    opacity: 1;
  }
}

.timeline__category,
.timeline__headline {
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
}

.timeline__headline {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-block-start: 1rem;
}

@media (min-width: 60rem) {
  .timeline__headline {
    font-size: 1.375rem;
  }
}

@media (min-width: 94rem) {
  .timeline__headline {
    line-height: 1.3;
    font-size: 1.75rem;
  }
}

.timeline__text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
}

@media (min-width: 60rem) {
  .timeline__text {
    font-size: 1.25rem;
    font-weight: 300;
  }
}

@media (min-width: 94rem) {
  .timeline__text {
    font-size: 1.25rem;
  }
}
a:not([class]),
a:not([class]):active,
a:not([class]):focus,
a:not([class]):hover,
a:not([class]):visited {
  color: rgb(33, 112, 191);
}
a:not([class]),
a:not([class]):focus,
a:not([class]):hover {
  box-shadow: none;
}
a:not([class]):focus,
a:not([class]):hover {
  text-decoration: underline;
}
:root {
  --color-buoy: #f36c30;
  --color-charcoal: #2c2c2c;
  --color-deep-green: #077169;
  --color-fuschia: #e23d95;
  --color-grey-light: #e0e0e0;
  --color-purple: #8f3791;
  --color-sand: #fbf7f3;
  --color-status-good-background: #d0fbdd;
  --color-status-good-foreground: #09762b;
  --color-sun: #fbbc1b;
  --color-teal: #7fced2;
}
body {
  background-color: rgb(251, 247, 243);
}

.header {
  box-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgb(0, 0, 0);
}

.button {
  background-color: var(--color-sun);
  background-image: none;
  padding-inline-end: 1rem;
  text-transform: none;
}

@media (min-width: 94rem) {
  .button {
    padding-inline-end: 1.5rem;
  }
}

.button,
.button:visited {
  color: var(--color-black);
}

.button:focus-visible,
.button:hover {
  background-image: none;
  color: var(--color-black);
}

.button--secondary {
  background-color: transparent;
  border-color: var(--color-black);
}
a:not([class]),
a:not([class]):focus,
a:not([class]):hover {
  color: var(--color-black);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
hr {
  border: 0px;
  border-block-start: 2px dashed var(--color-sun);
}

@media (max-width: calc(-1px + 48rem)) {
  .super-navigation .super-navigation__list {
    gap: 0.875rem;
  }
  .super-navigation .super-navigation__link {
    font-size: 0.75rem;
  }
}
html:has(.timeline) {
  overflow-y: visible;
}
body {
  overflow-x: hidden;
}
body:has(.timeline, .features-panel__nav-list) {
  overflow-x: visible;
}
body:has(.header--open) {
  overflow-y: hidden;
  max-block-size: 100dvh;
}

.headroom--top .dropdown-navigation__list--level-1 {
  max-block-size: calc(100dvh - 166px);
}

.super-navigation__list {
  gap: 1.25rem;
}

.super-navigation__item:first-child {
  margin-inline-end: 0px;
}

.header-panel__alternative-headline {
  text-wrap: balance;
}
#metrics {
  margin-block-end: 0px;
  padding-block: 0px;
  overflow: hidden;
}

@media (min-width: 60rem) {
  #metrics .support-panel__container {
    padding-block-start: 3rem;
  }
}
#metrics .panel__placeholder > p {
  margin-block: 1rem 3rem;
  margin-inline: auto;
  max-inline-size: 64rem;
}

@media (min-width: 60rem) {
  #metrics .panel__placeholder > p {
    margin-block-end: 1rem;
  }
}
#metrics .panel__placeholder > :not(picture, #hab-est-logo) {
  position: relative;
  z-index: 2;
}
#metrics #picture-wave-teal {
  aspect-ratio: 1920 / 501;
  display: block;
  block-size: 900px;
  inset-inline-start: 50%;
  margin-block-start: -40rem;
  min-inline-size: 100vw;
  pointer-events: none;
  position: relative;
  transform: translateX(-50%);
  z-index: 1;
}

@media (min-width: 60rem) {
  #metrics #picture-wave-teal {
    block-size: 1000px;
    margin-block-start: -46rem;
  }
}

@media (min-width: 75rem) {
  #metrics #picture-wave-teal {
    block-size: 800px;
    margin-block-start: -30rem;
  }
}

@media (min-width: 160rem) {
  #metrics #picture-wave-teal {
    block-size: 750px;
    margin-block-start: -28rem;
  }
}
#metrics #picture-wave-teal::before {
  background-color: var(--color-white);
  content: "";
  inset-block: 50% 0px;
  inset-inline: 0px;
  position: absolute;
  z-index: 1;
}
#metrics #picture-wave-teal img {
  display: block;
  pointer-events: none;
  position: relative;
  inline-size: 100%;
  z-index: 2;
}
#hab-est-logo {
  inset-block-end: 8rem;
  inset-inline-start: 50%;
  margin-inline: auto;
  position: absolute;
  transform: translateX(-50%);
  inline-size: clamp(11.25rem, 20vw, 14rem);
  z-index: 2;
}

@media (min-width: 60rem) {
  #hab-est-logo {
    inset-block-end: 7rem;
  }
}

@media (min-width: 75rem) {
  #hab-est-logo {
    inset-block-end: 4rem;
  }
}
#features .support-panel__container {
  padding-block-start: 0px;
}
#technical-stuff {
  background-color: var(--color-cream);
  margin-block-end: 0px;
  padding-block-end: 0px;
  overflow: hidden;
}
#technical-stuff .panel__placeholder > :not(picture) {
  position: relative;
  z-index: 2;
}
#technical-stuff .panel__container > :not(.panel__placeholder) {
  position: relative;
  z-index: 2;
}
#technical-stuff .panel__placeholder {
  margin-inline: auto;
  max-inline-size: 66rem;
}
#technical-stuff #picture-wave-beige {
  aspect-ratio: 1920 / 501;
  display: none;
  block-size: 900px;
  min-inline-size: 100vw;
  pointer-events: none;
  position: relative;
  margin-block-start: -40rem;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

@media (min-width: 60rem) {
  #technical-stuff #picture-wave-beige {
    block-size: 1000px;
    margin-block-start: -46rem;
  }
}

@media (min-width: 75rem) {
  #technical-stuff #picture-wave-beige {
    block-size: 800px;
    margin-block-start: -45rem;
  }
}

@media (min-width: 160rem) {
  #technical-stuff #picture-wave-beige {
    block-size: 750px;
    margin-block-start: -35rem;
  }
}
#picture-wave-beige::before {
  background-color: var(--color-white);
  content: "";
  inset-inline: 0px;
  inset-block: 50% 0px;
  position: absolute;
  z-index: 1;
}
#picture-wave-beige img {
  display: block;
  pointer-events: none;
  position: relative;
  inline-size: 100%;
  z-index: 2;
}
#book-a-demo .support-panel__container {
  padding-block-end: 3.5rem;
}
#book-a-demo .row {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4rem 6.5rem;
}

@media (min-width: 48rem) {
  #book-a-demo .row {
    flex-direction: row;
  }
}
#book-a-demo .column {
  flex-basis: auto;
  margin-block: 0px;
}

@media (min-width: 48rem) {
  #book-a-demo .column {
    flex-basis: 0px;
  }
}
#book-a-demo .form {
  border: 1px solid var(--helm-product-neutral-light, #dee1e3);
  border-radius: 0.75rem;
  padding-block: 2.5rem;
  padding-inline: 1.5rem;
}
#book-a-demo .form__heading {
  color: var(--color-slate-grey-dark);
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-style: normal;
  font-weight: 800;
  line-height: 3.75rem;
  margin-block-start: 0px;
}
#book-a-demo .form_legend {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
#book-a-demo .button {
  margin-block-start: 0px;
  inline-size: 100%;
}

.button {
  background-color: var(--color-sun);
  background-image: none;
  padding-inline-end: 1rem;
  text-transform: none;
}

@media (min-width: 94rem) {
  .button {
    padding-inline-end: 1.5rem;
  }
}

.button,
.button:visited {
  color: var(--color-black);
}

.button:focus-visible,
.button:hover {
  background-color: var(--color-white);
  background-image: none;
  color: var(--color-black);
  border-color: var(--color-black);
}

.button--secondary {
  background-color: transparent;
  border-color: var(--color-black);
}

.button--secondary:focus-visible,
.button--secondary:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
a:not([class]),
a:not([class]):focus,
a:not([class]):hover {
  color: var(--color-black);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
hr {
  border: 0px;
  border-block-start: 2px dashed var(--color-sun);
}

.header-panel {
  margin-block: 0px;
}

.timeline__headline {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  margin-block-start: 0px;
}

.floating-input__input {
  border-color: var(--color-grey-light);
  border-radius: 0.25rem;
  padding-inline-end: 0.75rem;
  background-position: calc(100% + 2rem) calc(50% - 0.5rem) !important;
}

.logo {
  background-size: 18.1rem 2.67rem;
  block-size: 2.67rem;
  inline-size: 18.1rem;
}

.headroom,
.dropdown-navigation__list {
  background-color: var(--color-sand);
}

.header-panel--no-background {
  padding-block-end: 0px;
}

.header-panel__container {
  background-color: transparent;
}

.header-panel__alternative-headline {
  color: var(--color-black);
  font-size: clamp(2rem, 6vw, 4rem);
  font-weight: 800;
}

@media (min-width: 48rem) {
  .header-panel__alternative-headline,
  .header-panel__alternative-headline + .panel__placeholder {
    margin-inline: auto;
    max-inline-size: 54rem;
  }
}

@media (min-width: 82rem) {
  .dropdown-navigation__item--level-1:not(:first-child) {
    margin-inline-start: 1.5rem;
  }
}

.dropdown-navigation__link {
  font-size: 1rem;
}

.dropdown-navigation__link--level-1,
.dropdown-navigation__link--label {
  text-transform: none;
}

.super-navigation,
#features,
#book-a-demo {
  background-color: var(--color-white);
}

.panel__headline,
.header-panel__text {
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 800;
}

.panel__headline:has(+ .header-panel__text) {
  font-size: 18px;
  margin-block-end: 0px;
  text-transform: uppercase;
}

.panel__headline + .header-panel__text {
  margin-block: 0px;
}

.panel__text {
  margin-block-start: 0px;
  margin-inline: auto;
  max-inline-size: 54rem;
}

.horizontal-rule::before,
.horizontal-rule::after {
  display: none;
}

.dropdown-navigation__item--login .button {
  background-color: var(--color-sand);
  border-color: var(--color-black);
}

.dropdown-navigation__item--login .button:focus,
.dropdown-navigation__item--login .button:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

@media (min-width: 48rem) {
  .column .horizontal-media-object {
    margin-block: -1.5rem;
    margin-inline: 0px;
  }
}

.features {
  display: grid;
  gap: clamp(0.75rem, 3vw, 1.25rem);
  grid-template-columns: repeat(4, 1fr);
  margin-block-end: clamp(2.5rem, 10vw, 5.125rem);
}

@media (max-width: 1200px) {
  .features {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 350px) {
  .features {
    grid-template-columns: 1fr;
  }
}

.feature-card {
  align-items: center;
  background-color: var(--color-white);
  border-radius: 0.25rem;
  box-shadow:
    rgba(0, 0, 0, 0.016) 0px 0.2px 0.4px,
    rgba(0, 0, 0, 0.024) 0px 0.5px 1px,
    rgba(0, 0, 0, 0.03) 0px 0.9px 1.9px,
    rgba(0, 0, 0, 0.035) 0px 1.6px 3.4px,
    rgba(0, 0, 0, 0.043) 0px 2.9px 6.3px,
    rgba(0, 0, 0, 0.06) 0px 7px 15px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  padding-block: clamp(1rem, 3vw, 1.5rem);
  padding-inline: clamp(0.5rem, 2vw, 1.5rem);
}

.feature-card > * {
  margin-block: 0px;
}

.feature-card__delta {
  align-items: center;
  display: flex;
  gap: 0.25rem;
}

.feature-card__delta-text {
  color: var(--color-charcoal);
  font-size: clamp(0.625rem, 1vw, 0.9375rem);
  line-height: 1;
}

.feature-card__icon {
  --circle-size: clamp(3rem, 8vw, 5.625rem);
  background-color: var(--color-deep-green);
  border-radius: 50%;
  display: grid;
  block-size: var(--circle-size);
  place-content: center;
  inline-size: var(--circle-size);
}

.feature-card__icon--aqua {
  background-color: var(--color-teal);
}

.feature-card__icon--buoy {
  background-color: var(--color-buoy);
}

.feature-card__icon--deep-green {
  background-color: var(--color-deep-green);
}

.feature-card__icon--fuschia {
  background-color: var(--color-fuschia);
}

.feature-card__icon svg {
  block-size: auto;
  margin-inline: auto;
  inline-size: 50%;
}

.feature-card__number {
  color: var(--color-charcoal);
  font-size: clamp(2rem, 5vw, 3.75rem);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.feature-card__tag {
  background-color: var(--color-status-good-background);
  border-radius: 0.5rem;
  color: var(--color-status-good-foreground);
  display: inline-block;
  font-size: clamp(0.6275rem, 1vw, 0.75rem);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  padding-block: 0.25rem;
  padding-inline: 0.375rem;
  inline-size: fit-content;
}

.feature-card__title {
  color: var(--color-charcoal);
  font-size: clamp(0.8725rem, 2vw, 1.25rem);
  font-weight: var(--font-weight-normal);
}

.site-footer-panel {
  background-color: var(--color-white);
  margin-block: 0px;
}

.site-footer-panel .support-panel__container {
  padding-block: 1rem;
}

.site-footer-panel .button {
  margin-block-start: 0px;
}

.site-footer-panel ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  padding-inline-start: 0px;
}

.site-footer-panel li {
  display: flex;
  gap: 1rem;
}

.site-footer-panel svg {
  flex-shrink: 0;
}

.site-footer-panel .copyright {
  text-align: center;
}

/* ---- Helm Insights additions ---------------------------------------- */

/*
 * The original page sized the sticky column from JavaScript. Its children are
 * absolutely positioned, so without a height it collapses and the screenshot
 * disappears. The screenshots are all 768x563, so the ratio does the job with
 * no measuring.
 */
.timeline__image-inner-col {
  aspect-ratio: 768 / 563;
  inline-size: 100%;
}

/*
 * Dimming the inactive features only reads as deliberate while something is
 * switching which one is active. With no JavaScript every feature stays fully
 * legible instead.
 */
@media (min-width: 48rem) {
  .js .timeline__content {
    opacity: 0.5;
    transition: none;
  }
  .js .timeline__content-item.active .timeline__content {
    opacity: 1;
  }
}

@media (min-width: 48rem) and (prefers-reduced-motion: no-preference) {
  .js .timeline__content {
    transition: opacity 0.25s;
  }
}

/*
 * Below 1248px the nav collapses behind the hamburger, and the Sitecore build
 * opened it by setting `display` from JavaScript rather than in a stylesheet.
 * Driving it from the button's own `aria-expanded` keeps the open state in one
 * place, where assistive tech already reads it.
 */
@media (max-width: 1247px) {
  .dropdown-navigation__expand[aria-expanded="true"]
    + .dropdown-navigation__list--level-1 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
  }
}

/*
 * Floats a field's label clear of its value. `u-on-focus` is set by main.js for
 * a field that is filled but not focused.
 */
.floating-input:focus-within .floating-input__placeholder,
.floating-input:has(.u-on-focus) .floating-input__placeholder {
  font-size: 0.75rem;
  inset-block-start: 0.5rem;
}

.floating-input:focus-within .floating-input__select,
.floating-input:has(.u-on-focus) .floating-input__select {
  padding-inline-start: 0.5rem;
  padding-block-start: 1.5rem;
}

.floating-input:focus-within .floating-input__input,
.floating-input:has(.u-on-focus) .floating-input__input {
  padding-block-start: 1.5rem;
}

/* The submit failure notice, which the Sitecore form had no equivalent of. */
.form__error {
  color: var(--color-error, #a71930);
  font-size: 0.875rem;
  line-height: 1.4;
  margin-block: 1rem 0;
}

.form__error[hidden] {
  display: none;
}

.super-navigation__link--is-current::after {
  background-color: var(--color-sun);
}

.headroom--pinned.headroom--not-top {
  transform: translateY(calc(-1 * var(--super-navigation-height, 0px)));
}

/* Keyboard focus inside the header outranks both, so nothing is ever focused
   above the fold. */
.headroom--focused,
.headroom--focused.headroom--not-top {
  transform: translateY(0);
}