:root{
    --spacing-0:0rem;
    --spacing-px:1px;
    --spacing-0-5:2px;
    --spacing-1:.125rem;
    --spacing-2:.5rem;
    --spacing-3:.75rem;
    --spacing-4:1rem;
    --spacing-5:1.25rem;
    --spacing-6:1.5rem;
    --spacing-7:1.75rem;
    --spacing-8:2rem;
    --spacing-9:2.25rem;
    --spacing-10:2.5rem;
    --spacing-11:2.75rem;
    --spacing-12:3rem;
    --spacing-13:3.25rem;
    --spacing-14:3.5rem;
    --spacing-15:3.75rem;
    --spacing-16:4rem;
    --spacing-17:4.25rem;
    --spacing-18:4.5rem;
    --spacing-19:4.75rem;
    --spacing-20:5rem;
    --spacing-21:5.25rem;
    --spacing-22:5.5rem;
    --spacing-23:5.75rem;
    --spacing-24:6rem;
    --spacing-25:6.25rem;
    --spacing-26:6.5rem;
    --spacing-27:6.75rem;
    --spacing-28:7rem;
    --spacing-29:7.25rem;
    --spacing-30:7.5rem;
    --spacing-31:7.75rem;
    --spacing-32:8rem;
    --spacing-33:8.25rem;
    --spacing-34:8.5rem;
    --spacing-35:8.75rem;
    --spacing-36:9rem;
    --spacing-37:9.25rem;
    --spacing-38:9.5rem;
    --spacing-39:9.75rem;
    --spacing-40:10rem;
    --font-heading:"Rethink Sans", system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-default:"Onest", system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --background-default:#fff;
    --background-elevated:#fafafa;
    --background-focus:#EEF2FE;
    --black-color:#111720;
    --primary-color:#2563eb;
    --dark-blue:#162840;
    --text-loud:var(--dark-blue);
    --text-normal:#585a65;
    --text-muted:#7c8494;
    --default-spacing:2.5rem;
    --transition-easeOutSin:cubic-bezier(.165, .84, .44, 1);
    --transition-easeInQuart:cubic-bezier(.5, 0, .75, 0);
    --transition-expo-out:linear(0, .1684 2.66%, .3165 5.49%, .446 8.52%, .5581 11.78%, .6535 15.29%, .7341 19.11%, .8011 23.3%, .8557 27.93%, .8962 32.68%, .9283 38.01%, .9529 44.08%, .9711 51.14%, .9833 59.06%, .9915 68.74%, 1);
    --divider-color:rgba(45, 45, 45, .1);
    --button-primary-background:#000;
    --button-primary-textColor:white;
    --button-secondary-textColor:var(--primary-color);
    --border-color-default:var(--divider-color);
    --container-maxWidth:80rem;
    --container-vertical-padding:var(--spacing-3);
    --container-horizontal-padding:var(--spacing-40);
    --copy-max-width:50rem
}
@media(min-width:768px){
    :root{
        --default-spacing:4.688rem
    }
}
@media(min-width:768px){
    :root{
        --container-vertical-padding:var(--spacing-8)
    }
}
img{
    min-width:0;
    width:100%;
    object-fit:contain
}
.hiddenScrollbar::-webkit-scrollbar{
    display:none
}
.hiddenScrollbar{
    -ms-overflow-style:none;
    scrollbar-width:none
}
.container{
    padding-block:var(--default-spacing)
}
.container--no-top-padding{
    padding-block:0 var(--default-spacing)
}
.container--no-bottom-padding{
    padding-block:var(--default-spacing)0
}
.wrapper{
    max-width:var(--container-maxWidth);
    margin-inline:auto;
    padding-inline:var(--container-vertical-padding)
}
.visually-hidden{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    border:0;
    padding:0;
    white-space:nowrap;
    clip-path:inset(100%);
    clip:rect(0 0 0 0);
    overflow:hidden
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--font-heading)
}
body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:clip;
    background:var(--background-elevated);
    min-height:100dvh
}
.hidden{
    display:none
}
.flex{
    display:flex
}
.space-x-default>*:not(:first-child){
    margin-top:var(--spacing-4)
}
.divider-h{
    width:1px;
    height:var(--spacing-6);
    background:var(--border-color-default);
    border:none
}
.highlight{
    color:var(--primary-color)
}
.divider-v{
    width:var(--spacing-6);
    height:1px;
    background:var(--border-color-default);
    border:none
}
html{
    font-family:var(--font-default);
    background-color:var(--background-default)
}
code{
    font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace
}
.navbar{
    z-index:20
}
.navbar--with-border{
    border-bottom:1px solid var(--border-color-default)
}
.navbar--with-bg{
    background:var(--background-default)
}
.navbar__logo{
    display:flex
}
.navbar__wrapper{
    display:grid;
    align-items:center;
    padding-block:1rem;
    justify-content:space-between;
    grid-template-columns:1fr 5fr
}
@media(min-width:768px){
    .navbar__wrapper{
        grid-template-columns:1fr 2fr 1fr
    }
}
.navbar__cta{
    display:flex;
    align-items:center;
    gap:1em;
    justify-content:end
}
@media(min-width:76px){
    .navbar__cta a:first-child{
        display:none
    }
}
.search-form{
    border-radius:.375rem;
    background:#f7f8fa;
    height:44px;
    padding-inline:1.375rem;
    align-items:center;
    justify-content:space-between;
    display:none
}
.search-form>*{
    flex-shrink:0
}
@media(min-width:76px){
    .search-form{
        display:flex;
        gap:.5rem
    }
}
.search-form__input{
    border:none;
    flex-grow:1;
    background:0 0;
    color:var(--text-loud);
    font-size:.875rem;
    font-style:normal;
    height:100%;
    font-weight:500;
    line-height:normal;
    letter-spacing:-.0175rem
}
.search-form__input::placeholder{
    color:var(--text-muted)
}
.search-form__input:focus{
    outline:none
}
.search-form__button{
    color:var(--text-base,#111720);
    text-align:center;
    font-size:.875rem;
    font-style:normal;
    font-weight:500;
    line-height:normal;
    letter-spacing:-.0175rem;
    display:flex;
    align-items:center;
    gap:.5rem;
    justify-content:center
}
.btn{
    --shadow:0px 1px 2px rgba(0, 0, 0, .5);
    --border-w:0px;
    border:none;
    display:flex;
    text-align:center;
    justify-content:center;
    align-items:center;
    gap:.5em;
    border-radius:6.1875rem;
    font-size:1rem;
    font-style:normal;
    font-weight:500;
    line-height:1rem;
    position:relative
}
.btn--accent{
    background:var(--primary-color)
}
.btn--small{
    font-size:.875rem;
    padding:.375rem .9375rem
}
.btn--medium{
    padding:.625rem 1.125rem
}
.btn--large{
    padding:.625rem 1.25rem
}
.btn--centered{
    margin-inline:auto
}
.btn--primary,.btn--blue{
    color:var(--button-primary-textColor);
    text-shadow:var(--shadow);
    transition:filter .25s ease-out
}
.btn--primary svg,.btn--blue svg{
    filter:drop-shadow(var(--shadow))
}
.btn--primary:hover,.btn--blue:hover{
    filter:brightness(1.2)
}
.btn--primary{
    background:linear-gradient(0deg,#fff0,#ffffff1f),var(--text-base,#111720);
    box-shadow:0 0 0 1px #000
}
.btn--blue{
    background:linear-gradient(0deg,#fff0,#ffffff1f),#1b6de8;
    box-shadow:0 0 0 1px #0d418d
}
.btn--ghost{
    border-radius:6.1875rem;
    background:var(--color-white-100,var(--background-default));
    box-shadow:0 1px 1px #1e1e1e26,0 0 0 1px #dcdfe3
}
.btn--secondary{
    color:var(--button-secondary-textColor);
    padding-inline:0;
    transition:box-shadow .5s var(--transition-easeOutSin);
    text-decoration:underline dashed var(--primary-color);
    text-underline-offset:8px
}
.btn:before{
    content:"";
    position:absolute;
    inset:calc(0px - var(--border-w));
    border-radius:99px;
    padding:1px;
    background:linear-gradient(180deg,#ffffff50,#fff0);
    -webkit-mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude
}