.cs-hero,
.cs-section{
  position:relative;
  width:100%;
  background-color:#fff;
}

.cs-section--grey{
  background-color:#f6f9fc;
}

.cs-frame{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
}

.cs-hero__inner,
.cs-section__inner{
  width:100%;
  max-width:1080px;
  margin-inline:16px;
}

.cs-hero__inner{
  padding-block:clamp(72px,calc(72px + (100vw - 375px) * .0515625),110px);
}

.cs-section__inner{
  padding-block:72px;
}

.cs-rows{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  row-gap:32px;
}

.cs-cols{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  row-gap:32px;
  align-items:flex-start;
}

.cs-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  row-gap:24px;
  letter-spacing:.2px;
}

.cs-copy--hero{
  position:relative;
}

.cs-copy__header{
  position:relative;
  display:grid;
  max-width:810px;
  padding:0 16px;
}

.cs-copy__body,
.cs-copy__footer{
  max-width:810px;
  padding:0 16px;
}

.cs-copy__body{
  font-size:18px;
  line-height:28px;
  font-weight:var(--fw-300);
  letter-spacing:.2px;
  color:#465367;
}

.cs-copy__body p{
  margin:0;
}

.cs-copy__title{
  margin:0;
  font-size:24px;
  line-height:32px;
  font-weight:var(--fw-500);
  letter-spacing:.1px;
  color:#112441;
  overflow-wrap:break-word;
}

.cs-copy__title.cs-copy__title--hero{
  font-size:34px;
  line-height:44px;
  letter-spacing:-.1px;
}

.cs-link{
  font-weight:var(--fw-425);
  color:#0070fb;
  text-decoration:none;
}

.cs-link:hover{
  color:#112441;
}

.cs-link:focus-visible{
  outline:0;
  border-radius:2px;
  box-shadow:0 0 0 2px #4b91fe,inset 0 0 0 2px rgba(255,255,255,.9);
}

.cs-expand{
  display:flex;
  align-items:center;
  margin:0;
  padding:0;
  border:0;
  background:none;
  font-family:inherit;
  font-size:15px;
  line-height:24px;
  font-weight:var(--fw-425);
  letter-spacing:.2px;
  color:#0070fb;
  cursor:pointer;
}

.cs-expand:hover,
.cs-expand[aria-expanded="true"]{
  color:#112441;
}

.cs-expand:focus-visible{
  outline:0;
}

.cs-expand:focus-visible .cs-expand__text{
  border-radius:2px;
  box-shadow:0 0 0 2px #4b91fe,inset 0 0 0 2px rgba(255,255,255,.9);
}

.cs-expand__arrow{
  flex:none;
  margin-left:6px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

.cs-expand[aria-expanded="true"] .cs-expand__arrow{
  transform:translateY(-3px) rotate(180deg);
}

.cs-control{
  display:flex;
  justify-content:flex-end;
  padding:0 16px;
}

.cs-switch{
  position:relative;
  display:flex;
  width:100%;
  justify-content:flex-end;
  align-items:center;
  cursor:pointer;
}

.cs-switch__input{
  position:absolute;
  top:0;
  left:0;
  width:13px;
  height:13px;
  margin:0;
  opacity:0;
}

.cs-switch__text{
  margin-right:12px;
  font-size:15px;
  line-height:24px;
  font-weight:var(--fw-425);
  letter-spacing:.2px;
}

.cs-switch__off{
  color:#8792a2;
}

.cs-switch__on{
  display:none;
  color:#609eff;
}

.cs-switch__input:checked ~ .cs-switch__text .cs-switch__off{
  display:none;
}

.cs-switch__input:checked ~ .cs-switch__text .cs-switch__on{
  display:inline;
}

.cs-switch__toggle{
  position:relative;
  display:block;
  width:40px;
  height:24px;
  padding:4px 5px;
  border-radius:12px;
}

.cs-switch__toggle::before,
.cs-switch__toggle::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:inherit;
}

.cs-switch__toggle::before{
  background-color:#a9b5c7;
}

.cs-switch__toggle::after{
  background-color:#609eff;
  opacity:0;
}

.cs-switch__input:checked ~ .cs-switch__toggle::after{
  opacity:1;
}

.cs-switch__knob{
  position:relative;
  z-index:1;
  display:block;
  width:16px;
  height:16px;
  border-radius:50%;
  background-color:#fff;
  box-shadow:rgba(30,55,94,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;
}

.cs-switch__input:checked ~ .cs-switch__toggle .cs-switch__knob{
  transform:translateX(14px);
}

.cs-switch__input:focus-visible ~ .cs-switch__toggle{
  box-shadow:0 0 0 2px #4b91fe,inset 0 0 0 2px rgba(255,255,255,.9);
}

.cs-required{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:36px;
}

.cs-required__text{
  font-size:15px;
  line-height:24px;
  font-weight:var(--fw-425);
  letter-spacing:.2px;
  color:#465367;
}

.cs-tipbtn{
  position:relative;
  display:flex;
  flex:none;
  align-items:center;
  width:36px;
  height:36px;
  margin:0 0 0 4px;
  padding:8px;
  border:0;
  background:transparent;
  color:#465367;
  cursor:pointer;
}

.cs-tipbtn svg{
  display:block;
  width:20px;
  height:20px;
  fill:#8f9db2;
}

.cs-tipbtn__mark{
  fill:none;
  stroke:#8f9db2;
  stroke-width:1.9;
}

.cs-tipbtn::before{
  content:"";
  position:absolute;
  top:6px;
  right:6px;
  bottom:6px;
  left:6px;
  border-radius:50%;
  box-shadow:0 0 0 2px #4b91fe,inset 0 0 0 2px rgba(255,255,255,.9);
  opacity:0;
}

.cs-tipbtn--row{
  width:32px;
  height:32px;
  margin:0 0 -8px;
  top:-3px;
  color:#112441;
}

.cs-tipbtn--row svg{
  width:16px;
  height:16px;
}

.cs-tipbtn--row::before{
  top:6px;
  right:6px;
  bottom:6px;
  left:6px;
}

.cs-tipbtn:focus-visible{
  outline:0;
}

.cs-tipbtn:focus-visible::before{
  opacity:1;
}

.cs-tip{
  position:absolute;
  top:0;
  left:0;
  z-index:999999;
  box-sizing:border-box;
  width:fit-content;
  max-width:290px;
  padding:12px 16px;
  border:1px solid #fff;
  border-radius:8px;
  background-color:#fff;
  box-shadow:0 30px 60px -12px rgba(30,55,94,.25),0 18px 36px -18px rgba(0,0,0,.3);
  font-size:15px;
  line-height:20px;
  font-weight:var(--fw-300);
  letter-spacing:.2px;
  color:#465367;
  word-break:break-word;
  opacity:0;
  transform:scale(0);
  pointer-events:none;
}

.cs-tip.is-open{
  opacity:1;
  transform:none;
}

.cs-tip::before{
  content:"";
  position:absolute;
  top:100%;
  left:0;
  right:0;
  height:12px;
}

.cs-tip::after{
  content:"";
  position:absolute;
  top:100%;
  left:var(--tip-pointer,calc(50% - 13px));
  box-sizing:border-box;
  width:0;
  height:0;
  border-style:solid;
  border-width:12px 12px 0;
  border-color:#fff transparent transparent;
}

.cs-table-box{
  container-type:inline-size;
}

.cs-table-box[hidden]{
  display:none;
}

.cs-table-bleed{
  margin:0 -16px;
  overflow:hidden;
}

.cs-table-track{
  padding:0 0 16px;
  overflow-x:scroll;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}

.cs-table-track::-webkit-scrollbar{
  display:none;
}

.cs-table{
  display:block;
  width:100%;
  max-width:1080px;
  margin:0 0 24px;
  border-collapse:separate;
  font-size:15px;
  line-height:24px;
  font-weight:var(--fw-300);
  color:#465367;
}

.cs-table--list{
  --cs-col:calc(90cqw - 3.2px);
  width:max-content;
  min-width:100%;
  max-width:none;
  margin:0;
  padding:0 16px;
}

.cs-table__head{
  display:block;
}

.cs-table__body{
  position:relative;
  display:block;
  padding:4px 0;
}

.cs-table--list .cs-table__body{
  margin:0 0 8px;
}

.cs-table__body::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  border-radius:8px;
  background-color:#fff;
  box-shadow:0 6px 12px -2px rgba(30,55,94,.25),0 3px 7px -3px rgba(0,0,0,.3);
}

.cs-table__row{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.cs-table--list .cs-table__row{
  grid-template-columns:repeat(3,var(--cs-col));
}

.cs-table--list .cs-table__head .cs-table__row{
  align-items:start;
}

.cs-table__th{
  display:block;
  margin:0;
  padding:0 12px 10px;
  font-weight:var(--fw-425);
  color:#112441;
  text-align:left;
}

.cs-table__th--name{
  display:none;
}

.cs-table__name{
  position:relative;
  z-index:1;
  display:block;
  grid-column:1 / -1;
  margin:0;
  padding:12px 16px 12px 12px;
  font-weight:var(--fw-425);
  color:#112441;
  text-align:left;
}

.cs-table__name::before{
  content:"";
  position:absolute;
  top:0;
  right:4px;
  left:4px;
  height:48px;
  border-radius:4px;
  background-color:#f6f9fc;
}

.cs-table__content{
  position:relative;
  display:flex;
  align-items:center;
}

.cs-table__title{
  position:sticky;
  left:16px;
  display:block;
  max-width:calc(100vw - 44px);
  overflow:hidden;
  font-weight:var(--fw-425);
  overflow-wrap:break-word;
}

.cs-table__cell{
  position:relative;
  display:flex;
  align-items:center;
  min-height:48px;
  padding:12px;
  scroll-snap-align:center;
}

.cs-table--list .cs-table__cell + .cs-table__cell::before{
  content:"";
  position:absolute;
  top:8px;
  bottom:8px;
  left:0;
  width:1px;
  background-color:rgba(52,75,112,.06);
}

.cs-table__cell--note{
  grid-column:1 / -1;
}

.cs-saved{
  position:absolute;
  top:100%;
  left:0;
  margin:16px 0 0;
  padding:0 16px;
  font-size:15px;
  line-height:24px;
  font-weight:var(--fw-425);
  letter-spacing:.2px;
  color:#609eff;
  opacity:0;
  pointer-events:none;
}

.cs-saved.is-visible{
  opacity:1;
}

@media (min-width:600px){
  .cs-rows{
    row-gap:48px;
  }

  .cs-copy__header,
  .cs-copy__body{
    padding-right:64px;
  }

  .cs-copy__title{
    font-size:26px;
    line-height:36px;
    letter-spacing:normal;
  }

  .cs-table--list{
    --cs-col:calc(45cqw - 1.6px);
  }
}

@media (min-width:750px){
  .cs-table--list{
    width:100%;
  }

  .cs-table--list .cs-table__row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .cs-rows{
    row-gap:64px;
  }

  .cs-cols{
    grid-template-columns:minmax(0,3fr) minmax(0,1fr);
  }

  .cs-copy__header,
  .cs-copy__body{
    padding-right:112px;
  }

  .cs-table__body::before{
    left:25%;
  }

  .cs-table__row,
  .cs-table--list .cs-table__row{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .cs-table__th--name{
    display:block;
  }

  .cs-table__name{
    grid-column:auto;
    padding-right:32px;
  }

  .cs-table__name::before{
    content:none;
  }

  .cs-table--list .cs-table__body .cs-table__row:nth-child(even)::before{
    content:"";
    position:absolute;
    top:0;
    right:4px;
    bottom:0;
    left:calc(25% + 4px);
    border-radius:4px;
    background-color:#f6f9fc;
  }

  .cs-table--list .cs-table__body .cs-table__row:nth-child(even) .cs-table__name{
    background-image:linear-gradient(90deg,rgba(125,154,198,0),rgba(125,154,198,.075));
  }

  .cs-table__cell--note{
    grid-column:2 / -1;
  }
}

@media (min-width:1112px){
  .cs-copy__title.cs-copy__title--hero{
    font-size:38px;
    line-height:48px;
    letter-spacing:-.2px;
  }
}

@media (prefers-reduced-motion:no-preference){
  .cs-link,
  .cs-expand{
    transition:color .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);
  }

  .cs-expand__arrow{
    transition:transform .25s;
  }

  .cs-switch__toggle::after{
    transition:opacity .25s;
  }

  .cs-switch__knob{
    transition:transform .25s;
  }

  .cs-tipbtn::before{
    transition:opacity .15s cubic-bezier(.215,.61,.355,1);
  }

  .cs-tip.is-open{
    transition:opacity .25s;
  }

  .cs-saved{
    transition:opacity .25s;
  }
}

.cs-page .site-header{
  background-color:#fff;
}

.cs-page .site-header::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:16px;
  right:16px;
  max-width:1080px;
  margin-inline:auto;
  pointer-events:none;
  background-image:linear-gradient(rgba(52,75,112,.06),rgba(52,75,112,.06)),linear-gradient(rgba(52,75,112,.06),rgba(52,75,112,.06));
  background-size:1px 100%,1px 100%;
  background-position:0 0,100% 0;
  background-repeat:no-repeat;
}

.cs-page .site-header::after{
  content:"";
  position:absolute;
  top:75px;
  right:0;
  left:0;
  height:1px;
  pointer-events:none;
  background-image:linear-gradient(90deg,rgba(52,75,112,.09) 50%,transparent 0);
  background-size:8px 1px;
}

.cs-page .site-nav__bg{
  display:none;
}

.cs-page .site-trigger,
.cs-page .site-link{
  color:#112441;
}

.cs-page .site-trigger:hover,
.cs-page .site-link:hover{
  color:#0b1a32;
}

@media (min-width:600px){
  .cs-page .site-header::before{
    background-image:linear-gradient(rgba(52,75,112,.06),rgba(52,75,112,.06)),linear-gradient(rgba(52,75,112,.06),rgba(52,75,112,.06)),linear-gradient(rgba(52,75,112,.09) 50%,transparent 0);
    background-size:1px 100%,1px 100%,1px 8px;
    background-position:0 0,100% 0,50% 0;
    background-repeat:no-repeat,no-repeat,repeat-y;
  }
}

@media (min-width:900px){
  .cs-page .site-header::before{
    background-image:linear-gradient(rgba(52,75,112,.06),rgba(52,75,112,.06)),linear-gradient(rgba(52,75,112,.06),rgba(52,75,112,.06)),linear-gradient(rgba(52,75,112,.09) 50%,transparent 0),linear-gradient(rgba(52,75,112,.09) 50%,transparent 0),linear-gradient(rgba(52,75,112,.09) 50%,transparent 0);
    background-size:1px 100%,1px 100%,1px 8px,1px 8px,1px 8px;
    background-position:0 0,100% 0,25% 0,50% 0,75% 0;
    background-repeat:no-repeat,no-repeat,repeat-y,repeat-y,repeat-y;
  }
}

@media (min-width:940px){
  .cs-page .site-nav{
    gap:20px;
    max-width:1080px;
    padding-inline:16px;
  }

  .cs-page .site-menu__list{
    column-gap:1px;
  }

  .cs-page .site-trigger,
  .cs-page .site-link{
    padding:12px 12px 14px;
  }

  .cs-page .site-trigger::after,
  .cs-page .site-link::after{
    margin-inline:0;
  }

  .cs-page .site-actions{
    column-gap:16px;
    align-items:center;
  }

  .cs-page .site-actions .btn-frame{
    top:-.5px;
    height:auto;
    min-height:0;
    padding:3px 0 5px;
    border:0;
    border-radius:0;
    overflow:visible;
    background-color:transparent;
    font-size:15px;
    line-height:24px;
    font-weight:var(--fw-425);
    letter-spacing:.2px;
    color:#0070fb;
  }

  .cs-page .site-actions .btn-frame__mask{
    display:none;
  }

  .cs-page .site-actions .btn-frame::after{
    content:"";
    position:relative;
    inset:auto;
    top:1px;
    flex:none;
    width:10px;
    height:10px;
    border-radius:0;
    box-shadow:none;
    background-color:currentColor;
    clip-path:polygon(23.1% 1.9%,66.1% 45%,23.1% 88.1%,8.9% 73.9%,37.9% 45%,8.9% 16.1%);
  }

  .cs-page .site-actions .btn-frame::before{
    content:"";
    position:absolute;
    top:15.5px;
    right:1.8px;
    width:7.3px;
    height:2px;
    background-color:currentColor;
    opacity:0;
    pointer-events:none;
  }

  .cs-page .site-actions .btn-frame:hover::before{
    opacity:1;
  }

  .cs-page .site-actions .btn-frame:hover::after{
    transform:translateX(3px);
  }

  .cs-page .site-nav:not(:hover):not(.site-nav--open) .site-actions .btn-frame__label{
    opacity:1;
  }

  .cs-page .site-actions .btn-frame:hover{
    border:0;
    background-color:transparent;
    color:#0b1a32;
    opacity:.6;
  }

  .cs-page .site-actions .btn-primary{
    height:auto;
    min-height:0;
    padding:3px 12px 6px 16px;
    border-radius:16.5px;
    font-size:15px;
    line-height:24px;
    font-weight:var(--fw-425);
    letter-spacing:.2px;
    color:#fff;
    background-color:#0070fb;
  }

  .cs-page .site-actions .btn-primary:hover{
    background-color:#112441;
    opacity:.6;
  }

  .cs-page .site-nav:has(.site-trigger[aria-expanded="true"]) .site-actions .btn-primary{
    background-color:#112441;
  }

  .cs-page .site-nav:has(.site-trigger[aria-expanded="true"]) .site-actions .btn-frame{
    color:var(--color-text-subdued);
  }
}

@media (min-width:940px) and (prefers-reduced-motion:no-preference){
  .cs-page .site-actions .btn-frame::before{
    transition:opacity var(--dur-ui) var(--ease-ui);
  }

  .cs-page .site-actions .btn-frame::after{
    transition:transform var(--dur-ui) var(--ease-ui);
  }
}

@media (max-width:939px){
  .cs-page{
    --navigation-height:74px;
  }

  .cs-page .site-header{
    padding-bottom:6px;
  }

  .cs-page .site-header::after{
    top:73px;
  }

  .cs-page .site-header__layout{
    padding:16px 24px 12px;
  }

  .cs-page .site-nav{
    height:40px;
    max-width:none;
    padding:0;
  }

  .cs-page .site-mm,
  .cs-page .site-mm-overlay{
    top:74px;
  }

  .cs-page .site-toggle{
    border-radius:6px;
    background-color:#0070fb;
  }

  .cs-page .site-toggle svg{
    fill:#fff;
  }

  .cs-page .site-toggle__bg,
  .cs-page .site-toggle:not([aria-expanded="true"]):hover .site-toggle__bg{
    fill:#0070fb;
  }

  .cs-page .site-toggle[aria-expanded="true"] .site-toggle__bg{
    fill:transparent;
  }

  .cs-page .site-toggle[aria-expanded="true"]:hover{
    background-color:#0070fb;
  }
}