.site-header{position:relative;z-index:20;min-height:84px;padding:1rem var(--pad);background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.site-nav a:not(.nav-login):not(.button){opacity:.82}.site-nav a.button{opacity:1}
.hero{min-height:calc(100svh - 84px)}.hero-content{margin-top:0}
.hero-actions .button{text-decoration:none}.text-link{border:0;background:transparent;cursor:pointer}

@media(max-width:900px){.site-nav{color:#fff}.menu-toggle span:not(.sr-only){transition:transform .2s ease}.site-header.menu-open .menu-toggle{color:#fff}.site-header.menu-open .menu-toggle span:first-child{transform:translateY(5px) rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){transform:translateY(-5px) rotate(-45deg)}}
@media(max-width:560px){.site-header{min-height:62px;padding:0 1rem}.site-header .brand-logo-public{height:44px;width:132px}.demo-page .demo-shell,.demo-page .demo-story{min-height:calc(100svh - 62px)}}