.header{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0));color:var(--color-white);padding:1rem 0;position:fixed;transition:background 1s ease-in-out;z-index:var(--z-index-header)}.header,.header:after{left:0;top:0;width:100%}.header:after{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.9));content:"";display:block;height:100%;opacity:0;position:absolute;transition:opacity .3s ease-in-out;z-index:-1}.header__logo{max-height:1.875rem}.header__logo svg:last-child{display:none}@media (min-width:375px){.header__logo svg:first-child{display:none}.header__logo svg:last-child{display:block}}.header-scrolled .header:after{opacity:1}.header__inner{align-items:center;display:flex;justify-content:space-between;padding:0 1.5rem}.header__branding{display:grid;gap:1.5rem;grid-template-columns:repeat(2,max-content)}.header__menu-toggle{all:unset;align-items:center;cursor:pointer;display:flex;justify-content:center;margin:0;position:relative;z-index:100}.header__menu-toggle svg:first-child{display:none}.header__menu-toggle svg:last-child{display:block}@media (min-width:900px){.header__menu-toggle{display:none}}.header__actions{display:flex;gap:2rem}.header__actions a:first-of-type{display:none}@media (min-width:900px){.header__actions a:first-of-type{display:flex}}.header__menu{background:var(--color-white);bottom:0;display:none;height:100%;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%}.header__menu .nav{display:flex;flex-direction:column;height:100%;padding-top:7.5rem}body.menu-open .header__menu,body.menu-open .header__menu-toggle svg:first-child{display:block}body.menu-open .header__menu-toggle svg:last-child{display:none}.header__menu .nav__list{flex-direction:column;gap:1rem;justify-content:center;padding:1rem}.header__menu .nav__list-item a{justify-content:center}.nav{display:none}@media (min-width:900px){.nav{display:block}}.nav__list{display:flex;list-style-type:none;padding:0}.nav__list a{color:var(--color-blue-500);font-size:var(--font-size-medium);gap:.5rem;padding:0 1rem}.button,.nav__list a{align-items:center;display:flex;font-weight:var(--font-weight-bold)}.button{--button-background:var(--color-green-100);--button-text-color:var(--color-blue-500);--button-padding-horizontal:2rem;background:var(--button-background);border-radius:2rem;color:var(--button-text-color);cursor:pointer;font-size:var(--font-size-normal);gap:1rem;justify-content:center;line-height:1;padding:18px var(--button-padding-horizontal);text-align:center;text-decoration:none;transition:all .3s ease-in-out;white-space:normal}.button--primary:hover{--button-background:var(--color-green-200)}.button--secondary{--button-background:var(--color-blue-500);--button-text-color:var(--color-white)}.button--secondary:hover{--button-background:var(--color-blue-400)}.button--ghost{--button-background:transparent;--button-text-color:var(--color-blue-500);--button-padding-horizontal:0}.button:disabled{background-color:#d0d0d0;border-color:#d0d0d0;color:#e6e6e6}.button:active,.button:focus,.button:hover{text-decoration:none}.button svg{position:relateive;transform:translateX(0);transition:all .3s ease-in-out}.button:hover svg{transform:translateX(.25rem)}