/* Explicit entry points, scoped to public marketing headers and home hero. */
.header.signup-header .nav{display:grid;grid-template-columns:auto 1fr auto;gap:22px;height:86px}
.signup-header .nav nav{display:flex;justify-content:center;gap:22px;min-width:0}
.signup-header .nav nav a{font-size:13px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.signup-header .signup-actions{display:flex;align-items:center;gap:10px}
.signup-header .signup-actions .button{font-size:13px;padding:12px 16px;min-height:46px;white-space:nowrap;gap:8px}
.signup-header .signup-actions .demo-entry{background:#fff;border:1px solid #b8c7e7;color:#244a98;box-shadow:none}
.signup-header .signup-actions .demo-entry:hover{background:#eef3ff;border-color:#315ee8}
.signup-header .mobile-signin{display:none}
.signup-header .signup-actions .icon{width:18px;height:18px;flex:none}
.hero .signup-hero-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;max-width:390px}
.hero .signup-hero-actions>.button{width:100%;font-size:15px;min-height:54px;justify-content:center}
.hero .signup-hero-actions>.demo-entry{background:#fff;border:1px solid #b8c7e7;color:#244a98;box-shadow:none}
.hero .signup-hero-actions>.demo-entry:hover{background:#eef3ff;border-color:#315ee8}
.hero .signup-demo-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px}
@media(max-width:1100px){
 .header.signup-header .nav{height:auto;min-height:112px;grid-template-columns:1fr auto;gap:8px 14px;padding-block:10px}
 .signup-header .nav nav{display:none}
 .signup-header .mobile-signin{display:inline-flex;align-items:center;justify-content:flex-end;min-height:32px;font-size:13px;color:var(--muted);font-weight:700}
 .signup-header .signup-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .signup-header .signup-actions .button{width:100%;justify-content:center;min-height:44px;font-size:14px;padding:10px 12px}
 html:has(.signup-header){scroll-padding-top:140px}
}
@media(max-width:760px){
 .signup-header .nav .logo{font-size:21px}
 .signup-header .signup-actions .button{font-size:13px;padding-inline:8px;gap:6px}
 .hero:has(.signup-hero-actions){padding-top:25px}
 .hero .signup-hero-actions{max-width:none;margin-top:20px}
 .hero .signup-hero-actions>.button{font-size:15px;min-height:52px}
}
@media(max-width:380px){
 .header.signup-header .nav{width:calc(100% - 28px)}
 .signup-header .signup-actions{gap:8px}
 .signup-header .signup-actions .button{font-size:12px;padding-inline:6px}
 .signup-header .signup-actions .icon{width:16px;height:16px}
}

/* Header actions stay anchored: feedback comes from color and elevation. */
.signup-header .signup-actions .button{transform:none;animation:none;transition:background-color 160ms ease-out,border-color 160ms ease-out,box-shadow 160ms ease-out,color 160ms ease-out}
.signup-header .signup-actions .button:hover{transform:none}
.signup-header .signup-actions .button:focus-visible{outline:3px solid #8eaaff;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 .signup-header .signup-actions .button:hover{box-shadow:0 3px 10px rgba(36,74,152,.16)}
 .signup-header .signup-actions .demo-entry:hover{box-shadow:0 2px 8px rgba(36,74,152,.09)}
}
.signup-header .signup-actions .button:active{transform:none;box-shadow:inset 0 1px 3px rgba(16,35,73,.18);transition-duration:70ms}
@media(prefers-reduced-motion:reduce){.signup-header .signup-actions .button{transition:none}}