/* Existing cabinet header, scoped to the landing so the page content is untouched.
   The original glossy controls are supplied by header-controls.css. */
.home-header{--ease:cubic-bezier(.22,.8,.2,1);--purple:#9f66ff;--ok:#81e5b1}
.home-header header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(8,8,11,.72);backdrop-filter:blur(18px)}
.home-header .brand{display:flex;align-items:center;gap:13px;min-width:220px;width:auto}
.home-header .brand-crop{width:42px;height:46px;overflow:hidden;position:relative;flex:0 0 auto}
.home-header .brand-crop img{position:absolute;width:118px;height:118px;max-width:none;left:-38px;top:-12px}
.home-header .brand-type{font-size:15px;line-height:1.08;letter-spacing:.13em;font-weight:800}
.home-header .brand-type small{display:block;margin-top:5px;font-size:9px;color:#9894a4;letter-spacing:.19em;font-weight:600}
.home-header .topnav{display:grid;grid-template-columns:repeat(2,minmax(108px,1fr));position:relative;isolation:isolate}
.home-header .topnav:before{content:"";position:absolute;z-index:-1;inset:4px auto 4px 4px;width:calc(50% - 6px);border-radius:999px}
.home-header .navbtn{display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;white-space:nowrap;transition:color .35s var(--ease),transform .18s var(--ease)}
.home-header .navbtn:active{transform:scale(.97)}
.home-header .connection-status{display:flex;align-items:center;justify-content:center;min-width:0}
.home-header .connection-chip{white-space:nowrap;user-select:none}
.home-header .demo-chip{display:flex;align-items:center;gap:8px;color:#9894a4;font-size:13px;white-space:nowrap;flex-shrink:0}
.home-header .demo-chip i{width:7px;height:7px;border-radius:50%;background:#9f66ff;box-shadow:0 0 14px #9f66ff}
@media(max-width:1180px){
 .home-header header{height:auto;min-height:80px;gap:20px;flex-wrap:wrap;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left))}
 .home-header .demo-chip{margin-left:auto}
 .home-header .connection-status{order:4;flex:1 0 100%;width:100%;max-width:100%;flex-wrap:wrap}
}
@media(min-width:761px) and (max-width:860px){
 .home-header .brand{min-width:0;margin-right:auto}
 .home-header .demo-chip{margin-left:0}
 .home-header .topnav{order:3;flex:0 0 280px;width:280px;max-width:100%;margin-inline:auto}
}
@media(max-width:760px){.home-header .demo-chip{width:100%;justify-content:center;margin-left:0}}
@media(max-width:640px){
 .home-header .brand{min-width:0}
 .home-header .brand-crop{width:35px;height:40px}
 .home-header .brand-crop img{width:105px;height:105px;left:-35px;top:-11px}
 .home-header .brand-type{font-size:12px}
 .home-header .brand-type small{display:none}
}
@media(max-width:480px){
 .home-header header{gap:16px;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}
 .home-header .topnav{width:100%}
 .home-header .connection-status{justify-content:flex-start}
}