.home-header { position: sticky; z-index: 9000; top: 0; max-width: none; padding-right: max(24px,calc((100vw - 1172px)/2)); padding-left: max(24px,calc((100vw - 1172px)/2)); border-bottom: 1px solid #e5e1f0cc; background: #faf9fff0; box-shadow: 0 7px 24px #30235f0b; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: height .24s ease,background .24s ease,box-shadow .24s ease; }
.home-header .home-brand-mark,.home-header .home-brand strong,.home-header .home-brand small,.home-header nav,.home-header .home-button { transition: width .24s ease,height .24s ease,padding .24s ease,font-size .24s ease,box-shadow .24s ease; }
.home-header.is-compact { height: 60px; background: #fffefa; box-shadow: 0 9px 28px #30235f16; }
.home-header.is-compact .home-brand-mark { width: 35px; height: 35px; border-radius: 10px; font-size: .95rem; }
.home-header.is-compact .home-brand strong { font-size: .94rem; }
.home-header.is-compact .home-brand small { font-size: .64rem; }
.home-header.is-compact nav { gap: 20px; font-size: .82rem; }
.home-header.is-compact .home-button { padding: 9px 15px; }
.home-header nav a.nav-active { position: relative; color: var(--purple); }
.home-header nav a.nav-active::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 3px; border-radius: 99px; background: linear-gradient(90deg,var(--purple),var(--pink)); content: ""; }
@media (max-width:560px) { .home-header { padding-right: 16px; padding-left: 16px; } }
@media (max-width:380px) { .home-header .home-brand small { display: none; } .home-header .home-brand-mark { width: 38px; height: 38px; } .home-header nav { gap: 5px; } .home-header nav .home-button { padding: 9px 10px; font-size: .76rem; } }